MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
notes |
No edit summary |
||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
/* Note template styles - wiki-style info boxes */ | |||
.note { | .note { | ||
border: 1px solid #ccc; | border: 1px solid #ccc; | ||
border-left-width: 6px; | |||
background: #f9f9f9; | background: #f9f9f9; | ||
padding: | padding: 12px 16px; | ||
margin: | margin: 1em 0; | ||
border-radius: 4px; | border-radius: 4px; | ||
box-shadow: 0 1px 2px rgb(0 0 0 / 0.1); | |||
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; | |||
font-size: 14px; | |||
line-height: 1.4; | |||
} | } | ||
.note-info { | .note-info { | ||
border-color: #5bc0de; | border-left-color: #5bc0de; /* bright blue */ | ||
background: #d9edf7; | background: #d9edf7; | ||
color: #31708f; | color: #31708f; | ||
| Line 18: | Line 23: | ||
.note-error { | .note-error { | ||
border-color: #d9534f; | border-left-color: #d9534f; /* strong red */ | ||
background: #f2dede; | background: #f2dede; | ||
color: #a94442; | color: #a94442; | ||
| Line 24: | Line 29: | ||
.note-warn { | .note-warn { | ||
border-color: #f0ad4e; | border-left-color: #f0ad4e; /* orange */ | ||
background: #fcf8e3; | background: #fcf8e3; | ||
color: #8a6d3b; | color: #8a6d3b; | ||
| Line 30: | Line 35: | ||
.note-reminder { | .note-reminder { | ||
border-color: #5cb85c; | border-left-color: #5cb85c; /* green */ | ||
background: #dff0d8; | background: #dff0d8; | ||
color: #3c763d; | color: #3c763d; | ||
| Line 40: | Line 45: | ||
font-size: 90%; | font-size: 90%; | ||
vertical-align: middle; | vertical-align: middle; | ||
margin | margin: 0 0.3em; | ||
border-radius: 3px; | border-radius: 3px; | ||
border-left-width: 3px; | |||
box-shadow: none; | |||
} | |||
.note-inline.note-info { | |||
border-left-color: #5bc0de; | |||
background: #e1f0fa; | |||
color: #31708f; | |||
} | |||
.note-inline.note-error { | |||
border-left-color: #d9534f; | |||
background: #f8d7da; | |||
color: #a94442; | |||
} | |||
.note-inline.note-warn { | |||
border-left-color: #f0ad4e; | |||
background: #faf1d6; | |||
color: #8a6d3b; | |||
} | |||
.note-inline.note-reminder { | |||
border-left-color: #5cb85c; | |||
background: #d8e9d1; | |||
color: #3c763d; | |||
} | } | ||
Revision as of 01:35, 7 July 2025
/* CSS placed here will be applied to all skins */
/* Note template styles - wiki-style info boxes */
.note {
border: 1px solid #ccc;
border-left-width: 6px;
background: #f9f9f9;
padding: 12px 16px;
margin: 1em 0;
border-radius: 4px;
box-shadow: 0 1px 2px rgb(0 0 0 / 0.1);
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
font-size: 14px;
line-height: 1.4;
}
.note-info {
border-left-color: #5bc0de; /* bright blue */
background: #d9edf7;
color: #31708f;
}
.note-error {
border-left-color: #d9534f; /* strong red */
background: #f2dede;
color: #a94442;
}
.note-warn {
border-left-color: #f0ad4e; /* orange */
background: #fcf8e3;
color: #8a6d3b;
}
.note-reminder {
border-left-color: #5cb85c; /* green */
background: #dff0d8;
color: #3c763d;
}
.note-inline {
display: inline-block;
padding: 2px 6px;
font-size: 90%;
vertical-align: middle;
margin: 0 0.3em;
border-radius: 3px;
border-left-width: 3px;
box-shadow: none;
}
.note-inline.note-info {
border-left-color: #5bc0de;
background: #e1f0fa;
color: #31708f;
}
.note-inline.note-error {
border-left-color: #d9534f;
background: #f8d7da;
color: #a94442;
}
.note-inline.note-warn {
border-left-color: #f0ad4e;
background: #faf1d6;
color: #8a6d3b;
}
.note-inline.note-reminder {
border-left-color: #5cb85c;
background: #d8e9d1;
color: #3c763d;
}