MediaWiki:Timeless.css

Opmerking: na het publiceren moet je misschien je browsercache legen om de veranderingen te zien.

• Firefox / Safari: houd Shift ingedrukt terwijl u:je op Vernieuwen klikt of druk op Ctrl-F5 of Ctrl-R (⌘-Shift-R op een Mac)
• Google Chrome: druk op Ctrl-Shift-R (⌘-Shift-R op een Mac)
• Edge: houd Ctrl ingedrukt terwijl u:je op Vernieuwen klikt of druk op Ctrl-F5.

/* CSS placed here will affect users of the Timeless skin */

/* Font Face */
@font-face {
  font-family: "Grobold";
  src: url("https://wiki.dreambearsaga.nl/images/grobold.woff2") format("woff2"),
       url("https://gwiki.dreambearsaga.nl/images/grobold.woff") format("woff");
}

/* Body & Background */
body { 
  background: url(https://wiki.dreambearsaga.nl/images/background.webp) center top no-repeat !important; 
  background-size: 1920px 5627px !important; 
}

/* Links */
a { 
  color: black !important; 
}

a:visited { 
  color: black !important; 
  font-weight: 600 !important; 
}

.mw-parser-output a.external { 
  color: black !important; 
  font-weight: 600 !important; 
}

/* Logo */
.mw-wiki-logo { 
  height: 6em !important; 
  background-size: contain !important; 
  margin-top: 0px !important; 
}

/* Header */
#mw-header-container { 
  background-image: url("https://game.dreambearsaga.nl/wp-content/themes/dreambearsaga/game-wrapper/images/desktop/topbar-background.png"); 
  background-size: contain; 
}

/* Footer */
#mw-footer-container { 
  border-top: none !important; 
  box-shadow: none !important; 
}

#mw-footer-container a { 
  color: white !important; 
}

/* Content Container */
#mw-content-container { 
  margin-top: 65px; 
  background: none !important; 
  border-bottom: none !important; 
}

/* Content */
#mw-content { 
  background: #B4F6B3 !important; 
  border: solid white !important; 
  border-width: 7px !important; 
  box-shadow: none !important; 
}

/* Navigation */
#site-navigation { 
  background: #B4F6B3 !important; 
  border: solid white !important; 
  border-width: 7px !important; 
  box-shadow: none !important; 
}

/* Page Header Links */
#mw-page-header-links li { 
  border-bottom: solid 2px transparent !important; 
}

#mw-page-header-links li.selected { 
  border-bottom-color: black !important; 
}

/* Headings */
h1, h2, h3 { 
  font-family: 'Grobold' !important; 
  color: white !important; 
  padding-left: 5px !important; 
  padding-bottom: 5px !important; 
}

#mw-content h1 { 
  font-size: 1.8em !important; 
}

#mw-content h1.firstHeading { 
  border-bottom: none !important; 
}

#mw-content h1, #mw-content h2 { 
  border-bottom: none !important; 
}

#mw-content h2 { 
  font-size: 1.5em !important; 
}

#mw-content h3 { 
  font-size: 1.2em !important; 
}

/* Portlet Headings */
.mw-portlet h3, .toctitle h2 { 
  font-family: 'Helvetica Neue','Nimbus Sans','Helvetica','Arial',sans-serif !important; 
  color: black !important; 
  padding-left: 0 !important; 
  font-weight: 600 !important; 
}

#mw-site-navigation .sidebar-chunk h3, #mw-related-navigation .sidebar-chunk h3 { 
  border-bottom: solid 1px black !important; 
}

/* Search */
#searchInput { 
  height: 2em !important; 
  margin-bottom: 1px !important; 
}

#searchButton { 
  right: 0em !important; 
  height: 2.3em !important; 
}

/* Hidden Elements */
.color-bar { 
  display: none !important; 
}

.footer-icons { 
  display: none !important; 
}

#about, #disclaimer { 
  display: none !important; 
}

#catlinks-sidebar { 
  display: none !important; 
}

#page-tools { 
  display: none !important; 
}

#site-tools { 
  display: none !important; 
}

#user-tools { 
  display: none !important; 
}

@media screen and (min-width: 851px) and (max-width: 1099px) {
    #mw-header-nav-hack {
      border-top: none !important;
    }
}

@media screen and (min-width: 851px) and (max-width: 1099px) {
    #mw-site-navigation h2 {
      font-family: 'Helvetica Neue','Nimbus Sans','Helvetica','Arial',sans-serif !important;
    }
}

@media screen and (min-width: 851px) and (max-width: 1099px) {
    #mw-site-navigation .sidebar-chunk {
      background-color: transparent !important;
      border: none !important;
      margin-left: 5px !important;
      margin-bottom: 10px !important;
    }
}

@media screen and (max-width: 850px) {
    #user-tools h2:after, .sidebar-chunk h2:after {
      top: 0.75em !important;
      left: 32px !important;
    }

    #site-navigation .sidebar-inner {
      background-color: #B4F6B3 !important;
      border: 7px solid white !important;
      left: 12px !important;
      box-shadow: none !important;
      margin-top: 10px !important;
    }

    #menus-cover {
      background: black !important;
      opacity: 0.75 !important;
    }

    #site-navigation {
      border-width: 0px !important;
    }

    #mw-content-block {
      margin-left: 15px !important;
      margin-right: 15px !important;
    }

    #ca-more {
      display: none !important;
    }
}