MediaWiki:Mobile.css

Revision as of 02:49, 3 August 2023 by PanchamBro (talk | contribs) (fixing infoboxes on mobile)

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.
/* All CSS here will be loaded for users of the mobile site */
@font-face { 
    font-family: Kurokane;
    src: url(/w/images/0/0b/FOT-KurokaneStd-EB.otf);
}
@font-face { 
    font-family: Rodin;
    src: url(/w/images/4/4c/FOT-RodinNTLGPro-DB.otf);
}
#firstHeading,
h1, #bodyContent h1,
h2, #bodyContent h2,
h3, #bodyContent h3,
h4, #bodyContent h4,
h5, #bodyContent h5,
h6, #bodyContent h6 {
    color: #E6E6E6;
    font-family: "Kurokane", "Arial";
    font-weight: normal;
}
#content, .mw-body {
  color: #E6E6E6;
  font-family: "Rodin","Arial";
}
.overlay-enabled, .mw-body {
  background-color: #000B10;
}
.header-container.header-chrome, #mw-mf-page-left {
  background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.40),rgb(0, 0, 0)) fixed,url(/w/images/5/50/Wiki-background);
}
#mw-mf-page-left ul li {
  background-color: #157aac9e;
}
.mw-ui-icon::before {
  filter: invert(1) hue-rotate(180deg);
}
.minerva-header .branding-box a span, .minerva__tab-container .minerva__tab, #mw-mf-page-left ul.hlist li a span, #mw-mf-page-left ul li a {
  color: #e6e6e6;
}
.minerva__tab-container .minerva__tab.selected {
  border-bottom: 2px solid #fff;
}

/* Footer */
.mw-footer > .post-content .minerva-footer-logo:first-child {
  color: #e6e6e6;
}
.minerva-footer {
  border-top: none;
  background: linear-gradient(to bottom,rgb(0, 0, 0),rgba(0,0,0,0.10),rgb(0, 0, 0)),url(/w/images/5/50/Wiki-background);
}
.last-modified-bar {
  border-bottom: none;
  background-color: #002e45;
}

/* Infoboxes */
.content .infobox {
  background-color: #000;
}

/* Search functionality */
.overlay.search-overlay {
  background: #000b10 !important;
}
.overlay.search-overlay .search-content .caption {
  color: #fff !important;
}
.overlay.search-overlay .results, .overlay.search-overlay .search-feedback {
  background-color: #000 !important;
}
.overlay.search-overlay li.page-summary h3 {
  color: #fff;
}