MediaWiki:Theme-original.css
Jump to navigation
Jump to search
In other languages: Português do Brasil
CSS and Javascript changes must comply with the wiki design rules.
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.
/*** Theme from old and original Gamepedia wiki style before Fandomdesktop.css ***/
/*** Note: Adjusting themes can take up to 15 minutes to 1 hour for cache to refresh.
Make adjustments in large edits/saves instead of single code edits/saves. ***/
:root {
--theme-text-color: #000;
--theme-borders-color: #000;
--theme-link-color: #7f5126;
--theme-red-link-color: #ba0000;
--theme-button-color: #36c;
--theme-button-hover-color: #447ff5;
--theme-highlight-color: #c3b09e;
--theme-header-color: #000;
--theme-headertext-color: #FFF;
--theme-fpbox-bg-color: rgba(255,255,255,.5);
--theme-item-invert-filter: invert(0%);
--theme-link-color-filter: invert(0%);
}
.cpbox {
display: flex;
flex-direction: row-reverse;
flex-wrap: wrap
}
.cpbox #admins {
box-sizing: border-box;
width: calc(33% - 10px);
margin: 5px;
flex-grow: 1;
min-width: 300px
}
.cpbox #help {
box-sizing: border-box;
width: calc(67% - 10px);
margin: 5px;
flex-grow: 1
}
.doc {
margin: 0em auto 1em;
background-color: rgba(0,0,0,0.1);
border: 2px solid #BDCAC3;
border-radius: 1em;
padding: 1em
}
.doc-header {
padding-bottom: 3px;
border-bottom: 1px solid #BDCAC3;
margin-bottom: 1ex
}
.doc-footer {
margin: 0;
background-color: rgba(0,0,0,0.1);
border: 2px solid #BDCAC3;
border-radius: 1em;
padding: 1em
}
.desktopleft {
text-align: left
}
.desktopcenter {
text-align: center
}
.desktopright {
text-align: right
}
.fpmain {
width: 100%;
overflow: hidden
}
.fpbox {
margin: 5px;
padding: 5px;
overflow: auto
}
.fpbox.plain {
background: transparent;
border: none;
box-shadow: none
}
.fpbox .heading,.fpbox .mainheading,.fpbox .welcome {
margin: 0 0 10px;
padding: 0 0 5px;
overflow: auto
}
.fpbox .mainheading,.fpbox .welcome {
font-size: 150%;
font-weight: bold
}
.fpbox .heading {
text-align: center;
font-size: 132%
}
.linkslabel {
margin: 15px 5px 5px;
padding: 0 0 5px
}
.fpbox .embedvideowrap {
width: 100%!important;
max-width: 480px;
margin: 0 auto
}
.fpbox .embedvideowrap iframe {
width: 100%!important
}
@media only screen and (min-width: 1350px) and (max-width:1560px) {
div#global-wrapper.with-siderail table.weapons-table {
font-size:0.85em
}
div#global-wrapper.with-siderail table.weapons-table th {
font-size: 0.8em
}
}
.mobileonly {
display: none
}
body {
background: url(/images/9/98/Bg.jpg);
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
background-attachment: fixed;
background-color: #dfd7cc
}
body #pageWrapper {
margin-right: 5px
}
#mw-head-base {
background: transparent;
background-image: none;
border-bottom: 0px
}
div#mw-page-base {
background: transparent;
background-image: none
}
#mw-head li.new a {
color: #db9fc9
}
#right-navigation {
margin-right: 0.5em
}
div.vectorTabs,div.vectorTabs span,div.vectorTabs li.selected,div.vectorTabs ul,div.vectorTabs ul li,div.vectorTabs li a {
background: rgba(0,0,0,0)
}
div.vectorMenu h3 span {
display: block;
font-size: 0.8em;
padding-left: 0.7em;
padding-top: 1.30em;
margin-right: 20px;
font-weight: normal;
color: #4d4d4d
}
div.vectorMenu h3 a,div#mw-head div.vectorMenu h3 {
background-color: transparent;
background-image: none;
border: 0px
}
div#mw-head {
background: -moz-linear-gradient(top,rgba(237,237,237,1) 0%,rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(top,rgba(237,237,237,1) 0%,rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom,rgba(237,237,237,1) 0%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed',endColorstr='#00ffffff',GradientType=0)
}
div#mw-head,div.vectorTabs li a,div.vectorMenu li a,.vectorTabs li a span,div#mw-head div.vectorTabs a,div.vectorMenu h3 span {
color: #555555;
font-weight: bold;
text-shadow: 1px 1px 0.1em white
}
div.vectorTabs li.selected a,div.vectorTabs li.selected a:visited {
color: black !important;
text-shadow: none !important;
font-weight: bold
}
div.vectorMenu div.menu {
background-color: #d6e2eb;
border: 1px solid black
}
div.vectorMenu ul {
background-color: rgba(0,0,0,0);
border: none
}
div#mw-panel div.portal:not(#p-claimWiki):not(#p-socialProfiles):not(#p-sitePromos) {
background: rgba(255,255,255,0.7);
box-shadow: 0 0.1em 0.75em black;
border: none;
border-radius: 5px 5px 5px 5px;
margin: 5px;
padding-top: 5px
}
div#mw-panel div.portal div.body,#mw-panel.collapsible-nav .portal {
background-image: none
}
div#mw-panel div.portal div.body ul li a,div#mw-panel div.portal div.body ul li a:visited {
color: #000000
}
div#mw-panel div.portal h3,div#mw-panel div.portal h3:visited,#mw-panel.collapsible-nav .portal h3 a,#mw-panel.collapsible-nav .portal h3 a:visited,#mw-panel.collapsible-nav .portal.collapsed h3 a,#mw-panel.collapsible-nav .portal.collapsed h3 a:visited {
color: black;
font-weight: bold;
text-shadow: 1px 1px 0.1em rgba(0,0,0,0.5);
text-transform: uppercase
}
div#mw-panel div#p-socialProfiles.portal .body {
margin: auto
}
.socialSidebar {
width: auto;
max-width: 100%
}
#p-logo a {
background-size: contain
}
div#content {
background: rgba(240,240,240,0.95);
box-shadow: 0 0.1em 0.75em black;
border: none;
box-sizing: border-box;
color: #000000
}
h1,h2,h3,h4,h5,h6 {
color: black;
background: none;
font-weight: normal;
margin: 0;
overflow: hidden;
padding-top: 0.5em;
padding-bottom: 0.17em
}
.fakeh2 {
color: #000;
background: none;
font-weight: normal;
margin: 0;
margin-top: 1em;
margin-bottom: 0.25em;
padding: 0;
font-size: 1.5em;
line-height: 1.3;
border-bottom: 1px solid #000
}
.catlinks,ul#filetoc {
background: rgba(0,0,0,0);
border: 1px solid black;
border-radius: 5px;
clear: both;
margin-top: 1em;
padding: 5px
}
.catlinks li {
border-left: none
}
.CategoryTreeToggle {
color: #3b82b9
}
#toc,.toc,.mw-warning {
background-color: rgba(0,0,0,0);
border: 1px solid #3c83ba;
border-radius: 5px;
box-shadow: 0 0.1em 0.75em #000000
}
div.mw-warning-with-logexcerpt {
border: 2px solid #3c83ba
}
fieldset {
border: 1px solid black;
border-radius: 5px
}
ul {
list-style-image: none
}
#footer
{
background: rgb(240,240,240,0.95);
}
div#footer {
background: rgba(255,255,255,0.95);
box-shadow: 0 0.1em 0.75em black;
border: none;
border-radius: 5px;
margin-top: 4em;
margin-bottom: 2em
}
div#footer ul li {
color: #000000
}
div#footer ul li a {
color: #776757
}
#claimlist .controls_container > .dropdown {
right: 24px;
top: -24px
}
table {
display: table;
white-space: unset;
}
table.wikitable {
background: none repeat scroll 0 0 transparent
}
table.wikitable > caption {
color: #000000
}
table.wikitable > tr > th,table.wikitable > * > tr > th {
background: black;
border: 1px solid black;
color: #FFFFFF;
text-align: center
}
table.wikitable > tr > td,table.wikitable > * > tr > td {
border: 1px solid black;
padding: 0.2em
}
.wikitable th {
background-color: black;
border: 1px solid black;
color: #FFFFFF;
padding: 0.2em
}
.wikitable td {
border: 1px solid black;
color: #000000;
padding: 0.2em
}
table.mw_metadata th {
background: black;
border: 1px solid black;
color: #FFFFFF
}
table.mw_metadata td {
background-color: transparent;
border: 1px solid black;
color: #000000
}
.mw-datatable th {
border: 1px solid black
}
.mw-datatable,.mw-datatable td {
border: 1px solid black
}
.TablePager {
border: 1px solid black;
color: #000000;
padding: 0 0.15em
}
.TablePager th {
background-color: black;
color: #ffffff;
border: 1px solid black;
padding: 0 0.15em
}
.TablePager tr:hover td {
background-color: rgba(0,0,0,0.2) !important;
color: #FFFFFF
}
.TablePager th a {
background-color: black;
color: #FFFFFF !important
}
.TablePager td {
background: transparent !important;
border: 1px solid black;
color: #000000
}
.mw-collapsible-toggle.mw-collapsible-toggle-expanded a,.mw-collapsible-toggle.mw-collapsible-toggle-collapsed a {
color: #ef704f
}
.mw-interwiki-legend .mw-collapsible-toggle a {
color: #ffffff
}
fieldset#mw-searchoptions {
background-color: rgba(0,0,0,0);
border-color: black !important
}
.mw-search-profile-tabs {
background-color: rgba(0,0,0,0);
border: 1px solid black;
margin-top: 1em
}
.mw-search-profile-tabs div.search-types ul li.current a {
color: #000000
}
#pagehistory li {
background-color: rgba(0,0,0,0);
border: none;
padding: 3px
}
#pagehistory li.selected {
background-color: rgba(255,255,255,0.5);
background-image: none;
border: 1px dashed black;
padding: 3px
}
table.diff {
background: transparent
}
td.diff-context {
background: none repeat scroll 0 0 transparent;
color: #000000
}
td.diff-deletedline {
background-color: #FFE49C;
border-color: #FFE49C;
color: #000000
}
td.diff-addedline {
background-color: #A3D3FF;
border-color: #A3D3FF;
color: #000000
}
div.thumb {
border: 1px solid black;
margin: 2px;
margin-left: 6px
}
img.thumbborder {
border: 1px solid black;
border-radius: 5px;
padding: 5px
}
div.thumbinner {
background-color: rgba(255,255,255,0.2);
border: medium none
}
li.gallerybox div.thumb {
background-color: rgba(255,255,255,0.2);
border: 1px solid black;
border-radius: 5px
}
html .thumbimage {
border: 1px solid black;
border-radius: 5px
}
div.tright div.tleft {
border: 1px solid black !important
}
div.tright {
clear: right;
float: right
}
.client-js #preftoc {
background-color: rgba(255,255,255,0.5);
border: 0px;
margin: 0 0 4px !important
}
.client-js #preftoc,.client-js #preftoc li,.client-js #preferences,.client-js #preftoc li a {
background-image: none;
background-color: transparent;
color: #666666
}
.client-js #preftoc li:first-child {
margin-bottom: 0;
margin-left: 5px
}
.client-js #preftoc li.selected a {
background-color: black;
background-image: none;
border-color: black black black;
border-radius: 5px 5px 0 0;
border-style: solid;
border-width: 1px;
color: white
}
.client-js #preferences {
background-color: rgba(255,255,255,0.5);
border: 1px solid black;
border-radius: 5px
}
.client-js #preferences fieldset {
border-color: black
}
.wikiEditor-ui {
background: rgba(0,0,0,0);
border: none
}
.wikiEditor-ui-tabs div {
border-bottom: 1px solid black;
border-right: 1px solid black
}
.wikiEditor-ui-buttons {
background: rgba(0,0,0,0);
border-top: none;
margin-right: 5px
}
.wikiEditor-ui-toolbar {
background: none repeat scroll 0 0 rgba(0,0,0,0)
}
.wikiEditor-ui-toolbar .tabs span.tab a,.wikiEditor-ui-toolbar .tabs span.tab a:visited {
color: #000000
}
.wikiEditor-ui-toolbar .tabs span.tab a.current,.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
color: #000000;
font-weight: bold
}
.wikiEditor-ui-toolbar .sections .section {
background-color: rgba(0,0,0,0.2);
border-top: 1px solid black;
color: #000000
}
.wikiEditor-ui-toolbar .page-characters div span {
border: 1px solid black;
color: #000000
}
.wikiEditor-ui-toolbar .booklet .pages {
background-color: rgba(255,255,255,0.2)
}
.wikiEditor-ui-toolbar .booklet .index .current {
background-color: rgba(255,255,255,0.2);
color: #0645ad
}
.wikiEditor-ui-toolbar .booklet .index div {
color: #000000
}
.wikiEditor-ui-toolbar .page-characters div span:hover {
background-color: rgba(255,255,255,0.2);
border-color: black;
color: #ffffff
}
.wikiEditor-ui-toolbar .page-table th,.wikiEditor-ui-toolbar .page-table td {
color: #000000
}
.wikiEditor-ui-toolbar .page-table td {
border-top: 1px solid black
}
.wikiEditor-ui-tabs div a {
background: none repeat scroll 0 0 black;
display: inline-block;
color: #FFFFFF
}
.wikiEditor-ui-tabs div.current {
border-bottom: 1px solid blck
}
.wikiEditor-ui-tabs div.current a {
color: #ffffff;
font-weight: bold
}
.wikiEditor-ui-tabs {
border-left: 1px solid black;
border-top: 1px solid black
}
.wikiEditor-preview-contents {
background: rgba(0,0,0,0);
background-color: rgba(255,255,255,0.2);
border-color: black;
border-style: solid;
border-width: 0 1px 1px;
color: #000000
}
.wikiEditor-ui-controls {
background: rgba(0,0,0,0);
border-bottom: 1px solid black
}
.wikiEditor-preview-contents,.wikiEditor-preview-loading {
background-color: transparent
}
.editOptions {
background-color: rgba(255,255,255,0.2);
border-color: -moz-use-text-color #4ba5ec #4ba5ec;
border-image: none;
border-radius: 0 0 5px 5px;
border-style: none solid solid;
border-width: medium 1px 1px
}
input#wpSummary {
margin-bottom: 1em;
margin-top: 1em;
width: 80%
}
.pagetab {
border-style: solid solid none;
border-width: thin;
border-color: #808080;
padding: 0.25ex 1ex 0ex;
font-size: 95%
}
.ambox {
background-color: #eeeeee;
border-bottom-color: #383838;
border-right-color: #383838;
border-top-color: #383838;
border-collapse: collapse;
font-size: 95%;
margin: 0 auto 2px auto;
width: 80%
}
.ambox-gray {
border-left-color: #383838
}
.ambox.ambox-tiny {
font-size: 90%;
margin: 2px 0;
width: auto
}
.ambox + .ambox {
margin-top: -2px
}
.ambox-text {
padding: 0.25em 0.5em
}
.ambox-image {
padding: 2px 0px 2px 0.5em;
text-align: center;
width: 60px
}
.ambox-tiny .ambox-image {
padding: 2px 0.5em;
text-align: left;
width: auto
}
.ambox-blue {
border-left: 10px solid #1e90ff
}
.ambox-red {
border-left: 10px solid #b22222
}
.ambox-orange {
border-left: 10px solid #f28500
}
.ambox-yellow {
border-left: 10px solid #f4c430
}
.ambox-purple {
border-left: 10px solid #9932cc
}
.ambox-gray {
border-left: 10px solid #bba
}
.ambox-green {
border-left: 10px solid #228b22
}
.amsmalltext {
font-size: smaller;
margin-left: 0.8em;
margin-top: 0.5em
}
.infoboxtable {
background-color: #f9f9f9;
border: 1px solid black;
color: #000000;
float: right;
font-size: 89%;
margin-bottom: 0.5em;
margin-left: 1em;
padding: 0.2em;
width: 300px
}
.infoboxtable td {
vertical-align: top
}
.infoboxtable td > div {
background-color: black;
border: 2px solid inherit;
border-radius: 5px;
font-weight: bold;
padding: 0.5px 7px;
text-align: right;
color: white
}
.infoboxname {
font-size: 110%;
font-weight: bold;
padding: 0.5em
}
.infoboxdetails {
padding: 0em
}
.feature {
background: rgba(0,0,0,0.05);
border: 1px solid rgba(0,0,0,0.2);
border-radius: 5px;
padding: 10px
}
.navbox {
width: 100%;
clear: both;
}
table.navbox {
border: 1px solid #aaaaaa;
clear: both;
font-size: 88%;
margin: auto;
padding: 1px;
text-align: center;
width: 100%
}
table.navbox + table.navbox {
margin-top: -1px
}
.navbox-title,.navbox-abovebelow,table.navbox th {
padding-left: 1em;
padding-right: 1em;
text-align: center
}
.navbox-group {
font-weight: bold;
padding-left: 1em;
padding-right: 1em;
white-space: nowrap
}
.navbox,.navbox-subgroup {
background: rgba(255,255,255,0.2)
}
.navbox-list {
border-color: rgba(255,255,255,0.2)
}
.navbox-title,table.navbox th {
background: rgba(255,255,255,0.2);
color: #444
}
.navbox-abovebelow,.navbox-group,.navbox-subgroup .navbox-title {
background: rgba(255,255,255,0.2);
color: #333
}
.navbox-subgroup .navbox-group,.navbox-subgroup .navbox-abovebelow {
background: rgba(0,0,0,0.05);
color: #333
}
.navbox-even {
background: rgba(0,0,0,0.05);
color: #333
}
.navbox-odd {
background: transparent
}
.collapseButton {
font-weight: normal;
width: auto
}
.navbox .collapseButton {
width: 6em
}
.navbar {
font-size: 88%;
font-weight: normal
}
.navbox .navbar {
font-size: 100%
}
table.collapsed tr.collapsible {
display: none
}
.fpcontent {
width: 100%;
overflow: hidden;
z-index: 1
}
.fpmaybecols {
overflow: hidden;
margin: -5px 0 -5px 0
}
.fpmaybecols + .fpmaybecols {
margin: 0 0 -5px 0
}
.fpbox {
background: rgba(255,255,255,0.5);
border-radius: 5px;
border: none;
color: #505050;
margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
box-shadow: 0 0.1em 0.75em black
}
.fpbox2 {
background-size: 25%;
background-position: -50px -20px;
background-repeat: no-repeat;
background-attachment: scroll;
background-color: rgba(255,255,255,0.5);
border-radius: 5px;
border: none;
color: #505050;
margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
box-shadow: 0 0.1em 0.75em black
}
.fpplainbox {
padding: 5px 8px 10px 8px;
margin: 0 5px 10px 5px;
vertical-align: top
}
.fpbox2 .welcome {
border-bottom: none;
color: black;
font-size: 150%;
margin: 0 0 10px 0;
padding: 0 0 5px 0;
text-transform: uppercase;
text-align: center
}
.fpbox .heading {
background-color: black;
border: none;
color: white;
font-size: 132%;
text-transform: uppercase;
margin: 0 0 10px 0;
padding: 0 0 5px 0
}
.fpbox .heading .smalllink {
color: black;
font-size: 75%;
font-weight: bold
}
.fpbox hr {
border: none;
border-bottom: 2px solid #505050
}
.fplink,.fplink-fullwidth .fplink {
background-color: #da292a;
border: 0
}
.fplink:not(.fplink-plain) a {
color: #fff;
display: block;
vertical-align: middle
}
.fplink:not(.fplink-plain) a:hover {
color: #D6E2EB
}
.fplinks {
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
align-items: stretch;
text-align: center
}
.fplink-outer {
padding: 5px;
flex-basis: calc(25% - 10px);
width: calc(25% - 15px);
min-width: 115px;
display: inline-block;
vertical-align: middle
}
.fplink-wide {
flex-basis: calc(33% - 10px);
width: calc(33% - 15px)
}
.fplink-fullwidth {
flex-basis: 100%;
width: calc(100% - 15px);
font-weight: bold
}
.fplink {
padding: 0.5em;
box-sizing: border-box;
width: 100%;
height: 100%;
display: table
}
.fplink-plain {
background: transparent;
border-radius: 0;
border: 0;
box-shadow: none
}
.fplink-inner {
display: table-row
}
.fplink img {
max-width: 150px;
width: 100%;
height: auto
}
@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: 134px;
min-height: 134px
}
#fptopsection .fplink.image .box,#fpbottomsection .fplink.image .box {
width: 120px
}
#fptopsection .fplink.image .image a,#fpbottomsection .fplink.image .image a {
width: 120px;
height: 120px;
line-height: 120px
}
#fptopsection .fplink.image .box .image img,#fpbottomsection .fplink.image .box .image img {
max-height: 120px;
height: auto;
width: 120px
}
}
@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: 164px;
min-height: 164px
}
#fptopsection .fplink.image .box,#fpbottomsection .fplink.image .box {
width: 150px
}
#fptopsection .fplink.image .image a,#fpbottomsection .fplink.image .image a {
width: 150px;
height: 150px;
line-height: 125px
}
#fptopsection .fplink.image .box .image img,#fpbottomsection .fplink.image .box .image img {
max-height: 150px;
height: auto;
width: 150px
}
}
.fplink.image .image {
font-size: 75%
}
.fplink.image .image a {
padding: 0
}
.fplink.image .link a {
background: rgba(0,0,0,0.1);
border-top: 2px solid #505050
}
.fpvideos {
margin: 0 auto;
overflow: hidden;
text-align: center
}
.fpvideo {
display: inline-block;
margin: 0 5px
}
.fpmidsections {
float: left;
width: 100%;
overflow: hidden
}
.fpsection1,.fpsection2,.fpsection3,.fpsection4 {
float: left;
clear: both;
width: 100%
}
.fpmain .columns .leftcol,.fpmain .columns .rightcol {
width: 100%;
margin: 0;
padding: 0
}
@media (min-width: 790px) {
.fpsection1,.fpsection4 {
float:left;
clear: none;
width: 50%
}
.fpmidsections {
float: right;
clear: none;
width: 50%
}
}
@media (min-width: 990px) {
.fpmain .columns .leftcol {
float:left;
width: 50%
}
.fpmain .columns .rightcol {
float: right;
width: 50%
}
}
@media (min-width: 1390px) {
.fpmidsections {
clear:none;
float: right;
width: 66.667%
}
.fpsection1 {
clear: none;
width: 33.333%
}
.fpsection2,.fpsection3 {
clear: none;
width: 50%
}
.fpsection4 {
clear: left;
width: 33.333%
}
}
.wikitable.ability {
margin-bottom: 0
}
table.ability {
width: 100%
}
.tabber-ability {
border: 1px solid #7f7f7f;
border-top: 0
}
.tabber-ability .tabbernav {
border: 0;
padding: 0.5em;
background-color: #000
}
.tabber-ability .tabbernav li {
padding: 0;
margin-top: 0
}
.tabber-ability .tabbernav li a:link,.tabber-ability .tabbernav li a:link:hover {
background: rgba(127,127,127,0.2);
color: #fff;
border: 0;
padding: 0.5em;
font-size: 1.1em
}
.tabber-ability .tabbernav li.tabberactive a:link {
background: rgba(255,255,255,0.5)
}
.tabber-ability .tabbertab {
border: 0;
text-align: left
}
.ability-image {
width: 100px
}
.ability-header {
width: 6em
}
ul.tabbernav li a:link {
background-color: rgba(235,235,235);
color: #7F5126;
padding: 0.5em;
border: 1px solid #999
}
ul.tabbernav li a:hover {
background-color: rgba(200,200,200,0.75)
}
ul.tabbernav li.tabberactive a {
background-color: #fff;
color: #000;
border-bottom: none
}
ul.tabbernav li {
display: inline-block;
margin-top: 0.5em
}
.tabber .tabbertab {
border: 1px solid #999
}
.keysDark {
color: black;
border: 1px solid rgb(170,170,170);
box-shadow: 0.1em 0.2em 0.2em rgb(221,221,221);
border-radius: .2em;
background-image: linear-gradient(to bottom,rgb(238,238,238),rgb(249,249,249),rgb(238,238,238));
background-color: rgb(249,249,249);
padding: 0.1em 0.6em 0.1em 0.6em;
margin-right: 2px;
font-size: 85%;
font-family: inherit;
font-style: normal
}
.keysLight {
color: white;
border: 1px solid rgb(0,0,0);
box-shadow: 0.1em 0.2em 0.2em rgb(0,0,0);
border-radius: .2em;
background-image: linear-gradient(to bottom,rgb(0,0,0),rgb(15,15,15),rgb(30,30,30));
background-color: rgb(30,30,30);
padding: 0.1em 0.6em 0.1em 0.6em;
margin-right: 2px;
font-size: 85%;
font-family: inherit;
font-style: normal
}
.infobox {
float: right;
width: 23em;
margin-left: 1em;
margin-right: 1em;
margin-bottom: 0.5em;
padding: 4px;
border: 1px solid #000;
background-color: #f9f9f9
}
.infobox-table {
width: 100%;
padding: 0;
background-color: transparent;
border: 0
}
.infobox-header {
text-align: center;
padding: 0.4em;
padding-bottom: 10px;
font-size: 150%;
background-color: #000;
letter-spacing: 0.05em;
color: #fff;
border: 1px solid #000
}
.infobox-section {
text-align: center;
letter-spacing: 0.05em;
color: #000;
font-weight: bold
}
.infobox-section::before {
content: "— "
}
.infobox-section::after {
content: "—"
}
.infobox-section a {
color: #fff
}
.infobox-centered {
text-align: center
}
.infobox-centered img {
max-width: 100%;
height: auto
}
.infobox-row {
vertical-align: top
}
.infobox-row-name {
background-color: #000;
color: #fff;
border-radius: 5px;
padding: 0 0.5em;
text-align: right;
white-space: nowrap
}
.infobox-spacer {
height: 0.5em
}