MediaWiki:Wikia.css

@import url("/index.php?title=MediaWiki:Wikia.css/Usernames.css&action=raw&ctype=text/css");
/* Importing Sliders stylesheet for slider usage */
/* MediaWiki:Wikia.css/Sliders.css, MediaWiki:Common.js/Sliders.js */
@import url("/index.php?title=MediaWiki:Wikia.css/Sliders.css&action=raw&ctype=text/css");
@import url("/index.php?title=MediaWiki:Wikia.css/Lugia.css&action=raw&ctype=text/css");
/* CSS for Tabber2 */
@import url("/index.php?title=MediaWiki:Wikia.css/Tabber2.css&action=raw&ctype=text/css");
@import url("/index.php?title=MediaWiki:Wikia.css/Spottra.css&action=raw&ctyle=text/css");

a.tag {
	color: inherit;
}

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

/* Removing "Added By" from image thumbnails */
.WikiaArticle .picture-attribution {display:none;}

/* 
 * Remove comments section from specific pages
 * body.page-<pagename> #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
 *   <div class="noautonum">__TOC__</div>
 * 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 */

/*<syntaxhighlight lang="css"><pre>*/
/* === Template:Ambox designs === */

/* Ambox design */
.ambox {
    font-size: 95%;
    width: 80%; 
    margin: 0 auto;
    border: 1px #AAA solid;
    border-left: 10px solid #228b22;
    border-collapse: collapse;
    background-color: #EEE;
}

/* Ambox colours */
.ambox-blue {
    border-left: 10px solid #1e90ff;    /* Blue (notice) */
}
.ambox-red {
    border-left: 10px solid #b22222;    /* Red (delete/serious) */
}
.ambox-orange {
    border-left: 10px solid #f28500;    /* Orange (content) */
}
.ambox-yellow {
    border-left: 10px solid #f4c430;    /* Yellow (style) */
}
.ambox-purple {
    border-left: 10px solid #9932cc;    /* Purple (merge) */
}
.ambox-gray {
    border-left: 10px solid #bba;        /* Gray (protection) */
}
.ambox-green {
    border-left: 10px solid #228b22;    /* Green */
}

/* Ambox small text */
.ambox-smalltext {
    font-size: smaller;
    margin-top:0.5em;
    margin-left:0.8em;
}

/* Ambox image */
.ambox-image {                    /* The left image cell */
    width: 60px;
    padding: 2px 0px 2px 0.5em;        /* 0.5em left, 0px right */
    text-align: center;
}

@media print { .ambox { display: none; } }    /* no ambox when printing */
/*</pre></syntaxhighlight>*/

/* 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(http://images.wikia.com/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 */
#WikiHeader h1.wordmark img { opacity:0.75; filter:alpha(opacity=75); /* For IE8 and earlier */ }
#WikiHeader h1.wordmark img:hover { opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */ }
 
/* 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:0.55; filter:alpha(opacity=55); /* For IE8 and earlier */ }
.hovernav img:hover { opacity:1.0; filter:alpha(opacity=100); /* 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;
}
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;
}

/* Approximating the look of a <pre> tag while still allowing substitution */
div.preformatted {
   font-family: monospace;
   white-space: pre;
   font-size: 13px;
   line-height: 13px;
   background-color: rgb(242,242,242);
   border: 1px solid rgb(204,204,204);
   padding: 10px;
}

/* "Layouts" page Town Hall headers */
div.town-hall-10 {
   border: 4px ridge #701000;
   background-color: #701000;
   background: -moz-radial-gradient(50% 50%, #701000, #fff);
   background: -webkit-radial-gradient(50% 50%, #701000, #fff);
   background: -o-radial-gradient(50% 50%, #701000, #fff);
   background: -ms-radial-gradient(50% 50%, #701000, #fff);
   background: radial-gradient(50% 50%, #701000, #fff);
   padding: 3px;
}

div.town-hall-9 {
   border: 4px ridge #000;
   background-color: #000;
   background: -moz-radial-gradient(50% 50%, #000, #fff);
   background: -webkit-radial-gradient(50% 50%, #000, #fff);
   background: -o-radial-gradient(50% 50%, #000, #fff);
   background: -ms-radial-gradient(50% 50%, #000, #fff);
   background: radial-gradient(50% 50%, #000, #fff);
   padding: 3px;
}

div.town-hall-8-and-below {
   border: 4px ridge #ff7b00;
   background-color: #ff7b00;
   background: -moz-radial-gradient(50% 50%, #ff7b00, #fff);
   background: -webkit-radial-gradient(50% 50%, #ff7b00, #fff);
   background: -o-radial-gradient(50% 50%, #ff7b00, #fff);
   background: -ms-radial-gradient(50% 50%, #ff7b00, #fff);
   background: radial-gradient(50% 50%, #ff7b00, #fff);
   padding: 3px;
}

div.town-hall-10 h3,
div.town-hall-9 h3,
div.town-hall-8-and-below h3 {
   font-weight: bold;
   font-style: italic;
   font-size: 24px;
   margin-top: 0px;
   margin-bottom: 0px;
   border-bottom: 0px;
   color: #fff;
}

div.town-hall-10 h3 a:link,
div.town-hall-9 h3 a:link,
div.town-hall-8-and-below h3 a:link,
div.town-hall-10 h3 a:active,
div.town-hall-9 h3 a:active,
div.town-hall-8-and-below h3 a:active,
div.town-hall-10 h3 a:visited,
div.town-hall-9 h3 a:visited,
div.town-hall-8-and-below h3 a:visited {
   color: #fff !important;
}

/* Poll backgrounds for main page */

body.page-Clash_of_Clans_Wiki .ajax-poll{
    background-color: #AEAEAE;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 30px 0 #cccccc;
    -moz-box-shadow: 0 0 30px 0 #cccccc;
    box-shadow: 0 0 30px 0 #cccccc;
}

.pollAnswerVotes div {
    background-color: rgb(221, 54, 10) !important;
    border-color: rgb(221, 54, 10) !important;
}

.pollAnswerVotes {
    border-color: rgb(221, 54, 10) !important;
    margin-left: 0px !important;
}

div.ajax-poll {
    background-color: silver !important;
    border-color: rgb(221, 54, 10) !important;
}