MediaWiki:Common.css

/***** CSS placed here will be applied to all skins on the entire site. *****/

/* Changes the font colour */
 * 1) WikiaPage { color: white; }

/* Mark redirects in Special:Allpages and Special:Watchlist */ .allpagesredirect { font-style: italic; } .allpagesredirect:after { color: #808080; content: " (redirect)" } .watchlistredir { font-style: italic; }

/* Giving headers and TOC a little extra space */ h2 { margin-top: 20px; } .toc { margin-top: 20px; }

/* Infobox template style */ .infobox { border: 1px solid #aaaaaa; background-color: #f9f9f9; color: black; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; } .infobox td, .infobox th { vertical-align: top; } .infobox caption { font-size: larger; margin-left: inherit; } .infobox.bordered { border-collapse: collapse; } .infobox.bordered td, .infobox.bordered th { border: 1px solid #aaaaaa; } .infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; }

/* Forum formatting (by -Algorithm & -Splaka) */ .forumheader { border: 1px solid #aaa; margin-top: 1em; padding: 12px; } .forumlist td.forum_edited a { color: black; text-decoration: none; } .forumlist td.forum_title a { padding-left: 20px; } .forumlist td.forum_title a.forum_new { font-weight: bold; background: url(/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; }

/* Recent changes byte indicators */ .mw-plusminus-pos { color: #006500; } .mw-plusminus-neg { color: #8B0000; }

/* Image frame fix */ div.tright, div.tleft { border: 1px solid silver; }

div.thumbinner { background: inherit; border: none; color: inherit; }  color:inherit; }
 * 1) article div.thumb {

/* === Babel === */

div.babelbox { float: right; margin-left: 1em; margin-bottom: 0.5em; width: 246px; border: 1px solid #99B3FF; padding: 2px 0 2px 0; } .lang-blockN, .lang-block0, .lang-block1, .lang-block2, .lang-block3 { margin: 2px 4px 2px 4px; /* t, l, b, r */ width:238px; border-collapse: collapse; } td.lang-codeN, td.lang-code0, td.lang-code1, td.lang-code2, td.lang-code3 { text-align:center; font-size:14pt; width:45px; height:45px; } td.lang-descriptionN, td.lang-description0, td.lang-description1, td.lang-description2, td.lang-description3 { font-size:8pt; padding:4pt; line-height:1.25em; }

.lang-block0 { border:1px solid #FFB3B3; } td.lang-code0 { background-color: #FFB3B3; color: black; } td.lang-description0 { background-color: #FFE0E8; color: black; }

.lang-block1, .lang-block2, .lang-block3  { border:1px solid #99B3FF; } td.lang-code1, td.lang-code2, td.lang-code3 { background-color: #99B3FF; color: black; } td.lang-description1, td.lang-description2, td.lang-description3 { background-color: #E0E8FF; color: black; }

.lang-blockN { border:1px solid #6EF7A7; } td.lang-codeN { background-color: #6EF7A7; color: black; } td.lang-descriptionN { background-color: #C5FCDC; color: black; }

/*********************************/ /* main page jquery tabs/sliders */ /*********************************/ .ui-tabs { position: relative; padding: .2em; zoom: 1; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 0; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } .ui-tabs-hide { display: none !important; } /*****************************************************/ /* main page jquery tabs/sliders component containers*/ /*****************************************************/ /*.ui-widget { font-family: Verdana, Arial, Helvetica, sans-serif; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; } .ui-widget-content { } .ui-widget-content a { color: #FEC356; } .ui-widget-header { border: 1px solid #aaaaaa; font-weight: bold; } .ui-widget-header a { color: #222222; } */ /***************************************************/ /* main page jquery tabs/sliders interaction state */ /***************************************************/ /*.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; font-weight: normal; color: #555555; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; font-weight: normal; color: #212121; } .ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; font-weight: normal; color: #212121; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; } .ui-widget :active { outline: none; }*/ /**********/ /* portal */ /**********/ .portal_container { } .portal_section ul { list-style: disc; } .portal_section { border: 1px solid #a8a8a8 !important; margin: 0 0 10px 0; background: url("http://images.wikia.com/ayakashi-ghost-guild/images/d/df/Slider_gradient.png") repeat scroll 0 0 transparent !important; -moz-box-shadow:0px 0px 4px rgba(240,248,255,0.5); -webkit-box-shadow: 0px 0px 4px rgba(240,248,255,0.5); box-shadow: 0px 0px 4px rgba(240,248,255,0.5); -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; } .portal_header { padding: 0 1em; position: relative; } .portal_header_text { display: table; width: 100%; padding: 0.6em 0 0 0; border-bottom: 1px dotted #35586c; text-align: center; font-size: 2em; } .portal_headerlinks { font-size: 0.8em; position: absolute; right: 1em; bottom: -2em; } .portal_header, .portal_header a:link, .portal_header a:visited, .portal_header a:hover, .portal_header a:active { color: #35586c; } .portal_body { padding: 0.8em; } .portal_subheader { padding: 0 1em; position: relative; font-size: 0.9em; } .portal_subheader, .portal_subheader a:link, .portal_subheader a:visited, .portal_subheader a:hover, .portal_subheader a:active { color: #35586c; } .portal_subheader_text { display: table; width: 100%; padding: 0.4em 0 0 0; border-bottom: 1px dotted #35586c; text-align: left; font-size: 1.8em; color:#35586c; } .portal_subheader_text2 { font-size:1em; display: table; width: 100%; padding: 0.4em 0 0 0; border-bottom: 1px dotted #35586c; text-align: left; font-size: 1em; color:#35586c; } /******************/ /* portal: slider */ /******************/
 * 1) portal_slider { margin: 0px; padding: 0px; position: relative; height: 450px; }
 * 2) portal_slider #portal_next, #portal_slider #portal_prev { text-align: center; cursor: pointer; border: 0px solid #a8a8a8; height: 30px !important; width: 20px; font-family: arial, san-serif; font-size: 36px; line-height: 22px; font-weight: bold; position: absolute; bottom: 8px; background: transparent; -moz-box-shadow: inset 1px 1px 2px rgba(255,255,255, 0.8); -webkit-box-shadow: inset 1px 1px 2px rgba(255,255,255, 0.8); box-shadow: inset 1px 1px 2px rgba(255,255,255, 0.8); background-image: -moz-linear-gradient(bottom, #023667 0, #1060ad 100%); background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0, #023667), color-stop(100%, #1060ad)); background-image:-o-linear-gradient(bottom, #023667 0, #1060ad 100%); background-image:-ms-linear-gradient(bottom, #023667 0, #1060ad 100%); background-image:linear-gradient(bottom, #023667 0, #1060ad 100%); text-shadow: 1px 1px rgba(255, 255, 255, 0.3), -1px 0 rgba(0,0,0,0.3); background-color:#012e59; color: #e3e6ea; -moz-user-select: none; -webkit-user-select: none; user-select: none; }
 * 1) portal_slider #portal_next:hover, #portal_slider #portal_prev:hover { background-image: -moz-linear-gradient(bottom, #044482 0, #106ec9 100%); background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0, #044482), color-stop(100%, #106ec9)); background-image:-o-linear-gradient(bottom, #044482 0, #106ec9 100%); background-image:-ms-linear-gradient(bottom, #044482 0, #106ec9 100%); background-image:linear-gradient(bottom, #044482 0, #106ec9 100%); background-color:#012445; color: #FFF; }
 * 1) portal_slider #portal_next { right: 10px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
 * 2) portal_slider #portal_prev { right: 31px; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
 * 3) portal_slider > .portal_body { padding: 0; }

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

/* Tabber background */ .tabbertab { background: #FFF; } /* prev/next navigation */ .nav-prev { float: left; text-align: left; } .nav-prev li:before { content: "← " } .nav-next { float: right; text-align: right; } .nav-next li:after { content: " →" }

addOnloadHook(function {       var elems = document.getElementsByClassName('editsection');        for (i = 0; i < elems.length; i++) {                var span = document.createElement('span');                var link = document.createElement('a');                link.href = '#top';                link.appendChild(document.createTextNode('back to top'));                span.appendChild(document.createTextNode('['));                span.appendChild(link);                span.appendChild(document.createTextNode('] '));                elems[i].insertBefore(span, elems[i].firstChild);        } }); /* ################################################## */ /* ### Quizes                                    ### */ /* ###                                           ### */ /* ################################################## */ .answers li { list-style: upper-alpha; }

label { margin-left: 0.5em; cursor: pointer; }

background: #dddada; color: 000000; padding: 3px; text-align: center; width: 200px; cursor: pointer; border: 1px solid gray; }
 * 1) results {

background: #3d91b8; color: #ffffff; padding: 3px; text-align: center; width: 200px; cursor: pointer; border: 1px solid gray; }
 * 1) results:hover {

margin-top: 6px; display: none; }
 * 1) categorylist {

display: none; }
 * 1) category1, #category2, #category3, #category4, #category5, #category6, #category7, #category8, #category9, #category10, #category11 {

