MediaWiki:Mobile.css

/* CSS placed here will affect users of the mobile site */ /* BASE */ /* Governs the general color of the text and background image */ body { background: black; }

.animations #mw-mf-page-center { background: black; color: white; }

.nomobile { display: none; }

/* HEADER */ .header-container.header-chrome, background: rgba(33, 33, 33, 0.8); }
 * 1) mw-mf-page-center {

.notification-count { background: transparent; }

/* BODY */ /* Leave transparent if background if solid color, otherwise tweak black opacity to make text visible */ border-top: 0px solid #cccccc; color: black !important; background-color: #c3c494; border-color: transparent; border-image: none; border-style: solid; border-width: 20px 48px; }
 * 1) content {

.overlay-enabled { border-top: 0px solid #cccccc; background: rgba(0,0,0,1) !important; }

/* FOOTER */ /* Background should match opacity of #content */ footer { border-top: solid 1px #c8ccd1; background: rgba(0, 0, 0, 0.5); }

footer .last-modified-bar { border-bottom: solid 1px #c8ccd1; background-color: transparent; color: #505050; }

/* Fix to display properly with links of similar color */ footer .last-modified-bar.active { background-color: rgba(0, 175, 137, 0.5); }

/* LINKS */ /* Minimal code to affect all non-new links; notification ensures the default color always displays */ a:not(.new) { text-decoration: none; color: #008000 !important; }

.notification-count .circle span { color: #fff !important; }

/* UI STYLING */ /* Default values for HydraDark */ .content table.wikitable > tr > th, .content table.wikitable > * > tr > th { background-color: rgba(248, 249, 250, 0.35); }

pre, .mw-code { background-color: #282828; border-color: #505050; }

.client-js .toc-mobile { background-color: transparent !important; border-color: #505050; }

.mw-ui-button { background-color: transparent; color: inherit; border: 1px solid #fff; }

.content .thumb { border: 1px solid rgba(255, 255, 255, 0.5); padding: 3px; color: white; }

li.gallerybox div.thumb { border: 1px solid #c8ccd1; background-color: transparent; }

.mw-ui-button.mw-ui-progressive:active, .mw-ui-button.mw-ui-constructive:active, .mw-ui-button.mw-ui-progressive.is-on, .mw-ui-button.mw-ui-constructive.is-on, .mw-ui-button.mw-ui-progressive.mw-ui-checked, .mw-ui-button.mw-ui-constructive.mw-ui-checked { background-color: rgba(115, 115, 115, 0.33); border-color: white; }

.mw-mf-user, .list-header, .page-list.side-list .list-thumb, .topic-title-list.side-list .list-thumb, .site-link-list.side-list .list-thumb { background-color: inherit; color: inherit;

}

/* Section arrows */

.mw-ui-icon-arrow::before { filter: invert(100%); }

/* Hambahgah menu */

nav { background: #212121 !important; }
 * 1) mw-mf-viewport,

nav ul li { background: #181818 !important; }

nav ul.hlist li { background: transparent !important; }

nav ul li a.mw-ui-icon { filter: invert(100%); }

nav ul li a { font-weight: bold; }

nav ul.hlist li a { color: #F37F20 !important; }

/* EDITOR OVERLAY */

/* Search */

.search-overlay { background: rgba(0, 0, 0, 0.9) !important; }

.search-overlay .results, .search-overlay .search-feedback { background-color: #212121 !important; }

.list-thumb.list-thumb-none { background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2056%2056%22%3E%3Cpath%20fill%3D%22%23212121%22%20d%3D%22M0%200h56v56H0z%22%2F%3E%3Cpath%20fill%3D%22%23E0E0E0%22%20d%3D%22M36.4%2013.5H17.8v24.9c0%201.4.9%202.3%202.3%202.3h18.7v-25c.1-1.4-1-2.2-2.4-2.2zM30.2%2017h5.1v6.4h-5.1V17zm-8.8%200h6v1.8h-6V17zm0%204.6h6v1.8h-6v-1.8zm0%2015.5v-1.8h13.8v1.8H21.4zm13.8-4.5H21.4v-1.8h13.8v1.8zm0-4.7H21.4v-1.8h13.8v1.8z%22%2F%3E%3C%2Fsvg%3E) !important; }

.page-summary h2, .page-summary h3 { color: #F37F20 !important; }

/* VE Overlay */

.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame { background-color: rgba(0, 0, 0, 0.9) !important; }

.ve-ui-mwSaveDialog-options { background-color: #212121 !important; } /* Editor Overlay */

.editor-overlay-ve .overlay-content .surface { overflow: hidden; color: white; }

.editor-overlay .wikitext-editor, .editor-overlay .summary-request { color: #E0E0E0 !important; }

/* Overlays */ .overlay.editor-overlay, .overlay-header-container, .overlay-footer-container { background: #212121 !important; }

/* RESPONSIVE 3PAGE MAIN PAGE */ /* this CSS governs the responsive 3 column main page layout */ /* Responsive main page stuff */ /********************* /* Front page styles * /*********************/ .fpbox { /* EDIT THIS FOR BORDER */ border: 1px solid #e0e0e0; /* YES THIS */ background: rgba(0,0,0,0.0); color: inherit; margin: 5px; padding: 5px; }

.fpbox .welcome { border-bottom: 1px solid #505050; background: transparent; font-size: 150%; text-transform: uppercase; text-align: center; margin: 0 0 10px 0; padding: 0 0 5px 0; }

.fpbox .heading { border-bottom: 1px solid #505050; background: transparent; font-size: 132%; font-variant: small-caps; margin: 0 0 10px 0; padding: 0 0 5px 0; }

.fpbox .heading .smalllink { color: #3674b3; font-weight: bold; font-size: 75%; }

.fpbox hr { border: none; border-bottom: 2px solid #505050; }

.fpplainbox { padding: 5px 8px 10px 8px; margin: 0 5px 10px 5px; vertical-align: top; }

.fplinks { margin: -2px -3px; }

.fplinks .linkslabel { border-bottom: 2px solid #505050; margin: 6px 3px 0 3px; }

.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: 2px 3px; border-collapse: separate; }

.fplink .box .row { display: table-row; }

.fplink .box .row .cell { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #29ABE2; color: #e0e0e0; display: table-cell; font-weight: bold; position: relative; text-align: center; text-transform: uppercase; vertical-align: middle; }

.fplink.wide .box .row .cell { padding: 0 5px; }

.fplink.image { width: 78px; height: 78px; }

.fplink.image .box .row .cell { width: 70px; height: 70px; vertical-align: bottom; }

.fplink.image .box .row .cell .image img { width: 70px; height: 70px; }

@media (min-width: 188px) { .fplink { width: 50%; }

.fplink.wide { width: 100%; } }

@media (min-width: 294px) { .fplink { width: 33.333%; }

.fplink.wide { width: 66.666%; } }

@media (min-width: 400px) { .fplink { width: 25%; }

.fplink.wide { width: 50%; }

.fplink.image { width: 108px; height: 108px; }

.fplink.image .box .row .cell { width: 100px; height: 100px; }

.fplink.image .box .row .cell .image img { width: 100px; height: 100px; } }

@media (min-width: 506px) { .fplink { width: 20%; }

.fplink.wide { width: 40%; } }

@media (min-width: 612px) { .fplink { width: 16.666%; }

.fplink.wide { width: 33.333%; } }

@media (min-width: 718px) { .fplink { width: 14.285%; }

.fplink.wide { width: 28.571%; } }

@media (min-width: 824px) { .fplink { width: 12.5%; }

.fplink.wide { width: 25%; } }

@media (min-width: 930px) { .fplink { width: 11.111%; }

.fplink.wide { width: 22.222%; } }

@media (min-width: 1036px) { .fplink { width: 10%; }

.fplink.wide { width: 20%; }

.fplink.image { width: 128px; height: 128px; }

.fplink.image .box .row .cell { width: 120px; height: 120px; }

.fplink.image .box .row .cell .image img { width: 120px; height: 120px; } }

.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: 3px 5px; }

.fplink.image .image a { padding: 0; }

.fplink.image .link a { border-top: 2px solid #505050; background: #ddddb7 !important; }

.fplink.wide a { margin: 0 -5px; }

.fplink.image a { top: auto; }

.fpvideos { margin: 0 auto; overflow: hidden; text-align: center; max-width: 480px; }

.fpvideo { position: relative; padding-top: 25px; padding-bottom: 56.25%; height: 0; }

.fpvideo iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* ######################################################################## */ /* ### CSS placed here will be applied to all skins on the entire site. ### */ /* ### See also: MediaWiki:Vector.css                              ### */ /* ######################################################################## */

/* ################################################## */ /* ### SHARED BACKGROUNDS                        ### */ /* ################################################## */

.va-forum-index th, .va-forum-search th, .va-infobox-title, .va-navbox-title, .va-portal-section-header { background-color: #5a5941; }

/* ################################################## */ /* ### GENERAL FIXES                             ### */ /* ################################################## */

/* Remove header from main page */ body.page-Official_Wasteland_2_Wiki #firstHeading { display: none; }

/* Checkered background for images in File namespace */ body.ns-6 #file img { background-color: transparent; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAAAAAA6mKC9AAAAGElEQVQYV2N4DwX/oYBhgARgDJjEAAkAAEC99wFuu0VFAAAAAElFTkSuQmCC); background-image: url(/skins/common/images/Checker-16x16.png?1) !ie; }

body.ns-6 #file button img { background: transparent; }

/* More noticeable file upload warnings */ background: #F00; border: 1px solid #AAA; color: #FFF; padding: 0 5px; }
 * 1) wpDestFile-warning > div {

/* Make tags not increase line height */ .reference { line-height: 1em; }

/* Smaller text for tag */ ol.references { font-size: 11px; line-height: 16px; }

/* Warning messages for file uploads */ @media screen { .warning { color: #000; list-style-image: none; list-style-position: outside; list-style-type: none; }  ul.warning { margin: 0; } }

/* Collapse buttons */ .mw-collapsible-toggle { font-weight: normal; }

/* ################################################## */ /* ### LINKS                                     ### */ /* ################################################## */

/* Internal links formatted as external links */ div#content a.external[href^="http://wasteland.gamepedia.com"] { background-color: transparent; background-image: none; color: #0645AD; padding: 0; }

div#content a.external[href^="http://wasteland.gamepedia.com"]:visited { color: #FAA700; }

div#content a.external[href^="http://wasteland.gamepedia.com"]:active { color: #0645AD; }

/* Interwiki links */ div#content a.extiw, div#content a.extiw:active { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFZJREFUeF59z4EJADEIQ1F36k7u5E7ZKXeUQPACJ3wK7UNokVxVk9kHnQH7bY9hbDyDhNXgjpRLqFlo4M2GgfyJHhjq8V4agfrgPQX3JtJQGbofmCHgA/nAKks+JAjFAAAAAElFTkSuQmCC); background-image: url(/skins/vector/images/external-link-ltr-icon.png) !ie; background-position: right center; background-repeat: no-repeat; padding-right: 13px; }

/* ################################################## */ /* ### CHEVRONS                                  ### */ /* ################################################## */

.va-chevron-down, .va-chevron-left, .va-chevron-right, .va-chevron-up { border: 3px solid transparent; display: inline-block; font-size: 0; height: 0; line-height: 0; margin: 0 1px; position: relative; }

.va-chevron-down { border-top-color: #000; top: 1px; }

.va-chevron-left { border-right-color: #000; margin-left: -3px; }

.va-chevron-right { border-left-color: #000; margin-right: -3px; }

.va-chevron-up { border-bottom-color: #000; bottom: 2px; }

/* ################################################## */ /* ### WIKI WATERMARK                            ### */ /* ################################################## */

.va-wiki-watermark { background: transparent url(https://static.wikia.nocookie.net/wasteland_gamepedia/images/b/b4/Wiki-watermark.png/revision/latest) center no-repeat; }

@media print { #ft { display: none; } }

/* ################################################## */ /* ### TABLES                                    ### */ /* ################################################## */

.va-table { background-color: #E7EADA; border-collapse: collapse; empty-cells: show; font-size: 11px; line-height: 16px; margin-bottom: 5px; }

.va-table > tr > td, .va-table > * > tr > td, .va-table > tr > th, .va-table > * > tr > th { border: 1px solid #AAA; padding: 1px 2px; }

.va-table > tr > th, .va-table > * > tr > th { background-color: #C9D0AC; font-weight: bold; }

/* Collapse button */ .va-table .mw-collapsible-toggle a { color: #000; }

/* Adapting lists & paragraphs */ .va-table ul, .va-table ol, .va-table p { line-height: 16px; margin-bottom: 0; }

.va-table ul, .va-table ol { margin-left: 20px; margin-top: 0; }

.va-table p, .va-table * + ul, .va-table * + ol { margin-top: 3px; }

.va-table ul li, .va-table ol li { margin-bottom: 0; }

/* Highlighted rows */ .va-table > tr.va-table-highlight, .va-table > * > tr.va-table-highlight, .va-table > tr.va-table-highlight > th, .va-table > * > tr.va-table-highlight > th { background-color: #D6DBC1; }

/* Tables with specific vertical alignment for cells */ .va-table-top > tr > td, .va-table-top > * > tr > td { vertical-align: top; }

.va-table-middle > tr > td, .va-table-middle > * > tr > td { vertical-align: middle; }

.va-table-bottom > tr > td, .va-table-bottom > * > tr > td { vertical-align: bottom; }

/* Tables with specific horizontal alignment for cells/columns */ .va-table-center > tr > td, .va-table-center > * > tr > td, .va-table-center-col1 > * > tr > td:first-child, .va-table-center-col2 > * > tr > *:first-child + td, .va-table-center-col3 > * > tr > *:first-child + * + td, .va-table-center-col4 > * > tr > *:first-child + * + * + td, .va-table-center-col5 > * > tr > *:first-child + * + * + * + td, .va-table-center-col6 > * > tr > *:first-child + * + * + * + * + td, .va-table-center-col7 > * > tr > *:first-child + * + * + * + * + * + td, .va-table-center-col8 > * > tr > *:first-child + * + * + * + * + * + * + td, .va-table-center-col9 > * > tr > *:first-child + * + * + * + * + * + * + * + td, .va-table-center-col10 > * > tr > *:first-child + * + * + * + * + * + * + * + * + td, .va-table-center-col11 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + td, .va-table-center-col12 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + td, .va-table-center-col13 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + td, .va-table-center-col14 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + td, .va-table-center-col15 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + * + td { text-align: center; }

.va-table-left > tr > td, .va-table-left > * > tr > td, .va-table-left-col1 > * > tr > td:first-child, .va-table-left-col2 > * > tr > *:first-child + td, .va-table-left-col3 > * > tr > *:first-child + * + td, .va-table-left-col4 > * > tr > *:first-child + * + * + td, .va-table-left-col5 > * > tr > *:first-child + * + * + * + td, .va-table-left-col6 > * > tr > *:first-child + * + * + * + * + td, .va-table-left-col7 > * > tr > *:first-child + * + * + * + * + * + td, .va-table-left-col8 > * > tr > *:first-child + * + * + * + * + * + * + td, .va-table-left-col9 > * > tr > *:first-child + * + * + * + * + * + * + * + td, .va-table-left-col10 > * > tr > *:first-child + * + * + * + * + * + * + * + * + td, .va-table-left-col11 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + td, .va-table-left-col12 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + td, .va-table-left-col13 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + td, .va-table-left-col14 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + td, .va-table-left-col15 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + * + td { text-align: left; }

.va-table-right > tr > td, .va-table-right > * > tr > td, .va-table-right-col1 > * > tr > td:first-child, .va-table-right-col2 > * > tr > *:first-child + td, .va-table-right-col3 > * > tr > *:first-child + * + td, .va-table-right-col4 > * > tr > *:first-child + * + * + td, .va-table-right-col5 > * > tr > *:first-child + * + * + * + td, .va-table-right-col6 > * > tr > *:first-child + * + * + * + * + td, .va-table-right-col7 > * > tr > *:first-child + * + * + * + * + * + td, .va-table-right-col8 > * > tr > *:first-child + * + * + * + * + * + * + td, .va-table-right-col9 > * > tr > *:first-child + * + * + * + * + * + * + * + td, .va-table-right-col10 > * > tr > *:first-child + * + * + * + * + * + * + * + * + td, .va-table-right-col11 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + td, .va-table-right-col12 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + td, .va-table-right-col13 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + td, .va-table-right-col14 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + td, .va-table-right-col15 > * > tr > *:first-child + * + * + * + * + * + * + * + * + * + * + * + * + * + td { text-align: right; }

/* Tables which are full width */ .va-table-full { width: 960px; }

/* Tables which leave enough space for an infobox on the right */ .va-table-full-infobox { width: 680px; }

/* Tables which are floated */ .va-table-float-left { clear: left; float: left; margin: 0 10px 10px 0; }

.va-table-float-right { clear: right; float: right; margin: 0 0 10px 10px; }

/* Tables in which the first column starts with an icon */ .va-table-icon > tr > td:first-child, .va-table-icon > * > tr > td:first-child { padding-left: 18px; text-indent: -18px; }

/* ################################################## */ /* ### FORUMS                                    ### */ /* ################################################## */

/* Remove "Discussion" tab for forum pages */ body.ns-110 #ca-talk, body.ns-111 #ca-addsection, body.ns-111 #ca-edit { display: none; }

/* Overall style */ .va-forum-header, .va-forum-index, .va-forum-search { border: 1px solid #aaa; /*  box-shadow: 2px 2px 2px #AAA; -moz-box-shadow: 2px 2px 2px #AAA; -webkit-box-shadow: 2px 2px 2px #AAA; }

.va-forum-index th, .va-forum-search th { /* Shared background; see top of page */ border: 0px solid #000; color: #FFF; }

.va-forum-header div, .va-forum-index td, .va-forum-search td { background-color: #E7EADA; border: 1px solid #AAA; vertical-align: top; }

/* Header */ .va-forum-header { margin: 10px 0; padding: 2px; }

.va-forum-header div { padding: 5px; }

/* Search */ .va-forum-search { float: right; margin: 0 0 8px 5px; text-align: center; }

.va-forum-search td { font-size: 11px; padding: 5px; }

/* Index */ .va-forum-index th.forum_title { padding-left: 9px; text-align: left; width: 70%; }

.va-forum-index th.forum_edited { width: 30%; }

.va-forum-index th.va-forum-subheader { background: #C9D0AC; border: 1px solid #AAA; color: #000; padding-left: 9px; text-align: left; } .va-forum-index td { line-height: 16px; }

.va-forum-index td.forum_edited { font-size: 11px; text-align: center; }

.va-forum-index td.va-forum-footer { background: #D6DBC1; border: 1px solid #AAA; }

.va-forum-index td.forum_title { padding: 1px 2px 1px 3px; }

.va-forum-index td.forum_title a:link, .va-forum-index td.forum_title a:visited { border-left: 3px solid #E7EADA; display: inline-block; padding-left: 3px; }

.va-forum-index td.forum_title a.forum_new:link { border-left-color: #006722; }

.va-forum-index td.forum_title a.forum_new:visited { border-left-color: #E7EADA; }

.va-forum-index td.forum_title span.forum_author { display: block; font-size: 11px; padding-left: 17px; }

.va-forum-index td.forum_title span.forum_author a { border: none; padding: 0; }

.va-forum-index span.forum_editor { display: block; font-size: 11px; }

/* ################################################## */ /* ### PORTALS                                   ### */ /* ################################################## */

/* Columns */ .va-portal-columns-body-left { float: left; margin-right: -323px; position: relative; width: 100%; }

.va-portal-columns-body-left-inner { margin-right: 323px; }

.va-portal-columns-body-right { clear: right; float: right; position: relative; width: 313px; }

.va-portal-columns-body-below, .va-portal-columns-body-left-below { clear: both; }

.va-portal-columns-body-left-double .va-portal-columns-body-left-columns { padding-right: 10px; }

.va-portal-columns-body-left-double .va-portal-columns-left { float: left; width: 50%; }

.va-portal-columns-body-left-double .va-portal-columns-middle { float: right; margin-right: -10px; width: 50%; }

.va-portal-columns-left, .va-portal-columns-middle, .va-portal-columns-right { position: relative; }

/* Content boxes */ .va-portal-section { background: transparent; border: 1px solid #AAA; /*  box-shadow: 2px 2px 2px #AAA; -moz-box-shadow: 2px 2px 2px #AAA; -webkit-box-shadow: 2px 2px 2px #AAA; margin-bottom: 5px; margin-top: 0px; }

.va-portal-section-body { border: 1px solid #AAA; background-color: #E7EADA; margin: 1px; padding: 3px 5px; }

.va-portal-section-header { /* Shared background; see top of page */ border: 0px solid #000; color: #FFF; margin: 1px 1px 0; padding: 3px 5px; text-align: left; }

.va-portal-section-header a:link, .va-portal-section-header a:visited, .va-portal-section-header a:hover, .va-portal-section-header a:active { color: #FFF !important; }

.va-portal-section-header a.new { color: #F11 !important; }

.va-portal-section-header h2 { border: none; color: #FFF; font-size: 14px; font-weight: bold; margin: 0; padding: 0; }

.va-portal-section-header-cleft, .va-portal-section-header-cright { display: none; }

.va-portal-section-header-links { float: right; font-size: 10px; }

.va-portal-section-footer { border-top: 1px solid #AAA; clear: both; margin-top: 10px; padding-top: 1px; text-align: right; }

.va-portal-section-clear { clear: both; }

/* Welcome */ .va-portal-welcome { padding: 2px 0 3px; text-align: center; }

.va-portal-welcome .va-wikiinothermedia { margin: 8px 0 0; }

.va-portal-welcome-title { font-size: 14px; margin: 0; }

.va-portal-welcome-subtitle { font-size: 11px; line-height: 16px; margin: 0; }

.va-portal-welcome-slogan { margin: 3px 0 0; }

/* TOC */ .va-portal-toc { border-collapse: collapse; font-size: 95%; width: 100%; }

.va-portal-toc td { padding: 0 5px; vertical-align: top; }

.va-portal-toc p { border-bottom: 1px solid #AAA; font-weight: bold; }

/* Intro - image buttons */ .va-portal-buttons { border-collapse: collapse; font-size: 95%; margin: 0 auto; text-align: center; }

.va-portal-buttons th, .va-portal-buttons td { width: 50%; }

.va-portal-buttons th { font-weight: normal; padding-top: 3px; vertical-align: middle; }

.va-portal-buttons td { padding-bottom: 3px; vertical-align: top; white-space: nowrap; }

/* Did you know */ .va-portal-dyk p { margin: 0; }

.va-portal-dyk-item { padding: 0 0 0 15px; position: relative; }

.va-portal-dyk .va-portal-dyk-dots { float: left; margin-left: -15px; width: 15px; }

/* News items */ .va-portal-news-item + .va-portal-news-item { border-top: 1px solid #AAA; margin-top: 10px; padding-top: 10px; }

.va-portal-news-item .va-portal-news-item-comments, .va-portal-news-item .va-portal-news-item-details, .va-portal-news-item .va-portal-news-item-more { font-size: 10px; line-height: 15px; }

.va-portal-news-item .va-portal-news-item-comments { float: right; }

.va-portal-news-item .va-portal-news-item-details { margin-left: 10px; }

.va-portal-news-item .va-portal-news-item-footer { line-height: 10px; margin-top: 0.5em; }

.va-portal-news-item .va-portal-news-item-summary > *, .va-portal-news-item .va-portal-news-item-summary > p:first-child + p { display: none; }

.va-portal-news-item .va-portal-news-item-summary > p:first-child, .va-portal-news-item .va-portal-news-item-summary > *:first-child + p { display: block; }

/* Forum activity */ .va-portal-forumactivity ul li { font-size: 0.781em; line-height: 1.5em; }

.va-portal-forumactivity ul li a:first-child { display: block; font-size: 1.28em; line-height: 1.5em; }

/* ################################################## */ /* ### GENERIC BOX (various minor templates)     ### */ /* ################################################## */

.va-genericbox { background: #F9F9F9; border: 1px solid #AAA; }

/* ################################################## */ /* ### TITLE ICONS (Template:Games)              ### */ /* ################################################## */

.va-titleicons, .va-titleicons-hover { font-size: 11px; margin: 0; max-width: 275px; position: absolute; z-index: 3; }

.va-titleicons { background: transparent; border: none; display: none; height: 27px; line-height: 25px; overflow: hidden; right: 0; text-align: right; top: 4px; }

.va-titleicons-hover { background: #FFF; border: 0px solid #000; /*  box-shadow: 1px 2px 10px #AAA; -moz-box-shadow: 1px 2px 10px #AAA; -webkit-box-shadow: 1px 2px 10px #AAA; height: auto; overflow: auto; padding: 0 5px; right: -1px; text-align: center; top: 3px; }

.va-titleicons-preview { text-align: right; }

.va-titleicons-fullsize, .va-titleicons-hover .va-titleicons-preview { display: none; }

.va-titleicons-hover .va-titleicons-fullsize { display: block; }

.va-titleicons-more { float: right; line-height: 25px; padding: 0 2px; }

/* IE quirks mode parent/child z-index fix */ body.skin-vector h1#firstHeading { z-index: 2; }

/* ################################################## */ /* ### INFOBOXES (Template:Infobox)              ### */ /* ################################################## */

/* Outer table */ .va-infobox { border: 0px solid #AAA; /*  box-shadow: 2px 2px 2px #AAA; -moz-box-shadow: 2px 2px 2px #AAA; -webkit-box-shadow: 2px 2px 2px #AAA; */ clear: right; float: right; font-size: 11px; line-height: 16px; margin: 0 0 5px 10px; }

/* Inner tables */ .va-infobox-cont, .va-infobox-group { margin: 0; width: 100%; }

.va-infobox-mainimage-table { margin: 0 auto; }

.va-infobox-mainimage-table + .va-infobox-mainimage-table { margin-top: 2px; }

/* Cellspacing */ .va-infobox, .va-infobox-cont, .va-infobox-group, .va-infobox-mainimage-table, .va-infobox-spacing-h, .va-infobox-spacing-v { background: transparent; }

.va-infobox-spacing-h { border-right: 1px solid #transparent; width: 0%; }

.va-infobox-spacing-v { font-size: 1px; height: 1px; line-height: 0; }

.va-infobox-columns + .va-infobox-spacing { display: none !important; }

/* Widths */ .va-infobox-columns-1 .va-infobox-col1 { width: 100%; }

.va-infobox-columns-2 .va-infobox-col1, .va-infobox-columns-3 .va-infobox-col1, .va-infobox-columns-4 .va-infobox-col1 { width: 28%; }

.va-infobox-columns-2 .va-infobox-col2 { width: 72%; }

.va-infobox-columns-3 .va-infobox-col2, .va-infobox-columns-3 .va-infobox-col3 { width: 36%; }

.va-infobox-columns-4 .va-infobox-col2, .va-infobox-columns-4 .va-infobox-col3, .va-infobox-columns-4 .va-infobox-col4 { width: 24%; }

/* Cell styles */ .va-infobox-content, .va-infobox-footer, .va-infobox-header, .va-infobox-image, .va-infobox-label, .va-infobox-title { padding: 1px 2px; }

.va-infobox-content, .va-infobox-footer, .va-infobox-image, .va-infobox-mainimage { background: #E7EADA; border: 1px solid #AAA; }

.va-infobox-header, .va-infobox-icon, .va-infobox-label { background: #C9D0AC; border: 1px solid #AAA; }

.va-infobox-image, .va-infobox-footer, .va-infobox-header, .va-infobox-icon, .va-infobox-mainimage, .va-infobox-mainimage-cont, .va-infobox-mainimage-image { text-align: center; vertical-align: middle; }

.va-infobox-content { text-align: left; vertical-align: top; }

.va-infobox-label { cursor: default; text-align: right; vertical-align: top; }

.va-infobox-icon-cont { margin: 0; padding: 0; position: relative; }

.va-infobox-icon-table { margin: 0 auto; }

.va-infobox-mainimage-cont + .va-infobox-icon-table { position: absolute; right: 3px; top: 1px; }

/* FIXME: Find better method to prevent column width oddities in IE8/Webkit */ .va-infobox-image { max-width: 0; }

.va-infobox-image-cont { margin-right: -100%; margin-right: 0 !ie; text-align: center; width: 100%; }

.va-infobox-image-desc { font-size: 10px; line-height: 15px; padding: 1px 1px 0; }

.va-infobox-image-upload { padding: 15px 3px; }

.va-infobox-mainimage { padding: 2px 0; }

.va-infobox-mainimage-cont { margin: 0; width: 100%; }

.va-infobox-mainimage-image { background: transparent; padding: 0 1px; }

.va-infobox-mainimage-minheight { width: 0%; }

.va-infobox-mainimage-minheight div { height: 120px; margin: 0; padding: 0; width: 1px; }

.va-infobox-title { /* Shared background; see top of page */ border: 0px solid #000; color: #FFF; text-align: center; vertical-align: middle; width: 100%; }

.va-infobox-title-main { font-size: 15px; font-weight: bold; line-height: 20px; }

.va-infobox-title-sub { font-size: 12px; line-height: 15px; }

.va-infobox-title-super { font-size: 10px; line-height: 12px; }

.va-infobox-tooltip { border-color: #AAA transparent transparent #AAA; border-style: solid; border-width: 3px; float: left; height: 0; left: -2px; margin-bottom: -100%; margin-right: -100%; position: absolute; top: -1px; width: 0; }

.va-infobox-tooltip-cell { cursor: help; }

.va-infobox-tooltip-cont { height: 0; position: relative; width: 0; }

/* Collapse buttons */ .va-infobox-group-collapsible .va-infobox-header { padding-left: 40px; padding-right: 40px; }

.va-infobox-header .mw-collapsible-toggle { left: 40px; margin-left: -100%; position: relative; }

.va-infobox-header .mw-collapsible-toggle a { color: #000; }

/* Links */ .va-infobox-title a:link, .va-infobox-title a:visited { color: #AFA000 !important; } .va-infobox-title a:hover, .va-infobox-title a:active { color: #FFF !important; } .va-infobox-title a.new { color: #F11 !important; }

/* Adapting lists & paragraphs */ .va-infobox ul, .va-infobox ol, .va-infobox p { line-height: 16px; margin-bottom: 0; }

.va-infobox ul, .va-infobox ol { margin-left: 20px; margin-top: 0; }

.va-infobox p, .va-infobox * + ul, .va-infobox * + ol { margin-top: 3px; }

.va-infobox ul li, .va-infobox ol li { margin-bottom: 0; }

/* Auxiliary template: Template:Infobox/divider */ .va-infobox-divider-float { border-color: #AAA; border-style: solid; border-width: 0 0 1px 1px; clear: right; float: right; margin: -1px 0 0 2px; min-width: 18px; padding: 0 0 0 2px; text-align: center; }

.va-infobox-divider-vert { width: 100%; }

.va-infobox-divider-left, .va-infobox-divider-right { vertical-align: top; width: 50%; }

.va-infobox-divider-left { border-right: 1px solid #AAA; padding: 0 2px 0 0; }

.va-infobox-divider-right { padding: 0 0 0 2px; }

.va-infobox-divider-section-start, .va-infobox-divider-section-end { display: none; }

.va-infobox-divider-section-end + .va-infobox-divider-section-start { border-top: 1px solid #AAA; clear: both; display: block; margin: 1px 0; }

/* ################################################## */ /* ### NAVBOXES (Template:Navbox)                ### */ /* ################################################## */

/* Outer table - border */ .va-navbox-border { border: 1px solid #AAA; /*  box-shadow: 2px 2px 2px #AAA; -moz-box-shadow: 2px 2px 2px #AAA; -webkit-box-shadow: 2px 2px 2px #AAA; }

.va-navbox-bottom + .va-navbox-bottom { margin-top: 2px; }

/* Outer table - widths, floats */ .va-navbox { font-size: 11px; line-height: 16px; width: 100%; }

.va-navbox-bottom { clear: both; margin: 5px auto 0; width: 100%; }

.va-navbox-left { clear: left; float: left; margin: 0 1.5em 0.5em 0; width: 240px; }

.va-navbox-right { clear: right; float: right; margin: 0 0 0.5em 1.5em; width: 240px; }

/* Inner tables */ .va-navbox-brick { margin: 0; width: 100%; }

/* Cellspacing */ .va-navbox, .va-navbox-border, .va-navbox-brickcont, .va-navbox-padding, .va-navbox-spacing-h, .va-navbox-spacing-v { background: transparent; }

.va-navbox-padding { padding: 1px; }

.va-navbox-spacing-h { width: 1px; }

.va-navbox-columncont .va-navbox-spacing-h { border-right: 1px solid #FFF; width: 0%; }

.va-navbox-spacing-v { font-size: 1pt; height: 1px; line-height: 0em; }

/* Cell styles and widths */ /* Remember to update the column width calculations when changing widths */ .va-navbox-title { /* Shared background; see top of page */ border: 0px solid #000; color: #FFF; font-weight: normal; padding: 1px 2px; }

.va-navbox-headertext, .va-navbox-titletext { font-weight: bold; padding-left: 40px; padding-right: 40px; }

.va-navbox-maintitle .va-navbox-titletext { font-size: 118%; }

/* v/d/e and collapse button */ .va-navbox-editlink { float: left; margin-right: -100%; text-align: left; width: 40px; }

.va-navbox .mw-collapsible-toggle { margin-left: -100%; }

.va-navbox-cell, .va-navbox-colgroup, .va-navbox-column, .va-navbox-footer, .va-navbox-group, .va-navbox-header, .va-navbox-image, .va-navbox-subgroup { padding: 1px 2px; }

.va-navbox-colgroup, .va-navbox-group, .va-navbox-subgroup { font-weight: bold; }

.va-navbox-group, .va-navbox-subgroup { text-align: center; width: 15%; }

.va-navbox-footer, .va-navbox-group, .va-navbox-header { background: #C9D0AC; border: 1px solid #AAA; }

.va-navbox-colgroup, .va-navbox-subgroup { background: #D6DBC1; border: 1px solid #AAA; }

.va-navbox-cell, .va-navbox-column, .va-navbox-image { background: #E7EADA; border: 1px solid #AAA; }

.va-navbox-cell-nogroups, .va-navbox-column, .va-navbox-colgroup, .va-navbox-footer, .va-navbox-image { text-align: center; }

.va-navbox-cell-withgroups { text-align: left; }

.va-navbox-column { vertical-align: top; }

.va-navbox-image { width: 8%; }

/* Lists in column rows */ .va-navbox-formatlist ul, .va-navbox-formatlist li { list-style-image: none; list-style-type: none; line-height: 16px; margin: 0.6em 0; padding: 0; }

.va-navbox-formatlist li li { font-size: 90%; }

.va-navbox-formatlist li ul { margin-bottom: 0.5em; margin-top: -0.1em; }

.va-navbox-formatlist li ul li { margin: 0em; }

/* Nested */ .va-navbox .va-navbox-nested { font-size: 100%; }

.va-navbox-nested .va-navbox-title { background: #C9D0AC; border: 1px solid #AAA; color: #000; }

.va-navbox-nested .va-navbox-footer, .va-navbox-nested .va-navbox-group, .va-navbox-nested .va-navbox-header { background: #D6DBC1; }

.va-navbox-nested .va-navbox-colgroup, .va-navbox-nested .va-navbox-subgroup { background: #DDE1CB; }

/* Links */ .va-navbox-editlink .va-navbar-item { color: #FFF !important; }

.va-navbox-nowraplinks .va-navbox-cell a, .va-navbox-nowraplinks .va-navbox-column a { white-space: nowrap; }

.va-navbox-maintitle a:link, .va-navbox-maintitle a:visited { color: #AFA000 !important; }

.va-navbox-maintitle a:hover, .va-navbox-maintitle a:active { color: #FFF; }

.va-navbox-maintitle a.new { color: #F11 !important; }

.va-navbox-maintitle .mw-collapsible-toggle a { color: #FFF !important; }

/* Printing */ @media print { .va-navbox, .va-navbox-border { display: none; } }

/* ################################################## */ /* ### COPYRIGHT BOXES (Template:Copyrightbox)   ### */ /* ################################################## */

.va-copybox { background-color: #E7EADA; border: 1px solid #A8ACA8; border-collapse: collapse; clear: both; color: #000; font-size: 11px; line-height: 16px; margin: 10px 0; padding: 3px 5px; width: 100%; }

.va-copybox th { padding: 1px 0 1px 5px; text-align: center; vertical-align: middle; width: 30px; }

.va-copybox td { padding-left: 5px; }

.va-copybox + .va-copybox { margin-top: -8px; }

/* Printing */ @media print { .va-copybox { background-color: transparent; } }

/* ################################################## */ /* ### SOURCE BOXES (Template:Sourcebox)         ### */ /* ################################################## */

.va-sourcebox { border-collapse: collapse; font-size: 11px; line-height: 16px; margin: 0; }

.va-sourcebox th { padding: 0 5px; text-align: center; vertical-align: middle; }

.va-sourcebox td { padding: 0; }

.va-sourcebox td span { border-bottom: 1px solid #000; border-top: 1px solid #000; display: block; float: left; padding: 2px 5px; }

/* ################################################## */ /* ### DIRECTION BOXES (Template:Directionbox)   ### */ /* ################################################## */

.va-dirbox { background-color: #F9F9F9; border: 1px solid #AAA; border-collapse: collapse; clear: left; color: #000; font-size: 11px; line-height: 16px; margin: 5px 0; padding: 2px 5px; }

.va-dirbox + .va-dirbox { margin-top: -3px; }

.va-dirbox th { line-height: 20px; padding: 1px 0 1px 5px; text-align: center; vertical-align: middle; width: 40px; }

.va-dirbox th div { margin: 0; padding: 0; text-align: center; width: 25px; }

.va-dirbox td { padding: 1px 5px; width: 100%; }

/* Printing */ @media print { .va-dirbox { display: none; } }

/* ################################################## */ /* ### MESSAGE BOXES (Template:Mbox)             ### */ /* ################################################## */

/* Main style */ .va-mbox { background-color: #F9F9F9; border: 1px solid #AAA; border-collapse: collapse; color: #000; font-size: 11px; line-height: 16px; margin: 10px 0; padding: 0; }

.va-mbox + .va-mbox { margin-top: -8px; }

.va-mbox-body { padding: 1px 9px 1px 0px; width: 100%; }

.va-mbox-footer { font-size: 90%; }

.va-mbox-header { font-weight: bold; }

.va-mbox-image { padding: 1px 5px; text-align: center; vertical-align: middle; }

.va-mbox-noborder .va-mbox-image { padding-left: 9px; padding-right: 9px; }

.va-mbox-noimage .va-mbox-image, .va-mbox-noborder.va-mbox-noimage .va-mbox-image { padding: 0; }

.va-mbox-image div { margin: 0 auto; }

.va-mbox-noimage .va-mbox-image div { width: 9px; }

/* Template:Mbox management */ .va-mbox.va-mbox-management { background-color: #DDD; }

/* Template:Mbox mediawiki */ .mw-warning-with-logexcerpt .va-mbox.va-mbox-mediawiki { border-left: none !important; border-right: none !important; border-top: none !important; margin: 0; }

/* Template:Mbox project */ .va-mbox.va-mbox-project { background-color: #ECECD4; }

/* Template:Mbox talk */ .va-mbox.va-mbox-talk { background-color: #E7EADA; /*  box-shadow: 2px 2px 2px #AAA; -moz-box-shadow: 2px 2px 2px #AAA; -webkit-box-shadow: 2px 2px 2px #AAA; font-size: 1em; line-height: 1.5em; margin-left: 5%; margin-right: 5%; }

.va-mbox.va-mbox-talk .va-mbox-body, .va-mbox.va-mbox-talk .va-mbox-image { padding-bottom: 5px; padding-top: 5px; }

.va-mbox.va-mbox-talk .va-mbox-footer { font-size: 85%; }

/* Printing */ @media print { .va-mbox { display: none; } }

/* ################################################## */ /* ### HATNOTES (Template:Hatnote)               ### */ /* ################################################## */

.va-hatnote { font-style: italic; margin-bottom: 5px; padding-left: 2em; }

/* ################################################## */ /* ### "READ MORE" LINKS (Template:More)         ### */ /* ################################################## */

.va-more { margin-top: 0.5em; }

.va-more-link { font-size: 10px; line-height: 15px; }

/* ################################################## */ /* ### INTROS (Template:Intro)                   ### */ /* ################################################## */

.va-intro-image { padding-left: 2px; padding-right: 2px; }

.va-intro td { padding-bottom: 2px; }

.va-intro-header { font-size: 16px; font-weight: bold; }

.va-intro-bullets { font-size: 11px; line-height: 16px; vertical-align: top; }

/* ################################################## */ /* ### AUDIO SNIPPETS, QUOTES & TRANSCRIPTS      ### */ /* ### (Template:Listen, Template:Inlinequote,   ### */ /* ### Template:Newsquote, Template:Quotation,    ### */ /* ### Template:Transcript)                       ### */ /* ################################################## */

/* Container */ .va-listen, .va-newsquote, .va-quotation, .va-transcript { line-height: 18px; padding: 10px 25px; }

.va-quotation { overflow: hidden; }

.va-quotation-body { display: block; }

.va-quotation-quote { display: block; position: relative; }

.va-listen-left, .va-listen-right, .va-quotation-left, .va-quotation-right { border-bottom: 1px solid #AAA; border-top: 1px solid #AAA; width: 200px; }

.va-listen-left, .va-quotation-left { clear: left; float: left; margin: 10px 10px 10px 0; }

.va-listen-right, .va-quotation-right { clear: right; float: right; margin: 10px 0 10px 10px; }

.va-quotation-center { text-align: center; }

.va-quotation-center .va-quotation-body { display: inline-block; }

/* Quotation marks/icons */ .va-listen-icon, .va-newsquote-quot-l, .va-newsquote-quot-r, .va-quotation-quot-l, .va-quotation-quot-r, .va-transcript-icon { width: 40px; z-index: -1; }

.va-listen-icon, .va-newsquote-quot-l, .va-newsquote-quot-r, .va-transcript-icon { position: relative; }

.va-quotation-quot-l, .va-quotation-quot-r { position: absolute; }

.va-listen-icon, .va-transcript-icon { float: left; left: -25px; margin-right: -40px; top: -5px; }

.va-newsquote-quot-l, .va-newsquote-quot-r, .va-quotation-quot-l, .va-quotation-quot-r { color: #E0E0E0; font: bold 55px/40px serif; height: 18px; }

.va-newsquote-quot-l, .va-quotation-quot-l { left: -15px; text-align: left; }

.va-newsquote-quot-r, .va-quotation-quot-r { right: -15px; text-align: right; }

.va-newsquote-quot-l { float: left; margin-right: -40px; }

.va-newsquote-quot-r { float: right; margin-left: -40px; }

.va-quotation-quot-l { top: -2px; top: -3px !ie; }

.va-quotation-quot-r { bottom: 2px; bottom: 3px !ie; }

/* Quoted text/audio file desc */ .va-listen-item, .va-listen-item .ogg-player-options, .va-newsquote-text, .va-quotation-text { font-size: 12px; }

.va-inlinequote-text, .va-listen-text, .va-newsquote-text, .va-quotation-text { font-style: italic; }

.va-transcript-text { font-family: monospace; }

.va-quotation-text { display: block; margin-top: -0.4em; text-align: left; }

.va-quotation-text ol, .va-quotation-text p, .va-quotation-text ul { margin-bottom: 0; }

/* Source */ .va-newsquote-source, .va-quotation-source { padding: 5px 0 0; text-align: right; }

.va-quotation-source { display: block; font-size: 10px; line-height: 15px; }

/* "Incomplete quote" dots */ .va-newsquote-dots { font-style: normal; padding: 3px 0; }

/* Audio file list */ .va-listen-item { margin: 0 auto; width: 180px; }

.va-listen-item audio { margin-bottom: 5px; width: 100%; }

.va-listen-item div { margin-bottom: 2px; }

.va-listen-item + .va-listen-item { border-top: 1px solid #D9D9D9; margin-top: 5px; }

/* ################################################## */ /* ### ICONS (Template:Icon)                     ### */ /* ################################################## */

.va-icon-sortkey { display: none; }

/* High-use icons */ .va-icon-highuse, .va-icon-highuse a { display: inline-block; }

.va-icon-highuse { background-position: center; background-repeat: no-repeat; vertical-align: middle; }

.va-icon-big .va-icon-highuse, .va-icon-big .va-icon-highuse a { height: 20px; width: 20px; }

.va-icon-normal .va-icon-highuse, .va-icon-normal .va-icon-highuse a { height: 14px; width: 14px; }

.va-icon-big .va-icon-highuse-check { background-image: url(/media/0/0f/Icon_check.png/20px-Icon_check.png); } .va-icon-normal .va-icon-highuse-check { background-image: url(/media/0/0f/Icon_check.png/14px-Icon_check.png); }

.va-icon-big .va-icon-highuse-checkbrown { background-image: url(/media/c/c3/Icon_check_temp.png/20px-Icon_check_temp.png); } .va-icon-normal .va-icon-highuse-checkbrown { background-image: url(/media/c/c3/Icon_check_temp.png/14px-Icon_check_temp.png); }

.va-icon-big .va-icon-highuse-cross { background-image: url(/media/e/e4/Icon_cross.png/20px-Icon_cross.png); } .va-icon-normal .va-icon-highuse-cross { background-image: url(/media/e/e4/Icon_cross.png/14px-Icon_cross.png); }

/* ################################################## */ /* ### VIDEO GALLERIES (Template:Video gallery)  ### */ /* ################################################## */

.va-videogallery { list-style-image: none !important; list-style-position: outside !important; list-style-type: none !important; margin: 2px !important; padding: 2px !important; }

.va-videogallery-desc { clear: left; }

.va-videogallery-item { display: inline-block; display: inline !ie; vertical-align: top; zoom: 1 !ie; }

.va-videogallery-item .thumb { margin: 2px; }

.va-videogallery-item .thumbcaption { display: none; }

.va-videogallery-video { zoom: 1 !ie; }

/* ################################################## */ /* ### STAT TABLES (Template:Stats creature)     ### */ /* ################################################## */

.va-stats-creature-name { text-align: center; }

.va-stats-creature-icontable { margin: 0 auto; }

.va-stats-creature-icontable td { border: none; vertical-align: top; }

.va-stats-creature-icon { font-weight: bold; left: 0; position: absolute; text-align: center; top: 0; width: 20px; }

.va-stats-creature-item { min-width: 10px; padding: 0 2px 0 22px; position: relative; }

.va-stats-creature-item + .va-stats-creature-item { margin-top: 2px; }

.va-stats-creature-icontable-full, .va-stats-creature-layout-1 td { width: 100%; }

.va-stats-creature-layout-2 td { width: 50%; }

.va-stats-creature-layout-3 td { width: 33%; }

.va-stats-creature-layout-3 td:first-child { width: 34%; }

.va-stats-creature-layout-4 td { width: 25%; }

/* ################################################## */ /* ### CONSOLE COMMANDS (Template:Console)       ### */ /* ################################################## */

.va-console { background-color: #CFC; color: #000; font-family: monospace; }

.va-console-cmd { color: #555; }

/* ################################################## */ /* ### ITEM EFFECTS (Template:Effect)            ### */ /* ################################################## */

.va-effect-negative, .va-effect-negative a { color: #820000 !important; }

.va-effect-positive, .va-effect-positive a { color: #008200 !important; }

/* ################################################## */ /* ### TOCs (Template:TOC, Template:Document TOC) ### */ /* ################################################## */

.va-toclimit-2 .toclevel-1 ul, .va-toclimit-3 .toclevel-2 ul, .va-toclimit-4 .toclevel-3 ul, .va-toclimit-5 .toclevel-4 ul, .va-toclimit-6 .toclevel-5 ul, .va-toclimit-7 .toclevel-6 ul { display: none; }

/* ################################################## */ /* ### TOOLTIPS (Template:Tooltip)               ### */ /* ################################################## */

.va-tooltip { border-bottom: 1px dotted; cursor: help; }

/* ################################################## */ /* ### SHORTCUTS (Template:Shortcut)             ### */ /* ################################################## */

.va-shortcut { float: right; font-size: 10px; line-height: 15px; margin: 0 0 5px 5px; padding: 3px 5px; text-align: center; }

/* ################################################## */ /* ### SPECIAL TAGS (Template:Pre fake)    ### */ /* ################################################## */

.va-pre-fake { background-color: #F9F9F9; border: 1px dashed #AAA; font-family: monospace; line-height: 1.1em; overflow: auto; padding: 1em; white-space: pre; }

/* ######################################################## */ /* ### EXPANDABLE CONTENT (Template:Expandable content) ### */ /* ######################################################## */

.va-expandable-content .mw-collapsible-toggle { display: none; }

.va-expandable-content .mw-collapsible-toggle-collapsed, .va-expandable-content .mw-collapsible-toggle-expanded { display: inline-block; float: none; margin-left: 2em; }

.va-expandable-content .mw-collapsible-toggle-collapsed .collapsed, .va-expandable-content .mw-collapsible-toggle-expanded .expanded { display: none; }

.va-expandable-content .mw-collapsible-toggle span { color: #002BB8; }

.va-expandable-content .mw-collapsible-toggle span:hover { cursor: pointer; text-decoration: underline; }

/* ################################################## */ /* ### TEMPLATE DOCUMENTATION                    ### */ /* ### (Template:Docparam/Template:Documentation) ### */ /* ################################################## */

/* Template:Docparam */ .va-docparam { background: #F9F9F9; border: 1px dotted #D9D9D9; margin-bottom: 3px; overflow: auto; padding: 0 2px 0 20px; text-indent: -20px; }

.va-docparam-icon { float: left; margin: 0; padding: 0; width: 20px; }

.va-docparam-default { float: right; font-size: 10px; }

.va-docparam-params { font-family: monospace; }

.va-docparam-desc { margin: 0; padding: 0 0 5px 20px; }

/* Template:Documentation */ .va-documentation, .va-documentation-bar-top, .va-documentation-bar-bottom { border-color: #AAA; border-style: solid; clear: both; }

.va-documentation { border-width: 1px; margin: 10px 0; }

.va-documentation-bar-top, .va-documentation-bar-bottom { background: #D6DBC1; color: #000; margin: 0; padding: 5px; }

.va-documentation-bar-top { border-width: 0 0 1px 0; }

.va-documentation-bar-bottom { border-width: 1px 0 0 0; text-align: right; }

.va-documentation-links { float: right; text-align: right; }

.va-documentation-content { margin: 0; padding: 10px; }

.va-documentation-small { font-size: 10px; }

/* ################################################## */ /* ### RSS FEEDS (Template:RSS item)             ### */ /* ################################################## */

.va-rssitem-date { font-size: 10px; text-align: right; }

/* ################################################## */ /* ### NEWS FOOTER (Template:News)               ### */ /* ################################################## */

.va-news { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACBUlEQVQ4y2NgoDUIWMgRE79W0JpsAyKWc5cfeb7oU8YW5QiyDTj4esb/Pc+mfK3YY1lJlKbQhZzSDYecFs+/mn1z8bXC97tf9f7f9ab7/5E3c361HfWehVdz1jbFuBlXo97Ovh/5f+a9sP9LHmX+3/yy/v/udx3/97zr+n/03dy/E05FbEubycCKoTlti0To5BsBn+uvaf1vuKbzv+aq6v+aG8r/W+7p/u96ZALGk584/194I+dJ6HxuXVRnr2Jg7jnje6XssvT/kkviQCzxv+OWxf/pD/3+9z62BGue8tTt/5RLkTcjlwlrYNgetITToueq29/iS2L/W68Z/+s67XW+bLfh5MTVMnvnP4/8P+2J5/++c0EXQlcJS2P1e/RKgeK+287/yy/L/O887XO4oYGBCSQet1qwfP3r0v9dJ32Ohc5k4Mcd8ou5/Lqu2f9tuKb9v2yvETyko1byNXSfCNzvOYmBHW/oOzQwsDSesL5Selnqf8cZ9xu+PQwiQGHmwCnsasZp4BBnxKcf5Fy2sMX8wW0X7d933bP833rC5apZHLsaUFwQiAWAmA+IuYEY5BIWDM1AzAVSFDpVOKHllOP9WY+C/4XNEm8GiskCsSQQi0IN4gFiDnRDmKEmg2zgU3JhkPOfLJAIVArSBPKKEJJmTiDG6SVGqItYoK5ih2I2qCUYmgCS9dRabAMEDwAAAABJRU5ErkJggg==); background-image: url(/media/1/1a/News_source.png) !ie; background-position: left center; background-repeat: no-repeat; font-size: 11px; line-height: 16px; margin: 20px 0 0; padding: 0 0 0 20px; }

div.wl-summary .va-news { margin-top: 0; position: relative; top: 18px; }

.va-news + div.wl-entry-footer, .va-news + div.wl-summary-footer { margin-top: 2px; }

.va-news + p { display: none; }

/* ################################################## */ /* ### CATEGORYTREE EXTENSION                    ### */ /* ################################################## */

.va-pagelist a.CategoryTreeLabelPage, .va-pagelist-hidefirst a.CategoryTreeLabelPage { font-style: normal; }

.va-pagelist div.CategoryTreeItem, .va-pagelist-hidefirst div.CategoryTreeItem { display: list-item; list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAANCAYAAABhPKSIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACtJREFUeF7NjbEJAAAIw7zRu/w5ouBUBEeHDM2QGiA8kObBULuFcJbSXN8T78SqnpKltAIAAAAASUVORK5CYII=); list-style-image: url(/skins/vector/bullet-icon.png?1) !ie; list-style-position: outside; list-style-type: disc; margin-left: 1.5em; }

.va-pagelist-hidefirst div.CategoryTreeSection:first-child, .va-pagelist span.CategoryTreeBullet { display: none; }

/* ################################################## */ /* ### WIKILOG EXTENSION                         ### */ /* ################################################## */ /* Archives */ .wl-archives .TablePager_col_wlp_pubdate { white-space: nowrap; }

/* Blog (listing) entry */ div.wl-entry-footer, div.wl-entry-footer p, div.wl-summary-footer, div.wl-summary-footer p { font-size: 11px; font-style: normal; line-height: 16px; }

div.wl-entry-footer, div.wl-summary-footer { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACEUlEQVQ4y3WSO2hUURCGv3Mf59w1ubiYB7mJBGwUrUIKwcZUdmpjabARtFQs0thaWVhZiGAt2KSzS2OwsxDExkJ081ohJNndYs19zFic3c3NwwPDFOfMN/8/cwz/OSsrz/JmM40BDg56xcuXr+xZ7wzA28cXn0yet/cAtsu5CXf57hXBBHmeYwxY5wgM0v22+iMLt3YrYLdbfHj6bvN1BDDZdA/OzS0sXrvzgvVPnxlvjpHnOaoKKKpKFMVhtLB89cbSTdbfP2earxbwAIAiGGNiep7F68ra2sdBcU2qCVhausXUzDxVOEY4uI4AVH0AZFnG8vLDU16HQFVFFCpqAAARn/v9Pnt7e6eKVZUkSZiZyRBROKYAEOXMrj78qyRJBgoUqSsQBTMkRhFpmp4AKFEU45wbWRh69hb0SEG9a30LwxARVDmhAMUoqApFUdDpdE5AfG40GszOzqIEI5tHQxwUiCgiemyNWZYRhiHWWpxzw/9XAwioeAVJ4nwXPYI459hpb6MK2ztb5KZBow6o1CuoKvErwquJ4xhrLdZaWq0Wh39zNjZ/ExTdsyz4HAQBxphRYRzH9HodWhst/rTbTE9NcVhbdQRQiBymnS+svbmPYkANw+FKpZQYEjVc0hLaEHd/klemGAF+tatHlXRvi35Pq9A1S+ILaoJUTDiuGINIP9SyZyj2TVnuG+13K9FVgH//tjhdiigRKAAAAABJRU5ErkJggg==); background-image: url(/media/8/8d/Wiki-wikilog-post-icon.png) !ie; background-position: left center; background-repeat: no-repeat; margin: 20px 0 0; padding: 0 0 0 20px; }

div.wl-entry-footer p, div.wl-summary-footer p { margin: 0; padding: 0; }

div.wl-wrapper div.wl-entry + div.wl-entry { margin-top: 20px; }

/* Comments: Section formatting */ div.wl-comment, div.wl-comment:hover { background-color: #F5F5F5; margin-bottom: 5px; padding: 0; }

div.wl-thread div.wl-thread div.wl-comment { background-color: #F2F4FB; }

div.wl-comment-footer { border-color: #CCC; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-style: solid; border-width: 0 1px 1px; font-size: 0.8em; margin-top: -10px; padding: 5px; }

div.wl-comment-text { border-color: #CCC; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-style: solid; border-width: 1px 1px 0; margin-bottom: 10px; padding: 5px 5px 0; }

div.wl-comment-text *:first-child { margin-top: 0; }

body.ltr div.wl-thread, body.rtl div.wl-thread { border: none; }

/* Comments: Comment tools */ ul.wl-comment-tools li { font-weight: normal; }

ul.wl-comment-tools li a { color: #0645AD; }

ul.wl-comment-tools li a:hover { text-decoration: underline; }

div.wl-comment ul.wl-comment-tools { bottom: 5px; display: block; margin: 0; right: 2px; text-align: right; width: 170px; }

div.wl-comment ul.wl-comment-tools li { background-color: transparent; display: none; font-size: 0.8em; margin: 0 2px; padding: 0 2px; }

div.wl-comment:hover ul.wl-comment-tools li, html.client-js div.wl-comment.wl-comment-editable:hover ul.wl-comment-tools li.wl-comment-action-edit { display: inline; }

html.client-js div.wl-comment:hover ul.wl-comment-tools li.wl-comment-action-edit { display: none; }

/* Comments: "Reply" button */ div.wl-comment ul.wl-comment-tools li.wl-comment-action-reply { background-color: #E5E5E5; background-image: -moz-linear-gradient(top, white 35%, #E5E5E5 65%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, white), color-stop(65%, #E5E5E5)); background-image: -o-linear-gradient(top, white 35%, #E5E5E5 65%); background-image: -ms-linear-gradient(top, white 35%, #E5E5E5 65%); border: 1px #CCC solid; color: #3A3A3A; display: inline; font-size: 1em; float: right; padding: 0 15px; }

div.wl-comment ul.wl-comment-tools li.wl-comment-action-reply:hover { background-color: #DBDBDB; background-image: -moz-linear-gradient(top, whiteSmoke 35%, #DBDBDB 65%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, whiteSmoke), color-stop(65%, #DBDBDB)); background-image: -o-linear-gradient(top, whiteSmoke 35%, #DBDBDB 65%); background-image: -ms-linear-gradient(top, whiteSmoke 35%, #DBDBDB 65%); }

div.wl-comment ul.wl-comment-tools li.wl-comment-action-reply a { color: #000; }

div.wl-comment ul.wl-comment-tools li.wl-comment-action-reply a:hover { text-decoration: none; }

/* Comments: Hide "reply" function on replies */ div.wl-thread div.wl-thread div.wl-comment ul.wl-comment-tools li.wl-comment-action-reply { display: none; }

/* Comments: Hide footer of deleted comments */ body.ns-115 div.wl-comment-footer { display: none; }

body.ns-115 div.wl-comment-text + div.wl-comment-footer { display: block; }

/* ################################################## */ /* ### TEMPORARY BUG FIXES (to be checked after  ### */ /* ### MediaWiki updates)                         ### */ /* ################################################## */

/* MW bug 35257: jQuery.makeCollapsible - Nested collapsible tables bug */ html.client-js .va-navbox .va-navbox-brick.mw-collapsed tr { display: none; }

html.client-js .va-navbox .va-navbox-brick.mw-collapsed tr:first-child { display: table-row; display: block !ie; }

/** * Styling for links generated by MediaWiki:Edittools * @source www.mediawiki.org/wiki/Extension:CharInsert#Styling * @updated 2012-02-29 */ .mw-charinsert-buttons { margin-top: 10px; border: 1px solid #aaaaaa; padding: 1px; text-align: center; font-size: 110%; } .mw-charinsert-buttons a { color: black; background-color: #cde !important; font-weight: bold; font-size: .9em; text-decoration: none; border: thin #069 outset; padding: 0 .1em .1em; } .mw-charinsert-buttons a:hover, .mw-charinsert-buttons a:active { background-color: #bcd; border-style: inset; } .client-js .mw-edittools-section { display: inline; } .client-js .mw-edittools-section input[type="button"] { font-size: 0.9em; padding-left: 1px; padding-right: 1px; margin-left: 1px; }

/* ################################################## */ /* ### KAYAHR'S INGENIOUS INVENTION              ### */ /* ################################################## */

.pic-anim {   position: relative; margin: auto; display: inline-block; border: 4px solid #000; }

.pic-anim img {   position: absolute; display: block; left: 0; top: 0; }

.pic-anim a:first-child img {   position: relative; }

/* FIX */

/* Mobile frontpage */ .mobileonly { display: none; }