MediaWiki:Common.css

From Ethene
Revision as of 18:29, 3 July 2024 by Serany (talk | contribs) (Another attempt at targeting the toolbar only while it's floating.)

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 */

@import url( 'https://fonts.googleapis.com/css2?family=Varela+Round');

/* Changes the default font used for MediaWiki body text (does not include headings or monospaced text): */
body {
  font-family: "Varela Round", sans-serif;
}

/* Changes the default font used for MediaWiki headings: */
#content h1, 
#content h2,
#content h3,
#content h4,
#content h5 {
  font-family: "Varela Round", sans-serif;
}

/* Changes the default font used for the MediaWiki logo text: */
#p-logo-text a {
  font-family: "Varela Round", sans-serif;
}

/* Changes the default font used for the logged in user's username: */
#personal h2 {
  font-family: "Varela Round", sans-serif;
}

/* Modifies the logo text to be more centered: */
#p-logo-text a.long {
  line-height: 1.5;
}

/* Modifies the upper border from the default wiki theme: */
#mw-header-container {
  min-height: 3.4em;
}

.color-middle {
  background: #ffffff;
}

.color-left {
  background: #ffffff;
}

.color-right {
  background: #ffffff;
}

@media screen {
  /* Adds a background and a few styling changes: */
  #mw-content-container {
    background: #ffffff;
    border-bottom: unset;
    background-image: url("https://static.miraheze.org/dragonquestxwiki/f/f8/Hiroba_background.jpg");
    background-repeat: repeat-x;
    background-position: top;
    margin-top: 2.5em;
  }

  /* Changes padding around the page content: */
  #mw-content {
    padding: 0em .5em .5em;
  }
}

/* Fix for Visual Editor to bring the toolbar further below the search bar */
.ve-init-mw-desktopArticleTarget-toolbar
  top: 2em;
}