Jump to content

MediaWiki:Common.css: Difference between revisions

From Hackerpedia
No edit summary
No edit summary
Line 1: Line 1:
/* 1. MASTER THEME VARIABLES - This forces the skin's "shell" to change */
/* 1. CODEX SEARCH & BUTTON FIXES */
:root {
/* This targets the modern search button and input field */
    --mw-background-color-primary: #0b0e14;
.cdx-button,
     --mw-background-color-secondary: #1a1f26;
.cdx-search-input__button,
     --mw-color-base: #ffffff;
.vector-search-box-inner .cdx-button {
     --background-color-base: #0b0e14;
     background-color: #1a1f26 !important;
     --color-base: #ffffff;
     color: #ffcc00 !important;
     border: 1px solid #3d444d !important;
     text-shadow: none !important;
}
}


/* 2. GLOBAL BACKGROUND FIX */
/* Search input text area */
/* This hits the parts that Variables sometimes miss */
.cdx-text-input__input {
    background-color: #0d1117 !important;
    color: #ffffff !important;
    border: 1px solid #3d444d !important;
}
 
/* 2. THE MAIN "SHELL" CONTAINERS */
html, body,  
html, body,  
.mw-page-container,  
.mw-page-container,  
.mw-header,  
.mw-header,  
.mw-sidebar,
.mw-footer,
.vector-header-container,
.vector-header-container,
#mw-navigation {
.mw-footer-container {
     background-color: #0b0e14 !important;
     background-color: #0b0e14 !important;
     color: #ffffff !important;
     color: #ffffff !important;
}
}


/* 3. HEADINGS - Your custom yellow */
/* 3. CENTER CONTENT BOX */
h1, h2, h3, .firstHeading {
.mw-body {
     color: #ffcc00 !important;  
     background-color: #0b0e14 !important;
     border-bottom: 1px solid #3d444d !important;
     border: 1px solid #1a1f26 !important;
    font-family: 'Courier New', monospace;
}
}


/* 4. THE DEFINITION BOX - Your original style */
/* 4. SIDEBAR (MAIN MENU) */
.cyber-term-box {
.vector-main-menu {
     background-color: #1a1f26;
     background-color: #0b0e14 !important;
    border: 1px solid #3d444d;
}
    border-left: 6px solid #ffcc00;
 
    padding: 25px;
/* Sidebar Headings */
    margin: 20px 0;
.vector-group-title, .vector-menu-heading {
     color: #ffffff !important;
     color: #ffcc00 !important;
    border-radius: 4px;
}
}


/* 5. SIDEBAR & MENU OVERRIDES */
/* 5. TABS (Read, Edit, View History) */
/* Forces the left menu text and backgrounds to be dark */
.vector-menu-tabs .mw-list-item a {
.vector-main-menu, .vector-dropdown-content, .vector-menu-content {
     background-color: #1a1f26 !important;
     background-color: #1a1f26 !important;
    color: #58a6ff !important;
    border: 1px solid #3d444d !important;
    margin-right: 2px;
}
}


.vector-menu-portal .vector-menu-heading,
.vector-menu-tabs .selected a {
.vector-main-menu-group-title {
    background-color: #0b0e14 !important;
     color: #ffcc00 !important; /* Yellow headers in sidebar */
     color: #ffcc00 !important;
}
}


/* 6. LINKS */
/* 6. LINKS & BREADCRUMBS */
a { color: #58a6ff !important; font-weight: bold; }
a { color: #58a6ff !important; }
a:visited { color: #a371f7 !important; }
a:visited { color: #a371f7 !important; }
.mw-indicators { filter: invert(1); } /* Flips icons to white if they are dark */


/* 7. SEARCH BAR FIX */
/* 7. DEFINITION BOX (CyberTerm) */
.cdx-text-input__input {
.cyber-term-box {
     background-color: #0d1117 !important;
     background-color: #1a1f26;
     color: #ffffff !important;
     border: 1px solid #3d444d;
     border: 1px solid #3d444d !important;
     border-left: 6px solid #ffcc00;
    padding: 25px;
    margin: 20px 0;
    border-radius: 4px;
}
}

Revision as of 02:14, 16 January 2026

/* 1. CODEX SEARCH & BUTTON FIXES */
/* This targets the modern search button and input field */
.cdx-button, 
.cdx-search-input__button,
.vector-search-box-inner .cdx-button {
    background-color: #1a1f26 !important;
    color: #ffcc00 !important;
    border: 1px solid #3d444d !important;
    text-shadow: none !important;
}

/* Search input text area */
.cdx-text-input__input {
    background-color: #0d1117 !important;
    color: #ffffff !important;
    border: 1px solid #3d444d !important;
}

/* 2. THE MAIN "SHELL" CONTAINERS */
html, body, 
.mw-page-container, 
.mw-header, 
.vector-header-container,
.mw-footer-container {
    background-color: #0b0e14 !important;
    color: #ffffff !important;
}

/* 3. CENTER CONTENT BOX */
.mw-body {
    background-color: #0b0e14 !important;
    border: 1px solid #1a1f26 !important;
}

/* 4. SIDEBAR (MAIN MENU) */
.vector-main-menu {
    background-color: #0b0e14 !important;
}

/* Sidebar Headings */
.vector-group-title, .vector-menu-heading {
    color: #ffcc00 !important;
}

/* 5. TABS (Read, Edit, View History) */
.vector-menu-tabs .mw-list-item a {
    background-color: #1a1f26 !important;
    color: #58a6ff !important;
    border: 1px solid #3d444d !important;
    margin-right: 2px;
}

.vector-menu-tabs .selected a {
    background-color: #0b0e14 !important;
    color: #ffcc00 !important;
}

/* 6. LINKS & BREADCRUMBS */
a { color: #58a6ff !important; }
a:visited { color: #a371f7 !important; }
.mw-indicators { filter: invert(1); } /* Flips icons to white if they are dark */

/* 7. DEFINITION BOX (CyberTerm) */
.cyber-term-box {
    background-color: #1a1f26;
    border: 1px solid #3d444d;
    border-left: 6px solid #ffcc00;
    padding: 25px;
    margin: 20px 0;
    border-radius: 4px;
}