MediaWiki:Common.css: Difference between revisions
From The Undead Archive
TheUnburied (talk | contribs) No edit summary |
TheUnburied (talk | contribs) No edit summary |
||
| (57 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
/* Global Colors */ | |||
:root { | |||
--text: #AAACA1; | |||
--brown: #56423d; | |||
--gray: #7c8685; | |||
--red: #E3311D; | |||
--light-bg: #2a2424; | |||
--medium-bg: #1e1a1b; | |||
--dark-bg: #131010; | |||
} | |||
/* General Styling */ | /* General Styling */ | ||
body | body | ||
{ | { | ||
color: | color: var(--text); | ||
background: | background: var(--light-bg); | ||
} | } | ||
h1, h2 | h1, h2 | ||
{ | { | ||
text-transform: uppercase; | text-transform: uppercase; | ||
} | } | ||
h3 | |||
{ | { | ||
color: | color: var(--red); | ||
line-height: 1em !important; | |||
} | } | ||
a: | 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: | 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; | text-decoration: none !important; | ||
} | } | ||
a.external | |||
{ | |||
background-image: none !important; | |||
padding-right: 0px !important; | |||
} | |||
caption | |||
{ | { | ||
color: var(--text); | |||
} | } | ||
table th | .content-table th | ||
{ | { | ||
padding: 15px; | |||
padding: | |||
text-align: left; | text-align: left; | ||
background: | background: var(--brown); | ||
color: white; | color: white; | ||
} | } | ||
table tr | .content-table tr:nth-child(odd) | ||
{ | { | ||
background: var(--light-bg); | |||
} | } | ||
table | .content-table td | ||
{ | { | ||
padding: 10px; | |||
vertical-align: top; | |||
} | } | ||
.infobox-header | |||
{ | { | ||
text-transform: none; | |||
} | } | ||
/* First H1 Tag */ | /* First H1 Tag */ | ||
.mw-body h1.firstHeading | .mw-body h1.firstHeading | ||
{ border-bottom: 4px solid | { | ||
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: | { | ||
color: var(--text); | |||
} | |||
/ * Icons */ | /* Icons */ | ||
#user-tools #personal h2::after | #user-tools #personal h2::after | ||
{ | { | ||
color: | color: var(--red); | ||
} | } | ||
/* Top Colored Bar */ | /* Top Colored Bar */ | ||
.color-middle, .color-left, .color-right | .color-middle, .color-left, .color-right | ||
{ background: | { | ||
background: var(--red); | |||
} | |||
/* Page Name, Discussion, Edit, History */ | /* Page Name, Discussion, Edit, History */ | ||
| Line 83: | Line 111: | ||
.tools-inline li.selected a | .tools-inline li.selected a | ||
{ | { | ||
color: | color: var(--gray); | ||
} | } | ||
| Line 99: | 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 110: | 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 | #mw-header-container, pre, .toc, .mw-editform #wpTextbox1 | ||
{ background: | { | ||
background: var(--light-bg); | |||
color: var(--text); | |||
border: 0px; | |||
} | |||
.tocnumber | |||
{ | |||
color: var(--text); | |||
} | |||
/* Homepage Hero Section */ | /* Homepage Hero Section */ | ||
| Line 132: | Line 173: | ||
{ | { | ||
font-size: 40px; | font-size: 40px; | ||
color: | color: var(--red); | ||
} | } | ||
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);
}
