MediaWiki:Common.css: Difference between revisions
From The Undead Archive
TheUnburied (talk | contribs) No edit summary |
TheUnburied (talk | contribs) No edit summary |
||
| (6 intermediate revisions by the same user not shown) | |||
| Line 2: | Line 2: | ||
:root { | :root { | ||
--text: #AAACA1; | --text: #AAACA1; | ||
--brown: #56423d; | |||
--gray: #7c8685; | |||
--red: #E3311D; | --red: #E3311D; | ||
--light-bg: #1e1a1b; | --light-bg: #2a2424; | ||
--medium-bg: #1e1a1b; | |||
--dark-bg: #131010; | |||
} | } | ||
| Line 21: | Line 25: | ||
{ | { | ||
color: var(--red); | color: var(--red); | ||
line-height: 1em !important; | |||
} | } | ||
| Line 30: | Line 35: | ||
a:hover, a.external.text:hover .toctogglelabel:hover, .mw-collapsible-text, .mw-collapsible-toggle::before, .mw-collapsible-toggle::after | a:hover, a.external.text:hover .toctogglelabel:hover, .mw-collapsible-text, .mw-collapsible-toggle::before, .mw-collapsible-toggle::after | ||
{ | { | ||
color: | color: var(--gray) !important; | ||
text-decoration: none !important; | text-decoration: none !important; | ||
} | } | ||
| Line 41: | Line 46: | ||
caption | caption | ||
{ color: var(--text); } | { | ||
color: var(--text); | |||
} | |||
.content-table th | .content-table th | ||
| Line 47: | Line 54: | ||
padding: 15px; | padding: 15px; | ||
text-align: left; | text-align: left; | ||
background: | background: var(--brown); | ||
color: white; | color: white; | ||
} | } | ||
| Line 53: | Line 60: | ||
.content-table tr:nth-child(odd) | .content-table tr:nth-child(odd) | ||
{ | { | ||
background: | background: var(--light-bg); | ||
} | } | ||
| Line 63: | Line 70: | ||
.infobox-header | .infobox-header | ||
{ text-transform: none | { | ||
text-transform: none; | |||
} | } | ||
/* First H1 Tag */ | /* First H1 Tag */ | ||
.mw-body h1.firstHeading | .mw-body h1.firstHeading | ||
{ border-bottom: 4px solid var(--text); } | { | ||
border-bottom: 4px solid var(--text); | |||
} | |||
/* "The Undead Archive" Top Left Corner and "YourUsername" Top Right Corner */ | /* "The Undead Archive" Top Left Corner and "YourUsername" Top Right Corner */ | ||
#p-logo-text a, #personal h2 | #p-logo-text a, #personal h2 | ||
{ color: var(--text); } | { | ||
color: var(--text); | |||
} | |||
/* Icons */ | /* Icons */ | ||
| Line 97: | Line 94: | ||
/* Top Colored Bar */ | /* Top Colored Bar */ | ||
.color-middle, .color-left, .color-right | .color-middle, .color-left, .color-right | ||
{ background: var(--red); } | { | ||
background: var(--red); | |||
} | |||
/* Page Name, Discussion, Edit, History */ | /* Page Name, Discussion, Edit, History */ | ||
| Line 112: | Line 111: | ||
.tools-inline li.selected a | .tools-inline li.selected a | ||
{ | { | ||
color: | color: var(--gray); | ||
} | } | ||
| Line 128: | Line 127: | ||
/* Hide the Footer */ | /* Hide the Footer */ | ||
.mw-footer-container | .mw-footer-container | ||
{ display: none; } | { | ||
display: none; | |||
} | |||
#mw-content-container | #mw-content-container | ||
| Line 139: | Line 140: | ||
#mw-site-navigation .sidebar-chunk, #mw-content, #mw-related-navigation .sidebar-chunk | #mw-site-navigation .sidebar-chunk, #mw-content, #mw-related-navigation .sidebar-chunk | ||
{ | { | ||
background: | background: var(--dark-bg); | ||
border-color: | border-color: var(--dark-bg); | ||
} | } | ||
/* Medium-er Elements */ | /* Medium-er Elements */ | ||
#mw-content-container | #mw-content-container | ||
{ background: | { | ||
background: var(--medium-bg); | |||
} | |||
/* Lighter Elements */ | /* Lighter Elements */ | ||
#mw-header-container, pre, .toc, .mw-editform #wpTextbox1 | #mw-header-container, pre, .toc, .mw-editform #wpTextbox1 | ||
{ | { | ||
background: | background: var(--light-bg); | ||
color: var(--text); | color: var(--text); | ||
border: 0px; | border: 0px; | ||
| Line 156: | Line 159: | ||
.tocnumber | .tocnumber | ||
{ color: var(--text); } | { | ||
color: var(--text); | |||
} | |||
/* Homepage Hero Section */ | /* Homepage Hero Section */ | ||
Latest revision as of 19:49, 10 June 2026
/* Global Colors */
:root {
--text: #AAACA1;
--brown: #56423d;
--gray: #7c8685;
--red: #E3311D;
--light-bg: #2a2424;
--medium-bg: #1e1a1b;
--dark-bg: #131010;
}
/* General Styling */
body
{
color: var(--text);
background: var(--light-bg);
}
h1, h2
{
text-transform: uppercase;
}
h3
{
color: var(--red);
line-height: 1em !important;
}
a, a:visited, a.external.text, a.external.text:visited .toctogglelabel:visited, .toctogglelabel, .mw-collapsible-text, .mw-collapsible-toggle::before, .mw-collapsible-toggle::after
{
color: var(--red) !important;
}
a:hover, a.external.text:hover .toctogglelabel:hover, .mw-collapsible-text, .mw-collapsible-toggle::before, .mw-collapsible-toggle::after
{
color: var(--gray) !important;
text-decoration: none !important;
}
a.external
{
background-image: none !important;
padding-right: 0px !important;
}
caption
{
color: var(--text);
}
.content-table th
{
padding: 15px;
text-align: left;
background: var(--brown);
color: white;
}
.content-table tr:nth-child(odd)
{
background: var(--light-bg);
}
.content-table td
{
padding: 10px;
vertical-align: top;
}
.infobox-header
{
text-transform: none;
}
/* First H1 Tag */
.mw-body h1.firstHeading
{
border-bottom: 4px solid var(--text);
}
/* "The Undead Archive" Top Left Corner and "YourUsername" Top Right Corner */
#p-logo-text a, #personal h2
{
color: var(--text);
}
/* Icons */
#user-tools #personal h2::after
{
color: var(--red);
}
/* Top Colored Bar */
.color-middle, .color-left, .color-right
{
background: var(--red);
}
/* Page Name, Discussion, Edit, History */
.tools-inline
{
text-transform: uppercase;
}
.tools-inline li.selected
{
border: 0px;
}
.tools-inline li.selected a
{
color: var(--gray);
}
.tools-inline li.selected a:new
{
border: 0px;
}
#ca-talk a, .tools-inline li[id^="ca-nstab-"] a, #ca-edit a, #ca-history a
{
background-image: none;
padding: 0px;
}
/* Hide the Footer */
.mw-footer-container
{
display: none;
}
#mw-content-container
{
border-bottom: 0px;
padding-bottom: 0px;
}
/* Darker Elements */
#mw-site-navigation .sidebar-chunk, #mw-content, #mw-related-navigation .sidebar-chunk
{
background: var(--dark-bg);
border-color: var(--dark-bg);
}
/* Medium-er Elements */
#mw-content-container
{
background: var(--medium-bg);
}
/* Lighter Elements */
#mw-header-container, pre, .toc, .mw-editform #wpTextbox1
{
background: var(--light-bg);
color: var(--text);
border: 0px;
}
.tocnumber
{
color: var(--text);
}
/* Homepage Hero Section */
.mp-hero
{
text-align: center;
padding: 1%;
}
.mp-header
{
font-size: 40px;
color: var(--red);
}
