Template:Note/styles.css: Difference between revisions
Lexisother (talk | contribs) Stop using background-image for adding icons |
Lexisother (talk | contribs) m Vertically center the note text |
||
(One intermediate revision by the same user not shown) | |||
Line 1: | Line 1: | ||
/* Taken from https://www.mediawiki.org/w/index.php?title=Template:Note/styles.css&oldid=4199118 */ | /* Taken from https://www.mediawiki.org/w/index.php?title=Template:Note/styles.css&oldid=4199118 */ | ||
.note { | .note { | ||
display: flex; | |||
align-items: center; | |||
background-position: left 7px top 50%; | background-position: left 7px top 50%; | ||
padding: 0.5em 0.5em 0.5em 10px; | padding: 0.5em 0.5em 0.5em 10px; | ||
Line 8: | Line 10: | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
border: 1px solid #ddd; | border: 1px solid #ddd; | ||
} | |||
.note a { | |||
padding-right: 5px; | |||
} | } | ||
.note-inline { | .note-inline { |
Latest revision as of 17:09, 29 May 2023
/* Taken from https://www.mediawiki.org/w/index.php?title=Template:Note/styles.css&oldid=4199118 */
.note {
display: flex;
align-items: center;
background-position: left 7px top 50%;
padding: 0.5em 0.5em 0.5em 10px;
margin: 0.5em 0;
overflow: hidden;
background-color: #f8f9fa;
background-repeat: no-repeat;
border: 1px solid #ddd;
}
.note a {
padding-right: 5px;
}
.note-inline {
display: inline-block;
vertical-align: middle;
}
.note-info {
background-color: #f6efe5;
border-color: #ac6600;
min-height: 28px;
}
.note-reminder {
background-color: #fff9ea;
border-color: #fc3;
min-height: 28px;
}
.note-warn {
background-color: #fff9ea;
border-color: #fc3;
min-height: 28px;
}
.note-error {
background-color: #fee7e6;
border-color: #c33;
min-height: 28px;
}