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

/* Temporary fix rendering */ .WikiaArticle { overflow: visible; }

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

.va-table-collapse .collapseButton { margin-left: 10px !important; position: absolute; } .va-table > tr.va-table-highlight, .va-table > * > tr.va-table-highlight { background-color: #D6DBC1; }

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

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

.va-table-full-infobox { width: 380px; }

.va-table-shaded tr:nth-child(even) { background-color: #DEE2CC; } /* ################################################## */ /* ### 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: 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                                   ### */ /* ################################################## */ /* Main header */ .va-portal-mainheader { margin: 5px auto; padding: 0; background: transparent; text-align: center; } .va-portal-mainheader td { 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; border-radius: .5em; -moz-border-radius: .5em; -webkit-border-radius: .5em; } .va-portal-body { border: 1px solid #AAA; background-color: #E7EADA; padding: 3px 5px; vertical-align: top; border-radius: .5em; -moz-border-radius: .5em; -webkit-border-radius: .5em; } .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; height: 35px; font-size: 125%; font-weight: bold; text-align: left; border-radius: .5em; -moz-border-radius: .5em; -webkit-border-radius: .5em; } .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; width: 90%; } .va-portal-buttons th, .va-portal-buttons td { width: 20%; } .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: 1010px; 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; }

.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-space-h, .va-infobox-space-v { background: transparent; }

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

.va-infobox-space-v { font-size: 1px; height: 1px; 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-image-upload, .va-infobox-footer, .va-infobox-header, .va-infobox-icon, .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-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; }

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

/* Image toggler */ .imagetoggler-thumbs { border-bottom: 1px solid #AAAAAA; margin-bottom: 2px; }

.imagetoggler-thumb { margin-left:5px; margin-bottom: 2px; } .imagetoggler-thumb:hover { cursor: pointer; } .imagetoggler-active-thumb { border: 1px solid #AAAAAA; }

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

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

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

.va-navbox-space-v { height: 1px; 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 { line-height: 18px; padding: 10px 25px; } .va-quotation { overflow: hidden; } .va-quotation-body { display: block; } .va-quotation-quote { display: block; position: relative; z-index: 1; } .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; }

.np-quote-snd-trigger { display: inline-block; position: relative; top:auto; left:auto; padding: 0px 2px; } .np-quote-snd-trigger:hover .np-quote-snd-player { display:block; } .np-quote-snd-player { display:none; position:absolute; top:-55px; left:100%; z-index:100 !important; width: 300px; overflow-x: hidden; margin:0px; padding:5px 10px 10px 10px; border:1px solid #CCCCCC; border-radius:5px; box-shadow:#AAAAAA 2px 2px 5px 0px; background-color:White; color: Black; text-align: left; font: normal normal normal 13px/normal Helvetica,Arial,sans-serif; } .np-quote-snd-player-img { float:left; width:50px; } .np-quote-snd-player-title { width:250px; height:50px; display:table-cell; vertical-align:middle; } .np-quote-snd-player-title span { font-size: 18px; }

/* ################################################## */ /* ### 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%; } /* ################################################## */ /* ### Crafting Tables (Template:Crafting table #### */ /* ################################################## */ .np-crafting-table {   font-size: 11px;   line-height: 16px;   margin-bottom: 5px; } .np-crafting-block {   border: 1px solid #AAA;   margin: 0;   padding: 1px 2px;   background-color: #E7EADA; } .np-crafting-block + .np-crafting-block {   margin-top: 3px; } .np-crafting-requirement {   background-color: #D6DBC1 !important; } .np-crafting-highlight {   background-color: #C9D0AC !important; } .np-crafting-table .selflink {   font-weight: normal; }

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

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

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

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

/* ################################################## */ /* ### Notices (Template:Notice)                 ### */ /* ################################################## */

.va-notice { background: #E7EADA; border: 1px solid #545454; margin: 1em; } .va-notice-image { padding: 0 10px 0 5px; } .va-notice-sig { text-align: right; }

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

/* ################################################## */ /* ### Charts (Template:Chart)                   ### */ /* ################################################## */

.va-chart-quest { background:#C9D0AC; border:1px solid #AAA !important; font-size: 11px; line-height: 16px;; } .va-chart-body { background:#E7EADA; border:1px solid #AAA !important; font-size: 11px; line-height: 16px;; } .va-chart-reward { background:#E8E8A2; border:1px solid #AAA !important; font-size: 11px; line-height: 16px;; }

/*##########################################################*/ /*#### Tabber customization                            ####*/ /*##########################################################*/

.WikiaArticle ul.tabbernav { border-bottom: 1px solid #AAAAAA; } .WikiaArticle ul.tabbernav li a { border: 1px solid #AAAAAA; background: #C9D0AC; border-radius: 5px 5px 0 0; font-family:Helvetica,Arial,sans-serif; font-size: 14px; font-weight: normal; } .WikiaArticle ul.tabbernav li a:link { color:Black; } .WikiaArticle ul.tabbernav li a:visited { color:Black; } .WikiaArticle ul.tabbernav li a:hover { background: #D8DDC3; border: 1px solid #AAAAAA; } .WikiaArticle ul.tabbernav li.tabberactive a { background-color: #E7EADA; border-bottom: 1px solid #E7EADA; font-weight: bold; } .WikiaArticle ul.tabbernav li.tabberactive a:hover { color:Black; background: #E7EADA; border-bottom: 1px solid #E7EADA; } .WikiaArticle .tabberlive .tabbertab { border:1px solid #AAAAAA; background: #E7EADA; border-top: 0; }

/*##########################################################*/ /*#### Slider customization (for use on portals)       ####*/ /*##########################################################*/

.np-portal-slider-envelope { margin:-3px -5px; } .np-portal-slider-envelope .wikiaPhotoGallery-slider-body { width: 664px; } .np-portal-slider-envelope .wikiaPhotoGallery-slider-body div.nav { padding: 16px 0px 5px; } .np-portal-slider-envelope .wikiaPhotoGallery-slider{ margin-left: 0px !important; }

/*##########################################################*/ /*#### Fallout Apprentice CSS design                   ####*/ /*##########################################################*/

.apprentice-header { background: #097534; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA5NzUzNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM1JSIgc3RvcC1jb2xvcj0iIzA5NzUzNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY1JSIgc3RvcC1jb2xvcj0iIzA0NGQyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNDRkMjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #097534 0%, #097534 35%, #044d22 65%, #044d22 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#097534), color-stop(35%,#097534), color-stop(65%,#044d22), color-stop(100%,#044d22)); background: -webkit-linear-gradient(top, #097534 0%,#097534 35%,#044d22 65%,#044d22 100%); background: -o-linear-gradient(top, #097534 0%,#097534 35%,#044d22 65%,#044d22 100%); background: -ms-linear-gradient(top, #097534 0%,#097534 35%,#044d22 65%,#044d22 100%); background: linear-gradient(to bottom, #097534 0%,#097534 35%,#044d22 65%,#044d22 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#097534', endColorstr='#044d22',GradientType=0 ); border-radius: 30px 0 30px 0; color: #FFFFFF; font-family: arial; font-size: 16px; font-weight: bold; padding-bottom: 4px; padding-top: 2px; text-align: center; text-shadow: 0 2px 5px #000000; }

.apprentice-header-inline { background: #097534; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA5NzUzNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM1JSIgc3RvcC1jb2xvcj0iIzA5NzUzNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY1JSIgc3RvcC1jb2xvcj0iIzA0NGQyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNDRkMjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #097534 0%, #097534 35%, #044d22 65%, #044d22 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#097534), color-stop(35%,#097534), color-stop(65%,#044d22), color-stop(100%,#044d22)); background: -webkit-linear-gradient(top, #097534 0%,#097534 35%,#044d22 65%,#044d22 100%); background: -o-linear-gradient(top, #097534 0%,#097534 35%,#044d22 65%,#044d22 100%); background: -ms-linear-gradient(top, #097534 0%,#097534 35%,#044d22 65%,#044d22 100%); background: linear-gradient(to bottom, #097534 0%,#097534 35%,#044d22 65%,#044d22 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#097534', endColorstr='#044d22',GradientType=0 ); color: #FFFFFF; font-family: arial; font-size: 16px; font-weight: bold; margin-left: -5px; padding-bottom: 4px; padding-top: 2px; text-align: center; text-shadow: 0 2px 5px #000000; }

.apprentice-box { background-color: #E7EADA; border-radius: 30px 0 30px 0; margin-top: 10px; width: 100%; }

.apprentice-content { padding-left: 5px; }

.apprentice-table { background: none !important; border: none !important; }

.apprentice-table th { background: #097534 !important; color: #FFFFFF; font-weight: bold; text-align: center; text-shadow: 0 2px 5px #000000; border-radius: 10px 10px 0px 0px; border:none !important; }

.apprentice-table td { background: none repeat scroll 0 0 #EDEDED !important; border: 1px solid #CCCCCC; }

/*##################################*/ /*####     SPEECH BUBBLE       ####*/ /*##################################*/ .triangle-border { position:relative; padding:15px; margin:1em 0 3em; border:5px solid black; color:#000; background:#fff; /* css3 */ -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } .triangle-border-red { border-color:red; } /* Variant : for left positioned triangle */ .triangle-border.left { margin-left:30px; } /* Variant : for right positioned triangle*/ .triangle-border.right { margin-right:30px; } /* THE TRIANGLE */ .triangle-border:before { content:""; position:absolute; bottom:-20px; /* value = - border-top-width - border-bottom-width */ left:40px; /* controls horizontal position */ border-width:20px 20px 0; border-style:solid; border-color:#000 transparent; /* reduce the damage in FF3.0 */ display:block; width:0; } .triangle-border-red:before { border-color:red transparent; } /* creates the smaller triangle */ .triangle-border:after { content:""; position:absolute; bottom:-13px; /* value = - border-top-width - border-bottom-width */ left:47px; /* value = (:before left) + (:before border-left) - (:after border-left) */ border-width:13px 13px 0; border-style:solid; border-color:#fff transparent; /* reduce the damage in FF3.0 */ display:block; width:0; } /* Variant : top */ /* creates the larger triangle */ .triangle-border.top:before { top:-20px; /* value = - border-top-width - border-bottom-width */ bottom:auto; left:auto; right:40px; /* controls horizontal position */ border-width:0 20px 20px; } /* creates the smaller triangle */ .triangle-border.top:after { top:-13px; /* value = - border-top-width - border-bottom-width */ bottom:auto; left:auto; right:47px; /* value = (:before right) + (:before border-right) - (:after border-right) */ border-width:0 13px 13px; } /* Variant : left */ /* creates the larger triangle */ .triangle-border.left:before { top:10px; /* controls vertical position */ bottom:auto; left:-30px; /* value = - border-left-width - border-right-width */ border-width:15px 30px 15px 0; border-color:transparent #000; } .triangle-border-red.left:before { border-color:transparent red; } /* creates the smaller triangle */ .triangle-border.left:after { top:16px; /* value = (:before top) + (:before border-top) - (:after border-top) */ bottom:auto; left:-21px; /* value = - border-left-width - border-right-width */ border-width:9px 21px 9px 0; border-color:transparent #fff; } /* Variant : right */ /* creates the larger triangle */ .triangle-border.right:before { top:10px; /* controls vertical position */ bottom:auto; left:auto; right:-30px; /* value = - border-left-width - border-right-width */ border-width:15px 0 15px 30px; border-color:transparent #000; } .triangle-border-red.right:before { border-color:transparent red; } /* creates the smaller triangle */ .triangle-border.right:after { top:16px; /* value = (:before top) + (:before border-top) - (:after border-top) */ bottom:auto; left:auto; right:-21px; /* value = - border-left-width - border-right-width */ border-width:9px 0 9px 21px; border-color:transparent #fff; }

/*##################################*/ /*####     DIALOGUE TABLE      ####*/ /*##################################*/

.np-table-dialogue tr th:first-child { width: 165px; } .np-table-dialogue tr th:first-child + th + th { width: 65px; }