MediaWiki:Common.css: Difference between revisions
From The Undead Archive
TheUnburied (talk | contribs) No edit summary |
TheUnburied (talk | contribs) No edit summary |
||
| Line 1: | Line 1: | ||
/* Global Colors */ | /* Global Colors */ | ||
:root { | :root { | ||
--text: #AAACA1; | |||
--red: #E3311D; | |||
--light-bg: #1e1a1b; | |||
} | } | ||
| Line 7: | Line 9: | ||
body | body | ||
{ | { | ||
color: | color: var(--text); | ||
background: var(--light-bg); | background: var(--light-bg); | ||
} | } | ||
| Line 18: | Line 20: | ||
h3 | h3 | ||
{ | { | ||
color: | color: var(--red); | ||
} | } | ||
a, a:visited, a.external.text, a.external.text:visited .toctogglelabel:visited, .toctogglelabel, .mw-collapsible-text, .mw-collapsible-toggle::before, .mw-collapsible-toggle::after | 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; | ||
} | } | ||
| Line 39: | Line 41: | ||
caption | caption | ||
{ color: | { color: var(--text); } | ||
.content-table th | .content-table th | ||
| Line 66: | Line 68: | ||
.mw-ui-button | .mw-ui-button | ||
{ | { | ||
background: | background: var(--red); | ||
border: 0px; | border: 0px; | ||
border-radius: 3px; | border-radius: 3px; | ||
| Line 81: | Line 83: | ||
/* 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 149: | Line 151: | ||
{ | { | ||
background: #2a2424; | background: #2a2424; | ||
color: | color: var(--text); | ||
border: 0px; | border: 0px; | ||
} | } | ||
.tocnumber | .tocnumber | ||
{ color: | { color: var(--text); } | ||
/* Homepage Hero Section */ | /* Homepage Hero Section */ | ||
| Line 166: | Line 168: | ||
{ | { | ||
font-size: 40px; | font-size: 40px; | ||
color: | color: var(--red); | ||
} | } | ||
Revision as of 17:37, 10 June 2026
/* Global Colors */
:root {
--text: #AAACA1;
--red: #E3311D;
--light-bg: #1e1a1b;
}
/* General Styling */
body
{
color: var(--text);
background: var(--light-bg);
}
h1, h2
{
text-transform: uppercase;
}
h3
{
color: var(--red);
}
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: #7C8685 !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: #56423d;
color: white;
}
.content-table tr:nth-child(odd)
{
background: #2a2424;
}
.content-table td
{
padding: 10px;
vertical-align: top;
}
.infobox-header
{ text-transform: none; }
/* Clickable Buttons */
.mw-ui-button
{
background: var(--red);
border: 0px;
border-radius: 3px;
text-transform: uppercase;
color: white;
}
.mw-ui-button:hover
{
background: #7C8685;
color: #050507;
}
/* 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: #7C8685;
}
.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: #131010;
border-color: #131010;
}
/* Medium-er Elements */
#mw-content-container
{ background: #1e1a1b; }
/* Lighter Elements */
#mw-header-container, pre, .toc, .mw-editform #wpTextbox1
{
background: #2a2424;
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);
}
