Difference between revisions of "MediaWiki:Common.css"

Revision as of 00:16, 6 May 2025

/* CSS placed here will be applied to all skins */

/* ========================= */
/* BODY STYLES               */
/* ========================= */
body { 
    background: #202020; 
    color: #e6e6e6; /* Force text color */
}

/* ========================= */
/* CONTENT STYLES            */
/* ========================= */
#content { 
    background-color: #191919; 
    color: #e6e6e6 !important; /* Force text color */
}

/* Sets background color of the logo area  */
#p-logo { 
    background-color: #202020; 
}

/* ========================= */
/* NAVIGATION MENU STYLES    */
/* ========================= */
#p-navigation { 
    background-color: #202020; 
}

/* Change color for all links in the navigation menu */
#p-navigation a {
    color: #90b7f9 !important; /* Set the default link color */
}

/* Change hover color for all links in the navigation menu */
#p-navigation a:hover {
    color: #955bc2; /* Set the hover color for links */
}

/* ========================= */
/* TABLE OF CONTENTS STYLES  */
/* ========================= */
.mw-parser-output .toc {
    background-color: #343434; 
    border: 1px solid #444241; 
}

/* ========================= */
/* HEADING STYLES            */
/* ========================= */

h1 {
    color: #e6e6e6 !important; /* Force heading colors */
}

h2 {
    color: #e6e6e6 !important; /* Force Heading Colors */
}

h3 {
    color; #e6e6e6 !important; /* Force Heading Colors */
}

/* ========================= */
/* LINK STYLES               */
/* ========================= */
a {
    color: #90b7f9; /* Set the default link color */
}

a:hover {
    color: #955bc2; /* Set the hover color for links */
}

/* ========================= */
/* TOP BAR STYLES            */
/* ========================= */
#mw-head {
    background-color: #202020; 
}

#mw-head a {
    color: #90b7f9; /* Force link color in top bar */
    padding: 5px 10px;
}

/* ========================= */
/* NOTABLE MEMBERS STYLES     */
/* ========================= */
.notable-members {
    background-color: #343434 !important; 
    color: #e6e6e6 !important; 
}

.notable-members th, .notable-members td {
    border: 2px solid #e6e6e6; 
    color: #e6e6e6 !important; /* Force cell text color */
}

/* ========================= */
/* TOOLS SECTION STYLES      */
/* ========================= */
#p-tb a {
    color: #90b7f9; /* Set the default link color */
}

#p-tb a:hover {
    color: #955bc2; /* Set the hover color for links */
}

/* ========================= */
/* GRADIENT MENU STYLES      */
/* ========================= */
/* Change background for the "Read," "Edit," and "View history" links */
.ca-menu {
    background: linear-gradient(to right, #252525, rgba(144, 183, 249, 0.5)); /* Fade effect */
}

/* Change text color for the links */
.ca-menu a {
    color: #90b7f9 !important; /* Set the text color */
}

/* ============================= */
/* Change color of visited links */
/* ============================= */
a:visited {
    color: #955bc2; /* Set the visited link color */
}

/* ========================================================================= */
/* THIS IS FOR THE "MAIN PAGE, VIEW, EDIT, READ" BARS ON THE TOP OF THE PAGE */
/* ========================================================================= */

/* Blue fading overlay using a pseudo-element for inactive tabs */
.vectorTabs li:not(.selected) a::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: linear-gradient(
        to top,
        rgba(30, 144, 255, 0.2),   /* Main blue fade */
        rgba(25, 25, 25, 0.8)      /* dark fade at the top */
    );
    border-radius: 0 !important; /* No rounded corners */
    pointer-events: none; /* allow clicks through this layer */
    z-index: 0;
}

/* Side bar effect */
.vectorTabs li:not(.selected) a::before {
    content: '';
    position: absolute;
    top: 0; bottom: 0; /* Full height */
    left: 0; width: 5px; /* Width of the left bar */
    background-color: rgba(30, 144, 255, 0.5); /* Change this color */
    z-index: 0;
}

.vectorTabs li:not(.selected) a::after {
    content: '';
    position: absolute;
    top: 0; bottom: 0; /* Full height */
    right: 0; width: 5px; /* Width of the right bar */
    background-color: rgba(255, 0, 0, 0.5); /* Change this color */
    z-index: 0;
}