Template:Note/styles.css: Difference between revisions
Lexisother (talk | contribs) m Update the icon URLs |
Lexisother (talk | contribs) m Vertically center the note text |
||
(2 intermediate revisions 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 | padding: 0.5em 0.5em 0.5em 10px; | ||
margin: 0.5em 0; | margin: 0.5em 0; | ||
overflow: hidden; | overflow: hidden; | ||
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 { | ||
Line 15: | Line 20: | ||
.note-info { | .note-info { | ||
background-color: #f6efe5; | background-color: #f6efe5; | ||
border-color: #ac6600; | border-color: #ac6600; | ||
min-height: 28px; | min-height: 28px; | ||
} | } | ||
.note-reminder { | .note-reminder { | ||
background-color: #fff9ea; | background-color: #fff9ea; | ||
border-color: #fc3; | border-color: #fc3; | ||
min-height: 28px; | min-height: 28px; | ||
Line 32: | Line 30: | ||
.note-warn { | .note-warn { | ||
background-color: #fff9ea; | background-color: #fff9ea; | ||
border-color: #fc3; | border-color: #fc3; | ||
min-height: 28px; | min-height: 28px; | ||
Line 41: | Line 36: | ||
.note-error { | .note-error { | ||
background-color: #fee7e6; | background-color: #fee7e6; | ||
border-color: #c33; | border-color: #c33; | ||
min-height: 28px; | min-height: 28px; | ||
} | } |
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;
}