MediaWiki:Common.css

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 */

pre {
	overflow: auto;
}
img {
	image-rendering: optimizeSpeed;
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: optimize-contrast;
	image-rendering: crisp-edges;
	image-rendering: pixelated;
}

#toc, .toc {
	margin-bottom: 3px;
}

div.tleft, div.tright {
	margin-top: 0.2em;
	margin-bottom: 0.8em;
}
.thumb .mediaContainer {
	margin: 4px auto 2px;
}
.ns-104 div.thumb {
	border-color: transparent;
}

ul.gallery,
li.gallerybox div.thumb {
	margin-bottom: 0;
	padding-bottom: 0;
}
ul.gallery {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

#file img {
	background: url(/resources/src/mediawiki.action/images/checker.png) repeat;
}
.mw_metadata {
	margin-top: 5px;
}

#catlinks li {
	margin: 0.28em 0;
	line-height: 1em;
}

blockquote {
	border-left: 3px solid #06f;
	margin-left: 2em;
	padding-left: 1em;
}

.mw-collapsible-toggle {
	padding-right: 0.3em;
}
.infobox .mw-collapsible-toggle-expanded {
	padding-left: 7px;
}

ol.references {
	margin-top: 0;
	font-size: 90%;
}

.ns-3 [style*="position:fixed"] {
	display: none;
}

.ipa {
	font-family: "Arial Unicode MS","Charis SIL","DejaVu Sans",Gentium,"Lucida Sans Unicode","TITUS Cyberbit","DoulosSIL",Arial;
}

/* <h3> All pages </h3> */


#bodyContent {
	position: relative;
}
.mw-newarticletext {
	margin-bottom: 10px;
}
.top-right { 
	position: absolute;
	top: -26px;
	right: 10px;
}
.top-right-text { 
	position: absolute;
	top: -17px;
	right: 10px;
}
.help-shift { 
	top: -20px;
	right: 60px;
}
.notice-template:not(.copyright):not(#aboutfile):not(#stub) + .notice-template:not(.copyright):not(#aboutfile):not(#stub) {
	margin-top: -0.375em !important;
}
.notice-template.copyright {
	margin: 2.5px auto;
}
.notice-template p {
	margin: 0.6em 0;
}

/* Edit box */
.wikiEditor-ui-toolbar .section-main,
.wikiEditor-ui-toolbar .tabs {
	height: auto;
}
.wikiEditor-ui textarea#wpTextbox1 {
	height: 474px;
	line-height: 1.4em;
}
.mw-summary-preview {
	margin-bottom: 0.5em;
}
#wpSummaryLabel .oo-ui-textInputWidget textarea,
#wpSummaryLabel .oo-ui-textInputWidget input {
	padding-bottom: 0.5em;
}
#wpSummaryWidget .oo-ui-labelElement-label {
	margin-right: 3px;
}

/* Video widget */
.videoWidget + p {
	margin: 0;
}

/* Captcha spacing */
#editform #wpCaptchaWord {
	margin-top: 2.5px;
}
.mw-ui-vform-field:nth-of-type(6) .mw-input {
	margin-top: 10px;
}
#userloginForm .mw-ui-vform-field:nth-of-type(6) {
	margin-bottom: 5px;
}
.mw-input img, #editform img {
	image-rendering: auto !important;
}
.mw-htmlform-field-HTMLReCaptchaNoCaptchaField .mw-input {
	margin-top: 1px;
}
.editOptions .g-recaptcha {
	margin-bottom: 10px;
}
.mw-ui-vform {
	width: 302px;
}


/* Adjust inputbox button padding in Firefox */
@-moz-document url-prefix() { 
	.bodySearchWrap .mw-ui-button, .createboxButton {
		padding-top: 4px;
		padding-bottom: 5px;
	}
}

/* <h3> [[Main Page]] </h3> */

body.page-Main_Page.action-view h1.firstHeading,
body.page-Main_Page.action-view #siteSub,
body.page-Main_Page.action-view #catlinks,
body.page-Main_Page.action-view #lastmod { 
	display: none;
}
body.page-Main_Page.action-view #bodyContent {
	margin-top: 16px;
}
body.page-Main_Page.action-view #contentSub {
	margin-top: 26px;
}

body.page-Main_Page .pds-box {
	width: 100% !important;
	max-width: none !important;
}
body.page-Main_Page .pds-vote {
	padding-bottom: 3px !important;
}
body.page-Main_Page .pds-question-top {
	padding-left: 3px !important;
}

