MediaWiki:Common.css: Difference between revisions
Appearance
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/* | /* 1. MASTER THEME VARIABLES - This forces the skin's "shell" to change */ | ||
:root { | |||
--mw-background-color-primary: #0b0e14; | |||
--mw-background-color-secondary: #1a1f26; | |||
--mw-color-base: #ffffff; | |||
--background-color-base: #0b0e14; | |||
--color-base: #ffffff; | |||
} | |||
/* | /* 2. GLOBAL BACKGROUND FIX */ | ||
/* | /* This hits the parts that Variables sometimes miss */ | ||
html, body, | html, body, | ||
.mw-page-container, | |||
.mw-header, | |||
.mw-sidebar, | |||
.mw-footer, | |||
.vector-header-container, | |||
#mw-navigation { | |||
background-color: #0b0e14 !important; | background-color: #0b0e14 !important; | ||
color: #ffffff !important; | color: #ffffff !important; | ||
} | } | ||
/* | /* 3. HEADINGS - Your custom yellow */ | ||
h1, h2, h3, .firstHeading { | h1, h2, h3, .firstHeading { | ||
color: #ffcc00 !important; | color: #ffcc00 !important; | ||
| Line 16: | Line 28: | ||
} | } | ||
/* | /* 4. THE DEFINITION BOX - Your original style */ | ||
.cyber-term-box { | .cyber-term-box { | ||
background-color: #1a1f26; | background-color: #1a1f26; | ||
border: 1px solid #3d444d; | border: 1px solid #3d444d; | ||
border-left: 6px solid #ffcc00; | border-left: 6px solid #ffcc00; | ||
padding: 25px; | padding: 25px; | ||
margin: 20px 0; | margin: 20px 0; | ||
color: #ffffff !important; | color: #ffffff !important; | ||
border-radius: 4px; | border-radius: 4px; | ||
} | } | ||
/* | /* 5. SIDEBAR & MENU OVERRIDES */ | ||
/* | /* Forces the left menu text and backgrounds to be dark */ | ||
. | .vector-main-menu, .vector-dropdown-content, .vector-menu-content { | ||
background-color: #1a1f26 !important; | |||
background-color: # | |||
} | } | ||
.vector-menu-portal .vector-menu-heading, | |||
color: # | .vector-main-menu-group-title { | ||
color: #ffcc00 !important; /* Yellow headers in sidebar */ | |||
} | } | ||
a: | /* 6. LINKS */ | ||
a { color: #58a6ff !important; font-weight: bold; } | |||
a:visited { color: #a371f7 !important; } | |||
} | |||
/* | /* 7. SEARCH BAR FIX */ | ||
.cdx-text-input__input { | |||
background-color: #0d1117 !important; | background-color: #0d1117 !important; | ||
color: #ffffff !important; | color: #ffffff !important; | ||
border: 1px solid #3d444d !important; | border: 1px solid #3d444d !important; | ||
} | } | ||
Revision as of 02:08, 16 January 2026
/* 1. MASTER THEME VARIABLES - This forces the skin's "shell" to change */
:root {
--mw-background-color-primary: #0b0e14;
--mw-background-color-secondary: #1a1f26;
--mw-color-base: #ffffff;
--background-color-base: #0b0e14;
--color-base: #ffffff;
}
/* 2. GLOBAL BACKGROUND FIX */
/* This hits the parts that Variables sometimes miss */
html, body,
.mw-page-container,
.mw-header,
.mw-sidebar,
.mw-footer,
.vector-header-container,
#mw-navigation {
background-color: #0b0e14 !important;
color: #ffffff !important;
}
/* 3. HEADINGS - Your custom yellow */
h1, h2, h3, .firstHeading {
color: #ffcc00 !important;
border-bottom: 1px solid #3d444d !important;
font-family: 'Courier New', monospace;
}
/* 4. THE DEFINITION BOX - Your original style */
.cyber-term-box {
background-color: #1a1f26;
border: 1px solid #3d444d;
border-left: 6px solid #ffcc00;
padding: 25px;
margin: 20px 0;
color: #ffffff !important;
border-radius: 4px;
}
/* 5. SIDEBAR & MENU OVERRIDES */
/* Forces the left menu text and backgrounds to be dark */
.vector-main-menu, .vector-dropdown-content, .vector-menu-content {
background-color: #1a1f26 !important;
}
.vector-menu-portal .vector-menu-heading,
.vector-main-menu-group-title {
color: #ffcc00 !important; /* Yellow headers in sidebar */
}
/* 6. LINKS */
a { color: #58a6ff !important; font-weight: bold; }
a:visited { color: #a371f7 !important; }
/* 7. SEARCH BAR FIX */
.cdx-text-input__input {
background-color: #0d1117 !important;
color: #ffffff !important;
border: 1px solid #3d444d !important;
}