MediaWiki:Common.css: Difference between revisions

From The Undead Archive
No edit summary
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: #AAACA1;
color: var(--text);
background: #1e1a1b;
background: var(--light-bg);
}
}


h1, h2, h3
h1, h2
{
{
text-transform: uppercase;
text-transform: uppercase;
}
}


a, a:visited
h3
{
{
color: #E3311D;
color: var(--red);
line-height: 1em !important;
}
}


a:hover
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: #7C8685 !important;
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;
}


table
caption
{  
{  
width: 500px;
color: var(--text);  
}
}


table th
.content-table th
{
{
text-transform: uppercase;
padding: 15px;
padding: 2%;
text-align: left;
text-align: left;
background: #7C8685;
background: var(--brown);
color: white;
color: white;
}
}


table tr
.content-table tr:nth-child(odd)
{
{
max-width: 50%;
background: var(--light-bg);
}
}


table tr:nth-child(odd)
.content-table td
{
{
background: #2a2424;
padding: 10px;
vertical-align: top;
}
}


table td
.infobox-header
{
{  
padding: 2%;
text-transform: none;  
}
}


/* First H1 Tag */
/* First H1 Tag */
.mw-body h1.firstHeading
.mw-body h1.firstHeading
{ border-bottom: 4px solid #AAACA1; }
{  
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: #AAACA1; }
{  
color: var(--text);  
}


/ * Icons */
/* Icons */
#user-tools #personal h2::after
#user-tools #personal h2::after
{
{
color: #E3311D;
color: var(--red);
}
}


/* Top Colored Bar */
/* Top Colored Bar */
.color-middle, .color-left, .color-right
.color-middle, .color-left, .color-right
{ background: #E3311D; }
{  
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: #7C8685;
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: #131010;
background: var(--dark-bg);
border-color: #131010;
border-color: var(--dark-bg);
}
}


/* Medium-er Elements */
/* Medium-er Elements */
#mw-content-container
#mw-content-container
{ background: #1e1a1b; }
{  
background: var(--medium-bg);  
}


/* Lighter Elements */
/* Lighter Elements */
#mw-header-container
#mw-header-container, pre, .toc, .mw-editform #wpTextbox1
{ background: #2a2424; }
{  
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: #E3311D;
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);
}