.MainTopText a {
	color: black !important;
	text-decoration: none;
}
.MainTopText a:hover {
	color: black;
	text-decoration: underline;
}
.mainpagebox {
	border: 2px solid #496C9C;
	padding: 2px;
	background: #F8F8FF;
	border-radius: 1em;
}
.mainpagebox p {
	margin: 0.9em 0 1em;
}
.mainpagebox#welcome {
	padding: 2px 2px 2px 0;
}
.mainpagebox#nav {
	font-size: 120%;
	padding: 2px 2px 5px 0;
	background: #FDFDFF;
	border-color: #999;
}
.mainpagebox#nav ul {
	margin-left: 20px;
}
.mainpagebox#poll,
.mainpagebox#shroom,
.mainpagebox#dyk,
.mainpagebox.mwe {
        margin-top: 10px;
}
.mainpagebox#poll .pollspinner {
	margin-bottom: 18px;
}
.mainpagebox#poll th.awardsPolls {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.mainpagebox#poll .pollspinnerbox table {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.mainpagebox#poll .throbber {
	display: none;
}
.mainpagebox#right {
	padding: 2px 2px 5px;
}
.mainpagebox.maintain {
	text-align: center;
	padding: 2px 2px 0;
	margin-top: 10px;
}
.mainpagebox h2 {
	padding: 4px 5px 2px;
	margin-bottom: 1px !important;
	border: 2px solid #567CAF;
	font-size: 120%;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	border-radius: 0.75em;
}
.mainpagebox#featured h2 {
	background: #009D00;
	border-color: #005100;
}
.mainpagebox#poll h2 {
	background: #9B04FF;
	border-color: #4F0084;
}
.mainpagebox#shroom h2 {
	background: #EC0000;
	border-color: #9D0000;
}
.mainpagebox#news h2 {
	background: #1C49FF;
	border-color: #001C8A;
}
.mainpagebox#dyk h2 {
	background: #FF8000;
	border-color: #914800;
}
.mainpagebox.mwe h2 {
	background: #FF4868;
	border-color: #C60023;
}
.mainpagebox#announce {
	text-align: center;
	padding: 2px 2px 0;
	margin-top: 10px;
}
.mainpagebox#niwa {
	padding: 3px 2px 2px;
}
.mainpagebox h2#tourney {
	background: #4682B4;
}
.mainpagebox#tourneysub {
	background-color: lightsteelblue;
	border: 2px solid #3b587e;
}
.mainpagebox#tourneybox {
	border-collapse: collapse;
	background: #F8F8FF;
}

.newpoll {
	width: 100%;
	background: transparent;
	text-align: center;
	table-layout: fixed;
	word-wrap: break-word;
}
.pollq {
	padding: 0 3px 0 6px;
	margin-bottom: -19px;
	position: relative;
	background: #F8F8FF;
	font-weight: bold;
}

.MainPageAffiliatesBox {
	border: none;
	width: 100%;
	margin-bottom: 8px;
}
.affiliates {
	text-align: center;
	font-size: 10px;
}
.affiliates a {
	background: none !important;
	padding: 0 !important;
}
.affiliates img {
	margin-top: 1px;
	margin-bottom: 2px;
}
.affiliates .affiliatesub {
	background-color: #FFFFFF;
	padding: 4px;
	border: 1px solid #790000;
	background-color: #FFF9F9;
}

/* <h3> Intro </h3> */

.IntroPageBox {
	background-color: #ffe;
	background-repeat: no-repeat;
	background-position: bottom right;
}
.IntroPageBox div.tright {
	border-color: transparent !important;
}





/* <h3> Chronology </h3> */

#fh1,
#fh2,
#fh3,
#fh4,
#fh5,
#fh6 {
	color: black;
	background: none;
	font-weight: normal;
	margin: 0;
	padding-top: .5em;
	padding-bottom: .17em;
	border-bottom: 1px solid #aaa;
}

#fh1 {
	font-size: 188%;
}
#fh2 {
	font-size: 150%; 
}
#fh3,
#fh4,
#fh5,
#fh6 {
	border-bottom: none;
	font-weight: bold;
}
#fh3 {
	font-size: 132%; 
}
#fh4 {
	font-size: 116%; 
}
#fh5 {
	font-size: 100%; 
}
#fh6 {
	font-size: 80%;
}
#bodyContent #fh1, 
#bodyContent #fh2 {
	margin-bottom: .6em;
}
#bodyContent #fh3, 
#bodyContent #fh4, 
#bodyContent #fh5 {
	margin-bottom: .3em;
}

/* <h3> Navigation templates </h3> */

