Jump to content

MediaWiki:Common.css

From Hackerpedia
Revision as of 01:02, 15 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 Modern Tech Theme */
body {
    background-color: #0f172a; /* Deep Navy/Slate background */
    color: #e2e8f0; /* Soft white/gray text for readability */
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

/* Technical Monospace Headers */
h1, h2, h3, h4 {
    color: #38bdf8; /* Soft blue for headings */
    font-family: 'Courier New', monospace;
    border-bottom: 1px solid #334155;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* The Definition Box (The Template we created earlier) */
.cyber-term-box {
    background-color: #1e293b; /* Slightly lighter slate */
    border-left: 4px solid #10b981; /* Emerald accent */
    padding: 20px;
    margin: 20px 0;
    border-radius: 4px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

/* Links - High visibility but not neon */
a {
    color: #10b981 !important;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
    color: #34d399 !important;
}

/* Sidebar and Navigation */
#mw-panel, #p-navigation, #p-tb {
    background-color: #0f172a;
}

.mw-wiki-logo {
    filter: hue-rotate(180deg) brightness(1.5); /* Adjusts logo to match blue/green theme */
}

/* Code and technical terms */
code {
    background-color: #334155;
    color: #f472b6; /* Pinkish-red for code snippets */
    padding: 2px 4px;
    border-radius: 3px;
}