User:Ericwong99/Wikia.css

/* = Wikia Design = */ .WikiaPage .WikiaPageBackground{background: url(ttp://img1.wikia.nocookie.net/__cb20140625124726/towerofsaviors/images/9/98/Bg.jpg);} .WikiaPage{border: 0px none transparent; font-family: 'lucida grande', Tahoma, Verdana, Arial, sans-serif;} .WikiaArticle{font-size: 13px;} .toc {border: 1px solid rgba(135,127,89,.4) !important; background: rgba(250,250,210,.2) !important; font-size: 9.5pt;} .pi-title { background-image: none !important; } .pi-header { background-image: none !important; } .WikiaArticle h2{ position: relative; background-image: url(http://vignette2.wikia.nocookie.net/towerofsaviors/images/e/e1/Bar.png/revision/latest/scale-to-width/635); background-position: left top; background-size: contain; background-repeat: no-repeat; border-bottom: 0px none transparent; padding: 10px; margin-left: -10px; color:#fff; overflow: visible; font-size:16pt; } .WikiaArticle #toctitle h2{background: none;} .WikiaArticle .bar1{ position:relative; background-image:url(http://img2.wikia.nocookie.net/__cb20140706194522/towerofsaviors/images/a/ac/Bar1.png); background-position:left top; background-size:contain; background-repeat:no-repeat; border-bottom:0 none transparent; padding:10px; margin-left:-10px; overflow:visible; color:#fff; font-size:18pt;}
 * 1) WikiaUserPagesHeader{background: none;}
 * 1) toc-wrapper { max-width:320px;}

/* = Wikia Rail Design= */ .WikiaRail{overflow: visible;} .WikiaRail section.module h1{padding-left: 20px;} .WikiaRail section.module .more{display: inline-block; float: none; width: 100%; text-align: right;} .WikiaRail .ChatModule .chat-join{right: 20px;} @media screen and (max-width: 1023px){ .WikiaRail .fluid{ width: 32%; float: left; }   .WikiaRail .fluid:not(:last-of-type){margin-right: 2%;} #WikiaRail .module{ width: 30%; padding-left: 2%; padding-right: 2%; float: left; }   #WikiaRail .module:not(:last-of-type){margin-right: 2%;} .WikiaRail.loaded{ column-count: 1; -moz-column-count: 1; -webkit-column-count: 1; }
 * 1) LatestPhotosModule{display: none;}

/* = Attribute Color = */ .attr-w{background: rgba(163,223,245,.3);} .attr-f{background: rgba(255,162,132,.3);} .attr-e{background: rgba(130,252,155,.3);} .attr-d{background: rgba(208,155,210,.3);} .attr-l{background: rgba(252,248,150,.3);} .attr-none{background: none;}

