Difference between revisions of "Template:InfoCard/cardStyles.css"

From Bergsbruk
Jump to navigation Jump to search
Tag: Reverted
Line 1: Line 1:
<div style="float:right; border:thin solid green;">
.note {
Here comes a short paragraph that is<br />
background-position: left 7px top 50%;
contained in a "div" element that is<br />
padding: 0.5em 0.5em 0.5em 40px;
floated to the right.
margin: 0.5em 0;
</div>
overflow: hidden;
background-color: #f8f9fa;
background-repeat: no-repeat;
border: 1px solid #ddd;
}
.note-inline {
display: inline-block;
vertical-align: middle;
}
.note-info {
background-color: #f6efe5;
/* [[File:OOjs_UI_icon_reference_20_ac6600.svg]] */
background-image: url(https://upload.wikimedia.org/wikipedia/commons/d/d5/OOjs_UI_icon_reference_20_ac6600.svg);
background-size: 25px;
border-color: #ac6600;
padding-left: 40px;
min-height: 28px;
}
.note-reminder {
background-color: #fff9ea;
/* [[File:OOjs_UI_icon_lightbulb-yellow.svg]] */
background-image: url(https://upload.wikimedia.org/wikipedia/commons/a/a8/OOjs_UI_icon_lightbulb-yellow.svg);
background-size: 25px;
border-color: #fc3;
min-height: 28px;
}
.note-warn {
background-color: #fff9ea;
/* [[File:OOjs_UI_icon_alert-warning.svg]] */
background-image: url(https://upload.wikimedia.org/wikipedia/commons/3/3b/OOjs_UI_icon_alert-warning.svg);
background-size: 25px;
border-color: #fc3;
min-height: 28px;
}
 
.note-error {
background-color: #fee7e6;
/* [[File:OOjs_UI_icon_notice-destructive.svg]] */
background-image: url(https://upload.wikimedia.org/wikipedia/commons/b/bf/OOjs_UI_icon_notice-destructive.svg);
background-size: 25px;
border-color: #c33;
min-height: 28px;
}

Revision as of 09:53, 19 July 2021

.note { background-position: left 7px top 50%; padding: 0.5em 0.5em 0.5em 40px; margin: 0.5em 0; overflow: hidden; background-color: #f8f9fa; background-repeat: no-repeat; border: 1px solid #ddd; } .note-inline { display: inline-block; vertical-align: middle; } .note-info { background-color: #f6efe5; /* File:OOjs UI icon reference 20 ac6600.svg */ background-image: url(https://upload.wikimedia.org/wikipedia/commons/d/d5/OOjs_UI_icon_reference_20_ac6600.svg); background-size: 25px; border-color: #ac6600; padding-left: 40px; min-height: 28px; } .note-reminder { background-color: #fff9ea; /* File:OOjs UI icon lightbulb-yellow.svg */ background-image: url(https://upload.wikimedia.org/wikipedia/commons/a/a8/OOjs_UI_icon_lightbulb-yellow.svg); background-size: 25px; border-color: #fc3; min-height: 28px; } .note-warn { background-color: #fff9ea; /* File:OOjs UI icon alert-warning.svg */ background-image: url(https://upload.wikimedia.org/wikipedia/commons/3/3b/OOjs_UI_icon_alert-warning.svg); background-size: 25px; border-color: #fc3; min-height: 28px; }

.note-error { background-color: #fee7e6; /* File:OOjs UI icon notice-destructive.svg */ background-image: url(https://upload.wikimedia.org/wikipedia/commons/b/bf/OOjs_UI_icon_notice-destructive.svg); background-size: 25px; border-color: #c33; min-height: 28px; }