Even for a low-activity wiki, hosting & rendering many HQ image files takes significant resources and comes with high monthly server costs.
If you're able, please consider contributing to keep the site running to help support this independent, ad-free, fan-run site. Thank you!

MediaWiki:Common.css

From Highway 0, the Kentucky Route Zero wiki
Revision as of 11:34, 30 June 2018 by Eli (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: 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 */

@import url('https://fonts.googleapis.com/css?family=Podkova:400,700&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Inconsolata:400,700');

div#footer #footer-icons li {
  margin-left: 0;
}

div#footer #footer-icons li a {
  margin-left: 0.5em;
}

.infobox {
  background: #eee;
  border: 1px solid #aaa;
  float: right;
  margin: 0 0 1em 1em;
  padding: 1em;
  width: 300px;
}
.infobox-title {
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
}
.infobox-image {
  text-align: center;
}
.infobox th {
  text-align: right;
  vertical-align: top;
  width: 120px;
}
.infobox td {
  vertical-align: top;
}

table.ambox {
  border: 1px solid #a2a9b1;
  border-left: 10px solid #ff8319;
  background: #fbfbfb
}
table.ambox-content {
  border-left: 10px solid #f28500;
}
.mbox-small-left {
  margin: 4px 1em 4px 0;
  box-sizing: border-box;
  overflow: hidden;
  width: 238px;
  border-collapse: collapse;
  font-size: 88%;
  line-height: 1.25em;
}
.ambox th.mbox-text,
.ambox td.mbox-text {
  padding: 0.25em 0.5em;
  width: 100%;
  border: none;
}

/* Allow limiting of which header levels are shown in a TOC;
   <div class="toclimit-3">, for instance, will limit to
   showing ==headings== and ===headings=== but no further
   (as long as there are no =headings= on the page, which
   there shouldn't be according to the MoS).
 */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
  display: none;
}

/* Template:Feature box */
.featurebox {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.featurebox:hover {
  box-shadow: 4px 4px 0px #ff8319 ! important;
}
.featurebox-link a {
  color: #fff !important;
}
.featurebox-shiftimageY img {
  transform: translateY(-25%);
}
.featurebox-shiftimageY2 img {
  transform: translateY(-38%);
}
.featurebox-shiftimageX img {
  transform: translateX(-25%);
}

/* Template:Highway */
.highway-box {
  background: #000;
  color: #fff;
  border-radius: 10px;
  width: 350px;
  padding: 8px 8px 20px;
  float: right;
}
.highway-title {
  font-family: 'Inconsolata', monospace;
  text-align: center;
  text-transform: uppercase;
  font-size: 24pt;
  position: relative;
  z-index: 1;
}
.highway-image {
  text-align: center;
  margin-top: -30px;
}
.highway-line1 {
  border: none;
  border-bottom: 1px solid #fff;
  color: transparent;
  background-color: transparent;
  margin: 17px auto 12px;
  width: 75%;
}
.highway-line2 {
  border: none;
  border-bottom: 1px dashed #fff;
  color: transparent;
  background-color: transparent;
  margin: 16px auto 12px;
  width: 75%;
}
.highway-routeno {
  text-align: center;
  font-size: 14pt;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.highway-routebox {
  text-align: center;
  font-size: 12pt;
  width: 100%;
  white-space: nowrap;
}
.highway-neighbors {
  display: inline-block;
  vertical-align: middle;
  text-transform: uppercase;
  width: 75px;
  white-space: pre-line;
  line-height: 1.1em;
}
.highway-arrow {
  display: inline-block;
  vertical-align: middle;
  margin: 0 20px;
}
.highway-truck {
  display: inline-block;
  vertical-align: middle;
}