input.input, select.input{ border-radius: 4px; border: 1px solid silver; text-align: center; } input.input[disabled], select.input[disabled]{ border-color: #aaa; background: #aaa; }

/* = Voting Polls = */ v.ajax-poll { border: none !important; } div.ajax-poll .header{ font-size:9.5pt !important; } div.pollAnswerVotes {} div.pollAnswerName { color:orange !important; font-weight:bold !important; font-size:9.5pt !important; }

/* = Stage Data = */ .stageData{width: 100%; border: 1px solid #aaa !important; text-align: center;} .stageData td.span{border-top-width: 0px; border-bottom-width: 0px;} .stageData td.random{border-top-width: 1px; border-bottom-width: 1px;} .stageData td.stage{ border-top-width: 1px; border-bottom-width: 0px; position: relative; overflow: hidden; } .stageData td.special{ width: 1em; line-height: 24px; } .stageData td:first-child{position:relative; overflow:hidden;} .stageData td:last-child{text-align:left; padding:0 5px;} .stageData .stageDataName{ border-collapse: collapse; text-align: left; width: 100%; } .stageData .stageDataName td{border:0; padding:0;} .stageData .stageDataName td:first-child{width: 50px;} .stageData .stageDataDrop{ position: absolute; top: -6px; left: -7px; height: 45px; padding: 8px; border-radius: 10px; white-space: nowrap; } .stageData .stageDataDrop>div, .stageData .stageDataDrop>span{display: inline-block; margin: 0 2px;} .stageData .stageDataDropMore{ position: absolute; top: -3px; left: -1px; height: 1em; font-size: 20px; line-height: 1; font-weight: bold; } .stageData .stageDataDropPlus{color: cyan;}

/* = Tabber = */ div.dailies > .tabberlive > ul.tabbernav > li.tabberactive > a:link { color: #000; border: 0 !important; background-color: transparent !important;} div.dailies > .tabberlive > ul.tabbernav > li > a:link { color: #000; border: 1px solid rgba(135,127,89,.4) !important; background-color: rgba(212,200,139,.5) !important;} div.dailies > .tabberlive > ul.tabbernav > li > a:hover { color: #000; border: 1px solid rgba(135,127,89,.4) !important; background-color: rgba(230,224,173,.5) !important;} div.dailies > .tabberlive > .tabbertab { background-color: transparent; border:0;} div.dailies ul.tabbernav li.tabberactive a,div.dailies ul.tabbernav li a:hover,div.dailies ul.tabbernav li a { line-height:22px; overflow: hidden; /* hide out of range */ white-space: nowrap; /* continue to next row */ } div.dailies > .tabberlive > ul.tabbernav {border-bottom: 1px;} div.dailies > .tabberlive > .tabbertab a {border: 0;} div.dailies > .tabberlive > .tabbertab a:hover {border: 0;} div.dailies > .tabbertab {border:0 !important; border-top: 1px solid rgba(135,127,89,.4) !important;}

/* = Selected Tabs = */ ul.tabs li.selected a { color: #000 !important; background: a(186,176,119,.5) !important; border: 3px solid rgba(135,127,89,.7) !important; border-bottom: none !important; border-radius: 4px 4px 0 0 !important; } /* Normal Tab; NOT selected */ ul.tabs li a { background: none !important; color: #000 !important; border: 2px solid ba(135,127,89,.7) !important; border-bottom: none !important; } /* Contents of the selected tab */ div.tabBody.selected { background: none !important; border: 0px !important; border-radius: 0 0 8px 8px !important; padding: 5px !important; }

/* = Title Icon = */ .titleIcon{ display: inline-block; position: relative; width: 50px; height: 0px; vertical-align: middle; font-size:16pt; } .titleIcon>a, .titleIcon>img, .titleIcon>span{ position: absolute; top: -25px; } .titleLimit{ display: inline-block; position: absolute; top: 4px; left: 340px; vertical-align: middle; font-size:16pt; }

.SocialMediaButtons {clear: both;}

/* = Query Btn = */ .queryButton { -moz-box-shadow:inset 0 1px 0 0 #c2b572; -webkit-box-shadow:inset 0 1px 0 0 #c2b572; box-shadow:inset 0 1px 0 0 #c2b572; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a89950), color-stop(1, #e4dbaa)); background:-moz-linear-gradient(top, #a89950 5%, #e4dbaa 100%); background:-webkit-linear-gradient(top, #a89950 5%, #e4dbaa 100%); background:-o-linear-gradient(top, #a89950 5%, #e4dbaa 100%); background:-ms-linear-gradient(top, #a89950 5%, #e4dbaa 100%); background:linear-gradient(to bottom, #a89950 5%, #e4dbaa 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a89950', endColorstr='#e4dbaa',GradientType=0); background-color:#a89950; -moz-border-radius:6px; -webkit-border-radius:6px; margin:5px; border-radius:6px; border:1px solid #9e8e48; display:inline-block; cursor:pointer; color:#5e542b; padding:0 10px; font-family: Georgia, Serif; font-weight:bold; text-decoration:none; text-shadow:0 1px 0 #e4dbaa;} .queryButtonActive { border-top-color: #958942; background: #958942; color: #000;}

/* = Username Highlights = */ /* Bureaucrat */ a[href="/wiki/User:JoetjeF"], a[href="/wiki/User:Lycentia"], a[href="/wiki/User:RaccoonKun"] {color:#ca8430; font-weight:bold;} /* Sysop */ a[href="/wiki/User:Ericwong99"], a[href="/wiki/User:Btoky"] {color:#9370DB; font-weight:bold;} /* Rollback */ a[href="/wiki/User:Kafziel710"], a[href="/wiki/User:BSIQ"] {color:#4682B4; font-weight:bold;} /* Comment Highlights */ .comments li[data-user="BSIQ"] blockquote, .comments li[data-user="Btoky"] blockquote, .comments li[data-user="Ericwong99"] blockquote, .comments li[data-user="JoetjeF"] blockquote, .comments li[data-user="Kafziel710"] blockquote, .comments li[data-user="Lycentia"] blockquote, .comments li[data-user="RaccoonKun"] blockquote { background:#EEE8AA !important;} .comments li[data-user="BSIQ"] blockquote:after, .comments li[data-user="Btoky"] blockquote:after, .comments li[data-user="Ericwong99"] blockquote:after, .comments li[data-user="JoetjeF"] blockquote:after, .comments li[data-user="Kafziel710"] blockquote:after, .comments li[data-user="Lycentia"] blockquote:after, .comments li[data-user="RaccoonKun"] blockquote:after { border-color:transparent #DAA520 #DAA520 transparent !important;} .comments li[data-user="BSIQ"] blockquote div, .comments li[data-user="Btoky"] blockquote div, .comments li[data-user="Ericwong99"] blockquote div, .comments li[data-user="JoetjeF"] blockquote div, .comments li[data-user="Kafziel710"] blockquote:after, .comments li[data-user="Lycentia"] blockquote div, .comments li[data-user="RaccoonKun"] blockquote div { background:transparent !important;}