Jump to content

MediaWiki:Common.css: Difference between revisions

From Hackerpedia
No edit summary
No edit summary
Line 1: Line 1:
/* Hackerpedia Professional Tech Theme - FULL INTERFACE */
/* 1. MASTER THEME VARIABLES - This forces the skin's "shell" to change */
:root {
    --mw-background-color-primary: #0b0e14;
    --mw-background-color-secondary: #1a1f26;
    --mw-color-base: #ffffff;
    --background-color-base: #0b0e14;
    --color-base: #ffffff;
}


/* 1. Global Background & Text */
/* 2. GLOBAL BACKGROUND FIX */
/* Targets the HTML root and all major containers to eliminate white space */
/* This hits the parts that Variables sometimes miss */
html, body, #mw-page-base, #mw-head-base, #content, #mw-navigation, .mw-body {
html, body,  
.mw-page-container,  
.mw-header,
.mw-sidebar,  
.mw-footer,
.vector-header-container,
#mw-navigation {
     background-color: #0b0e14 !important;
     background-color: #0b0e14 !important;
     color: #ffffff !important;
     color: #ffffff !important;
    font-family: 'Segoe UI', Arial, sans-serif;
}
}


/* 2. Headings in high-contrast yellow */
/* 3. HEADINGS - Your custom yellow */
h1, h2, h3, .firstHeading {
h1, h2, h3, .firstHeading {
     color: #ffcc00 !important;  
     color: #ffcc00 !important;  
Line 16: Line 28:
}
}


/* 3. The Definition Container */
/* 4. THE DEFINITION BOX - Your original style */
.cyber-term-box {
.cyber-term-box {
     background-color: #1a1f26; /* Dark slate box */
     background-color: #1a1f26;
     border: 1px solid #3d444d;
     border: 1px solid #3d444d;
     border-left: 6px solid #ffcc00; /* Thick yellow bar */
     border-left: 6px solid #ffcc00;
     padding: 25px;
     padding: 25px;
     margin: 20px 0;
     margin: 20px 0;
     color: #ffffff !important;  
     color: #ffffff !important;
     border-radius: 4px;
     border-radius: 4px;
}
}


/* 4. Sidebar & Navigation Panels */
/* 5. SIDEBAR & MENU OVERRIDES */
/* This ensures the left menu and top tabs don't stay white */
/* Forces the left menu text and backgrounds to be dark */
.mw-sidebar, #mw-panel, .vector-menu-portal, .vector-menu-content,
.vector-main-menu, .vector-dropdown-content, .vector-menu-content {
#p-navigation, #p-tb, #p-lang, .vector-main-menu {
     background-color: #1a1f26 !important;
     background-color: #0b0e14 !important;
    color: #ffffff !important;
}
 
/* 5. Force links to be a clear, bright blue */
a, .vector-menu-tabs li a {
    color: #58a6ff !important;
    font-weight: bold;
    text-decoration: none;
}
}


a:visited {
.vector-menu-portal .vector-menu-heading,
     color: #a371f7 !important;
.vector-main-menu-group-title {
     color: #ffcc00 !important; /* Yellow headers in sidebar */
}
}


a:hover {
/* 6. LINKS */
    text-decoration: underline;
a { color: #58a6ff !important; font-weight: bold; }
    color: #79c0ff !important;
a:visited { color: #a371f7 !important; }
}


/* 6. Fix for Tabs and Search Bar */
/* 7. SEARCH BAR FIX */
/* Style the top 'Read', 'Edit', and 'View history' tabs */
.cdx-text-input__input {
.vector-menu-tabs, .vector-menu-tabs li {
    background-color: #1a1f26 !important;
    background-image: none !important;
    border: 1px solid #3d444d !important;
}
 
#searchInput {
     background-color: #0d1117 !important;
     background-color: #0d1117 !important;
     color: #ffffff !important;
     color: #ffffff !important;
     border: 1px solid #3d444d !important;
     border: 1px solid #3d444d !important;
}
/* 7. Footer area */
#footer, .mw-footer {
    background-color: #0b0e14 !important;
    color: #8b949e !important;
    border-top: 1px solid #333 !important;
}
}

Revision as of 02:08, 16 January 2026

/* 1. MASTER THEME VARIABLES - This forces the skin's "shell" to change */
:root {
    --mw-background-color-primary: #0b0e14;
    --mw-background-color-secondary: #1a1f26;
    --mw-color-base: #ffffff;
    --background-color-base: #0b0e14;
    --color-base: #ffffff;
}

/* 2. GLOBAL BACKGROUND FIX */
/* This hits the parts that Variables sometimes miss */
html, body, 
.mw-page-container, 
.mw-header, 
.mw-sidebar, 
.mw-footer,
.vector-header-container,
#mw-navigation {
    background-color: #0b0e14 !important;
    color: #ffffff !important;
}

/* 3. HEADINGS - Your custom yellow */
h1, h2, h3, .firstHeading {
    color: #ffcc00 !important; 
    border-bottom: 1px solid #3d444d !important;
    font-family: 'Courier New', monospace;
}

/* 4. THE DEFINITION BOX - Your original style */
.cyber-term-box {
    background-color: #1a1f26;
    border: 1px solid #3d444d;
    border-left: 6px solid #ffcc00;
    padding: 25px;
    margin: 20px 0;
    color: #ffffff !important;
    border-radius: 4px;
}

/* 5. SIDEBAR & MENU OVERRIDES */
/* Forces the left menu text and backgrounds to be dark */
.vector-main-menu, .vector-dropdown-content, .vector-menu-content {
    background-color: #1a1f26 !important;
}

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

/* 6. LINKS */
a { color: #58a6ff !important; font-weight: bold; }
a:visited { color: #a371f7 !important; }

/* 7. SEARCH BAR FIX */
.cdx-text-input__input {
    background-color: #0d1117 !important;
    color: #ffffff !important;
    border: 1px solid #3d444d !important;
}