Jump to content

MediaWiki:Common.css

From Hackerpedia
Revision as of 02:04, 16 January 2026 by Wikiadmin (talk | contribs)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* Hackerpedia Professional Tech Theme - FULL INTERFACE */

/* 1. Global Background & Text */
/* Targets the HTML root and all major containers to eliminate white space */
html, body, #mw-page-base, #mw-head-base, #content, #mw-navigation, .mw-body {
    background-color: #0b0e14 !important;
    color: #ffffff !important;
    font-family: 'Segoe UI', Arial, sans-serif;
}

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

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

/* 4. Sidebar & Navigation Panels */
/* This ensures the left menu and top tabs don't stay white */
.mw-sidebar, #mw-panel, .vector-menu-portal, .vector-menu-content, 
#p-navigation, #p-tb, #p-lang, .vector-main-menu {
    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 {
    color: #a371f7 !important;
}

a:hover {
    text-decoration: underline;
    color: #79c0ff !important;
}

/* 6. Fix for Tabs and Search Bar */
/* Style the top 'Read', 'Edit', and 'View history' tabs */
.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;
    color: #ffffff !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;
}