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)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* CSS placed here will affect users of the Hydra skin */
.wikiEditor-ui,
.wikiEditor-ui-view,
.wikiEditor-preview-contents {
background-color: transparent;
}
/* for items that display only in the mobile view */
.mobileonly {
display: none;
}
/* CSS placed here will affect users of the Hydra skin */
@font-face {
font-family: 'Junction-webfont';
font-style: normal;
font-weight: 400;
src: local('Junction-webfont'), local('Junction-webfont'), url(/media/hydra/fonts/Junction-webfont.ttf) format('truetype');
}
/******************
/* General styles *
/******************/
body {
background: #effdfe url("https://static.wikia.nocookie.net/yokaiwatch_gamepedia/images/1/13/Skin-Body-Background.jpg/revision/latest") no-repeat 160px 160px;
font-family: 'Junction-webfont', sans-serif;
}
div#mw-page-base {
background: #ffffff url("https://static.wikia.nocookie.net/yokaiwatch_gamepedia/images/a/ac/Skin-Head-Background.jpg/revision/latest") repeat-x center top !important;
height: 130px;
}
/***************
/* Logo styles *
/***************/
#p-logo {
position: absolute;
top: 0;
left: 0;
width: 160px;
height: 95px;
margin-top: -140px;
margin-bottom: 0;
padding: 0;
}
#p-logo a {
width: 160px;
height: 95px;
margin: 0;
padding: 0;
}
/*****************
/* Header styles *
/*****************/
div#mw-head div.vectorMenu h3 {
display: none;
}
div#mw-head-base {
display: none;
}
div#mw-head {
border: none;
border-top: 2px solid #000000;
box-shadow: inset 0 6px 9px -6px #ffffff;
background: #fb0000;
top: 0;
left: 0;
right: 0;
width: auto;
margin-top: 95px;
height: 33px;
}
/**************************
/* Article navigation bar *
/**************************/
#left-navigation {
margin: 3px 0 0 174px;
padding: 0;
}
#right-navigation {
margin-top: 3px;
margin-right: 14px;
margin-bottom: 0;
margin-left: -150;
padding: 0;
}
div.vectorTabs {
border: none;
background: transparent;
height: 30px;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
div.vectorTabs ul {
border: none;
background: transparent;
}
div.vectorTabs ul li {
border: none;
background: transparent;
}
div.vectorTabs ul li, div.vectorTabs ul li.selected {
border: none;
background: transparent;
margin: 0;
padding: 0;
}
div.vectorTabs ul li span, div.vectorTabs ul li.selected span {
border: none;
background: transparent;
}
div.vectorTabs li span a {
background: transparent;
color: #ffffff;
height: 30px;
line-height: 30px;
padding: 0 3px 0 3px;
margin: 0 3px 0 3px;
}
div.vectorTabs span a:visited {
color: #dddddd;
}
div.vectorTabs li span a:hover, div.vectorTabs li span a:visited:hover {
}
div.vectorTabs li.selected span a, div.vectorTabs li.selected span a:hover {
background: transparent;
color: #ffffff !important;
font-weight: bold;
}
div.vectorTabs li.new span a {
color: #ffdddd;
}
div.vectorTabs li.new span a:visited {
color: #eecccc;
}
div.vectorTabs li.new span a:hover, div.vectorTabs li.new span a:visited:hover {
}
div.vectorTabs li.selected.new span a, div.vectorTabs li.selected.new span a:hover {
color: #ffdddd !important;
}
div.vectorTabs span a:active {
color: #000000;
}
div.vectorTabs li.new span a:active {
color: #000000 !important;
}
#p-views {
}
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a {
background-position: center center;
padding: 30px 3px 0 3px;
height: 0;
margin-top: -2px;
}
.vectorTabs #ca-unwatch.icon a:hover,
.vectorTabs #ca-watch.icon a:hover {
background-repeat: no-repeat;
}
.vectorTabs #ca-unwatch.icon a {
background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAZCAQAAAB03K1mAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wcDEzQjiAToCAAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAABLklEQVQ4y83TPUtcQRjF8d+9m5XFxgWJcRtR0MIIsRAr07ogWCiCSSOKxTb5FmnyMZJ8iqS3iCAWCgkobCFooQg2CVx8uWNxZ19kV7JVyJliGJ4/w3nOM5M0DarUv0JTY4OiDb/MD4qO2h0EnTKL9d5KL7pmCDVv/o5ugVLcu/QCvDUez1VzEgTv/GhTZw5Imrx2qCK0CwWay+P9qUuTshRX9gQkcRV4SVlZWSL33W3h9dqqj+489Aku+KNhR14YKFT3xZikq9EcJ947jr66XlbNoVddaLCv7ne/sG5UotOWsg74FF0yEtFWGouq/dHNdkzngiAxbKEfmlqWCDIfTPvkXpDa7qCdtmb8VNa04Qis+OqlCxNxFHGwhU4da7Qb+WbeZwzJesP6b77hM3oE+INFDH22QHMAAAAASUVORK5CYII=") no-repeat center center;
}
.vectorTabs #ca-unwatch.icon a:hover,
.vectorTabs #ca-unwatch.icon a:focus {
background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAZCAQAAAB03K1mAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wcDEzQRQNO5iAAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAABH0lEQVQ4y82TsUoDURBFz25MCGKRSkxpYaOQFLZ2gmBnpZWVIH6GjR/gL1j4DekFLQQrSSWCEoKksVCMLsk7FtnENbtiKvFO8Zh5l+HOffMimRUxf0WNWZyVekibZkHdfNyop/l6nrhsX300nr7JC9ihAtRp/K51H4BSemYwB8AGS2leY40IkD2uJqwHrkdjrdpXwyRUgwMTExOH6pPVkdYeFwhEaQBElChTpkxEoEUyNqvisR8OzCP44sG0WVt2HTjM0IYObdso8rVu9xs1eOlCsa/PVFOlY7zzWvywm5OeYaKzVtx1N3U00EEkYp71oq6x92rwzSMrnpgY1LOidVkxUe9spvm2PbXztTZZ6q3n2Ymt27JldZxH//Eb/oBPwoY7XjdOH34AAAAASUVORK5CYII=") no-repeat center center;
}
.vectorTabs #ca-watch.icon a {
background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAZCAQAAAB03K1mAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wcDEzQXqbAcvQAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAABV0lEQVQ4y83TPUiUYRwA8N/biWeKgoqS4CBOTjqmDoqKCLkEgocNTqGDs9EuFTQIioSIiIv4MTiZhC5ZQwguBi1HgoTogXCLWn7cQcOZb3qKN0X/7eH58fD/eoIducYD/4oGinKlTeY8yo0+1a0pF1qqRVy34H7aoNyU5uwUsukTP6wr0njzIg/UKLk8F+q0KG5bj3A6SXsZWmlJnVMX4NQnKSsGvAMVqqzol8rDsWUvfPNGAkd2MWMe1BsVtSZNsAMRXV47NCR+bRQdJhx4aTMsK21Vr6RFrVcwYtCkNX0Z+OfVTBSbFhVzBmptmDXi/LZm/fLQvrPLHTi07ySE12mNBuuKDXuv108bOhXc7GsmHruQMKbVR2/V2hZT7Xs2DbSJGnfsmS1dXjlSqiWkYQJlGpX5os+mtFUxBwq1h2vzdwIffLVwVUjcc5/li0hlN+u/+YZ3xG/DYVidrh191QAAAABJRU5ErkJggg==") no-repeat center center;
}
.vectorTabs #ca-watch.icon a:hover,
.vectorTabs #ca-watch.icon a:focus {
background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAZCAQAAAB03K1mAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wcDEzQRQNO5iAAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAABH0lEQVQ4y82TsUoDURBFz25MCGKRSkxpYaOQFLZ2gmBnpZWVIH6GjR/gL1j4DekFLQQrSSWCEoKksVCMLsk7FtnENbtiKvFO8Zh5l+HOffMimRUxf0WNWZyVekibZkHdfNyop/l6nrhsX300nr7JC9ihAtRp/K51H4BSemYwB8AGS2leY40IkD2uJqwHrkdjrdpXwyRUgwMTExOH6pPVkdYeFwhEaQBElChTpkxEoEUyNqvisR8OzCP44sG0WVt2HTjM0IYObdso8rVu9xs1eOlCsa/PVFOlY7zzWvywm5OeYaKzVtx1N3U00EEkYp71oq6x92rwzSMrnpgY1LOidVkxUe9spvm2PbXztTZZ6q3n2Ymt27JldZxH//Eb/oBPwoY7XjdOH34AAAAASUVORK5CYII=") no-repeat center center;
}
div.vectorMenu {
background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAwAQMAAADEuKNQAAAABlBMVEVvcnTd3d1yLzN8AAAAAXRSTlMAQObYZgAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB98HAxMvHeBTPjkAAAAdSURBVAjXY2CgImD+x8DA+AfI+AHEBUCswEBrAAB/iwOHDCGKFgAAAABJRU5ErkJggg==") no-repeat left 35%;
height: 30px;
line-height: 27px;
margin: 0 3px;
padding: 0 3px;
}
div#p-cactions {
width: 21px;
}
div#p-sharing {
width: auto;
}
div.vectorMenu:hover {
background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAwAQMAAADEuKNQAAAABlBMVEVvcnT///87NKY2AAAAAXRSTlMAQObYZgAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB98HAxMvJyZf54sAAAAdSURBVAjXY2CgImD+x8DA+AfI+AHEBUCswEBrAAB/iwOHDCGKFgAAAABJRU5ErkJggg==") no-repeat left 35%;
}
div.vectorMenu h4 {
color: #cccccc;
height: 30px;
line-height: 30px;
padding: 0 0 0 12px !important;
margin: 0 6px 0 6px !important;
}
div.vectorMenu h3, div.vectorMenu h5 {
height: 30px;
width: 0;
background: transparent;
}
div.vectorMenu h3, div.vectorMenu h5 a {
height: 30px;
border: none;
background: transparent;
}
/*****************
/* .Menu *
/*****************/
div.vectorMenu div.menu {
z-index: 3000;
right: -15px;
left: auto;
}
div.vectorMenu div.menu ul {
border: 2px solid #000000;
border-radius: 5px;
box-shadow: inset 0 6px 9px -6px #ffffff;
background: #fb0000;
color: #ffffff;
margin-top: -10px;
margin-right: 0;
margin-bottom: 0;
margin-left: -46px;
padding: 0;
}
div#p-sharing div.menu ul {
left: 0;
}
div.vectorMenu h3 a {
background: none;
}
div#p-cactions div.menu ul {
right: 0;
text-align: right;
}
div#p-cactions div.menu ul li {
text-align: right;
}
div#p-cactions div.menu ul li a {
color: #ffffff;
margin: 4px 5px;
padding: 1px 0;
}
div#p-cactions div.menu ul li a:visited {
color: #dddddd;
}
div#p-cactions div.menu ul li a:active {
color: #000000;
}
#p-search {
position: absolute;
top: -50px;
right: 20px;
height: 30px;
line-height: 27px;
vertical-align: center;
margin: 0 2px 0 2px;
padding: 0;
}
#p-search form {
line-height: 27px;
vertical-align: center;
margin-bottom: 8px;
}
#p-search input {
}
#p-search input[type="submit"], #p-search input[type="button"], #p-search input[type="reset"] {
font-size: 70%;
padding: 0 6px;
}
div#simpleSearch {
border: 2px solid #000000;
border-radius: 5px;
box-shadow: inset 0 6px 9px -6px #ffffff;
background: #ffd11a;
color: #000000;
font-family: 'Junction-webfont', sans-serif;
padding: 2px 2px;
}
div#simpleSearch #searchButton, div#simpleSearch #mw-searchButton, div#simpleSearch #searchButton:hover, div#simpleSearch #mw-searchButton:hover, div#simpleSearch #searchButton:active, div#simpleSearch #mw-searchButton:active {
color: transparent;
box-shadow: none;
}
#searchInput {
border: 2px solid #000000;
box-shadow: inset 0 6px 9px -6px #ffffff;
background: #ffd11a;
color: #000000;
font-family: 'Junction-webfont', sans-serif;
}
div#simpleSearch #searchInput {
border: none;
box-shadow: none;
background: transparent;
}
div.suggestions, html > body div.suggestions {
margin-top: -28px;
border: none;
}
.suggestions-results, .suggestions-special {
border: none;
background: #ffffff;
}
.suggestions a.mw-searchSuggest-link, .suggestions a.mw-searchSuggest-link:hover, .suggestions a.mw-searchSuggest-link:active, .suggestions a.mw-searchSuggest-link:focus {
color: #000000;
}
.suggestions-result-current {
background: #ffcc00 !important;
color: #000000;
}
.suggestions-special {
border: none;
border-top: 1px solid #727b69;
}
.suggestions-special .special-label {
color: #6f86a9;
}
.suggestions-result-current .special-label {
color: #64593c;
}
.suggestions-result-current a.mw-searchSuggest-link, .suggestions-result-current a.mw-searchSuggest-link:hover, .suggestions-result-current a.mw-searchSuggest-link:active, .suggestions-result-current a.mw-searchSuggest-link:focus {
color: #19160f;
}
/**********************
/* Site notice styles *
/**********************/
#mw-dismissable-notice {
}
#mw-dismissable-notice td > a {
}
#mw-dismissable-notice td > a:hover {
}
#localNotice {
border: 2px solid #000000;
border-radius: 5px;
box-shadow: inset 0 6px 9px -6px #ffffff;
background: #ffd11a;
color: #000000;
margin: 0 0 10px 0;
padding: 3px 6px;
}
/***********************
/* Left sidebar styles *
/***********************/
div#mw-panel, div#mw-panel.collapsible-nav {
border: none;
background: transparent;
top: 0;
margin-left: 0;
margin-right: 0;
margin-top: 140px;
margin-bottom: 60px;
padding-left: 0;
padding-right: 0;
padding-top: 0;
padding-right: 0;
width: 160px;
overflow: visible;
}
div#mw-panel div.portal, div#mw-panel.collapsible-nav div.portal {
background: transparent;
margin: 5px 0 0 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
padding-left: 2px !important;
padding-right: 2px !important;
text-align: center;
width: 160px;
}
div#mw-panel div.portal h3, div#mw-panel.collapsible-nav div.portal h3 {
display: inline-block;
border: none;
color: #ffffff;
font-weight: bold;
text-align: center;
margin: 0 auto 0 auto !important;
padding: 0 0 5px 0 !important;
width: auto;
max-width: 160px;
}
div#mw-panel.collapsible-nav div.portal.collapsed h3 {
background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAJAQMAAADElqTgAAAABlBMVEVvcnT///87NKY2AAAAAXRSTlMAQObYZgAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB98HAxMnLpda1ScAAAAXSURBVAjXY2BgUGAwYLBgsAFiAyCbAQALvgFNPBOv5AAAAABJRU5ErkJggg==") top right no-repeat;
padding: 0 11px 5px 11px !important;
width: auto !important;
}
div#mw-panel.collapsible-nav div.portal.expanded h3 {
background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAIAQMAAAARA0f2AAAABlBMVEVvcnT///87NKY2AAAAAXRSTlMAQObYZgAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB98HAxMnJ+6GbYMAAAAYSURBVAjXY2AAg3oGBjsGBhkGBg4InwEADV8A4pC7pxkAAAAASUVORK5CYII=") top right no-repeat;
padding: 0 11px 5px 11px !important;
width: auto !important;
}
div#mw-panel.collapsible-nav div.portal h3 a, div#mw-panel.collapsible-nav div.portal.collapsed h3 a {
color: #ffffff;
}
div#mw-panel div.portal div.body, div#mw-panel.collapsible-nav div.portal div.body, div#mw-panel.collapsible-nav div.portal.expanded div.body {
border: none;
background: transparent;
text-align: center;
margin: 0 !important;
padding: 0 0 10px 0 !important;
width: 160px;
}
div#mw-panel.collapsible-nav div.portal.first div.body, div#mw-panel.collapsible-nav div.portal.first.expanded div.body {
background: transparent;
padding: 0 !important;
margin: 0 0 0 0 !important;
}
div#mw-panel div.portal ul, div#mw-panel.collapsible-nav div.portal ul {
margin: 0;
padding: 0;
}
div#mw-panel div.portal ul li, div#mw-panel.collapsible-nav div.portal ul li {
margin: 0;
padding: 0;
}
div#mw-panel div.portal div.body ul li a {
color: #ffffff;
}
div#mw-panel div.portal div.body ul li a:visited {
color: #dddddd;
}
div#mw-panel div.portal div.body ul li a:active {
color: #000000;
}
div#mw-panel div#p-sitePromos, div#mw-panel div#p-socialProfiles {
border: none;
background: transparent;
margin: 20px 0 0 0 !important;
padding: 0;
width: 150px;
}
div#mw-panel div#p-claimWiki {
border: none;
background: transparent;
margin: 20px 0 20px 0 !important;
padding: 0;
width: 150px;
}
div#mw-panel div#p-sitePromos h3, div#mw-panel div#p-socialProfiles h3, div#mw-panel div#p-claimWiki h3 {
display: none;
}
div#mw-panel div#p-sitePromos div.body, div#mw-panel div#p-socialProfiles div.body, div#mw-panel div#p-claimWiki div.body {
margin: 0 auto 0 auto !important;
padding: 0 0 0 0 !important;
width: auto;
}
div#mw-panel div#p-sitePromos div.body div.promoSidebar {
margin: 0 10px 0 10px !important;
padding: 0 0 0 0 !important;
width: auto;
text-align: center;
}
div#mw-panel div#p-socialProfiles div.body div.socialSidebar {
margin: 0 auto 0 auto !important;
padding: 0 0 0 0 !important;
width: auto;
text-align: center;
}
div#mw-panel div#p-claimWiki div.body div.claimSidebar {
margin: 0 auto 0 auto !important;
padding: 0 0 0 0 !important;
}
div.socialLink {
margin: 1px 0 1px 0;
}
/***************
/* Link styles *
/***************/
.t-netbar a.new, .t-netbar a.new:link, .t-netbar a.new:visited {
color: #c39999 !important;
}
.t-netbar a:active, .t-footer a:active {
color: #ffffff !important;
}
.t-netbar a.new:hover, .t-netbar a.new:active {
color: #ffdddd !important;
}
a, a:link {
color: #806300;
}
div#content a:visited, a:visited {
color: #6c5c24;
}
a.new {
color: #801800 !important;
}
div#content a.new:visited, a.new:visited {
color: #772211 !important;
}
a.stub {
color: #005000;
}
div#content a.stub:visited, a.stub:visited {
color: #194b19;
}
div#content a.extiw, div#footer a.extiw, div#content a.external, div#footer a.external {
color: #003680;
}
div#content a.extiw:visited, div#footer a.extiw:visited, div#content a.external:visited, div#footer a.external:visited {
color: #24436c;
}
a:active {
color: #666666 !important;
}
/******************
/* Article styles *
/******************/
#pageWrapper {
border-top: 2px solid black;
background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAAABCAIAAADW7TIxAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wcCEioUXYZ/igAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAMklEQVQY0+3BywkAIAxEwbd+EgQRc7N92/RkHYIzWvvwvUkgkUURNeGZVuhVw5hGuMK5ODYCTK7p35kAAAAASUVORK5CYII=") repeat-y left top;
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding-top: 0;
padding-left: 160px;
padding-right: 0;
padding-bottom: 0;
}
div#content {
display: block;
width: auto;
border: none;
border-left: 2px solid #000000;
background: transparent;
color: #111111;
margin-top: 0;
margin-left: 0;
padding: 10px 20px 10px 20px;
}
div#content #firstHeading {
border: none;
border-bottom: 1px solid #8e6f02;
color: #000000;
font-family: 'Junction-webfont', sans-serif;
margin: 0 0 10px 0;
padding: 0 0 5px 0;
}
body.page-Yo-Kai_Watch_Wiki #firstHeading {
display: none;
}
div#content h1, div#content h2, div#content h3, div#content h4, div#content h5, div#content h6 {
border: none;
color: #000000;
font-family: 'Junction-webfont', sans-serif;
margin: 20px 0 8px 0;
padding: 0 0 5px 0;
overflow: auto;
}
div#content h1, div#content h2 {
border-bottom: 1px solid #8e6f02;
}
div#content h3, div#content h4 {
border-bottom: 1px solid #fed33c;
}
/* Curse profile: Fixes conflict with overflow:auto; on h1 */
div#content div.headline h1 {
overflow: visible;
}
span.editsection {
font-weight: normal;
}
span.editsection a:link {
}
div#content span.editsection a:active {
}
div#content span.editsection a:visited {
}
div#content span.editsection:active:hover:visited {
}
span.editsection a:hover {
}
#contentSub {
color: #8e6f02;
}
.toc, #toc {
border: 2px solid #000000;
border-radius: 5px;
box-shadow: inset 0 6px 9px -6px #ffffff;
background: #ffd11a;
color: #000000;
margin: 0 0 10px 0;
padding: 3px 6px;
}
.toc td, #toc td {
}
#toctitle {
}
div#content #toctitle h2 {
border: none;
}
.toctoggle, #toc .toctoggle {
}
.toctoggle a, #toc .toctoggle a {
}
.toctoggle a:hover, #toc .toctoggle a:hover {
}
hr {
border: none;
border-bottom: 1px solid #8e6f02;
color: #000000;
}
ul {
list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAMAQMAAACQruVuAAAABlBMVEUAAACObwJCp5kBAAAAAXRSTlMAQObYZgAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB98HAxQDHkUkEqgAAAARSURBVAjXY2BAAQUMP8CwAAATAAPJTEarIQAAAABJRU5ErkJggg==");
}
img {
}
table.wikitable {
border: none;
background: transparent;
border-collapse: separate;
border-spacing: 2px;
color: #000000;
margin: -2px -2px 8px -2px;
padding: 0;
}
table.wikitable th, table.wikitable tr th, table.wikitable > tr > th, table.wikitable > * > tr > th {
border: 2px solid #000000;
border-radius: 5px;
box-shadow: inset 0 6px 9px -6px #ffffff;
background: #cca715;
color: #000000;
font-weight: bold;
padding: 0 3px 1px 3px;
}
table.wikitable td, table.wikitable tr td, table.wikitable > tr > td, table.wikitable > * > tr > td {
border: 2px solid #000000;
border-radius: 5px;
box-shadow: inset 0 6px 9px -6px #ffffff;
background: #ffd11a;
color: #000000;
padding: 0 3px 1px 3px;
}
table.jquery-tablesorter th.headerSort {
background: #cca715 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAALAQMAAACqBVQ+AAAABlBMVEVvcnSObwLcSqDqAAAAAXRSTlMAQObYZgAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB98HAxM6CLo7PMYAAAAfSURBVAjXY2AAAQUgLgDiHwwMjH/AIhD6B1RcASwEAG8KBQuwtitdAAAAAElFTkSuQmCC") no-repeat right center;
}
table.jquery-tablesorter th.headerSortDown {
background: #cca715 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAGAQMAAAAWm0fgAAAABlBMVEVvcnSObwLcSqDqAAAAAXRSTlMAQObYZgAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB98HAxM6DyRfqWUAAAAWSURBVAjXY2AAAQEgtgDiGiD+BxYBAA8UAcOZ4zP9AAAAAElFTkSuQmCC") no-repeat right center;
}
table.jquery-tablesorter th.headerSortUp {
background: #cca715 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAGAQMAAAAWm0fgAAAABlBMVEVvcnSObwLcSqDqAAAAAXRSTlMAQObYZgAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB98HAxM6Fdk9UB8AAAAYSURBVAjXY2AAAsY/QOIHEBcAsQJIhAEAJJMChvytl+IAAAAASUVORK5CYII=") no-repeat right center;
}
ul.gallery {
}
li.gallerybox {
border: 2px solid #000000;
box-shadow: inset 0 6px 9px -6px #ffffff;
background: #ffd11a;
color: #000000;
margin: 0 0 10px 0;
padding: 3px 6px;
}
li.gallerybox div.thumb {
border: none;
background: #c89b00;
color: #000000;
}
div.gallerytext {
text-align: center;
}
.thumb {
border: none;
background: transparent;
color: #000000;
border: none;
background: transparent;
}
.thumb.tleft {
margin: 0 20px 10px 0;
}
.thumb.tright {
margin: 0 0 10px 20px;
}
div.thumbinner {
border: 2px solid #000000;
box-shadow: inset 0 6px 9px -6px #ffffff;
background: #ffd11a;
color: #000000;
margin: 0 0 10px 0;
padding: 3px 5px !important;
}
html .thumbimage {
border: none;
background: #c89b00;
color: #000000;
}
.thumbcaption {
}
.gallerytext p, .thumbcaption {
}
.toggle {
}
.sn-small {
}
sub, sup a {
}
sup.reference {
}
pre, .mw-code {
border: 1px dashed #ffd11a;
background: #eeeeee;
color: #111111;
padding: 2px 2px;
white-space: pre-wrap;
word-wrap: break-word;
}
code {
background: transparent;
white-space: pre-wrap;
word-wrap: break-word;
}
#catlinks {
border: 2px solid #000000;
border-radius: 5px;
box-shadow: inset 0 6px 9px -6px #ffffff;
background: #ffd11a;
color: #000000;
margin: 10px 0 10px 0;
padding: 3px 6px;
}
#catlinks li {
border-left: 1px solid #8e6f02;
}
#catlinks li:first-child {
border-left: none;
}
/********************
/* Interface styles *
/********************/
input, select {
border: 1px solid #ffd11a;
background: #ffffff;
color: #111111;
font-family: 'Junction-webfont', sans-serif;
padding: 2px 2px;
}
textarea {
border: 1px solid #ffc000;
background: #ffffff;
color: #111111;
padding: 2px 2px;
}
.mw-ui-vform input:not([type="button"]):not([type="submit"]):not([type="file"]), .mw-ui-vform input:not([type="button"]):not([type="submit"]):not([type="file"]):hover, .mw-ui-vform input:not([type="button"]):not([type="submit"]):not([type="file"]):focus {
border: 1px solid #ffd11a;
background: #ffffff;
color: #111111;
font-family: 'Junction-webfont', sans-serif;
padding: 2px 2px;
box-shadow: none !important;
}
button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner {
}
button, input[type="submit"], input[type="button"], input[type="reset"], #mw-createaccount-join, .mw-ui-button.mw-ui-progressive, .mw-ui-button.mw-ui-primary {
border: 2px solid #000000;
border-radius: 5px;
box-shadow: inset 0 6px 9px -6px #ffffff;
background: #ffd11a;
color: #000000;
padding: 1px 6px;
}
button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, #mw-createaccount-join:hover, .mw-ui-button.mw-ui-progressive:hover, .mw-ui-button.mw-ui-primary:hover {
border: 2px solid #000000;
box-shadow: inset 0 6px 11px -6px #ffffff;
background: #ffd133;
color: #000000;
}
button:active, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active, #mw-createaccount-join:active, .mw-ui-button.mw-ui-progressive:active, .mw-ui-button.mw-ui-primary:active {
border: 2px solid #000000;
box-shadow: inset 0 -6px 9px -6px #ffffff;
background: #c89b00;
color: #000000;
}
.mw-ui-vform label {
color: #8e6f02;
}
a.cta-button, a:link.cta-button, a:visited.cta-button {
color: #000000;
}
.editOptions {
border: none;
background: transparent;
}
.usermessage {
border: 2px solid #000000;
border-radius: 5px;
box-shadow: inset 0 6px 9px -6px #ffffff;
background: #ffd11a;
color: #000000;
margin: 0 0 10px 0;
padding: 3px 6px;
}
.mw-notification {
border: 2px solid #000000;
border-radius: 5px;
box-shadow: inset 0 6px 9px -6px #ffffff;
background: #ffd11a;
color: #000000;
margin: 0 0 10px 0;
padding: 3px 6px;
}
div.mw-warning {
border: 2px solid #000000;
border-radius: 5px;
box-shadow: inset 0 6px 9px -6px #ffffff;
background: #ffd11a;
color: #000000;
margin: 0 0 10px 0;
padding: 3px 6px;
}
div.mw-warning-with-logexcerpt {
border: 2px solid #000000;
border-radius: 5px;
box-shadow: inset 0 6px 9px -6px #ffffff;
background: #ffd11a;
color: #000000;
margin: 0 0 10px 0;
padding: 3px 6px;
}
div#content fieldset {
border: 2px solid #000000;
border-radius: 5px;
box-shadow: inset 0 6px 9px -6px #ffffff;
background: #ffd11a;
color: #000000;
margin: 0 0 10px 0;
padding: 3px 6px;
}
div#content fieldset legend {
border: 2px solid #000000;
border-radius: 5px;
box-shadow: inset 0 6px 9px -6px #ffffff;
background: #ffd11a;
color: #000000;
font-weight: bold;
margin: 0 0 8px 0;
padding: 3px 6px;
}
.mw-plusminus-null {
color: #666666;
}
.mw-plusminus-pos {
color: #007700;
}
.mw-plusminus-neg {
color: #990000;
}
.mw-search-profile-tabs {
border: 2px solid #000000;
box-shadow: inset 0 6px 9px -6px #ffffff;
background: #ffd11a;
color: #000000;
margin: 0 0 10px 0;
padding: 3px 6px;
}
.mw-search-profile-tabs div.search-types ul li.current a {
color: #000000 !important;
}
#pagehistory li {
border: none;
background: transparent;
margin: 1px;
padding: 0;
}
#pagehistory li.selected {
border: 1px solid #000000;
box-shadow: inset 0 6px 9px -6px #ffffff;
background: #ffd11a;
color: #000000;
margin: 0;
padding: 0;
}
table.diff {
border: 2px solid #000000;
box-shadow: inset 0 6px 9px -6px #ffffff;
background: #ffd11a;
color: #000000;
margin: 0 0 10px 0;
padding: 3px 6px;
}
td.diff-otitle, td.diff-ntitle {
border: none;
background: transparent;
}
td.diff-addedline {
border: 1px solid #000000;
box-shadow: inset 0 6px 9px -6px #ffffff;
background: #1aff1a;
color: #000000;
}
td.diff-deletedline {
border: 2px solid #000000;
box-shadow: inset 0 6px 9px -6px #ffffff;
background: #ffff1a;
color: #000000;
}
td.diff-context {
border: 2px solid #000000;
box-shadow: inset 0 6px 9px -6px #ffffff;
background: #8d8d8d;
color: #000000;
}
td.diff-addedline .diffchange, td.diff-deletedline .diffchange {
background: rgba(0, 0, 0, 0.12);
color: #cc0000;
}
fieldset#mw-searchoptions {
border: 2px solid #000000;
border-radius: 5px;
box-shadow: inset 0 6px 9px -6px #ffffff;
background: #ffd11a;
color: #000000;
margin: -10px 0 10px 0 !important;
padding: 3px 6px;
}
fieldset#mw-searchoptions h4 {
border: none;
border-bottom: 1px solid #8e6f02;
color: #9ec6f5;
text-shadow: 0 1px 0 #000000;
font-family: 'Junction-webfont', sans-serif;
margin: 0 0 10px 0;
padding: 0 0 5px 0;
}
fieldset#mw-searchoptions div.divider {
border: none;
border-bottom: 1px solid #8e6f02;
}
div.client-js #preferences {
border: none;
background: transparent;
margin: 0;
padding: 0;
}
div.client-js #preferences fieldset {
border: 2px solid #000000;
border-radius: 5px;
box-shadow: inset 0 6px 9px -6px #ffffff;
background: #ffd11a;
color: #000000;
margin: 0 0 10px 0;
padding: 3px 6px;
}
div.client-js #preferences fieldset legend {
border: 2px solid #000000;
border-radius: 5px;
box-shadow: inset 0 6px 9px -6px #ffffff;
background: #ffd11a;
color: #000000;
font-weight: bold;
margin: 0 0 8px 0;
padding: 3px 6px;
}
div.client-js #preferences fieldset fieldset {
border: 2px solid #000000;
border-radius: 5px;
box-shadow: inset 0 6px 9px -6px #ffffff;
background: #ffd11a;
color: #000000;
margin: 5px;
padding: 10px;
}
div.client-js #preferences fieldset fieldset legend {
border: 2px solid #000000;
border-radius: 5px;
box-shadow: inset 0 6px 9px -6px #ffffff;
background: #ffd11a;
color: #000000;
font-weight: bold;
margin: 0 0 8px 0;
padding: 3px 6px;
}
.client-js #preferences td.htmlform-tip {
color: #8e6f02;
}
.client-js #preftoc {
border: none;
background: transparent;
}
.client-js #preftoc ul {
border: none;
background: transparent;
}
.client-js #preftoc li {
border: none;
background: transparent;
}
.client-js #preftoc li a {
color: #806300;
height: 25px;
line-height: 25px;
padding: 3px 0 0 0;
margin: 0 4px;
}
.client-js #preftoc li a:visited {
color: #806300;
}
.client-js #preftoc li.selected a {
background: transparent;
color: #666666;
}
.client-js #preftoc li a:active {
color: #666666;
}
.errorbox {
border: 2px solid #000000;
border-radius: 5px;
box-shadow: inset 0 6px 9px -6px #ffffff;
background: #ff5959;
color: #000000;
}
.warningbox {
border: 2px solid #000000;
border-radius: 5px;
box-shadow: inset 0 6px 9px -6px #ffffff;
background: #ffff1a;
color: #000000;
}
.successbox {
border: 2px solid #000000;
border-radius: 5px;
box-shadow: inset 0 6px 9px -6px #ffffff;
background: #1aff1a;
color: #000000;
}
ul#filetoc {
border: 2px solid #000000;
border-radius: 5px;
box-shadow: inset 0 6px 9px -6px #ffffff;
background: #ffd11a;
color: #000000;
margin: 0 0 10px 0;
padding: 3px 6px;
}
table.mw_metadata {
border: none;
background: transparent;
border-collapse: separate;
border-spacing: 2px;
color: #000000;
margin: -2px -2px 8px -2px;
padding: 0;
}
table.mw_metadata th {
border: 2px solid #000000;
border-radius: 5px;
box-shadow: inset 0 6px 9px -6px #ffffff;
background: #cca715;
color: #000000;
font-weight: bold;
padding: 0 3px 1px 3px;
}
table.mw_metadata td {
border: 2px solid #000000;
border-radius: 5px;
box-shadow: inset 0 6px 9px -6px #ffffff;
background: #ffd11a;
color: #000000;
padding: 0 3px 1px 3px;
}
.mw-datatable {
border: none;
background: transparent;
border-collapse: separate;
border-spacing: 2px;
color: #000000;
margin: -2px -2px 8px -2px;
padding: 0;
}
.mw-datatable th {
border: 2px solid #000000;
border-radius: 5px;
box-shadow: inset 0 6px 9px -6px #ffffff;
background: #cca715;
color: #000000;
font-weight: bold;
padding: 0 3px 1px 3px;
}
.mw-datatable td {
border: 2px solid #000000;
border-radius: 5px;
box-shadow: inset 0 6px 9px -6px #ffffff;
background: #ffd11a;
color: #000000;
padding: 0 3px 1px 3px;
}
.mw-datatable tr:hover td {
background: #cca715;
}
#other_options div {
border: 2px solid #000000;
border-radius: 5px;
box-shadow: inset 0 6px 9px -6px #ffffff;
background: #ffd11a;
color: #000000;
margin: 0 0 10px 0;
padding: 3px 6px;
}
table.smwtable {
border: none;
background: transparent;
border-collapse: separate;
border-spacing: 2px;
color: #000000;
margin: -2px -2px 8px -2px;
padding: 0;
}
table.smwtable th {
border: 2px solid #000000;
border-radius: 5px;
box-shadow: inset 0 6px 9px -6px #ffffff;
background: #cca715;
color: #000000;
font-weight: bold;
padding: 0 3px 1px 3px;
}
table.smwtable td {
border: 2px solid #000000;
border-radius: 5px;
box-shadow: inset 0 6px 9px -6px #ffffff;
background: #ffd11a;
color: #000000;
padding: 0 3px 1px 3px;
}
.smwrdflink {
color: #8e6f02;
}
div.smwfact {
border: none;
background: transparent;
margin: 0;
padding: 0;
}
#bodyContent span.swmfactboxheadbrowse a, #bodyContent span.swmfactboxheadbrowse a:hover {
color: #806300;
}
#bodyContent span.swmfactboxheadbrowse a:visited, #bodyContent span.swmfactboxheadbrowse a:visited:hover {
color: #7cadc4;
}
div.smwfact table {
border: none;
background: #cca715;
color: #000000;
margin: 0 0 10px 0;
padding: 3px 6px;
}
div.smwfact table tr {
border: none;
background: none;
}
div.smwfact table tr td {
border: none;
background: none;
}
.smw-ask-options table, .smw-ask-options table tr, .smw-ask-options table tr td {
border: none !important;
background: transparent !important;
}
table.smwb-factbox, table.smwb-ifactbox {
border: 2px solid #000000;
box-shadow: inset 0 6px 9px -6px #ffffff;
background: #ffd11a;
color: #000000;
margin: 0 0 10px 0;
padding: 0;
}
table.smwb-factbox tr, table.smwb-ifactbox tr {
border: none;
background: none;
}
table.smwb-factbox tr th, table.smwb-ifactbox tr th {
border: 2px solid #000000;
border-radius: 5px;
box-shadow: inset 0 6px 9px -6px #ffffff;
background: #cca715;
color: #000000;
font-weight: bold;
padding: 0 3px 1px 3px;
}
table.smwb-factbox tr td, table.smwb-ifactbox tr td {
border: 2px solid #000000;
border-radius: 5px;
box-shadow: inset 0 6px 9px -6px #ffffff;
background: #ffd11a;
color: #000000;
padding: 0 3px 1px 3px;
}
.ui-widget-content, .ui-menu {
border: 2px solid #000000;
box-shadow: inset 0 6px 9px -6px #ffffff;
background: #ffd11a;
color: #000000;
margin: 0 0 10px 0;
padding: 3px 6px;
}
div#content fieldset.smw-ask-options legend {
padding-left: 20px;
}
.ui-menu-item, .ui-menu-item a, .ui-widget-content a {
}
.ui-widget-content .ui-state-hover, .ui-widget-content .ui-state-hover a, .ui-menu .ui-state-hover, .ui-menu .ui-state-hover a {
}
table.mw-abuselog-details {
border: none;
background: transparent;
border-collapse: separate;
border-spacing: 2px;
color: #000000;
margin: -2px -2px 8px -2px;
padding: 0;
}
table.mw-abuselog-details tr th {
border: 2px solid #000000;
border-radius: 5px;
box-shadow: inset 0 6px 9px -6px #ffffff;
background: #cca715;
color: #000000;
font-weight: bold;
padding: 0 3px 1px 3px;
}
table.mw-abuselog-details tr td {
border: 2px solid #000000;
border-radius: 5px;
box-shadow: inset 0 6px 9px -6px #ffffff;
background: #ffd11a;
color: #000000;
padding: 0 3px 1px 3px;
}
.mw-abusefilter-history-changed {
}
/*****************
/* Footer styles *
/*****************/
div#footer {
border: none;
border-left: 2px solid #000000;
background: transparent;
color: #333333;
margin: 0 0 0 0;
padding: 10px 20px 10px 20px;
overflow: hidden;
}
div#footer ul li {
color: #333333;
}
/***************************
/* Template example styles *
/***************************/
span.templateexample {
font-family: monospace;
}
span.templateexample span.templatelink {
font-weight: bold;
}
span.templateexample span.paramname {
}
span.templateexample span.paramvalue {
color: #8e6f02;
font-style: italic;
}
/********************
/* Notice templates *
/********************/
.topNotice {
border: 2px solid #000000;
border-radius: 5px;
box-shadow: inset 0 6px 9px -6px #ffffff;
background: #ffd11a;
color: #000000;
margin: 0 0 10px 0;
padding: 3px 6px;
overflow: auto;
}
.topNotice .heading {
border: none;
color: #000000;
font-size: 132%;
margin: 0 0 8px 0;
padding: 0;
}
.topNotice.delete {
border: 2px solid #000000;
box-shadow: inset 0 6px 9px -6px #ffffff;
background: #ff5959;
color: #000000;
}
.topNotice.outofdate, .topNotice.cleanup {
border: 2px solid #000000;
box-shadow: inset 0 6px 9px -6px #ffffff;
background: #ff8459;
color: #000000;
}
.topNotice.move, .topNotice.merge, .topNotice.split {
border: 2px solid #000000;
box-shadow: inset 0 6px 9px -6px #ffffff;
background: #ff5984;
color: #000000;
}
.topNotice.pagestub, .topNotice.imagerequest, .topNotice.nowalkthrough {
border: 2px solid #000000;
box-shadow: inset 0 6px 9px -6px #ffffff;
background: #1aff1a;
color: #000000;
}
/******************
/* Image licenses *
/******************/
table.imageLicense {
border: 2px solid #000000;
border-radius: 5px;
box-shadow: inset 0 6px 9px -6px #ffffff;
background: #ffd11a;
color: #000000;
margin: 0 0 10px 0;
padding: 3px 6px;
width: 100%;
}
table.imageLicense.nolicense {
background: #ff5959;
}
/*********************
/* Front page styles *
/*********************/
.fpcontent {
width: 100%;
overflow: hidden;
z-index: 1;
}
.fpmaybecols {
overflow: hidden;
margin: -5px 0 -5px 0;
}
.fpmaybecols + .fpmaybecols {
margin: 0 0 -5px 0;
}
.fpbox {
border: 2px solid #000000;
border-radius: 5px;
box-shadow: inset 0 6px 9px -6px #ffffff;
background: #ffd11a;
color: #000000;
margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
}
.fpplainbox {
padding: 5px 8px 10px 8px;
margin: 0 5px 10px 5px;
vertical-align: top;
}
.fpbox .welcome {
border: 2px solid #000000;
border-radius: 5px;
box-shadow: inset 0 6px 9px -6px #ffffff;
background: #18a1fa;
color: #ffffff;
font-size: 150%;
text-align: center;
margin: 0 0 0px 0;
padding: 0 0 5px 0;
}
.fpbox .heading {
border: 2px solid #000000;
border-radius: 5px;
box-shadow: inset 0 6px 9px -6px #ffffff;
background: #18a1fa;
color: #ffffff;
font-size: 132%;
margin: 0 0 10px 0;
padding: 0 0 5px 0;
}
.fpbox .heading .smalllink {
color: #000000;
font-weight: bold;
font-size: 75%;
}
.fpbox hr {
border: none;
border-bottom: 1px solid #000000;
}
.fplinks {
margin: -5px;
}
.fplinks .linkslabel {
border: none;
border-bottom: 1px solid #000000;
color: #000000;
background: transparent;
margin: 15px 5px 5px 5px;
padding: 0 0 5px 0;
}
.fplink {
display: inline-block;
vertical-align: middle;
width: 100%;
}
/* Yeah, using display: table makes for a lot of extra markup, but it makes proportionate sizing and vertical centering a lot easier, so going with it */
.fplink .box {
display: table;
width: 100%;
border-spacing: 5px;
border-collapse: separate;
}
.fplink .box .row {
display: table-row;
}
.fplink .box .row .cell {
display: table-cell;
position: relative;
border: 2px solid #000000;
border-radius: 5px;
box-shadow: inset 0 6px 9px -6px #ffffff;
background: #fb0000;
color: #000000;
text-align: center;
vertical-align: middle;
}
.fplink.wide .box .row .cell {
padding: 0 5px;
}
.fplink.image {
width: 110px;
height: 110px;
text-shadow: 0 0 2px #000000,
1px 1px 0 #000000;
}
.fplink.image .box .row .cell {
font-weight: bold;
font-size: 90%;
width: 100px;
height: 100px;
vertical-align: bottom;
}
.fplink.image .box .row .cell .image img {
width: 96px;
height: 96px;
}
@media (min-width: 470px) {
.fplink {
width: 50%;
}
.fplink.wide {
width: 100%;
}
}
@media (min-width: 580px) {
.fplink {
width: 33.333%;
}
.fplink.wide {
width: 66.666%;
}
}
@media (min-width: 690px) {
.fplink {
width: 25%;
}
.fplink.wide {
width: 50%;
}
}
@media (min-width: 800px) {
.fplink {
width: 20%;
}
.fplink.wide {
width: 40%;
}
}
@media (min-width: 910px) {
.fplink {
width: 16.666%;
}
.fplink.wide {
width: 33.333%;
}
}
@media (min-width: 990px) {
.fpcontent {
padding-right: 520px;
width: auto;
}
#fptopsection {
float: left;
width: 100%;
}
#fpflexsection {
float: right;
width: 520px;
margin-right: -520px
}
#fpbottomsection {
float: left;
width: 100%;
margin-top: -5px;
}
#fptopsection .fplink, #fpbottomsection .fplink {
width: 50%;
}
#fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
width: 100%;
}
#fpflexsection .fplink {
width: 25%;
}
#fpflexsection .fplink.wide {
width: 50%;
}
}
@media (min-width: 1100px) {
#fptopsection .fplink, #fpbottomsection .fplink {
width: 33.333%;
}
#fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
width: 66.666%;
}
}
@media (min-width: 1210px) {
#fptopsection .fplink, #fpbottomsection .fplink {
width: 25%;
}
#fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
width: 50%;
}
}
@media (min-width: 1320px) {
#fptopsection .fplink, #fpbottomsection .fplink {
width: 20%;
}
#fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
width: 40%;
}
}
@media (min-width: 1430px) {
#fptopsection .fplink, #fpbottomsection .fplink {
width: 16.666%;
}
#fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
width: 33.333%;
}
.fplink a {
padding: 3px 5px;
}
}
@media (min-width: 1540px) {
#fptopsection .fplink, #fpbottomsection .fplink {
width: 14.285%;
}
#fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
width: 28.571%;
}
#fptopsection .fpmaybercol .fpbox, #fpbottomsection .fpmaybercol .fpbox {
background-image: none;
}
.fpmaybelcol {
float: left;
width: 70.886%;
}
#fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink {
width: 20%;
}
#fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide {
width: 40%;
}
.fpmaybercol {
float: right;
width: 29.113%;
}
#fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink {
width: 50%;
}
#fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide {
width: 100%;
}
}
@media (min-width: 1650px) {
#fptopsection .fplink, #fpbottomsection .fplink {
width: 12.5%;
}
#fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
width: 25%;
}
}
@media (min-width: 1697px) {
#fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink {
width: 16.666%;
}
#fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide {
width: 33.333%;
}
}
@media (min-width: 1760px) {
#fptopsection .fplink, #fpbottomsection .fplink {
width: 11.111%;
}
#fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
width: 22.222%;
}
}
@media (min-width: 1850px) {
#fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink {
width: 14.285%;
}
#fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide {
width: 28.571%;
}
}
@media (min-width: 1870px) {
#fptopsection .fplink, #fpbottomsection .fplink {
width: 10%;
}
#fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
width: 20%;
}
#fptopsection .fplink.image, #fpbottomsection .fplink.image {
width: 130px;
height: 130px;
}
#fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell {
width: 120px;
height: 120px;
}
#fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img {
width: 116px;
height: 116px;
}
}
@media (min-width: 1918px) {
#fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink {
width: 33.333%;
}
#fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide {
width: 66.666%;
}
}
@media (min-width: 1980px) {
#fptopsection .fplink, #fpbottomsection .fplink {
width: 9.09%;
}
#fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
width: 18.181%;
}
}
@media (min-width: 2006px) {
#fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink {
width: 12.5%;
}
#fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide {
width: 25%;
}
}
@media (min-width: 2090px) {
#fptopsection .fplink, #fpbottomsection .fplink {
width: 8.33%;
}
#fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
width: 16.666%;
}
}
@media (min-width: 2161px) {
#fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink {
width: 11.111%;
}
#fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide {
width: 22.222%;
}
}
@media (min-width: 2200px) {
#fptopsection .fplink, #fpbottomsection .fplink {
width: 7.692%;
}
#fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
width: 15.384%;
}
}
@media (min-width: 2296px) {
#fptopsection .fpmaybercol .fplink, #fpbottomsection .fpmaybercol .fplink {
width: 25%;
}
#fptopsection .fpmaybercol .fplink.wide, #fpbottomsection .fpmaybercol .fplink.wide {
width: 50%;
}
}
@media (min-width: 2310px) {
#fptopsection .fplink, #fpbottomsection .fplink {
width: 7.142%;
}
#fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
width: 14.285%;
}
}
@media (min-width: 2316px) {
#fptopsection .fpmaybelcol .fplink, #fpbottomsection .fpmaybelcol .fplink {
width: 10%;
}
#fptopsection .fpmaybelcol .fplink.wide, #fpbottomsection .fpmaybelcol .fplink.wide {
width: 20%;
}
}
@media (min-width: 2420px) {
#fptopsection .fplink, #fpbottomsection .fplink {
width: 6.666%;
}
#fptopsection .fplink.wide, #fpbottomsection .fplink.wide {
width: 13.333%;
}
.fplink a {
padding: 5px 5px;
}
#fptopsection .fplink.image, #fpbottomsection .fplink.image {
width: 160px;
height: 160px;
}
#fptopsection .fplink.image .box .row .cell, #fpbottomsection .fplink.image .box .row .cell {
width: 150px;
height: 150px;
}
#fptopsection .fplink.image .box .row .cell .image img, #fpbottomsection .fplink.image .box .row .cell .image img {
width: 146px;
height: 146px;
}
}
.fplink.image .image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
font-size: 75%;
z-index: 1;
}
.fplink.image a {
z-index: 2;
}
.fplink a {
display: block;
position: relative;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 1px 5px;
}
.fplink.wide a {
margin: 0 -5px;
}
.fplink a, .fplink a:link {
color: #ffffff !important;
}
.fplink a:visited {
color: #dddddd !important;
}
.fplink a.new {
color: #ffdddd !important;
}
.fplink a.new:visited {
color: #ddbbbb !important;
}
.fplink a:active {
color: #999999 !important;
}
.fpvideos {
margin: 0 auto;
overflow: hidden;
text-align: center;
}
.fpvideo {
display: inline-block;
margin: 0 5px;
}
/******************
/* Infobox styles *
/******************/
#bodyContent .stdinfobox {
float: right;
clear: right;
border: none;
border-radius: 0;
box-shadow: none;
background: transparent;
color: #000000;
margin: 0 0 10px 20px;
padding: 0;
vertical-align: top;
}
#bodyContent .stdinfobox .box {
border: 2px solid #000000;
border-radius: 5px;
box-shadow: inset 0 6px 9px -6px #ffffff;
background: #8d8d8d;
color: #000000;
}
#bodyContent .stdinfobox .lightbox {
border: 2px solid #000000;
border-radius: 5px;
box-shadow: inset 0 6px 9px -6px #ffffff;
background: #bbbbbb;
color: #000000;
}
/*********************
/* Navigation tables *
/*********************/
table.nav {
border: none;
background: transparent;
border-collapse: separate;
border-spacing: 2px;
color: #000000;
margin: -2px auto 8px auto;
padding: 0;
clear: both;
}
table.nav th, table.nav tr th, table.nav > tr > th, table.nav > * > tr > th {
border: 2px solid #000000;
border-radius: 5px;
box-shadow: inset 0 6px 9px -6px #ffffff;
background: #cca715;
color: #000000;
font-weight: bold;
text-align: center;
vertical-align: top;
margin: 0;
padding: 0 5px 5px 5px;
}
table.nav td, table.nav tr td, table.nav > tr > td, table.nav > * > tr > td {
border: 2px solid #000000;
border-radius: 5px;
box-shadow: inset 0 6px 9px -6px #ffffff;
background: #ffd11a;
color: #000000;
text-align: left;
margin: 0;
padding: 3px 11px 8px 11px;
}
table.nav td.list, table.nav tr td.list, table.nav > tr > td.list, table.nav > * > tr > td.list {
padding: 0;
}
table.nav td .item {
display: inline-block;
border-left: 1px solid #000000;
margin: 3px 0 6px 0;
padding: 0 11px 2px 11px;
vertical-align: top;
}
table.nav td .item:first-child {
border: none;
}
/******************
/* General styles *
/******************/
.contentbox {
border: 2px solid #000000;
box-shadow: inset 0 6px 9px -6px #ffffff;
background: #ffd11a;
color: #000000;
margin: 0 0 10px 0;
padding: 3px 6px;
overflow: auto;
}
span.bullet {
background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAMAQMAAACQruVuAAAABlBMVEUAAACObwJCp5kBAAAAAXRSTlMAQObYZgAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB98HAxQDHkUkEqgAAAARSURBVAjXY2BAAQUMP8CwAAATAAPJTEarIQAAAABJRU5ErkJggg==") no-repeat center 60%;
width: 9px;
font-size: 11px;
vertical-align: baseline;
}
.dablink {
padding: 2px 36px 10px 36px;
font-style: italic;
}
span.ghost {
color: #8e6f02; /* For any text that appear fainter for some reason */
}
.columns {
padding: 0;
margin: 10px 0 0 0;
overflow: hidden;
}
.columns .leftcol {
float: left;
width: 50%;
margin: 0;
padding: 0;
}
.columns .centercol {
float: left;
margin: 0;
padding: 0;
}
.columns .rightcol {
float: right;
width: 50%;
margin: 0;
padding: 0;
}
.mobileonly {
display: none;
}
/**********************
/* Class color styles *
/**********************/
.class-brave.box, .class-brave .box {
background: #830002 !important;
color: #ffffff !important;
}
.class-brave.lightbox, .class-brave .lightbox {
background: #c18081 !important;
}
.class-mysterious.box, .class-mysterious .box {
background: #ffcc00 !important;
}
.class-mysterious.lightbox, .class-mysterious .lightbox {
background: #ffe680 !important;
}
.class-tough.box, .class-tough .box {
background: #e86500 !important;
color: #ffffff !important;
}
.class-tough.lightbox, .class-tough .lightbox {
background: #f4b280 !important;
}
.class-charming.box, .class-charming .box {
background: #e33182 !important;
color: #ffffff !important;
}
.class-charming.lightbox, .class-charming .lightbox {
background: #f198c1 !important;
}
.class-heartful.box, .class-heartful .box {
background: #90b940 !important;
}
.class-heartful.lightbox, .class-heartful .lightbox {
background: #c8dca0 !important;
}
.class-shady.box, .class-shady .box {
background: #449cbc !important;
color: #ffffff !important;
}
.class-shady.lightbox, .class-shady .lightbox {
background: #a2cede !important;
}
.class-eerie.box, .class-eerie .box {
background: #9c58a8 !important;
color: #ffffff !important;
}
.class-eerie.lightbox, .class-eerie .lightbox {
background: #ceacd4 !important;
}
.class-slippery.box, .class-slippery .box {
background: #4fd4ca !important;
}
.class-slippery.lightbox, .class-slippery .lightbox {
background: #a7eae5 !important;
}
.class-wicked.box, .class-wicked .box {
background: #dddddd !important;
}
.class-wicked.lightbox, .class-wicked .lightbox {
background: #eeeeee !important;
}
.class-boss.box, .class-boss .box {
background: #3f282f !important;
color: #ffffff !important;
}
.class-boss.lightbox, .class-boss .lightbox {
background: #9f9497 !important;
}
/* Stuff from wikia.css */
.infoblock {
text-align: left;
padding: 1em;
border-radius:5px;
background: #ffffff;
vertical-align:top;
}
/* Darker borders and colors for TOC, thumbcaptions and heading lines */
.thumbcaption {font-size:85%}
/* #################### GAME NAV #################### */
.tab{
font-size:18px;
font-weight:bold;
padding:0.5em 1em !important;
background-image:none !important; /* It was decided the tab gradient is outdated and tacky. */
border-radius: 2px !important;
}
.tab:hover{background-color:#214b71 !important;}
.tab.active{background-color:#153f63 !important;}
.year{
color:rgba(255, 255, 255, 0.9); !important;
position:absolute;
bottom:1em;
left:1em;
font-size:12px;
z-index:10;
}
.game {
display:inline-block;
position:relative;
text-align:center;
font-size:0;
margin:2px;
}
/* "Stretches" the game link over the tile image.
* Relying on pixel sizes is not ideal and makes the design very delicate. Again, it'll have to do until a more elegant solution comes up.
*/
.game a {
width:100%;
height:101%;
clip:rect(0px,230px,125px,0px);
/* Overdoing the height by 1% and clipping it off prevents the bug on certain browsers/OSes/screen-zoom-ins where the shadow falls short by a few pixels and doesn't cover the whole image. */
display:inline-block;
font-style:normal;
color:white;
position:absolute;
text-align:center;
line-height:29px;
font-size:25px;
text-decoration:none;
background-color:rgba(0,0,0, 0.6);
/* Vertically centers game title text. -Webkit- vendor prefix is for Safari compatibility. Flexboxes are not compatible with IE 10 and lower. */
display: -webkit-flex;
-webkit-justify-content:center;
-webkit-flex-direction:column;
display:flex;
flex-direction:column;
justify-content:center;
}
.game a:hover {
background-color:rgba(0,0,0, 0.3);
}
.game-container{
margin:50px auto 0;
}
.main-series, .remakes {
margin:0 auto;
display: -webkit-flex; /* Safari */
-webkit-flex-flow: row-reverse wrap-reverse; /* Safari 6.1+ */
-webkit-justify-content:center;
display:flex;
flex-flow:row-reverse wrap-reverse;
justify-content:center;
}
.remakes {
max-width:1000px;
}
.categories{
margin:30px auto 50px;
}
/* Arrow for scrolling */
.arrw {
background: linear-gradient(transparent 40%, #bbb);
display:inline-block;
}
.arrw:hover {
background: #bbb;
}
.arrw:active {
background: #999;
}
/* Poll autoformatting */
.ajax-poll {
width: auto !important;/*inline style override for poll extension*/
}
.tabberlive .tabbertabhide {
display: none;
}
.tabber {
}
.tabberlive {
margin-top: 1em;
}
ul.tabbernav {
border-bottom: 1px solid #777788;
font: bold 12px Verdana,sans-serif;
margin: 0;
padding: 3px 0;
}
ul.tabbernav li {
display: inline;
line-height: normal;
list-style: none outside none;
margin: 0;
}
ul.tabbernav li a {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 #DDDDEE;
border-color: #777788 #777788 -moz-use-text-color;
border-image: none;
border-style: solid solid none;
border-width: 1px 1px medium;
margin-left: 3px;
padding: 3px 0.5em;
text-decoration: none;
}
ul.tabbernav li a:link {
color: #444488;
}
ul.tabbernav li a:visited {
color: #666677;
}
ul.tabbernav li a:hover {
background: none repeat scroll 0 0 #AAAAEE;
border-color: #222277;
color: #000000;
}
ul.tabbernav li.tabberactive a {
background-color: #FFFFFF;
border-bottom: 1px solid #FFFFFF;
}
ul.tabbernav li.tabberactive a:hover {
background: none repeat scroll 0 0 #FFFFFF;
border-bottom: 1px solid #FFFFFF;
color: #000000;
}
.tabberlive .tabbertab {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: -moz-use-text-color #AAAAAA #AAAAAA;
border-image: none;
border-right: 1px solid #AAAAAA;
border-style: none solid solid;
border-width: 0 1px 1px;
padding: 5px;
}
.tabberlive .tabbertab h2 {
display: none;
}
.tabberlive .tabbertab h3 {
display: none;
}
/***************
/* Move Style *
/***************/
.oo-ui-layout {
background: #FFD11A;
}
.oo-ui-dropdownWidget,
.oo-ui-dropdownWidget-handle,
.oo-ui-menuSelectWidget,
.oo-ui-textInputWidget input,
.oo-ui-textInputWidget textarea {
background: #ffffff;
border-color: #;
color: #;
border: 1px solid #000000;
border-radius: 0px;
}
.oo-ui-dropdownWidget .oo-ui-selectWidget {
border-color: #;
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
background: #;
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
background: #;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
background: #;
border-color: #;
}