MediaWiki:Common.css

From musings of k8
Revision as of 16:26, 28 November 2020 by Admin (talk | contribs)
Jump to navigation Jump to search

Note: After saving, 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: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* CSS placed here will be applied to all skins */

/* Float TOC to the right. */
#toc { float: right };

/*
 * Fonts
 */
/* https://fonts.google.com/specimen/Roboto */
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
.mw-body { font-family: "Roboto", sans-serif; }

/*
 * Tables
 */
table { border-collapse: collapse; }
thead {
  background: rgba(0, 0, 0, 0.2);
  text-align: left;
}
tr:nth-child(even) { background: rgba(0, 0, 0, 0.1); }
th, td {
  border: 1px solid #eeeeee;
  padding: 3px;
}

/*
 * Code blocks
 */
code { border: 0px; }

/*
 * Images
 */
/* https://stackoverflow.com/questions/19450262/mediawiki-set-external-image-width-by-value */
.externalimage-holder {
  position: relative;
}
.externalimage-holder img {
  width: 100%;
  height: auto;
}