MediaWiki:Fandomdesktop.css

/***********/ /***********/ /* Wikia.css copy WIP */ /***********/ /***********/ /* Skin */ /** General **/

.page__main { background-color:rgba(var(--theme-page-background-color--rgb), 0.90); border:1px solid var(--theme-border-color); }

.page.page-is-edit { background-color:rgba(var(--theme-page-background-color--rgb), 1); }

.ve-active .page { background-color:rgba(var(--theme-page-background-color--rgb), 1); }

.add-to-fix {}

border: medium none !important; box-shadow: 0 0 10px #000000; }
 * 1) WikiaPage {

.mw-headline, .RelatedPagesModule h2 { color: #46B9C3; }

.mw-headline a:link { color: #46B9C3; }

.mw-headline a:visited { color: #46B9C3; }

.mw-headline a:active, .mw-headline a:hover { color: #FF7700; }

.WikiaArticle p { margin: 0px 0px 14px; }

hr { background-color: #323232; border: 0px none; color: #323232; height: 1px; }

.wikia-gallery { margin: 0px auto ! important; }

.i18ndoc { background-color: #FFF77D; border-bottom: 1px solid lightgrey; font-family: monospace; font-size: 8pt; height: 140px; overflow: auto; padding: 3px; }

.cat-odd { background-color: rgba(0, 234, 255, 0.1); padding: 0px 0px 0px 5px; }

.cat-even { background-color: rgba(127, 244, 255, 0.14); padding: 0px 0px 0px 5px; }

.row-odd { background-color: rgb(14, 53, 60); padding: 2px 0px 0px 5px; vertical-align: top; }

.row-even { background-color: rgb(32, 64, 71); padding: 2px 0px 0px 5px; vertical-align: top; }

.row-odd-oddball { background-color: rgba(0, 234, 255, 0.1); padding: 2px 0px 0px 5px; vertical-align: middle; }

.row-even-oddball { background-color: rgba(127, 244, 255, 0.14); padding: 2px 0px 0px 5px; vertical-align: middle; }

.row-odd-values { background-color: rgba(0, 234, 255, 0.1); }

.row-even-values { background-color: rgba(127, 244, 255, 0.14); }

.cert-header { background-color: rgb(32, 64, 71) !important; border: medium none !important; font-size: 1.4em; padding: 0.5em !important; }

.cert-header a:link { color: #D5D4D4; text-decoration: underline; width: 100%; }

.cert-header a:visited { color: #D5D4D4; text-decoration: underline; width: 100%; }

.cert-header a:active, .cert-header a:hover { color: #FF7700; text-decoration: none; width: 100%; }

.column-header { background-color: rgba(127, 244, 255, 0.2); float: none!important; }

.cert-values { padding: 1px 0px 0px; }

.cert-values td { background-color: rgba(0, 234, 255, 0.4); border-radius: 3px 3px 3px 3px; border: 1px solid rgba(0, 234, 255, 0.4); color: #FFFFFF; font-weight: bold; }

.hasTooltip a:link { color: #FFFFFF; display: block; width: 100%; }

.hasTooltip a:visited { color: #FFFFFF; display: block; width: 100%; }

.hasTooltip a:active, .hasTooltip a:hover { color: #FF7700; display: block; width: 100%; }

.info-box-even { background-color: rgba(127, 244, 255, 0.14); padding: 2px 0px; }

.info-box-odd { background-color: rgba(0, 234, 255, 0.1); padding: 2px 0px; }

.ten-left { padding: 2px 0px 0px 10px; vertical-align: top; }

.five-left { padding-left: 5px; }

.info-custom { margin: 0px 0px 5px 5px; }

.prereq { color: #7FF4FF; }

.wiki-table { margin: 10px 0px; }

.topper { margin-top: 0px ! important; }

.patch-update { border-radius: 3px 3px 3px 3px; border: 1px solid rgba(255, 119, 0, 1); }

.patch-update td { color: #FFFFFF; font-weight: bold; }

.row-patch { background-color: rgba(255, 119, 0, 0.4); padding: 0px 5px 0px 5px; }

.vanu-vehicle { background-image: url(https://images.wikia.nocookie.net/planetside2/images/c/c1/Vanu-vehicle-bg.png); background-repeat: no-repeat; width:182px; height:377px; margin: 10px auto 0 auto; padding: 15px 0 0 0; }

.nc-vehicle { background-image: url(https://images.wikia.nocookie.net/planetside2/images/4/47/Nc-vehicle-bg.png); background-repeat: no-repeat; width:182px; height:377px; margin: 10px auto 0 auto; padding: 15px 0 0 0; }

.tr-vehicle { background-image: url(https://images.wikia.nocookie.net/planetside2/images/7/74/Tr-vehicle-bg.png); background-repeat: no-repeat; width:182px; height:377px; margin: 10px auto 0 auto; padding: 15px 0 0 0; }

.nso-vehicle { background-image: url(https://static.wikia.nocookie.net/planetside2/images/1/17/Nso-vehicle-bg_hz.png); background-repeat: no-repeat; width:501px; height:182px; margin: 10px auto 0 auto; padding: 15px 0 0 0; }

/** Buttons **/ /*** Primary buttons ***/ a.wikia-button, .wikia-single-button a, .wikia-menu-button, input[type="submit"], input[type="reset"], input[type="button"], .button, button { /*background-color: #37828c;*/ background-image: -moz-linear-gradient(top, #37828c 35%, #2b636c 65%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(35%,#37828c), color-stop(65%,#2b636c)); background-image: -webkit-linear-gradient(top, #37828c 35%,#2b636c 65%); background-image: -o-linear-gradient(top, #37828c 35%,#2b636c 65%); background-image: -ms-linear-gradient(top, #37828c 35%,#2b636c 65%); background-image: linear-gradient(to bottom, #37828c 35%,#2b636c 65%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37828c', endColorstr='#2b636c',GradientType=0 ); border: 1px solid #265760; color:#ffffff; }

/*** Secondary buttons ***/ a.wikia-button.secondary, .wikia-single-button a.secondary, .wikia-menu-button.secondary, input.secondary[type="submit"], input.secondary[type="reset"], input.secondary[type="button"], .button.secondary, button.secondary { background-color: #212221; background-image: -moz-linear-gradient(top, #212221 35%, #141414 65%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#212221), color-stop(100%,#141414)); background-image: -webkit-linear-gradient(top, #212221 35%,#141414 65%); background-image: -o-linear-gradient(top, #212221 35%,#141414 65%); background-image: -ms-linear-gradient(top, #212221 35%,#141414 65%); background-image: linear-gradient(to bottom, #212221 35%,#141414 65%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212221', endColorstr='#141414',GradientType=0 ); border: 1px solid #282828; color: #f1f1f1; }

a.wikia-button.secondary:hover, .wikia-single-button a.secondary:hover, .wikia-menu-button.secondary:hover, input.secondary[type="submit"]:hover, input.secondary[type="reset"]:hover, input.secondary[type="button"]:hover, .button.secondary:hover, button.secondary:hover { background-color: #191a19; background-image: -moz-linear-gradient(top, #191a19 35%, #0d0d0d 65%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(35%,#191a19), color-stop(65%,#0d0d0d)); background-image: -webkit-linear-gradient(top, #191a19 35%,#0d0d0d 65%); background-image: -o-linear-gradient(top, #191a19 35%,#0d0d0d 65%); background-image: -ms-linear-gradient(top, #191a19 35%,#0d0d0d 65%); background-image: linear-gradient(to bottom, #191a19 35%,#0d0d0d 65%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#191a19', endColorstr='#0d0d0d',GradientType=0 );

}

a.wikia-button.secondary.active, a.wikia-button.secondary:active, .wikia-single-button a.secondary.active, .wikia-single-button a.secondary:active, .wikia-menu-button.secondary.active, .wikia-menu-button.secondary:active, input.secondary.active[type="submit"], input.secondary[type="submit"]:active, input.secondary.active[type="reset"], input.secondary[type="reset"]:active, input.secondary.active[type="button"], input.secondary[type="button"]:active, .button.secondary.active, .button.secondary:active, button.secondary.active, button.secondary:active { background-color: #0d0d0d; background-image: -moz-linear-gradient(top, #0d0d0d 35%, #191a19 65%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(35%,#0d0d0d), color-stop(65%,#191a19)); background-image: -webkit-linear-gradient(top, #0d0d0d 35%,#191a19 65%); background-image: -o-linear-gradient(top, #0d0d0d 35%,#191a19 65%); background-image: -ms-linear-gradient(top, #0d0d0d 35%,#191a19 65%); background-image: linear-gradient(to bottom, #0d0d0d 35%,#191a19 65%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d0d0d', endColorstr='#191a19',GradientType=0 ); }

.wikia-menu-button.secondary > a:hover, .wikia-menu-button.secondary .drop:hover, .wikia-menu-button.secondary > li > a:hover { background-color: #191a19; background-image: -moz-linear-gradient(top, #191a19 35%, #0d0d0d 65%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(35%,#191a19), color-stop(65%,#0d0d0d)); background-image: -webkit-linear-gradient(top, #191a19 35%,#0d0d0d 65%); background-image: -o-linear-gradient(top, #191a19 35%,#0d0d0d 65%); background-image: -ms-linear-gradient(top, #191a19 35%,#0d0d0d 65%); background-image: linear-gradient(to bottom, #191a19 35%,#0d0d0d 65%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#191a19', endColorstr='#0d0d0d',GradientType=0 ); }

.wikia-menu-button.secondary > a:active, .wikia-menu-button.secondary .drop:active, .wikia-menu-button.secondary > li > a:active { background-color: #0d0d0d; background-image: -moz-linear-gradient(top, #0d0d0d 35%, #191a19 65%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(35%,#0d0d0d), color-stop(65%,#191a19)); background-image: -webkit-linear-gradient(top, #0d0d0d 35%,#191a19 65%); background-image: -o-linear-gradient(top, #0d0d0d 35%,#191a19 65%); background-image: -ms-linear-gradient(top, #0d0d0d 35%,#191a19 65%); background-image: linear-gradient(to bottom, #0d0d0d 35%,#191a19 65%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d0d0d', endColorstr='#191a19',GradientType=0 ); }

.WikiHeaderRestyle .buttons > .contribute:hover { background-color: #191a19; background: -moz-linear-gradient(top, #191a19 35%, #0d0d0d 65%); background: -webkit-gradient(linear, left top, left bottom, color-stop(35%,#191a19), color-stop(65%,#0d0d0d)); background: -webkit-linear-gradient(top, #191a19 35%,#0d0d0d 65%); background: -o-linear-gradient(top, #191a19 35%,#0d0d0d 65%); background: -ms-linear-gradient(top, #191a19 35%,#0d0d0d 65%); background: linear-gradient(to bottom, #191a19 35%,#0d0d0d 65%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#191a19', endColorstr='#0d0d0d',GradientType=0 ); }

background-color: #191a19; background-image: -moz-linear-gradient(top, #191a19 35%, #0d0d0d 65%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(35%,#191a19), color-stop(65%,#0d0d0d)); background-image: -webkit-linear-gradient(top, #191a19 35%,#0d0d0d 65%); background-image: -o-linear-gradient(top, #191a19 35%,#0d0d0d 65%); background-image: -ms-linear-gradient(top, #191a19 35%,#0d0d0d 65%); background-image: linear-gradient(to bottom, #191a19 35%,#0d0d0d 65%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#191a19', endColorstr='#0d0d0d',GradientType=0 ); }
 * 1) EditPageRail .wikia-menu-button > a:hover, #EditPageRail .wikia-menu-button .drop:hover, #EditPageRail .wikia-menu-button > li > a:hover {

background-color: #0d0d0d; background-image: -moz-linear-gradient(top, #0d0d0d 35%, #191a19 65%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(35%,#0d0d0d), color-stop(65%,#191a19)); background-image: -webkit-linear-gradient(top, #0d0d0d 35%,#191a19 65%); background-image: -o-linear-gradient(top, #0d0d0d 35%,#191a19 65%); background-image: -ms-linear-gradient(top, #0d0d0d 35%,#191a19 65%); background-image: linear-gradient(to bottom, #0d0d0d 35%,#191a19 65%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d0d0d', endColorstr='#191a19',GradientType=0 ); }
 * 1) EditPageRail .wikia-menu-button > a:active, #EditPageRail .wikia-menu-button .drop:active, #EditPageRail .wikia-menu-button > li > a:active {

/*** Comments bubble ***/ .talk .commentsbubble, .comments .commentsbubble { background-color: #212221 !important; border: 1px solid #282828 !important; }

.talk .commentsbubble:before, .comments .commentsbubble:before { border-color: #282828 #282828 transparent transparent !important; }

.talk .commentsbubble:after, .comments .commentsbubble:after { border-color: #282828 #282828 transparent transparent !important; }

/*** Share button ***/ .WikiHeaderRestyle .buttons .share-button .share-dot { box-shadow: 0 0 4px 0 #383838; }

.WikiHeaderRestyle .buttons .share-button.share-enabled .share-dot { background-color: #383838; }

.WikiHeaderRestyle .buttons .share-button.share-enabled .share-pixel { background-color: #555555; }

/* Main page */ /** General **/ .mainpage-box { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; background: url("https://images.wikia.nocookie.net/planetside2/images/5/51/Mainpage_Box_Background.png") repeat scroll 0% 0% transparent; border: 1px solid #2B606C; margin: 0px auto 20px; padding: 10px; position: relative; width: 100%; }

.mainpage-accent { background: url("https://images.wikia.nocookie.net/planetside2/images/9/9c/Mainpage_Accent.png") no-repeat scroll 0% 0% transparent; bottom: -1px; height: 7px; left: 25px; position: absolute; width: 33px; }

.mainpage-header { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; background: url("https://images.wikia.nocookie.net/planetside2/images/5/50/Mainpage_Header.png") no-repeat scroll 0px 0px transparent; color: white; font-size: 15px; height: 44px; margin: 0px auto; padding-left: 15px; padding-top: 10px; text-shadow: 0px 0px 10px #1B7E95; text-transform: uppercase; width: 100%; }

.mainpage-box .wrapper { width: 300px; margin: 0 auto; }

.mainpage-box .header, .mainpage-box .box-header { color: white; font-size: 16px; font-weight: bold; text-shadow: 1px 1px #000000; text-align: left; }

/** Welcome box **/ .mainpage-header-welcome { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; background: url("https://static.wikia.nocookie.net/planetside2/images/2/25/Mainpage_Welcome.png") no-repeat; height: 40px; width: 100%; color: white; font-size: 15px; font-weight: bold; padding-left: 15px; padding-top: 10px; text-shadow: 0px 0px 10px #1B7E95; text-transform: uppercase; margin: 0 auto 5px; }

.mainpage-box-welcome { padding-top: 5px; }

.mainpage-box-welcome .header { color: #57C7DF; font-size: 14px; font-weight: bold; margin-bottom: 10px; } .mainpage-box-welcome .text { font-size: 12px; } .mainpage-button-small { background: url("https://images.wikia.nocookie.net/planetside2/images/1/14/Mainpage_Button_Small.png") no-repeat scroll 0 0 transparent; float: right; font-size: 12px; font-weight: bold; height: 28px; margin-left: 5px; margin-right: 10px; margin-top: 7px; padding-left: 29px; padding-top: 4px; width: 133px; } .mainpage-button-small a { color: white; } .mainpage-button-small a:hover { text-decoration: none; }

/** Contents box **/ .mainpage-box-contents { text-align: center; }

.mainpage-box-contents .content { margin-bottom: -20px; margin-left: -20px; }

.mainpage-box-contents .content-item { color: #57C7DF; display: inline-block; font-weight: bold; margin-bottom: 20px; margin-left: 20px; text-align: center; text-transform: uppercase; }

.mainpage-box-contents .content-item img { margin-bottom: 5px; }

.mainpage-box-contents .content-weapon { color: #57C7DF; display: inline-block; margin-bottom: 20px; margin-left: 20px; text-align: center; }

.mainpage-box-contents .content-weapon img { margin-bottom: 5px; }

/** Videos box **/ .mainpage-box-videos .videos { margin-left: -25px; margin-bottom: -20px; text-align: center; }

.mainpage-box-videos .video-item { color: #57C7DF; display: inline-block; font-weight: bold; margin-left: 25px; text-align: left; margin-bottom: 20px; }

.mainpage-box-videos .video-item .video { margin-bottom: 5px; }

.mainpage-box-videos .seeall { float: right; margin-right: 10px; font-weight: bold; text-shadow: 1px 1px #000000; margin-top: -10px; }

/** News box **/ .mainpage-box-news { } .mainpage-box-news .WikiaBlogListingBox .wikia-button { position: absolute; right: 0; top: -31px; } .mainpage-box-news .WikiaBlogListingBox ul { border: medium none ! important; margin: -16px 0px 0px 0px; padding: 0px; } .mainpage-box-news ul .WikiaBlogListingPost { border-bottom: 1px solid #2B606C ! important; border-top: medium none ! important; height: 141px; margin-left: 0px; padding-bottom: 0px ! important; padding-left: -10px; padding-right: 0px ! important; padding-top: 15px ! important; width: 99% ! important; } .mainpage-box-news .avatar { margin-left: -1px; } .mainpage-box-news .author-details { padding-left: -1px; } .mainpage-box-news .WikiaBlogListingBox blockquote { height: 90px; margin-left: 2px; margin-top: 2px; padding: 0; position: absolute; width: 99%; } .mainpage-box-news .commentslikes { position: absolute; right: 0; top: 15px; } .mainpage-box-news .WikiaBlogListingPost .read-more { display: block; position: absolute; right: 0; top: 64px; } .mainpage-box-news .more { display: block; float: right; font-weight: bold; margin-right: 10px; margin-top: -5px; margin-bottom: -3px; text-shadow: 1px 1px #000000; }

/** SOE footer **/ .mainpage-footer-soe { background: none repeat scroll 0% 0% #000000; color: white; height: 211px; width: 100%; margin-bottom: 20px; }

.mainpage-footer-soe a { color: white; }

.mainpage-footer-soe .background { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; background: url("https://images.wikia.nocookie.net/planetside2/images/8/8a/SOE_footer_background.png") no-repeat scroll 0 0 transparent; float: left; height: 100%; padding-left: 100px; padding-top: 61px; width: 50%; }

.mainpage-footer-soe .logo { background: url("https://vignette.wikia.nocookie.net/planetside2/images/d/da/DBG_footer_logo.png") no-repeat scroll 0% 0% transparent; float: right; height: 168px; width: 205px; margin-top: 22px; margin-right: 20px; }

/** Footer **/ .mainpage-footer { background: url("https://vignette.wikia.nocookie.net/planetside2/images/7/79/Mainpage_FooterB.png") no-repeat scroll 0 0 transparent; height: 119px; margin: 0 auto 20px; text-align: center; width: 660px; }

/** Play button **/ .mainpage-button-play { color: white; font-size: 28px; height: 61px; margin: 0 auto 20px; width: 300px; }

/** Featured Video box **/ .mainpage-box-featuredvideo .video { margin-top: 5px; }

.mainpage-box-featuredvideo .seemore { float: right; margin-right: 20px; text-shadow: 1px 1px #000000; margin-top: -10px; margin-bottom: -6px; font-weight: bold; }

/** Poll box **/ .mainpage-box-poll .ajax-poll { border: medium none; margin-left: -21px; margin-top: -4px; } .mainpage-box-poll .ajax-poll .header { border-bottom: 1px solid #2B606C; border-top: 1px solid #2B606C; padding-top: 10px; padding-bottom: 10px; text-shadow: 1px 1px #000000; width: 100% ! important; margin-left: 7px; } .mainpage-box-poll .ajax-poll form { margin-bottom: -48px; margin-top: -4px; width: 100%; }

@media (max-width: 1023px) { .mainpage-box-poll .ajax-poll form { margin-bottom: 0px; } } .mainpage-box-poll .ajax-poll .pollAnswerVotes { background: none repeat scroll 0% 0% #221F1F; border: 1px solid #345E68; color: white; } .mainpage-box-poll .ajax-poll .pollAnswerVotes div { background: none repeat scroll 0% 0% #398691; } .mainpage-box-poll .ajax-poll label { display: block ! important; height: 24px ! important; line-height: 22px ! important; padding-left: 10px ! important; padding-top: 2px ! important; text-indent: -15px ! important; width: 100% ! important; } .mainpage-box-poll .ajax-poll input[type="radio"] { display: block ! important; float: left ! important; height: 13px ! important; margin: 3px 20px 2px -10px ! important; padding: 0 !important; } .mainpage-box-poll .pollText { margin-left: 10px; margin-top: -11px; width: 100%; } .mainpage-box-poll .ajax-poll form input[name="wpVote"] { color: #FFFFFF; margin-left: 10px; margin-top: 9px; }

/** Recent Activity box **/ .mainpage-box-activity .feed { margin-left: -10px; }

.mainpage-box-activity .seemore { float: right; font-weight: bold; margin-right: 20px; text-shadow: 1px 1px #000000; }

.mainpage-box-activity tr[data-type="inserted-category"], .mainpage-box-activity tr[data-type="section-edit"], .mainpage-box-activity tr[data-type="new-blog-post"], .mainpage-box-activity tr[data-type="summary"], .mainpage-box-activity tr[data-type="new-page"], .mainpage-box-activity tr[data-type="new-article-comment"], .mainpage-box-activity tr[data-type="new-blog-comment"], .mainpage-box-activity .activity-ns-500, .mainpage-box-activity .achievement-in-activity-feed, .mainpage-box-activity .activityfeed-diff { display: none; }

/** Fan Spam box **/ .mainpage-box-fanspam .wikia-slideshow { margin-top: 10px; margin-left: -20px; }

.mainpage-box-fanspam .seeall { float: right; font-weight: bold; text-shadow: 1px 1px #000000; margin-bottom: -6px; margin-top: -17px; margin-right: 20px; position: relative; z-index: 1; }

/** Chat box **/ .mainpage-box-chat { text-align: center; }

.mainpage-box-chat .ChatModule { background: none repeat scroll 0 0 transparent; border: medium none; box-shadow: none; margin: 0 auto; padding-bottom: 0; padding-top: 0; text-align: left; } .mainpage-box-chat .chat-whos-here { border: 1px solid #295e69; }

/** Projects box **/ .projects-seemore { float: right; position: relative; z-index: 1; margin-top :-6px; margin-bottom: -6px; text-shadow: 1px 1px #000000; font-weight: bold; }

/* Templates */ /** Certification template **/ .hasTooltip span { color: #000000; display: none; padding: 3px; position: absolute; text-decoration: none; }

.hasTooltip:hover span { background-color: #333333; border: 1px solid #111111; color: #FFFFFF; display: block; margin: 5px 0px; position: absolute; width: 200px; z-index: 1; }

/** Weapon statistic tables **/ .bar-filled { border-radius: 2px 2px 2px 2px; background-color: #ffeebc; width: 3px; height: 15px; border: 1px solid #f6876c; color: yellow; }

.bar-empty { border-radius: 2px 2px 2px 2px; background-color: #432117; width: 3px; height: 15px; border: 1px solid #2f201d; }

.ps-blue { color: #46B9C3; font-size: 12px; }

.weapon-image { background-color: rgb(14, 53, 60); padding: 0px 0px 0px 0px !important; vertical-align: top; }

/** Loadout template **/ .modalContent .fields { height: 400px; overflow-y: auto; overflow-x: hidden; }

.loadout { background: url("https://images.wikia.nocookie.net/__cb20140219174937/planetside2/images/d/d7/Loadout_Background_Full.png") no-repeat scroll 0px 0px transparent; height: 845px; width: 662px; }

.loadout-editintro { background: none repeat scroll 0% 0% #1A2F36; border: 1px solid #425359; color: white; padding: 5px; width: 99%; }

.loadout .loadout-error { color: red; font-weight: bold; }

.loadout .name .loadout-error { font-size: 13px; text-transform: none; }

.loadout-characters { font-size: 9px !important; }

.loadout-characters-box { display: inline !important; height: 10px !important; width: 18px !important; }

.loadout .name { font-weight: bold; height: 21px; left: -1px; position: relative; text-transform: uppercase; top: 52px; font-size: 25px; text-align: center; margin-bottom: -21px; }

.loadout .charactername { font-size: 15px; }

.loadout .name .seperator { color: #398691; }

.loadout .mainslots { left: 30px; position: relative; top: 119px; }

.loadout .utilityslots { left: 266px; position: relative; top: -97px; }

.loadout .classimage { left: 413px; position: relative; top: -438px; }

.loadout .primaryweapon-header { font-weight: bold; height: 26px; margin-bottom: -3px; margin-left: 44px; padding-left: 40px; text-transform: uppercase; width: 176px; }

.loadout .secondaryweapon-header { font-weight: bold; height: 26px; margin-bottom: -3px; margin-left: 44px; margin-top: 10px; padding-left: 20px; text-transform: uppercase; width: 176px; }

.loadout .tool-header { font-weight: bold; height: 26px; margin-bottom: -3px; margin-left: 44px; margin-top: 10px; padding-left: 120px; text-transform: uppercase; width: 176px; }

.loadout .utility-header { font-weight: bold; text-transform: uppercase; }

.loadout .primaryweapon-box { height: 50px; text-align: center; width: 191px; }

.loadout .secondaryweapon-box { height: 50px; text-align: center; width: 191px; }

.loadout .tool-box { height: 50px; text-align: center; width: 191px; }

.loadout .utility-header { font-size: 10px; height: 11px; width: 60px; }

.loadout .utility-box { height: 49px; width: 60px; }

.loadout .classimage { height: 236px; text-align: center; width: 222px; }

.loadout .utility-row1 { left: 0px; position: relative; top: 0px; }

.loadout .utility-row2 { left: 71px; position: relative; top: -190px; }

.loadout .utility1 { margin-bottom: 10px; text-align: center; }

.loadout .utility1 img { margin-top: -16px; margin-left: -8px; }

.loadout .utility2 { margin-bottom: 0px; text-align: center; }

.loadout .utility2 img { margin-top: 2px; }

.loadout .utility3 { margin-bottom: 10px; text-align: center; }

.loadout .utility3 img { margin-top: -16px; margin-left: -10px; }

.loadout .utility4 { margin-bottom: 0px; text-align: center; }

.loadout .utility4 img { }

.loadout .utility5 { margin-bottom: 0px; text-align: center; }

.loadout .utility5 img { margin-top: 10px; }

.loadout .utility6 { margin-bottom: 0px; text-align: center; }

.loadout .utility6 img { margin-top: 15px; }

.loadout .recommendedcerts { left: 30px; position: relative; top: -446px; }

.loadout .certs-header { font-weight: bold; height: 35px; margin-bottom: -8px; padding-left: 12px; padding-top: 8px; text-transform: uppercase; width: 256px; }

.loadout .certs-title { font-weight: bold; height: 31px; left: 14px; padding-top: 5px; position: relative; text-align: center; text-transform: uppercase; top: 8px; width: 175px; font-size: 10px; }

.loadout .certs1 { height: 47px; left: 10px; position: relative; top: 10px; width: 583px; }

.loadout .certs2 { height: 47px; left: 10px; position: relative; top: 20px; width: 583px; }

.loadout .certs3 { height: 47px; left: 10px; position: relative; top: 30px; width: 583px; }

.loadout .certs4 { height: 47px; left: 10px; position: relative; top: 40px; width: 583px; }

.loadout .certs5 { height: 47px; left: 10px; position: relative; top: 50px; width: 583px; }

.loadout .levels { position: relative; left: 0; top: 0px; }

.loadout .level1 { left: 206px; position: relative; top: -25px; }

.loadout .level2 { left: 278px; position: relative; top: -50px; }

.loadout .level3 { left: 350px; position: relative; top: -75px; }

.loadout .level4 { left: 422px; position: relative; top: -100px; }

.loadout .level5 { left: 494px; position: relative; top: -125px; }

.loadout .active { background: url("https://images.wikia.nocookie.net/planetside2/images/b/bb/Loadout_Certs_Level_Active.png") no-repeat scroll 0px 0px transparent; height: 25px; width: 69px; }

.loadout .inactive { background: url("https://vignette.wikia.nocookie.net/planetside2/images/b/b9/Loadout_Certs_Level_Inactive.png") no-repeat scroll 0px 0px transparent; height: 25px; width: 69px; }

/* enable headers in tabber */ .tabberlive .tabbertab h2, .tabberlive .tabbertab h3 { display:block !important; } /* Tabber color override */

.tabberlive > .tabbertab:not(.tabbertabhide) { border: 1px solid #102228 !important; } ul.tabbernav li a { border: 1px solid #102228 !important; background: #0e353c !important; color: #36b9bb !important; } ul.tabbernav li.tabberactive a, ul.tabbernav li a:hover{ border-bottom: #102228 !important; background: #204047 !important; color: #d5d4d4 !important; }

/****Tabber color override END*******/

/**** Weapon Info Box ****/ .weapon-info-box { margin: 10px 10px 20px 0px; }

/***********************/ /*      Tooltip       */ /***********************/ .htt .tooltip-content .tooltip-hide, .hidden { display:none; }

.tooltip-ready { visibility:hidden; display:block; z-index:999; }

/* Main CSS class of the tooltip */ .main-tooltip { border: 1px solid #12272e; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); margin-bottom: 5px; padding: 2px 5px; background-color: rgb(32,64,71); color: #e6e6e6; }

/* Tweak selected reference background to be legible */ ol.references li:target, sup.reference:target { background-color: #294444; }

/* Article-table style override */ .article-table { background-color: rgba(127, 244, 255, 0.2) !important; float: none !important; border-collapse: collapse !important; border-style: hidden !important; }

.article-table td { border: 1px solid #112329 !important; }

/***************** .navbox { text-align:center; }
 * Nav styles  *

.navbox .navbox-button { display:inline-block; background-image:linear-gradient(to bottom,#37828c 35%,#2b636c 65%); border:1px solid #265760; color:#ffffff; padding:5px; border-radius: 2px; }

.navbox .navbox-button:hover { background-image:linear-gradient(to bottom, #2b606c 35%, #0e353c 65%); }

.navbox .navbox-button2 { display:inline-block; color:#ffffff; padding:0px; }

.navbox .navbox-button2:hover { background-image:linear-gradient(to bottom, transparent 6%, #37828c 20%, #2b636c 60%); }

/* Toc limit */ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; }

/* Auto Zebra table style */ .auto-table { border-collapse: collapse; border-style: hidden; padding: 6px 12px; }

.auto-table th { background-color: #285259; border: 1px solid #112329; font-weight: normal; padding: 6px 12px; }

.auto-table td { border: 1px solid #112329; vertical-align: top; padding: 6px 12px; }

.auto-table tr:nth-child(even) { background-color: rgb(14, 53, 60); }

.auto-table tr:nth-child(odd) { background-color: rgb(32, 64, 71); }

.table-thin td { padding: 2px 0px 0px 5px; }

.table-thin-center td { padding: 1px 1px 1px 1px; vertical-align: middle!important; text-align:center; }

.table-vertical td { padding: 1px 1px 1px 1px; }

.table-vertical th { padding: 5px 2px 5px 2px; writing-mode: vertical-rl; }

.column-header-at { float: none!important; font-weight: bold!important; padding: 0px 2px!important; }

/* Auto Zebra table style light theme*/ .theme-fandomdesktop-light .auto-table { color: #e6e6e6; }

/* Light Theme Fixes */ /** General **/ .theme-fandomdesktop-light .cert-header { color: #e6e6e6; }

.theme-fandomdesktop-light .column-header { color: #e6e6e6; background-color: #285259; }

.theme-fandomdesktop-light .row-odd { color: #e6e6e6 }

.theme-fandomdesktop-light .row-even { color: #e6e6e6; }

.theme-fandomdesktop-light .ps-blue { color: #46B9C3 !important; font-size: 12px !important; }

.theme-fandomdesktop-light .article-table { color: #e6e6e6; background-color: #285259 !important; }

.theme-fandomdesktop-light .cert-values td { background-color: #005e66; border: 1px solid #005e66; }

.theme-fandomdesktop-light .patch-update { border: 1px solid #ff7700; }

.theme-fandomdesktop-light .patch-update td { color: #e6e6e6; }

.theme-fandomdesktop-light .row-patch { background-color: #71471b; }

/** Header Text **/ .theme-fandomdesktop-light .main-container .fandom-community-header__community-name-wrapper, .theme-fandomdesktop-light .main-container .fandom-community-header__local-navigation .wds-tabs__tab-label { filter: drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 1px white); }

.theme-fandomdesktop-light .main-container .fandom-community-header__top-container .page-counter, .theme-fandomdesktop-light .main-container .fandom-community-header__top-container .wds-button, .theme-fandomdesktop-light .main-container .fandom-community-header__top-container .wds-button .wds-icon { filter: drop-shadow(0px 0px 0.5px white) drop-shadow(0px 0px 0.5px white) drop-shadow(0px 0px 0.5px white); }

/** Mainpage **/ .theme-fandomdesktop-light .mainpage-box { background: url("https://images.wikia.nocookie.net/planetside2/images/0/02/Mainpage_Box_Background_LT.png") repeat scroll 0% 0% transparent; }

.theme-fandomdesktop-light .mainpage-accent { background: url("https://images.wikia.nocookie.net/planetside2/images/f/f3/Mainpage_Accent_LT.png") no-repeat scroll 0% 0% transparent; }

.theme-fandomdesktop-light .mainpage-header { background: url("https://images.wikia.nocookie.net/planetside2/images/a/a0/Mainpage_Header_LT.png") no-repeat scroll 0px 0px transparent; text-shadow: 0px 0px 10px #1B7E95; }

.theme-fandomdesktop-light .mainpage-box .header, .mainpage-box .box-header { color: #3a3a3a; text-shadow: 1px 1px white; }

.theme-fandomdesktop-light .mainpage-button-play { background: url("https://images.wikia.nocookie.net/planetside2/images/9/9f/Mainpage_Button_Large_LT.png") no-repeat scroll 0 0 transparent; }

.theme-fandomdesktop-light .mainpage-button-small { background: url("https://images.wikia.nocookie.net/planetside2/images/7/70/Mainpage_Button_Small_LT.png") no-repeat scroll 0 0 transparent; }

.theme-fandomdesktop-light .mainpage-header-welcome { background: url("https://static.wikia.nocookie.net/planetside2/images/2/2a/Mainpage_Welcome_LT.png") no-repeat; }

.theme-fandomdesktop-light .mainpage-box-welcome .header { color: #088488; -webkit-text-stroke: 0.2px #000000; text-shadow: 1px 1px white; }

.theme-fandomdesktop-light .mainpage-box-videos .seeall { text-shadow: 1px 1px white; }

.theme-fandomdesktop-light .mainpage-box-news .more { text-shadow: 1px 1px white; }

.theme-fandomdesktop-light .mainpage-box-featuredvideo .seemore { text-shadow: 1px 1px white; }

.theme-fandomdesktop-light .mainpage-box-activity .seemore { text-shadow: 1px 1px white; }

.theme-fandomdesktop-light .mainpage-box-fanspam .seeall { text-shadow: 1px 1px white; }

.theme-fandomdesktop-light .projects-seemore { text-shadow: 1px 1px white; }

/* Weapon Comparison Table style */ .weapon-comparison-table { border-collapse: collapse; background-color: rgb(32, 64, 71); } .weapon-comparison-table th { text-align: left; vertical-align: top; width: auto; padding: 2px 0px 0px 5px; border: 1px solid #112329; color: #46B9C3; font-size: 12px; font-weight: normal; }

.weapon-comparison-table td { text-align: center; vertical-align: top; width: 50px; padding: 2px 0px 0px 5px; border: 1px solid #112329; }

.weapon-comparison-table tr:nth-child(even) { background-color: rgb(14, 53, 60); }

.theme-fandomdesktop-light .weapon-comparison-table td { color: #e6e6e6; }

/* Portable Infobox style */ .portable-infobox.pi-theme-dark { width: 220px; border-collapse: collapse; border-style: hidden; }

.portable-infobox.pi-theme-dark.pi-background { background-color: rgb(32, 64, 71); }

.portable-infobox.pi-theme-dark .pi-border-color { border-color: #112329; }

.portable-infobox.pi-theme-dark .pi-title { background-color: rgb(32, 64, 71); border: medium none; font-size: 1.4em; padding: 14.8px; }

.portable-infobox.pi-theme-dark .pi-title a:link { color: #D5D4D4; text-decoration: underline; width: 100%; }

.portable-infobox.pi-theme-dark .pi-title a:visited { color: #D5D4D4; text-decoration: underline; width: 100%; }

.portable-infobox.pi-theme-dark .pi-title a:active, .portable-infobox .pi-title a:hover { color: #FF7700; text-decoration: none; width: 100%; }

.portable-infobox.pi-theme-dark .pi-navigation { padding: 0px 0px 0px 0px; }

.portable-infobox.pi-theme-dark .pi-header { padding: 5px 5px 5px 5px; vertical-align: top; color: #e6e6e6; background-color: rgb(40 82 89); border-top: 1px solid #112329; border-bottom: 1px solid #112329; float: none!important; font-weight: normal !important; }

.portable-infobox.pi-theme-dark .pi-image { background-color: rgb(14, 53, 60); padding: 0px 0px 0px 0px !important; vertical-align: top; border-top: 1px solid #112329; border-bottom: 1px solid #112329; }

.portable-infobox.pi-theme-dark .pi-data { padding: 2px 5px 2px 5px !important; }

.portable-infobox.pi-theme-dark .pi-data-label { color: #46B9C3; font-size: 12px; font-weight: normal !important; -webkit-flex-basis:auto; -moz-flex-basis:auto; flex-basis:auto; -webkit-align-items:center; -moz-align-items:center; text-align:right; width:50%; }

.portable-infobox.pi-theme-dark .pi-data-value { font-size: 14px; ms-flex-preferred-size:auto; -webkit-flex-basis:auto; -moz-flex-basis:auto; flex-basis:auto; -webkit-align-items:center; -moz-align-items:center; text-align:left; width:50%; }

.pi-theme-dark div:nth-child(even) { background-color: rgb(14, 53, 60); }

.pi-theme-dark div:nth-child(odd) div:first-of-type { background-color: rgb(32, 64, 71); }

.theme-fandomdesktop-light .portable-infobox.pi-theme-dark .pi-navigation { color: #e6e6e6; }

.theme-fandomdesktop-light .portable-infobox.pi-theme-dark .pi-data-value { color: #e6e6e6; }

/* Notice box top */ .notice-box { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; background: url("https://images.wikia.nocookie.net/planetside2/images/5/51/Mainpage_Box_Background.png") repeat scroll 0% 0% transparent; border: 1px solid #2B606C; margin: 0px auto 5px; padding: 10px; position: relative; width: 95%; }

.theme-fandomdesktop-light .notice-box { background: url("https://images.wikia.nocookie.net/planetside2/images/0/02/Mainpage_Box_Background_LT.png") repeat scroll 0% 0% transparent; }

/* Indent text */ .page-content dl { margin: 12px 0 6px; }

/***************** .campbox { text-align:center; }
 * CampButtons *

.campbox .button-container { width: 304px; height:130px; margin-left: 10px; margin-right: 10px; display:inline-block; border: 2px solid black; position: relative; font-weight: bold; text-transform: uppercase; }

.campbox .button-image { opacity: 1; display: block; width: 100%; height: auto; transition: .5s ease; backface-visibility: hidden; }

.campbox .button-middle { pointer-events: none; width:304px; height:130px; transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%; border: 2px solid black; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; }

.campbox .button-container:hover .image { opacity: 0.3; }

.campbox .campbox-button:hover .button-middle { opacity: 1; }

.campbox .button-container:hover .button-middle { background: rgb(0,212,255); background: radial-gradient(circle, rgba(0,212,255,0.7) 0%, rgba(0,212,255,0) 0%, rgba(0,212,255,0.7) 100%); opacity: 1; }

.campbox .button-text { padding: 16px 32px; font-size: 14px; font-weight: normal!important; text-transform: none!important; text-shadow: 1px 1px 2px black; filter: drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 1px black) drop-shadow(0px 0px 1px black); }

/* Storey Bundle Template */ .padding-none td { padding: 0px 0px 0px 0px; }

.border-style-none { border-style: none; }

.border-style-hidden { border-style: hidden; }