MediaWiki:Common.css

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

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

/* Mark redirects in Special:Allpages and Special:Watchlist */ .allpagesredirect, .watchlistredir { font-style: italic; }

/* Recent changes byte indicators */ .mw-plusminus-pos { color: #006500; }

.mw-plusminus-neg { color: #8B0000; }

/* Checkered background for images in File namespace */ body.ns-6 #file img { background: transparent url("/skins/common/images/Checker-16x16.png?1") repeat; }

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; }

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

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

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

.va-table tr { background: #E7EADA; }

.va-table th { background: #C9D0AC; font-weight: bold; }

.va-table td { background: transparent; }

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

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

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

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

.va-table-middle td { vertical-align: middle; }

.va-table-bottom td { vertical-align: bottom; }

/* Tables with specific horizontal alignment for cells */ .va-table-center td { text-align: center ; }

.va-table-left td { text-align: left; }

.va-table-right td { text-align: right; }

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

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

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

/* 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 { background: #044D22 url(http://images.wikia.com/fallout/images/d/d1/WidgetBackground.jpg?1); border: 1px 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: 20px; 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: 20px; 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                                   ### */ /* ################################################## */

/* Main header */ .va-portal-mainheader { margin: 5px auto; padding: 0; background: transparent; text-align: center; }

.va-portal-mainheader td { background: transparent url(http://images.wikia.com/fallout/images/b/bf/Wiki_watermark.png?1) no-repeat center; padding: 2px; }

/* Content boxes */ .va-portal-section { width: 100%; background: transparent; margin-top: 0px; margin-bottom: 5px; 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-portal-body { border: 1px solid #AAA; background-color: #E7EADA; padding: 3px 5px; vertical-align: top; }

.va-portal-header { background: #044D22 url(http://images.wikia.com/fallout/images/d/d1/WidgetBackground.jpg?1); border: 1px solid #000; padding: 3px 5px; color: #FFF; font-size: 110%; font-weight: bold; text-align: left; }

.va-portal-header-links { float: right; font-size: 80%; font-weight: normal; }

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

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

/* Game logo */ .va-portal-logo { width: 100%; margin-bottom: 5px; margin-top: 5px; text-align: center; }

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

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

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

/* Featured articles */ .va-portal-featuredarticle-footer { border-top: 1px solid #AAA; clear: both; margin-top: 10px; text-align: right; }

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

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

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

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

/* Main footer */ .va-portal-mainfooter { background: transparent; margin: 10px auto; text-align: center; width: 670px; padding: 0; border-collapse: collapse; }

.va-portal-mainfooter table { margin: 0 auto; }

.va-portal-mainfooter table th { font-variant: small-caps; font-weight: normal; padding: 0 5px; line-height: 16px; }

.va-portal-mainfooter table td { font-size: smaller; border-top: 1px solid #AAA; padding: 0 5px; }

/* Did you know */ .va-portal-dyk p { margin: 0 !important; padding: 0 0 0 2em; text-indent: -2em; }

/* Blog lists - Monobook */ .skin-monobook .va-portal-body div.wk_blogs_panel { font-size: 100%; width: auto; float: none; clear: none; margin: -5px 0 0; border: none; padding: 0; background: transparent; }

.skin-monobook .va-portal-body div.wk_blogs_panel .wk_blogs_title { display: none; }

.skin-monobook .va-portal-body div.wk_blogs_panel .wk_blogs_summary { font-size: 12px; line-height: 1.5em; }

.skin-monobook .va-portal-body div.wk_blogs_panel .wk_blogs_link { font-size: 12px; margin-top: 5px; }

.skin-monobook .va-portal-body div.wk_blogs_panel .wk_blogs_details { font-size: 11px; padding-left: 5px; }

.skin-monobook .va-portal-body div.wk_blogs_panel .wk_blogs_comments { font-size: 11px; }

/* Blog lists - Oasis */ .skin-oasis .va-portal-body .WikiaBlogListingBox { font-size: 100%; width: auto; float: none; clear: none; border: none; padding: 0; background: transparent; margin-top: -15px; }

.skin-oasis .va-portal-body .WikiaBlogListingBox h3, .skin-oasis .va-portal-body .WikiaBlogListingBox .wikia-button, .skin-oasis .va-portal-body .more { display: none; }

.skin-oasis .va-portal-body .WikiaBlogListingBox h1 { font-weight: bold; font-size: 12px; }

.skin-oasis .va-portal-body .WikiaBlogListingBox .author-details { font-size: 11px; }

.skin-oasis .va-portal-body .WikiaBlogListingBox { border-color: #AAA; }

.skin-oasis .va-portal-body .WikiaBlogListingPost { list-style-type: none; }

.skin-oasis .va-portal-body .WikiaBlogListingBox ul { border: none; padding: 0; }

.skin-oasis .va-portal-body .WikiaBlogListingBox ul ul { padding-left: 15px; margin: 5px 0 5px 15px; }

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

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

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

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

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

.va-titleicons-hover { background: #FFF; right: -2px; height: auto; overflow: auto; text-align: center; border: 2px solid #D9D9D9; padding: 0 5px; }

.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; padding: 0 2px; line-height: 25px; }

.va-titleicons-chevron { vertical-align: middle; border-color: #3A3A3A transparent transparent; border-style: solid; border-width: 3px; width: 0; }

/* Monobook */ .skin-monobook .va-titleicons { top: 15px; }

.skin-monobook .va-titleicons-hover { top: 13px; }

/* Oasis */ .skin-oasis .va-titleicons { top: -30px; right: 10px; }

.skin-oasis .va-titleicons-hover { top: -32px; right: 10px; }

.skin-oasis.ns-0 .WikiaPageHeader, .skin-oasis.ns-4 .WikiaPageHeader, .skin-oasis.ns-110 .WikiaPageHeader, .skin-oasis.ns-502 .WikiaPageHeader { margin-bottom: 30px; }

.skin-oasis.mainpage .WikiaPageHeader { margin-bottom: 10px; }

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

/* Outer table */ .va-infobox { border: 1px 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; }

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

.va-infobox-space-h { border-right: 2px solid #FFF; width: 0%; }

.va-infobox-space-h-t { margin: 0; padding: 0; width: 1px; }

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

.va-infobox-columns + .va-infobox-space { 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-center, .va-infobox-mainimage, .va-infobox-mainimage-image { text-align: center; vertical-align: middle; }

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

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

.va-infobox-icon, .va-infobox-icon-center { padding: 1px; }

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

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

.va-infobox-image-desc { padding: 1px 1px 0; }

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

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

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

.va-infobox-title { background: #044D22 url(http://images.wikia.com/fallout/images/d/d1/WidgetBackground.jpg?1); border: 1px 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-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 .collapseButton { left: 40px; margin-left: -100%; position: relative; }

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

/* For templates which should leave space for the infobox on the right */ .va-infobox-space { padding: 0 270px 0 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 { width: 100%; font-size: 11px; line-height: 16px; }

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

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

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

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

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

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

.va-navbox-space-h { width: 2px; }

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

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

/* Cell styles and widths */ /* Remember to update the column width calculations when changing widths */ .va-navbox-title { background: #044D22 url(http://images.wikia.com/fallout/images/d/d1/WidgetBackground.jpg?1); border: 1px solid #000; font-weight: normal; color: #FFF; 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%; }

.va-navbox-editlink { float: left; width: 40px; text-align: left; margin-right: -100%; }

.va-navbox .collapseButton { 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 { width: 15%; text-align: center; }

.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: none; line-height: 16px; margin: 0.6em 0; padding: 0; }

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

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

.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; color: #000; border: 1px solid #AAA; }

.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; }

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

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

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

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

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

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

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

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

.va-sourcebox td { padding: 0; }

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

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

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

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

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

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

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

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

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

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

.va-mbox td { padding-left: 5px; width: 100%; }

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

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

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

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

.va-intro-box { background: transparent; margin: 0 auto 10px; padding: 1px; 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-intro-box .va-intro { background: #E7EADA; border: 1px solid #AAA; width: 100%; }

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

.va-intro-box .va-intro-firstrow { padding-top: 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:Newsquote,     ### */ /* ### Template:Quotation, Template:Transcript)   ### */ /* ################################################## */

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

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

.va-listen-left, .va-listen-right { width: 200px; }

.va-quotation-center { margin: auto; }

.va-quotation-left, .va-quotation-right { width: 250px; }

.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; }

/* 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 { position: relative; width: 40px; z-index: -1; }

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

.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; float: left; margin-right: -40px; }

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

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

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

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

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

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

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

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

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

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

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

/* ################################################## */ /* ### 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; }

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

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

.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%; }

/* ################################################## */ /* ### IDs (Template:Proto, Template:(DLC) ID)   ### */ /* ################################################## */

.va-formid, .va-protoid { font-family: monospace; }

/* ################################################## */ /* ### 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; }

.skin-oasis .va-documenttoc th h2 { font-size: 14px; font-weight: normal; border: 0; margin: 0; }

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

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

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

.va-pre-fake { background-color: #F9F9F9; overflow: auto; font-family: monospace; white-space: pre; }

.skin-monobook .va-pre-fake { border: 1px dashed #AAA; line-height: 1.1em; padding: 1em; }

.skin-oasis .va-pre-fake { border: 1px dashed #D9D9D9; line-height: 14px; padding: 12px; }

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

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

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

.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; padding: 5px; margin: 0; }

.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 { padding: 10px; margin: 0; }

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

/* ################################################## */ /* ### ARCHIVE TOOL                              ### */ /* ################################################## */

.va-archiving .ajax { display: block; margin: 25px auto; } .va-archiving td { background-color: #EEEEEE; min-height: 1em; color: #000; cursor: pointer; } .va-archiving tr.archive td.line { background-color: #6ae; color: #fff; } .va-archiving tr.noarchive td.line { background-color: pink; color: #000; }

/* ################################################## */ /* ### 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-type: square; list-style-position: outside; margin-left: 2.5em; }

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

/* ################################################## */ /* ### DEPRECATED (to be removed once all infobox ### */ /* ### templates have been updated)              ### */ /* ################################################## */

/* black frame around the infobox */ .FO3-infobox-box-box { clear: right; float: right; position: relative; margin-left: 10px; margin-bottom: 5px; border: 2px solid #222; border-collapse: collapse; }

/* the table */ .FO3-infobox-box { border: 1px solid #FFF; border-collapse: collapse; background: #010; color: #FFF; line-height: 16px; }

/* no editing in the box */ .FO3-infobox-box .editsection { display:none; }

/* table-in-table */ .FO3-infobox-inner-table { border-collapse: collapse; border: 0; background: none; color: #FFF; margin-left: 1px; margin-right: 1px; }

.FO3-infobox-inner-table td { vertical-align: middle; text-align: center; }

/* line above main title */ .FO3-infobox-nameheader { font-size: 9px; line-height: 12px; }

/* main title */ .FO3-infobox-name { font-size: 14px; font-weight: bold; line-height: 18px; }

/* border color for all "content" cells */ .FO3-infobox-header, .FO3-infobox-title, .FO3-infobox-data, .FO3-infobox-image, .FO3-infobox-data-console { border: 1px solid #FFF; }

/* vertical alignment for text "content" cells */ .FO3-infobox-data, .FO3-infobox-data-console, .FO3-infobox-title { vertical-align: top; }

/* table header (and footer) */ .FO3-infobox-header { margin: 0; padding: 1px 2px; font-size: 11px; line-height: 16px; background: #565B45 url(http://images.wikia.com/fallout/images/d/d3/ConcreteBackground.jpg?1); color: #FFF; }

/* titles like "Quest:" "Clip size:" etc */ .FO3-infobox-title { padding: 1px 2px; font-size: 11px; line-height: 16px; background: #044D22 url(http://images.wikia.com/fallout/images/d/d1/WidgetBackground.jpg?1); color: #FFF; text-align: right; white-space: nowrap; }

/* data like "23", "Megaton", etc */ .FO3-infobox-data, .FO3-infobox-image, .FO3-infobox-data-console { padding: 1px 2px; font-size: 11px; line-height: 16px; border-collapse: collapse; border-color: #FFF; background: #111; }

.FO3-infobox-data, .FO3-infobox-image { color: #FFF; }

/* console id data */ .FO3-infobox-data-console { color: #DDF; font-family: monospace; font-weight: bold; text-transform: lowercase; }

/* lists in infobox cells */ .FO3-infobox-box ol, .FO3-infobox-box ul { line-height: inherit; margin-top: 0; }

.FO3-infobox-box ul { list-style-image: none; list-style-type: disc; }

/* background strip for images */ .FO3-infobox-image { background: #111 url(http://images.wikia.com/fallout/images/1/1f/Infobox_image_grad.png) top center repeat-y; padding: 2px 0; }

.FO3-infobox-image-legend { background: #111; color: #FFF; padding-left: 5px; padding-right: 5px; }

/* links are on dark background */ .FO3-infobox-box a:link, .FO3-infobox-box a:visited { color: #AFA000 !important; } .FO3-infobox-box a:hover, .FO3-infobox-box a:active { color: #FFF; }

/* links are on gray background */ .FO3-infobox-header a:link, .FO3-infobox-header a:visited { color: #CFC000 !important; }

.FO3-infobox-header a:hover, .FO3-infobox-header a:active { color: #FFF; }

/* external links */ .FO3-infobox-box a.external:link, .FO3-infobox-box a.external:visited { color: #AFA000 !important; } .FO3-infobox-box a.external:hover, .FO3-infobox-box a.external:active { color: #FFF!important; }

/* wikipedia links */ .FO3-infobox-box a.extiw { background: transparent url(http://images.wikia.com/common/skins/monobook/external.png?10.2) no-repeat scroll right center !important; padding-right: 13px !important; } .FO3-infobox-box a.extiw:link, .FO3-infobox-box a.extiw:visited { color: #AFA000 !important; } .FO3-infobox-header a.extiw:link, .FO3-infobox-header a.extiw:visited { color: #CFC000 !important; } .FO3-infobox-header a.extiw:active, .FO3-infobox-header a.extiw:hover, .FO3-infobox-box a.extiw:active, .FO3-infobox-box a.extiw:hover { color: #FFF !important; }

/* missing pages are very red */ .FO3-infobox-box a.new { color: #F11 !important; background: #400; }