MediaWiki:Common.css

From Twisted
Revision as of 22:16, 13 August 2025 by Cactii (talk | contribs) (Created page with "→‎CSS placed here will be applied to all skins: →‎=== Base page background and text ===: body { background-color: #0d0f15; →‎deep navy/black: color: #e4e9f7; →‎light gray-blue text: font-family: "Segoe UI", Roboto, Arial, sans-serif; } →‎=== Links ===: a { color: #5cb8ff; →‎radar blue: text-decoration: none; } a:visited { color: #8ab4ff; } a:hover { color: #79ff97; →‎green glow hover: } →‎=== Main content area ===: .m...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

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)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* CSS placed here will be applied to all skins */
/* === Base page background and text === */
body {
    background-color: #0d0f15; /* deep navy/black */
    color: #e4e9f7; /* light gray-blue text */
    font-family: "Segoe UI", Roboto, Arial, sans-serif;
}

/* === Links === */
a {
    color: #5cb8ff; /* radar blue */
    text-decoration: none;
}
a:visited {
    color: #8ab4ff;
}
a:hover {
    color: #79ff97; /* green glow hover */
}

/* === Main content area === */
.mw-body, .mw-body-content, #content {
    background-color: #1a1f27;
    border: 1px solid #2a2f3c;
    border-radius: 6px;
    padding: 1rem;
}

/* === Sidebar / navigation panel === */
#mw-panel {
    background-color: #12151c;
    border-right: 1px solid #2a2f3c;
}
#mw-panel .portal .body {
    background: none;
}
#mw-panel a {
    color: #5cb8ff;
}
#mw-panel a:hover {
    color: #79ff97;
}

/* === Headings === */
h1, h2, h3, h4 {
    color: #ffffff;
    border-bottom: 1px solid #2a2f3c;
    padding-bottom: 4px;
}

/* === Table styles === */
table {
    border-collapse: collapse;
    background-color: #141922;
    color: #e4e9f7;
}
th, td {
    border: 1px solid #2a2f3c;
    padding: 6px 10px;
}
th {
    background-color: #1f2633;
    color: #ffffff;
}

/* === Infobox style (for right-hand side info) === */
.infobox {
    background-color: #1f2633;
    border: 1px solid #2a2f3c;
    color: #ffffff;
}
.infobox th {
    background-color: #273142;
}

/* === Search bar === */
#searchInput {
    background-color: #12151c;
    border: 1px solid #2a2f3c;
    color: #e4e9f7;
}

/* === Footer === */
#footer {
    background-color: #0d0f15;
    border-top: 1px solid #2a2f3c;
    color: #7f8da5;
}