Template:Note/styles.css: Difference between revisions

[checked revision][pending revision]
Content deleted Content added
Caleb Cooper changed the content model of the page Template:Note/styles.css from "Sanitized CSS" to "CSS"
No edit summary
 
(17 intermediate revisions by 2 users not shown)
Line 1:
.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;
min-height: 28px;
.note-inline {
display: inline-block;
vertical-align: middle;
}
 
.note-info {
.note-inline div {
background-color: #f6efe5;
display: flex;
/* [[File:OOjs_UI_icon_reference_20_ac6600.svg]] */
justify-content: center;
background-image: url(https://upload.wikimedia.org/wikipedia/commons/d/d5/OOjs_UI_icon_reference_20_ac6600.svg);
align-items: center;
background-size: 25px;
bordermin-colorheight: #ac6600100%;
paddingvertical-leftalign: 40pxmiddle;
min-height: 28px;
}
 
.note-reminder {
.note-info div div {
display: block !important;
overflow: auto;
vertical-align: middle;
 
.back-palegreen {
background-color: #f8f9faf2f9f8;
border-color: #a7d7f9;
}
.back-yellow {
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-error {
.back-yellow-teal-boarder {
background-repeatcolor: no-repeat#fff9ea;
border-color: #008080;
}
 
.back-brown {
background-color: #f6efe5;
border-color: #ac6600;
}
 
.back-red {
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;
 
.back-pink {
background-sizecolor: 25px#FFFAFE;
border-color: #c33;
}
 
.back-orange {
background-sizecolor: 25px#ffe7bf;
border-color: darkorange;
}
 
.back-clear-blue {
border-color: #a7d7f9;
}
 
.back-lightgrey {
background-sizecolor: 25px#F2F3F4;
border-color: darkgrey;
}
 
.back-clear-black {
border-color: black;
}
 
 
.back-yellow-purple-boarder {
background-color: #E6E6FA;
border-color: #663399;
}
 
.back-lavender-purple-boarder {
background-color: #E6E6FA;
border-color: #663399;
}
 
.back-cyan-sky-boarder {
background-color: #E0FFFF;
border-color: #00BFFF;
}
 
.back-green-darkgreen-boarder {
background-color: #CCFD7F;
border-color: #556B2F;
}