display: none; font-style: italic; }
 * 1) closing {

/* tabber overrides*/

.tabberlive .tabbertab { border: 1px #6D0D00 solid !important; border-top:0 !important; background-color: #000000 !important; }

ul.tabbernav { border-bottom: 1px #6D0D00 solid !important; font: bold 14px Arial, sans-serif !important; }

ul.tabbernav li a:link { color: #A4770F!important; } ul.tabbernav li a:visited { color: #A4770F!important; }

ul.tabbernav li.tabberactive a, ul.tabbernav li a:hover, ul.tabbernav li a { color: #A4770F !important; border: 1px #6D0D00 solid !important; background-image: -moz-linear-gradient(   center bottom,    rgb(0,0,0) 0%,    rgb(43,4,0) 100%) !important; background-image: -webkit-gradient(   linear,    left bottom,    left top,    color-stop(0, rgb(0,0,0)),    color-stop(1, rgb(43,4,0))) !important; }

ul.tabbernav li a[disabled="disabled"] { font-weight: normal !important; color: #9f9f9f !important; outline-style: none !important; }

ul.tabbernav li.tabberactive a { border-bottom: 1px solid #000000 !important; }

/* end of tabber overrides*/

/*** 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: #7FB5D7; color: white; 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 */

/*Button appearance*/ .button { padding: 10px; margin-right: 8px; margin-bottom:10px; font-family: Arial, Tahoma, Verdana, FreeSans, sans-serif; text-shadow:0 1px 1px rgba(0, 0, 0, 0.25); display: inline-block; white-space: nowrap; line-height:1em; position:relative; outline: none; overflow: visible; cursor: pointer; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius:4px; box-shadow:1px 1px 2px 0 #CCCCCC; -moz-box-shadow: 1px 1px 2px 0 #CCCCCC; -webkit-box-shadow: 1px 1px 2px 0 #CCCCCC; }

.button_about { background: url(http://i47.tinypic.com/2ni0ahd.png) 3px 5px no-repeat; padding-left: 35px; padding-right: 15px; }

.button_blue { border: 1px solid #305875; color: #FBFBFB; background-color: #3D6E97; } .button_blue:hover { color: #FBFBFB; opacity:0.9; filter:alpha(opacity=90); } /*End of Button Appearance*/

/**************************** Collapsible Tables /* Standard Navigationsleisten, (aka box hiding thing from .de. Documentation at Wikipedia:NavFrame.) */ div.Boxmerge, div.NavFrame { margin: 0px;                padding: 4px; border: 1px solid #aaa;    text-align: center; border-collapse: collapse; font-size: 95%; } div.Boxmerge div.NavFrame { border-style: none; border-style: hidden; } div.NavFrame + div.NavFrame { border-top-style: none; border-top-style: hidden; } div.NavPic { background-color: #fff; margin: 0px; padding: 2px; float: left; } div.NavFrame div.NavHead { height: 1.6em; font-weight: bold; background-color: #ccccff; position:relative; } div.NavFrame p { font-size: 100%; } div.NavFrame div.NavContent { font-size: 100%; } div.NavFrame div.NavContent p { font-size: 100%; } div.NavEnd { margin: 0px; padding: 0px; line-height: 1px; clear: both; } a.NavToggle { position:absolute; top:0px; font-weight:normal; font-size:smaller; } /* Folding Multi Wiki Tabs by Splarka (http://www.wikia.com/wiki/User:Splarka/tricks) */ .foldtabSet { position: relative; margin: 1.5em 0 1em; } .foldtabBox { position: relative; padding: 0.5em; background-color:#FFF; overflow: auto; border: 1px solid #AAA; z-index: 1; } .foldtabHead a { position: relative; left: 0.5em; border: 1px solid #AAA; padding: 0.13em 1em; font-size: 150%; text-decoration: none; color: #00A; background-color: #E0E0FF; background-color: #F0F0F0; z-index: 0; } .foldtabHead a.selected { top: -0.15em; border-width: 2px; border-bottom: none; background-color: #FFF; z-index: 2; }

/*The order that names appear on this list determine which title takes precedence. A user will be marked by the last entry in this list, no matter how many entries they have. These are called "special" users A user will be marked with the last designation on this list that they have: /* Admin */ a[href="/wiki/User:Valekvespa"] { color: #800000; font-weight:bold; !important; } a[href="/wiki/User:YakumoRen"] { color: #008000; font-weight:bold; !important; } a[href="/wiki/User:RyuuSkarWolfingston"] { color: #00BFFF; font-weight:bold; !important; } a[href="/wiki/User:Dark_summoners"] { color: #000080; font-weight:bold; !important; } a[href="/wiki/User:ClockworkBunni"] { color: #915C83; font-weight:bold; !important; }
 * Rollbacker
 * Chat moderator
 * Administrator
 * Bureaucrat
 * Former Admins*/

/* Changing color of Special User Blog Comments */ /*** Article Comments - Highlighting ***/ .comments li[data-user="RyuuSkarWolfingston"] > blockquote { background: #2E8AE6 !important; } .comments li[data-user="RyuuSkarWolfingston"] > blockquote:after { border-color: transparent #2E8AE6 #2E8AE6 transparent !important; } .comments li[data-user="RyuuSkarWolfingston"] > blockquote div { background: transparent !important; } .comments li[data-user="RyuuSkarWolfingston"] > blockquote { color:black !important; }

a[href*="wiki/Message_Wall:RyuuSkarWolfingston"] { color: #1E90FF; } a[href*="wiki/User_blog:RyuuSkarWolfingston"] { color: #87CEFA; } a[href*="wiki/Special:Contributions/RyuuSkarWolfingston"] { color: #B0E0E6 }