MediaWiki:Common.css

From Gentoo Wiki
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.
/* Gentoo wiki custom CSS. See upstream's instructions here: https://www.mediawiki.org/wiki/Manual:CSS
Please talk to the wiki project lead before changing anything here!

This style sheet applies lastly in the CSS import order, therefore will override any styles of the same name from the Tyrian wiki skin (https://gitweb.gentoo.org/sites/tyrian-theme.git/) and the base Tyrian theme (https://gitweb.gentoo.org/sites/tyrian-theme.git/). Any wiki-specific Tyrian changes can be applied here for testing, but it's better to move them into code via the Tyrian wiki skin in the long term to capture the changes in a code repository. */

a:visited,
.mw-body a.external:visited {
  color: #7E307E;
}

.cmd-box a, .cmd-box a.external, .cmd-box a.external:visited {
	color: white !important;
}

a.list-group-item:visited {
  color: #555;
}

/* TODO: Find template that needed this to be white. USEFlag?
.mw-collapsible-toggle a:link {
  color: white;
}*/

.testcasehack p {
  line-height: 0;
  padding: 0;
  margin: 0;
}

.testcasehack p code {
  border: none;
  background: none;
  line-height: 0;
}

/* field trial! */
.mw-body h2 {
  border-bottom: 1px solid #e1e1e1;
}

/* Code highlighting */
.mw-code {
  border: none;
  padding: 1px;
  background: none;
  font-size: 1.2em;
}

/* HACK!
pre pre {
  font-size: .8em;
  padding: 0;
}*/

/* Message Boxes (new) */
.gw-msgbox, .gw-contentbox {
  padding: 3px;
  margin-top: .5em;
  margin-bottom: .5em;
}

.gw-msgbox .gw-msgbox-title {
  margin-top: -3px;
  margin-left: -3px;
  display: table-row;
  float: left;
  padding: 3px;
  margin-right: 3px;
  font-weight: bold;
}

.gw-msgbox .gw-msgbox-content {
  display: table-row;
}

/* Content Boxes (new) */
.gw-contentbox {
  padding-top: 0;
}

.gw-contentbox .gw-contentbox-title {
/**  margin-top: -.3em; old **/
  margin-top: 0;
  margin-left: -3px;
  display: table-row;
  padding: 3px;
  padding-top: 1px; /** new **/
  padding-left: 0;
  float: left;
}

.gw-contentbox .gw-contentbox-title1 {
  padding: 3px;
  font-weight: bold;
}

.gw-contentbox .gw-contentbox-subtitle {
  padding: 3px;
  font-weight: bold;
}

.gw-contentbox .gw-contentbox-description {
  padding: 3px;
  font-weight: bold;
}

.gw-contentbox .gw-contentbox-rightmsg {
  float: right;
  margin-top: -3px;
  margin-right: -3px;
  padding: 3px;
}

.gw-contentbox .gw-contentbox-content {
  clear: both;
  padding-top: 3px;
}

.gw-contentbox-content pre, .gw-cmdbox pre {
  border: none;
  background: none;
  margin: 0;
}

/* Notice/Warning/File/Kernel Boxes (old)
   Hybrid boxes are usable for one-line as well as multi-line content.
   To achieve that, the title box has position: absolute so that all text flows around it.
   You have to manually add padding for the first line. Got a better solution? Let a3li know.
 */
.OLDgw-box, .gw-hybrid-box {
  margin-top: .5em;
  margin-bottom: .5em;
  background-color: #f3f3f3;
}

.gw-hybrid-box {
  padding: .3em;
}

.OLDgw-box pre, .gw-hybrid-box pre {
  border: none;
  background: none;
  margin: 0;
  padding: 0;
}

.gw-box-show-pre pre {
  border: 1px solid silver !important;
  background-color: white !important;
}

.OLDgw-box .gw-box-title {
  padding: .3em;
  font-weight: bold;
  color: white;
}

.gw-hybrid-box .gw-box-title {
  padding: .3em;
  font-weight: bold;
  color: white;
  display: inline-block;
  float: left;
  margin: -.3em .3em 0 -.3em;
  position: absolute;
}

.OLDgw-box .gw-box-content {
}

.client-js .noscript { display: none; }

div.mw-babel-box { width: 25em; float: right; clear: right; font-size: 90%; }
.mw-babel-box table { display: flex; align-items: center; padding: 5px; min-height: 3em; }
.mw-babel-box-header { background-color: #463C65; }
.mw-babel-box-header a { color: white; }
.mw-babel-box-header a.new { color: red; }
.mw-babel-wrapper { border: 1px solid #ddd; }