MediaWiki:Common.css
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)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
#ca-nstab-main { display: none !important; }
#ca-nstab-mediawiki { display: none !important; }
/* Stripes background */
.infoboxheading, .infoboxsubheading, .article-template,
.errorbox, .warningbox, .successbox,
.alertbox, .alertbox2, .alertbox3, .alertbox4,
.navtempsec, .navtemp th {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAyCAYAAAB70nrOAAAAkUlEQVR4AdWMSwrCQBQEO9Fo1PgXjZ/7X3PkNb2ojQewoaDqMYwkfZTBEzi8GTNDCb70OgcOL5M9C7zUnIAneHiY7G6w2w/XNXiX4J0NdmqtqSgX4mgShyKufYGXmhCTEDuT2BZxbQr+MSJGIdYmsSriGgr+wRiEWJrEoogn8EeP6MUwia6wMwoh7GIUDvLHhy9BWxckqkJhEwAAAABJRU5ErkJggg==') !important;
background-repeat: repeat-x !important;
}
/* WikiEditor link colors */
.wikiEditor-ui-tabs div a,
.wikiEditor-ui-toolbar .tabs span.tab a,
.wikiEditor-ui-toolbar .tabs span.tab a:visited {
color: #d46007;
}
/* Wikitable padding reset to its value from older MediaWiki, primarily for achievement icons */
table.wikitable > tr > th,
table.wikitable > tr > td,
table.wikitable > * > tr > th,
table.wikitable > * > tr > td {
padding: 0.2em;
}
/* Full-width action status boxes */
.errorbox, .warningbox, .successbox {
display: block;
}
/* Legacy class used on OverWiki */
.fullwidth {
width: 100%;
}
/* Ugly hack to remove unsupported "other resolutions" on video pages */
body[class*="_webm "] .mw-filepage-other-resolutions {
display: none;
}
/* Sound element leaves some weird bottom margin in Chrome and Firefox */
audio {
margin-top: 5px;
}
/*
* "Main article"-like notes (copied from Wikipedia)
*/
.hatnote {
font-style: italic;
}
div.hatnote {
margin-bottom: 0.5em;
padding-left: 1.6em;
}
/*
* Infobox
*/
.infobox {
position: relative;
float: right;
clear: right;
/* Margins from the recent changes legend, relative to the smaller font size */
margin-left: 1em;
margin-bottom: 0.5em;
width: 250px;
border: 1px solid #999999;
font-size: smaller;
line-height: 1.5;
}
.infoboxtable {
width: 100%;
}
.infoboximage {
padding: 0;
text-align: center;
}
.infoboxheading {
font-size: larger;
font-weight: bold;
color: white;
}
.infoboxsubheading {
text-align: left;
font-weight: normal;
}
.infoboxlabel, .infoboxcell {
vertical-align: top;
}
.infoboxcell p, .infoboxcell ul {
margin-top: 0;
margin-bottom: 0;
}
/* For TimedMediaHandler, not used anymore - the player has weird vertical positioning that moves it 2px up */
/*.infoboxsound .mediaContainer {
margin: 2px auto 0;
} */
.infoboxsound {
text-align: center;
}
.infobox .plainlinks, .infobox .plainlinks a {
color: white;
}
/*
* Alert box
*/
.alertbox, .alertbox2, .alertbox3 {
width: 100%;
border: 1px solid #d9d9d9;
font-size: 9pt;
}
.alertbox, .alertbox4 {
background-color: #cfebff;
}
.alertbox2, .alertbox3 {
background-color: #d3ffd3;
}
.alertbox, .alertbox2 {
font-size: x-small;
}
.alertbox th, .alertbox2 th {
width: 100%;
text-align: left;
}
.alertbox4 {
margin-bottom: .8em;
padding: .5em;
border: solid 1px #d9d9d9;
}
/*
* Navigation template and similar things
*/
.tableholder, .navtemp {
background-color: #f9f9f9;
border: 1px solid #aaa;
padding: 5px;
}
.navtemp, .fileinfo {
width: 100%;
}
.navtemp {
font-size: smaller;
}
.fileinfo {
font-size: small;
}
.navtemp th {
color: white;
padding: 3px 7px;
}
.navtemp th a {
color: white;
}
.navtemp th .selflink {
font-weight: bold; /* Not bolder so it's not too bold on category pages */
}
.navtemp td, .fileinfo {
background-color: #e8e8e8;
}
.navtemp td {
padding-left: 3px;
padding-right: 3px;
}
.navtemp td.navtempsec, .fileinfo td.fileinfosec { /* .navtempsec doesn't have enough priority */
font-weight: bold;
white-space: nowrap;
}
.navtemp td.navtempsec {
padding-left: 5px;
padding-right: 5px;
}
.fileinfo td.fileinfosec {
padding-left: 3px;
padding-right: 3px;
text-align: right;
}
.navtemptoggle {
display: inline-block;
float: right;
font-weight: normal;
width: 4em; /* Prevent the header from moving to the left/right when toggling */
text-align: right;
}
.navtempshow, .navtemphide {
cursor: pointer;
}
.navtempshow, .navtempcoll .navtemphide, .navtempcoll tr {
display: none;
}
.navtempcoll .navtempshow {
display: inline;
}
.navtempcoll tr:first-child {
display: table-row;
}
/*
* Code block reset and font
*/
code {
background: none;
border: none;
color: inherit;
padding: 0;
}
pre, code, tt, kbd, samp, .mw-code {
font-family: "Consolas", "Lucida Console", monospace, "Courier";
}
/*
* Main page
*/
/* Hide the title */
body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading,
body.page-Main_Page_pl.action-view h1.firstHeading, body.page-Main_Page_pl.action-submit h1.firstHeading {
display: none;
}
/* Hide breadcrumbs */
body.page-Main_Page_pl.action-view span.subpages, body.page-Main_Page_pl.action-submit span.subpages {
display: none;
}
.mainpageblock {
margin-bottom: .8em;
padding: .5em;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAABACAMAAABMUIWcAAAAVFBMVEXIyMj////IyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjN8byXAAAAHHRSTlMAAAECAwQFBgcICQoLDA0ODxAREhMUFRYXGBkaKunIwQAAAMxJREFUeAGtytlugzAYROFTbLODWUKX9v3fs6BEhBEXvyz5u5wzKOY/Nefuvyp3n37UlLnHbxVz9y+Vu4+fagRl9JFNDKhhw+gbj4tb3zeM/mA99ah+PWD0FaOvLE+3vrxg9IX50KG6+cS0a1Ht9IbRJ2K89XiF0SMNqhkVRm8Sez2oOrX3KrVXnapAe6tSe9moMnMPtQqpvVKpnVJ5lMfoJeHKoVwIGD1g9IA/3bo/YHSP0T3uqUAV7gWjO4zuKHa3foHRC4xe8GEwD/+Gujn8M+UftQAAAABJRU5ErkJggg==') !important;
background-repeat: repeat-x !important;
background-color: #f0f0f0;
border: solid 1px #999;
}
#main-page-bubbles {
font-size: 90%;
}
.main-page-right-column {
padding-left:.8em;
}
/* Hide mobile indicator replacements */
.mobile-indicator {
display: none;
}
/* VWN template formatting */
.vwn-text {
width: 100%;
}
/* Audio player size */
.audioplayer img {
width: 300px;
height: auto;
}
/* CollapsedBio width
.mw-collapsible {
width: 800px;
} */
/* Grey background class for galleries */
.greybackground li.gallerybox div.thumb div a img {
background-color: #3a3a3a;
padding: 5px;
margin-bottom: -5px;
margin-top: -5px;
}
.merged-galleries {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}