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; }