MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
| (6 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
/* === Cameroon Heritage Encyclopedia – Brand Colors === */ | |||
:root { | |||
--che-green: #0A4327; | |||
--che-red: #9B3710; | |||
--che-yellow: #D19B1E; | |||
} | |||
/* Top navigation text */ | |||
.vector-header a, | |||
.vector-header .mw-ui-icon { | |||
color: #ffffff; | |||
} | |||
/* Page background */ | |||
body { | |||
background-color: #f7f7f7; | |||
} | |||
/* Main content container */ | |||
.mw-page-container { | |||
background-color: #ffffff; | |||
border-radius: 6px; | |||
} | |||
/* Main page title */ | |||
.firstHeading { | |||
color: var(--che-green); | |||
border-bottom: 3px solid var(--che-yellow); | |||
padding-bottom: 6px; | |||
} | |||
/* Section headings */ | |||
.mw-parser-output h2 { | |||
color: var(--che-green); | |||
border-bottom: 2px solid var(--che-yellow); | |||
} | |||
.mw-parser-output h3, | |||
.mw-parser-output h4 { | |||
color: var(--che-red); | |||
} | |||
/* Normal links */ | |||
a { | |||
color: var(--che-green); | |||
} | |||
/* Hover effect */ | |||
a:hover { | |||
color: var(--che-red); | |||
text-decoration: underline; | |||
} | |||
/* Visited links */ | |||
a:visited { | |||
color: #5a2b1a; | |||
} | |||
/* Infobox container */ | |||
.infobox { | |||
border: 2px solid var(--che-green); | |||
background-color: #fdfdfb; | |||
} | |||
/* Infobox title */ | |||
.infobox caption, | |||
.infobox th { | |||
background-color: var(--che-green); | |||
color: #ffffff; | |||
} | |||
/* Infobox labels */ | |||
.infobox td { | |||
border-top: 1px solid var(--che-yellow); | |||
} | |||
/* TOC box */ | |||
#toc, .toc { | |||
border: 2px solid var(--che-green); | |||
background-color: #f9faf7; | |||
} | |||
/* TOC title */ | |||
.toctitle { | |||
background-color: var(--che-green); | |||
color: #ffffff; | |||
padding: 6px; | |||
} | |||
/* Buttons */ | |||
.mw-ui-button { | |||
background-color: var(--che-green); | |||
color: #ffffff; | |||
} | |||
.mw-ui-button:hover { | |||
background-color: var(--che-red); | |||
} | |||
/* Warning / notice boxes */ | |||
.mw-warning { | |||
border-left: 6px solid var(--che-red); | |||
} | |||
/* ============================== | /* ============================== | ||
| Line 6: | Line 115: | ||
.skin-vector-2022 .mw-header-container { | .skin-vector-2022 .mw-header-container { | ||
background: | background: red !important; | ||
} | } | ||
/* Make text and icons readable */ | /* Make text and icons readable */ | ||
| Line 28: | Line 138: | ||
position: relative; | position: relative; | ||
z-index: 1; | z-index: 1; | ||
} | |||
.wikitable { | |||
background:#f8f9fa; | |||
border:1px solid #a2a9b1; | |||
} | |||
.wikitable th { | |||
background:#eaecf0; | |||
text-align:left; | |||
} | } | ||