.navbox {
	background: none repeat scroll 0 0 white;
	border: 1px solid grey;
	color: black;
	font-family: Arial;
	font-size: 11px;
	width: 100%;
	margin-top: 20px;
}
.navbox + .navbox,
.navbox .navbox {
	margin-top: 0;
}
.navbox .mw-collapsible-toggle-expanded {
	padding-left: 7px;
}
.navbox:not(.multi) .mw-collapsible > tbody > tr:first-child > th {
	padding-left: 42px;
}
.navbox tr:first-child th {
	background: none repeat scroll 0 0 #999999;
	color: white;
	font-size: 12px;
	font-weight: bold;
}
.navbox tr:first-child th, .navbox tr:first-child th a {
	color: #FFFFFF !important;
}
.navbox tr th {
	background: none repeat scroll 0 0 #CCCCCC;
	text-align: center;
}
.navbox tr:not(:first-child) th:not([rowspan]):not([colspan]) {
	background: none repeat scroll 0 0 #E6E6E6;
}
.navbox tr th a, .navbox tr th a:visited, .navbox tr th a.new, .navbox tr th a.new:visited {
	color: #000000;
}
.navbox tr:nth-child(2n) td {
	background: none repeat scroll 0 0 #F6F6F6;
}
.navbox tr td {
	background: none repeat scroll 0 0 #FCFCFC;
}
.navbox td a {
	color: #0000FF;
}
.navbox td a:visited {
	color: #0000CC;
}
.navbox td a.new {
	color: #CC2200;
}
.navbox td a.new:visited {
	color: #A55858;
}
.navbox td a.selflink {
	color: #000;
}

 /* <h4> Light-colored species templates </h4> */
.navbox.light > * > tr:first-child th, .navbox.light > * > tr:first-child th a {
	color: black !important;
}

.navbox.spp tr:nth-child(2n) td {
	background-color: pink;
}
.navbox.spp tr td {
	background-color: mistyrose;
}



/* <h3> Template:Delete </h3> */
.notice-template#delete {
	background: #333;
	color: white;
}
.notice-template#delete a:not(.new) {
	color: yellow;
}

/* <h4> Template:Button </h4> */
.defaultbutton {
	background: white;
	border: 1px solid black;
	padding: 0px 0.5em;
	border-radius: 1em;
	font-variant: small-caps;
	color: black;
	font-size: smaller;
	white-space:nowrap;
	display: inline;
}
.button{
	background:url(/images/thumb/7/75/Def_Button.svg/16px-Def_Button.svg.png) no-repeat;
	font-size:smaller;
	font-variant:small-caps;
	padding:0 3px;
	white-space:nowrap;
	width:10px;
	height:16px;
	display:inline-block;
	overflow:hidden
}

/* <h4> Template:PipeWarning </h4> */
.pipe {
	background: #d4e6ea url(/images/f/fd/Pipewarning_image.png) repeat;
	padding: 0.3em;
	color: black;
}

/* <h4> Template:Sigbox </h4> */
.sigbox {
	background: url(/images/sigboxbg.png) no-repeat top left;
	min-height: 35px;
	min-width: 295px;
}

/* <h4> Template:Fake link </h4> */
.fakelinks {
	cursor: pointer;
	color: #002bb8;
}
.fakelinks:hover {
	text-decoration: underline;
}


/* <h3> Misc / Unsorted </h2> */

.special li {
	line-height: 19px;
}
#preftoc a:active {
	color: #00c; 
}
.oldh3 {
	font-size: 132%; 
}
.spoiler {
	width: 70%;
	padding: 0.2em;
	margin: 10px;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
}
.easywrap {
	width: 100%;
	table-layout: fixed;
	word-wrap: break-word;
	overflow: hidden;
}
#disambig {
	border-top: 3px double #cccccc; 
	border-bottom: 3px double #cccccc;
}
.right {
	text-align: right;
}
#whosonline a:visited {
	color: #0000FF;
}

/* DK table basic styling */
table.dktable, table.dktable-brown {background:#fff;margin:1em 0;border:1pt solid #000;border-collapse:collapse;color:black}
table.dktable > * > tr > td, table.dktable > * > tr > th, table.dktable-brown > * > tr > td, table.dktable-brown > * > tr > th {border:1pt solid #000;padding:0.2em 0.4em}

/* DK tables brown rows coloring */
table.dktable-brown > * > tr > th {background: #BB8855}
table.dktable-brown > * > tr:nth-child(odd) > td {background:#FFF8DC}
table.dktable-brown > * > tr:nth-child(even) > td {background:wheat}

/* Creates a div class that can be used to add mouse-over functionality. */
.hoverexpand {
	height: 18px;
	padding: 2px;
	overflow: hidden;
	*overflow: visible;
	_overflow: visible;
}
.hoverexpand:hover {
	height: 100%;
	overflow: visible;
}

/* New user message box */
.usermessage {
	margin-top: 1em;
}

/* Media player fix */
.wikitable .mediaContainer {
	margin-top: 2px;
}

/* Skin preferences */
#mw-htmlform-skin .mw-htmlform-flatlist-item:nth-of-type(2) {
	display: none;
}

#ca-viewsource { display:none!important; }
#ca-history { display:none!important; }

.nodesktop {
display: none;
}

#mw-panel #p-logo + .portal {
  margin-top: -25px;
}