MediaWiki:Common.css

From Bitcraft Wiki
Revision as of 14:34, 27 December 2025 by Stewiee (talk | contribs)
Jump to navigation Jump to search

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.
/* ===== Layout background ===== */

/* Remove default grey/white stripes */
#mw-page-base,
#mw-head-base {
    background: #0B1220 !important;
}

/* Body + sidebar background */
body {
    background: #0B1220;
}

#mw-panel {
    background-color: #0B1220;
}

/* Content area stays light for readability */
#content {
    background: #ffffff;
    color: #000000;
}

/* ===== Header hero image across nav + top bar ===== */
#mw-head {
    /* fallback colour behind the image */
    background-color: #0B1220;

    /* your hero image */
    background-image: url("/images/3/3a/Background.png"); /* <-- use your real path */
    background-repeat: no-repeat;
    background-position: left top;   /* start at top-left */
    background-size: auto 100%;      /* image height = header height, width auto */

    min-height: 180px;               /* make the band tall enough to show it */
}

/* Make the tab strips themselves transparent so the image shows through */
#left-navigation,
#right-navigation,
#p-personal,
#p-search {
    background: transparent !important;
}

/* ===== Top navigation text colours ===== */

#p-personal a,
#right-navigation .vector-menu-tabs a,
#left-navigation .vector-menu-tabs a {
    color: #ffffff !important;
}

#p-personal a:hover,
#right-navigation .vector-menu-tabs a:hover,
#left-navigation .vector-menu-tabs a:hover {
    color: #5EB6FF !important;
}

/* ===== Global links (inside articles, sidebar, etc.) ===== */

#bodyContent a,
#mw-panel a {
    color: #3399FF;
}

#bodyContent a:hover,
#mw-panel a:hover {
    color: #5EB6FF;
}

/* ===== Footer colours ===== */

#footer,
#footer * {
    color: #d0d7ff !important;
    background-color: #020819;
}