Fallout Wiki
Don't have an account?
Register
Advertisement
Register

Common.css

MediaWiki page
Sign in to edit

OBS: Efter du har publicerat sidan kan du behöva tömma din webbläsares cache för att se ändringarna.

  • Firefox / Safari: Håll ned Skift och klicka på Uppdatera sidan eller tryck Ctrl-F5 eller Ctrl-R (⌘-R på Mac)
  • Google Chrome: Tryck Ctrl-Skift-R (⌘-Skift-R på Mac)
  • Internet Explorer / Edge: Håll ned Ctrl och klicka på Uppdatera eller tryck Ctrl-F5
  • Opera: Tryck Ctrl-F5.
/* ######################################################################## */
/* ### 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 */
#wpDestFile-warning div {
   background: #F00;
   border: 1px solid #AAA;
   color: #FFF;
   padding: 0 5px;
}

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

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

/* Temporary fix {{Games}} 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(https://images.wikia.nocookie.net/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;
}

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

.va-portal-header {
   background: #044D22 url(https://images.wikia.nocookie.net/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;
   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(https://images.wikia.nocookie.net/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(https://images.wikia.nocookie.net/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 <pre> 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;
}

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

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

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

/* 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;
}
Community content is available under CC-BY-SA unless otherwise noted.
Advertisement