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 affect users of the mobile site */
/********/
/* Font */
/********/
@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');
/**************/
/* Restyling */
/**************/
body {
font-family: Podkova, "Courier New", Courier, monospace;
}
header,
.header-container.header-chrome,
footer,
footer .last-modified-bar,
#mw-mf-page-left {
background-color: #242d3c;
color: #ffffff;
}
/* Links */
a:link,
a:active,
.header .branding-box h1,
.header .branding-box a,
#mw-mf-page-left ul.hlist li a,
footer .hlist li::after, .mw-ui-anchor.mw-ui-progressive {
text-decoration: none;
color: #ff8319;
}
a:visited,
.last-modified-bar a,
.last-modified-bar a:visited {
text-decoration: none;
color: #e77a1c;
}
a:hover {
text-decoration: underline;
}
/*********************************/
/* Zero word effect by User:Nclm */
/*********************************/
@supports (background-clip: text) or (-webkit-background-clip: text) {
@keyframes zero {
from { background-position: -800px -83px; }
to { background-position: 0% 0%; }
}
.zero {
background-image: url(/~donald/zero/images/3/36/Zero_Fog.png);
animation-name: zero;
animation-duration: 20s;
animation-timing-function: linear;
animation-iteration-count: infinite;
-webkit-background-clip: text;
background-clip: text;
color: rgba(0,0,0,0);
}
a .zero {
background-image: url(/~donald/zero/images/e/e7/ZeroLink_Fog.png);
}
}
@supports (background-clip: text) or (-webkit-background-clip: text) {
@keyframes zerowhite {
from { background-position: -800px -83px; }
to { background-position: 0% 0%; }
}
.zerowhite {
background-image: url(/~donald/zero/images/7/73/ZeroWhite_Fog.png);
animation-name: zerowhite;
animation-duration: 20s;
animation-timing-function: linear;
animation-iteration-count: infinite;
-webkit-background-clip: text;
background-clip: text;
color: rgba(0,0,0,0);
}
a .zerowhite {
background-image: url(/~donald/zero/images/e/e7/ZeroLink_Fog.png);
}
}
/*************/
/* Infoboxes */
/*************/
.infobox {
background: #eee;
border: 1px solid #aaa;
float: left;
margin: 0 0 1em 1em;
padding: 0.5em 1em 1em 1em;
max-width: 100%;
}
.infobox-title {
font-size: 1.5em;
font-weight: bold;
text-align: center;
margin-bottom: 0.25em;
}
.infobox-image {
text-align: center;
margin-bottom: 0.25em;
}
.infobox th {
text-align: right;
vertical-align: top;
}
.infobox td {
vertical-align: top;
padding-left: 10px;
}
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;
}
/*********************/
/* Custom tag styles */
/*********************/
.poem {
width: 90%;
border: 2px solid #d6d2c5;
background-color: #f9f4e6;
padding: 1em;
font-family: monospace;
font-size: 1.15em;
}
.inconsolata {
font-family: 'Inconsolata', monospace;
}
/*****************/
/* TOC limit tag */
/*****************/
/* 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;
transition: all 0.3s;
padding-bottom: 15px !important;
}
.featurebox:hover {
box-shadow: 4px 4px 0px #ff8319 ! important;
}
.featurebox-link a {
color: #fff !important;
}
.content noscript > img,
.content a > img {
height: unset !important;
}
.content a > img,
.content a > .lazy-image-placeholder,
.content noscript > img {
max-width: unset !important;
}
/********************/
/* Template:Highway */
/********************/
.highway-box-top {
background: #000 url("/~donald/zero/images/8/8f/0_notebook_top.png") no-repeat left top;
border-top-right-radius: 10px;
width: 350px;
height: 9px;
padding-left: 24px;
margin-left: 10px;
float: right; /* make sure to clear: both; after all of these */
}
.highway-box-bottom {
background: #000 url("/~donald/zero/images/f/ff/0_notebook_bottom.png") no-repeat left bottom;
border-bottom-right-radius: 10px;
width: 350px;
height: 20px;
padding-left: 24px;
margin-left: 10px;
margin-bottom: 14px;
float: right;
}
.highway-box-main {
background: #000 url("/~donald/zero/images/9/94/0_notebook_spine.png") repeat-y left top;
color: #fff;
border-radius: 0;
width: 350px;
padding-left: 24px;
margin-left: 10px;
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;
color: #fff;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
.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;
color: #fff;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
.highway-arrow {
display: inline-block;
vertical-align: middle;
margin: 0 15px;
}
.highway-truck {
display: inline-block;
vertical-align: middle;
}
.highway-routeno a:hover,
.highway-neighbors a:hover {
text-decoration: underline;
color: #fff;
}
/*****************/
/* Template:Acts */
/*****************/
.white,
.white a,
.white a:link,
.white a:hover,
.white a:visited {
color: #fff;
}
.white a.mw-selflink.selflink {
text-transform: uppercase;
}
.white a:hover {
text-decoration: underline overline;
}
.white a.mw-selflink.selflink:hover {
text-decoration: none;
}
/***********/
/* Cleanup */
/***********/
/* Hide unused buttons */
.language-selector.disabled {
display: none;
}