MediaWiki:Wikia.css

@import url("/index.php?title=MediaWiki:Wikia.css/Usernames.css&action=raw&ctype=text/css"); @import "//dev.wikia.com/index.php?title=FontAwesome/code.css&action=raw&ctype=text/css"; @import url(http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css); @import url("/index.php?title=MediaWiki:Wikia.css/Sliders.css&action=raw&ctype=text/css"); @import url("/index.php?title=MediaWiki:Wikia.css/Countdowns.css&action=raw&ctype=text/css"); @import url("/index.php?title=MediaWiki:Wikia.css/Lugia.css&action=raw&ctype=text/css"); @import url("/index.php?title=MediaWiki:Wikia.css/Spottra.css&action=raw&ctype=text/css"); @import url("/index.php?title=MediaWiki:Wikia.css/Dragonhoff.css&action=raw&ctype=text/css"); @import url("/index.php?title=MediaWiki:Wikia.css/ThemedBanners.css&action=raw&ctype=text/css"); @import url("/index.php?title=MediaWiki:Wikia.css/CalcForms.css&action=raw&ctype=text/css"); @import url("/index.php?title=MediaWiki:Wikia.css/StrategyBlogs.css&action=raw&ctype=text/css"); @import url("/index.php?title=MediaWiki:Wikia.css/StatueStats.css&action=raw&ctype=text/css"); @import url("/index.php?title=MediaWiki:Wikia.css/Tabber2.css&action=raw&ctype=text/css"); @import url("/index.php?title=MediaWiki:Common.css/EventCountdown.css&action=raw&ctype=text/css"); @import url(https://fonts.googleapis.com/css?family=Bangers|Montserrat|Black+Ops+One); /* Importing Sliders stylesheet for slider usage */ /* MediaWiki:Wikia.css/Sliders.css, MediaWiki:Common.js/Sliders.js */ letter-spacing: 2px !important; color: white; font-family: Verdana-Bold !important; text-shadow: 1px 1px 1px black, -1px -1px 1px black, 1px -1px 1px black, -1px 1px 1px black, 0px -1px 1px black, 0px 1px 1px black, -1px 0px 1px black, 1px 0px 1px black, 0 2px 1px black, -1px 3px 1px black, 1px 3px 1px black; }
 * 1) WikiaPageHeader h1 { /* This changes the header on every article */

.WikiaArticle { font-family: Montserrat, Arial; /* This changes the text in the content space only */ } /* Fixing Variable Font Sizes */ font-size: 14px; line-height: 22px; }   font-size: 14px; line-height: 22px; }
 * 1) WikiaArticle {
 * 1) Wall .speech-bubble-message {

/* Sidebar Twitter Widget */ section#twittermodule { padding: 0; }

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

.new { color: blue !important; } .tag { color: inherit; }

a.new[href*="redlink=1"] { color: darkgreen !important; } .i18ndoc { background-color: #FFF77D; border-bottom: 1px solid lightgrey; font-family: monospace; font-size: 8pt; height: 140px; overflow: auto; padding: 3px; }

.pre { font-family: monospace; border: 1px solid #cccccc; background-color: #f2f2f2; padding: 12px; line-height: 14px; }

/* Poll Styling */ .pollAnswerVotes div { background: -ms-linear-gradient(left, #29A6CF 0%, #66FFFF 100%) !important; background: -moz-linear-gradient(left, #29A6CF 0%, #66FFFF 100%) !important; background: -o-linear-gradient(left, #29A6CF 0%, #66FFFF 100%) !important; background: -webkit-gradient(linear, left top, right top, color-stop(0, #29A6CF), color-stop(1, #66FFFF)) !important; background: -webkit-linear-gradient(left, #29A6CF 0%, #66FFFF 100%) !important; background: linear-gradient(To Right, #29A6CF 0%, #66FFFF 100%) !important; }

/* Removing "Added By" from image thumbnails */ .WikiaArticle .article-thumb .attribution { display: none; } /* * Remove comments section from specific pages * body.page- #WikiaArticleComments { display: none; } * Replace any spaces, colons or slashes with underscores ("_"). */ body.page-Attack_Strategies_Archive_1 #WikiaArticleComments { display: none; } body.page-Giveaway_archive_Giveaway1 #WikiaArticleComments { display: none; } /* * Allows selective removal of TOC numbering. Simply add *   * to the page in question (where you want the Table of Contents to appear). */ .noautonum .tocnumber { display: none; } /* Mainpage */ .MainpageHeading { background: #371100; background: -moz-linear-gradient(left, #371100 0%, #dd4702 50%, #371100 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#371100), color-stop(50%,#dd4702), color-stop(100%,#371100)); background: -webkit-linear-gradient(left, #371100 0%,#dd4702 50%,#371100 100%); background: -o-linear-gradient(left, #371100 0%,#dd4702 50%,#371100 100%); background: -ms-linear-gradient(left, #371100 0%,#dd4702 50%,#371100 100%); background: linear-gradient(to right, #371100 0%,#dd4702 50%,#371100 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#371100', endColorstr='#371100',GradientType=1 ); border-radius: 0.2em 0.2em 0.2em 0.2em; border: 1px solid gray ! important; color: #FFFFFF; font-size: 120%; font-weight: bold; margin: 10px 0px; padding: 0.2em 0.4em; text-align: left; } .MainpageHeading a { color: #FFFFFF; } .MainpageHeading a.new { color: #FFFFFF; } /* End Mainpage */ /* */ /* Forum formatting - Algorithm & Splarka */ .forumheader { border: 1px solid #AAAAAA; background-color: #F9F9F9; margin-top: 1em; padding: 12px; } .forumlist td span { display: block; padding-left: 10px; font-size: smaller; } .forumlist td span a { text-decoration: none; } .forumlist td span.forum_author { padding-left: 30px; } .forumlist td.forum_edited a { text-decoration: none; } .forumlist td.forum_title a { padding-left: 20px; } .forumlist td.forum_title span a { padding-left: 0px; } .forumlist td.forum_title a.forum_new { font-weight: bold; background: url(https://images.wikia.nocookie.net/www/images/4/4e/Forum_new.gif) center left no-repeat; padding-left: 20px; } .forumlist td.forum_title a.forum_new:visited { font-weight: normal; background: none; padding-left: 20px; } .forumlist th.forum_title { padding-left: 20px; } /*** TabView extension ***/ /* Style of all unselected tabs */ .yui-navset .yui-nav li { -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; background-color: #D9D9D9; color: #3A3A3A; font-size: 12px; margin-top: 7px; padding: 6px 20px 3px; } /* END Style of all unselected tabs */ /* Style of the selected tab */ .ui-tabs .ui-tabs-nav li.ui-tabs-selected a { background-color: #FF4500; color: #FF4500; font-weight: bold; } /* END Style of the selected tab */ /* Padding between tabs */ .ui-tabs .ui-tabs-nav li { margin: 0 0.2em 1px 0; padding: 0; } /* END Padding between tabs */ /* Remove the border & space between tabs & content */ .ui-tabs .ui-tabs-nav { border-bottom: 0 none; margin-bottom: 0; } /* Remove the border & space between tabs & content */ /* Background color and border of tab content */ .ui-tabs .ui-tabs-panel { background: none repeat scroll 0 0 white; border: 2px groove gray; } /* END Background color and border of tab content */ /* Hover Logo */ /* Hover Class */ .hoverimage img { opacity: 0.75; filter: alpha(opacity=75); /* For IE8 and earlier */ } .hoverimage img:hover { opacity: 1.0; filter: alpha(opacity=100); /* For IE8 and earlier */ } /* Navigation Hover Class */ .hovernav img {opacity: 1.0; filter: alpha(opacity=100); /* For IE8 and earlier */ } .hovernav img:hover {opacity: 0.55; filter: alpha(opacity=55); /* For IE8 and earlier */ } /* semantically "clear:both" */ .group:before, .group:after { content: ""; display: table; } .group:after { clear: both; } .group { zoom: 1; } /*verification positioning and sizing*/ .verify{ width: 25px; height: 25px; } /*MyXXX page creation box hiding*/ div.createHide > div.createbox { text-align: left !important; }
 * 1) WikiHeader h1.wordmark img { opacity: 1; filter: alpha(opacity=100); /* For IE8 and earlier */ }
 * 2) WikiHeader h1.wordmark img:hover { opacity: 0.75; filter: alpha(opacity=75); /* For IE8 and earlier */ }

div.createHide > div.createbox > form.createboxForm > input.createboxInput { display: none; }

div.createHide > div.createbox > form.createboxForm > input.createboxButton { height: 19px !important; } /*Hover-expand code*/ div.expand-height-child { overflow: hidden; max-height: 0px; -webkit-transition: max-height .5s linear; -moz-transition: max-height .5s linear; transition: max-height .5s linear; } div.expand-height-parent:hover ~ div.expand-height-child, div.expand-height-child:hover { max-height: 700px; } div.expand-width-child { overflow: hidden; max-width: 0px; -webkit-transition: max-width .5s linear; -moz-transition: max-width .5s linear; transition: max-width .5s linear; } div.expand-width-parent:hover ~ div.expand-width-child, div.expand-width-child:hover { max-width: 700px; } /* Hover Class */ .hoverimage img { opacity: 0.75; filter: alpha(opacity=75); /* For IE8 and earlier */ } .hoverimage img:hover { opacity: 1.0; filter: alpha(opacity=100); /* For IE8 and earlier */ }

/* Unit placard tables */ table.unit-placard { border-collapse: collapse; }

table.unit-placard tr { line-height: 24px; }

table.unit-placard tr td { border: 0; padding: 0; }

table.unit-placard tr.unit-placard-separator { line-height: 10px; height: 6px; }

/* Clickable DIV elements with shading */ .clickable-div a { position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; }

.clickable-div a > img { width: 100%; height: 100%; }

.clickable-div a > img:hover { background: rgba(0, 0, 0, 0.2); }

/* Clickable DIV without shading */

.clickable-div-ns a { position: absolute; height: 100%; width: 100%; top: 0px; left: 0px; }

.clickable-div-ns a > img { width: 100%; height: 100%; }

/* End Clickable DIV elements */

.banner-main { width: 90%; border: 5px #4ba204 solid; /* navy */ background-color: #4ba204;/*#009999;*/ box-shadow: 5px 5px 3px #4D4D4D; font-family: Bangers; letter-spacing: 3px; text-align: center; font-size: 35px; padding: 10px; color: white; text-shadow: 3px 3px 1px black, 3px 0 1px black, 0 3px 1px black; background-image: -ms-linear-gradient(top, #a9dd0a 0%, #71a41d 100%); /* #00CED1 #007DB8 */ background-image: -moz-linear-gradient(top, #a9dd0a 0%, #71a41d 100%); background-image: -o-linear-gradient(top, #a9dd0a 0%, #71a41d 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #a9dd0a), color-stop(1, #71a41d)); background-image: -webkit-linear-gradient(top, #a9dd0a 0%, #71a41d 100%); background-image: linear-gradient(to bottom, #a9dd0a 0%, #71a41d 100%); }

.banner-sidebar { width: 270px; height: 24px; border: 5px #4ba204 solid; /* navy */ background-color: #4ba204; box-shadow: 5px 5px 3px #4D4D4D; font-family: Bangers; letter-spacing: 3px; text-align: center; font-size: 120%; color: white; text-shadow: 3px 3px 1px black, 3px 0 1px black, 0 3px 1px black; background-image: -ms-linear-gradient(top, #a9dd0a 0%, #71a41d 100%); /* #00CED1 #007DB8 */ background-image: -moz-linear-gradient(top, #a9dd0a 0%, #71a41d 100%); background-image: -o-linear-gradient(top, #a9dd0a 0%, #71a41d 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #a9dd0a), color-stop(1, #71a41d)); background-image: -webkit-linear-gradient(top, #a9dd0a 0%, #71a41d 100%); background-image: linear-gradient(to bottom, #a9dd0a 0%, #71a41d 100%); }

.banner-button { display: inline-block; position: relative; border: 5px #4ba204 solid; /* navy */ border-radius: 8px; margin: 8px; background: #a9dd0a; width: 140px; height: 100px; background-image: -ms-linear-gradient(top, #a9dd0a 0%, #71a41d 100%); background-image: -moz-linear-gradient(top, #a9dd0a 0%, #71a41d 100%); background-image: -o-linear-gradient(top, #a9dd0a 0%, #71a41d 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #a9dd0a), color-stop(1, #71a41d)); background-image: -webkit-linear-gradient(top, #a9dd0a 0%, #71a41d 100%); background-image: linear-gradient(to bottom, #a9dd0a 0%, #71a41d 100%); box-shadow: 0px 0px 10px black; }

.table-back { margin-top: 30px; margin-bottom: 15px; border: 0px ridge silver; padding: 10px; border-radius:15px; -moz-border-radius: 15px; -webkit-border-radius:15px; background-color: gainsboro; }

/* Text */

.versionhistory { margin-top:5px; margin-bottom:10px; font-size:13px; line-height:16.899999618530273px; color:rgb(102,102,102); font-family:Helvetica,Arial,sans-serif; letter-spacing:-0.20000000298023224px; }

.text-bangers-header { font-size: 35px; letter-spacing: 1.5px; color: white; font-family: Bangers; padding-left: 10px; padding-right: 10px; line-height: 35px; text-shadow: 2px 2px 1.5px black, -2px -2px 1.5px black, 2px -2px 1.5px black, -2px 2px 1.5px black, 0px -2px 1.5px black, 0px 2px 1.5px black, -2px 0px 1.5px black, 2px 0px 1.5px black, 0 5px 1.5px black, -2px 5px 1.5px black, 2px 5px 1.5px black; }

.text-border-black { text-shadow: 1px 1px 1px black, -1px -1px 1px black, -1px 1px 1px black, 1px -1px 1px black; padding-left: 4px; padding-right: 4px; }

.link-hover-white a:hover { color: white !important; }

/* border to put around Template:Quiz */

.border-quiz { margin: 15px auto; padding: 15px; border: double black 5px; }

/* Add this class to an element to hide it. The element can be made visible by clicking the notification template image. */

.Revealable { display: none; }

/* Tabber Styling */

.tabberlive > .tabbernav > li > a { /* tabber tabs */ background-color: #A9E9FF; color: #000000; } .tabberlive > .tabbernav > li > a:hover { /* tabber tabs when being hovered */ background-color: #66CCFF; color: black; } .tabberlive > .tabbernav > li > a:active { /* tabber tabs when being clicked */ } .tabberlive > .tabbernav > li.tabberactive > a { /* selected tabber tab */ color: #001A66; } .tabberlive > .tabbernav > li.tabberactive > a:hover { /* selected tabber tab when being hovered */ border-color: #00007A; border-bottom-color: transparent; color: black; } .tabberlive > .tabbernav > li.tabberactive > a:active { /* selected tabber tab when being clicked */ }

/* Hide Redirects to Mainspace pages on Category: Strategy Blogs */ .page-Category_Strategy_Blogs div#mw-pages {display: none;}

/* Blackguard Base Index Letters */

.bbase-letter { width: 18px; height: 18px; background-color: navy; text-align: center; font-size: 15px; color: white; padding: 1px; padding-bottom: 12px; padding-top: 0; margin: 1px; border: navy 1px solid; }

.bbase-letter:hover { background-color: white; color: navy; }

.bbase-letter:active { background-color: #B2C2F0; color: navy; }

/* Change color of targeted Blackguard Base entry's border */

.page-Blackguard_Base_A-B table:target, .page-Blackguard_Base_C-D table:target, .page-Blackguard_Base_E-F table:target, .page-Blackguard_Base_G-H table:target, .page-Blackguard_Base_I-J table:target, .page-Blackguard_Base_K-L table:target, .page-Blackguard_Base_M-N table:target, .page-Blackguard_Base_O-P table:target, .page-Blackguard_Base_Q-R table:target, .page-Blackguard_Base_S-T table:target, .page-Blackguard_Base_U-V table:target, .page-Blackguard_Base_W-X table:target, .page-Blackguard_Base_Y-Z table:target { border-color: #75D1FF !important; }

/* Power Core page Animation */

.page-Power_Core #powercore-glow { opacity: 0; -webkit-animation: powercore-glow 4s infinite; animation: powercore-glow 4s infinite; } @-webkit-keyframes powercore-glow { 0% {opacity: 0;} 50% {opacity: 1;} 100% {opacity: 0;} } @keyframes powercore-glow { 0% {opacity: 0;} 50% {opacity: 1;} 100% {opacity: 0;} }

/* Template:Notification */ .notification-template {display: none;} .notification-template-inline { display: inline; margin-right: 14px; cursor: pointer; } .notification-template-inline-alt { display: inline; margin-right: 6px; margin-left: 12px; float: right; cursor: pointer; }

/* Template:CollapsibleContent */ table.collapsing-table tr.collapsing-table-trigger { text-align: center; background-color: #DBF7FF; transition: background-color 500ms; -webkit-transition: background-color 500ms; -moz-transition: background-color 500ms; -o-transition: background-color 500ms; cursor: pointer; } table.collapsing-table tr.collapsing-table-trigger:hover { background-color: #85E0FF; } table.collapsing-table tr.collapsing-table-trigger span.collapsing-table-trigger-text-hidden { display: none; }

/* Table Classes */

/* For Resource Base page table */ table.rb-table, table.rb-table th, table.rb-table td { border-collapse: collapse; border: 1px #cccccc solid; color: #3a3a3a; margin: 1em 1em 1em 0; } table.rb-table th { background: #e1ffff; background: -moz-linear-gradient(top, #e1ffff 0%, #e1ffff 7%, #e1ffff 12%, #fdffff 12%, #e6f8fd 30%, #c8eefb 54%, #bee4f8 75%, #b1d8f5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1ffff), color-stop(7%,#e1ffff), color-stop(12%,#e1ffff), color-stop(12%,#fdffff), color-stop(30%,#e6f8fd), color-stop(54%,#c8eefb), color-stop(75%,#bee4f8), color-stop(100%,#b1d8f5)); background: -webkit-linear-gradient(top, #e1ffff 0%,#e1ffff 7%,#e1ffff 12%,#fdffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%); background: -o-linear-gradient(top, #e1ffff 0%,#e1ffff 7%,#e1ffff 12%,#fdffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%); background: -ms-linear-gradient(top, #e1ffff 0%,#e1ffff 7%,#e1ffff 12%,#fdffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%); background: linear-gradient(to bottom, #e1ffff 0%,#e1ffff 7%,#e1ffff 12%,#fdffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%); } table.rb-table td:nth-of-type(3n-2) { background-color: #B5A493; } table.rb-table td:nth-of-type(3n-1) { background-color: #E0D1C2; } table.rb-table td:nth-of-type(3n-0) { background-color: #E6E6E6; } table.rb-table tr:hover td { background-color: #9FDFFF; }

/* alternating-table */ table.alternating-table, table.alternating-table th, table.alternating-table td { border-collapse: collapse; border: 1px #cccccc solid; color: #3a3a3a; margin: 1em 1em 1em 0; } table.alternating-table th { background: #e1ffff; background: -moz-linear-gradient(top, #e1ffff 0%, #e1ffff 7%, #e1ffff 12%, #fdffff 12%, #e6f8fd 30%, #c8eefb 54%, #bee4f8 75%, #b1d8f5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1ffff), color-stop(7%,#e1ffff), color-stop(12%,#e1ffff), color-stop(12%,#fdffff), color-stop(30%,#e6f8fd), color-stop(54%,#c8eefb), color-stop(75%,#bee4f8), color-stop(100%,#b1d8f5)); background: -webkit-linear-gradient(top, #e1ffff 0%,#e1ffff 7%,#e1ffff 12%,#fdffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%); background: -o-linear-gradient(top, #e1ffff 0%,#e1ffff 7%,#e1ffff 12%,#fdffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%); background: -ms-linear-gradient(top, #e1ffff 0%,#e1ffff 7%,#e1ffff 12%,#fdffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%); background: linear-gradient(to bottom, #e1ffff 0%,#e1ffff 7%,#e1ffff 12%,#fdffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%); } table.alternating-table td:nth-of-type(odd) { background-color: rgba(255, 255, 255, .5); } table.alternating-table td:nth-of-type(even) { background-color: rgba(180, 180, 180, .5); } table.alternating-table tr.t-light { background-color: white; } table.alternating-table tr.t-dark { background-color: #CACACA; }

/* Blue gradient th table */ table.th-blue-table, table.th-blue-table th, table.th-blue-table td { border-collapse: collapse; border: 1px #cccccc solid; color: #3a3a3a; margin: 1em 1em 1em 0; } table.th-blue-table th { background: #e1ffff; background: -moz-linear-gradient(top, #e1ffff 0%, #e1ffff 7%, #e1ffff 12%, #fdffff 12%, #e6f8fd 30%, #c8eefb 54%, #bee4f8 75%, #b1d8f5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1ffff), color-stop(7%,#e1ffff), color-stop(12%,#e1ffff), color-stop(12%,#fdffff), color-stop(30%,#e6f8fd), color-stop(54%,#c8eefb), color-stop(75%,#bee4f8), color-stop(100%,#b1d8f5)); background: -webkit-linear-gradient(top, #e1ffff 0%,#e1ffff 7%,#e1ffff 12%,#fdffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%); background: -o-linear-gradient(top, #e1ffff 0%,#e1ffff 7%,#e1ffff 12%,#fdffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%); background: -ms-linear-gradient(top, #e1ffff 0%,#e1ffff 7%,#e1ffff 12%,#fdffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%); background: linear-gradient(to bottom, #e1ffff 0%,#e1ffff 7%,#e1ffff 12%,#fdffff 12%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%); }