MediaWiki:Common.css: Difference between revisions
Appearance
Sonja says (talk | contribs) No edit summary Tag: Reverted |
Sonja says (talk | contribs) No edit summary Tag: Reverted |
||
| Line 1: | Line 1: | ||
/* | /* ========================================================= | ||
GLOBAL THEME – MediaWiki 1.45 / Vector 2022 | |||
========================================================= */ | |||
/* | /* ---------- Background ---------- */ | ||
html, | html, | ||
body, | body, | ||
| Line 10: | Line 12: | ||
} | } | ||
/* Make content areas transparent | /* Make content areas transparent */ | ||
.mw-page-container, | .mw-page-container, | ||
.mw-body, | .mw-body, | ||
| Line 18: | Line 20: | ||
} | } | ||
/* ---------- Text ---------- */ | |||
/* | |||
body, | body, | ||
.mw-body, | .mw-body, | ||
| Line 28: | Line 29: | ||
} | } | ||
/* Headings | /* ---------- Headings ---------- */ | ||
h1, h2, h3, h4, h5, h6, | h1, h2, h3, h4, h5, h6, | ||
.mw-headline, | .mw-headline, | ||
| Line 37: | Line 38: | ||
} | } | ||
/* Logo | /* ---------- Logo ---------- */ | ||
.mw-logo-icon, | .mw-logo-icon, | ||
.mw-logo-icon img, | .mw-logo-icon img, | ||
| Line 47: | Line 48: | ||
} | } | ||
.mw-logo-icon { | .mw-logo-icon { | ||
background-size: auto 56px !important; | background-size: auto 56px !important; | ||
| Line 58: | Line 58: | ||
} | } | ||
/* | /* ---------- Header ---------- */ | ||
.vector-header-container, | .vector-header-container, | ||
.vector-header, | .vector-header, | ||
| Line 67: | Line 67: | ||
} | } | ||
/* Site name */ | |||
/* Site name | |||
.mw-logo-wordmark, | .mw-logo-wordmark, | ||
.mw-logo-wordmark a { | .mw-logo-wordmark a { | ||
| Line 77: | Line 76: | ||
} | } | ||
.mw-logo-wordmark a:hover { | .mw-logo-wordmark a:hover { | ||
color: #FFD60A !important; | color: #FFD60A !important; | ||
} | } | ||
/* | /* ---------- Sidebar Headings ---------- */ | ||
.vector-pinnable-header-label, | .vector-pinnable-header-label, | ||
.vector-main-menu-heading, | .vector-main-menu-heading, | ||
| Line 96: | Line 87: | ||
} | } | ||
/* ========================================================= | |||
PAGE CONTENT LINKS (BLUE) | |||
========================================================= */ | |||
.mw-parser-output a, | |||
.mw-parser-output a:link { | |||
color: #4DA3FF !important; | color: #4DA3FF !important; | ||
} | } | ||
.mw-parser-output a:visited { | |||
color: #2C6FCC !important; | |||
color: # | |||
} | } | ||
.mw-parser-output a:hover { | |||
color: #6BB6FF !important; | |||
text-decoration: underline; | |||
color: # | |||
} | } | ||
.mw-parser-output a:active { | |||
color: #1F4FA3 !important; | |||
color: # | |||
} | } | ||
/* Missing pages */ | |||
/* | .mw-parser-output a.new, | ||
.mw-parser-output a.new:visited { | |||
color: #CC2200 !important; | |||
color: # | |||
} | } | ||
/* ========================================================= | |||
NAVIGATION / HEADER / FOOTER LINKS (GOLD) | |||
========================================================= */ | |||
.vector-menu-content a, | |||
#mw-panel a, | |||
.vector-header a, | |||
#footer a, | |||
.mw-footer a { | |||
color: #FFC300 !important; | color: #FFC300 !important; | ||
} | } | ||
.vector-menu-content a:hover, | |||
#mw-panel a:hover, | |||
.vector-header a:hover, | |||
#mw-panel | #footer a:hover, | ||
.mw-footer a:hover { | |||
color: #FFD60A !important; | |||
.vector- | |||
. | |||
} | } | ||
/* | /* ---------- Footer Text ---------- */ | ||
#footer, | #footer, | ||
#footer li, | #footer li, | ||
.mw-footer, | .mw-footer, | ||
.mw- | .mw-footer li { | ||
footer li { | |||
color: #FFC300 !important; | color: #FFC300 !important; | ||
} | } | ||
/* | /* ========================================================= | ||
VECTOR ICONS (GOLD) | |||
========================================================= */ | |||
.vector-icon, | |||
.mw-ui-icon { | |||
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%) | |||
hue-rotate(0deg) brightness(103%) contrast(101%) !important; | |||
} | } | ||
Revision as of 15:56, 26 January 2026
/* =========================================================
GLOBAL THEME – MediaWiki 1.45 / Vector 2022
========================================================= */
/* ---------- Background ---------- */
html,
body,
.vector-feature-page-tools-disabled .mw-page-container,
.vector-feature-page-tools-enabled .mw-page-container {
background: linear-gradient(0deg, #001D3D 0%, #000814 40%) !important;
background-attachment: fixed !important;
}
/* Make content areas transparent */
.mw-page-container,
.mw-body,
#content,
.vector-body {
background: transparent !important;
}
/* ---------- Text ---------- */
body,
.mw-body,
.mw-body-content,
#mw-content-text,
.vector-body {
color: #FFFFFF !important;
}
/* ---------- Headings ---------- */
h1, h2, h3, h4, h5, h6,
.mw-headline,
#firstHeading,
.mw-page-title-main,
.page-Main_Page h1 {
color: #FFC300 !important;
}
/* ---------- Logo ---------- */
.mw-logo-icon,
.mw-logo-icon img,
.mw-logo img,
.mw-logo a.mw-logo-container img {
height: 100px !important;
width: auto !important;
max-height: 100px !important;
}
.mw-logo-icon {
background-size: auto 56px !important;
}
@media (max-width: 720px) {
.mw-logo-icon {
height: 32px;
}
}
/* ---------- Header ---------- */
.vector-header-container,
.vector-header,
#mw-header-container,
.mw-header {
background: #000814 !important;
border-bottom: 2px solid #FFC300 !important;
}
/* Site name */
.mw-logo-wordmark,
.mw-logo-wordmark a {
color: #FFC300 !important;
font-size: 1.8em !important;
font-weight: bold !important;
text-decoration: none !important;
}
.mw-logo-wordmark a:hover {
color: #FFD60A !important;
}
/* ---------- Sidebar Headings ---------- */
.vector-pinnable-header-label,
.vector-main-menu-heading,
.mw-portlet h3 {
color: #001D3D !important;
}
/* =========================================================
PAGE CONTENT LINKS (BLUE)
========================================================= */
.mw-parser-output a,
.mw-parser-output a:link {
color: #4DA3FF !important;
}
.mw-parser-output a:visited {
color: #2C6FCC !important;
}
.mw-parser-output a:hover {
color: #6BB6FF !important;
text-decoration: underline;
}
.mw-parser-output a:active {
color: #1F4FA3 !important;
}
/* Missing pages */
.mw-parser-output a.new,
.mw-parser-output a.new:visited {
color: #CC2200 !important;
}
/* =========================================================
NAVIGATION / HEADER / FOOTER LINKS (GOLD)
========================================================= */
.vector-menu-content a,
#mw-panel a,
.vector-header a,
#footer a,
.mw-footer a {
color: #FFC300 !important;
}
.vector-menu-content a:hover,
#mw-panel a:hover,
.vector-header a:hover,
#footer a:hover,
.mw-footer a:hover {
color: #FFD60A !important;
}
/* ---------- Footer Text ---------- */
#footer,
#footer li,
.mw-footer,
.mw-footer li {
color: #FFC300 !important;
}
/* =========================================================
VECTOR ICONS (GOLD)
========================================================= */
.vector-icon,
.mw-ui-icon {
filter: brightness(0) saturate(100%) invert(85%) sepia(67%) saturate(1000%)
hue-rotate(0deg) brightness(103%) contrast(101%) !important;
}