MediaWiki:Common.css

/***** CSS placed here will be applied to all skins on the entire site. *****/ @import url(https://fonts.googleapis.com/css?family=Roboto:100); @import "MediaWiki:CustomDiscordWidget.css"; /** Play Free box **/ .mainpage-box-playfree { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -o-user-select: none; -user-select: none; cursor: pointer; background:#D40001; display: block; transform: skew(30deg); width: 260px; margin: 0 auto 15px; padding:10px 0px; text-align: center; } .mainpage-box-playfree a{   font-family:'Open Sans'; font-weight: light; text-transform: uppercase; text-decoration: none !important; font-size: 30px; color: #FFFFFF; } .mainpage-box-playfree:hover { background:#e53b3c; }

/* 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: 10px; } .toc { margin-top: 10px; }

/* Allow limiting of which header levels are shown in a TOC; , for instance, will limit to  showing ==headings== and ===headings=== but no further (as long as there are no =headings= on the page, which  there shouldn't be according to the MoS). */ .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; }

/** Infobox template **/ .infobox { background-color: #d4d4d4; border: 1px solid #CCCCCC; color: #1C1C1C; float: right; font-size: 11px; margin: 0px 0px 10px 2em; width: 270px; } .infobox .name { background: none repeat scroll 0% 0% #3A3A3A; color: #eeeeee; font-size: 16px; padding: 1em; text-align: center; } .infobox .image { height: 200px; padding: 0.5em; text-align: center; } .infobox .category { background: none repeat scroll 0% 0% #3A3A3A; color: #eeeeee; } .infobox .category a { color:#afd8ff; } .infobox .left { font-weight:700; background: none repeat scroll 0% 0% #3A3A3A; color: #eeeeee; text-align: right; padding-right: 5px; } .infobox .left a { font-weight:700; color:#afd8ff; } .infobox .right { padding: 1px 5px; text-align: left; width: 60%; } /** Infobox horizontal**/ .ibox-hori { background-color: #d4d4d4; border: 1px solid #CCCCCC; color: #1C1C1C; float: left; font-size: 11px; margin: 0px 0px 10px 2em; width: 660px; } .ibox-hori .name { background: none repeat scroll 0% 0% #3A3A3A; color: #eeeeee; font-size: 16px; padding: 3px; text-align: center; } .ibox-hori .image { height: 200px; padding: 0.5em; text-align: center; } .ibox-hori .category { background: none repeat scroll 0% 0% #3A3A3A; color: #eeeeee; } .ibox-hori .category a { color:#afd8ff; } .ibox-hori .left { background: none repeat scroll 0% 0% #3A3A3A; color: #eeeeee; text-align: right; padding-right: 5px; } .ibox-hori .left a { color:#afd8ff; } .ibox-hori .right { padding: 1px 5px; text-align: left; width: 110px; } /***** Portable Infobox - styles of old class names ******/ /***** (to be removed ones new class names are released) *****/ .portable-infobox { background-color: #d4d4d4; border: 1px solid #CCCCCC; color: #1C1C1C; font-size: 11px; width: 268px; padding: 0px 0px 5px 0px; } .portable-infobox .item-type-key-val { box-sizing: border-box; display:table; width: 100%; } .portable-infobox .portable-infobox-item-label, .portable-infobox .portable-infobox-item-value { display: table-cell !important; /* needed for proper handling of tabber */ padding-left: 7px; font-size: 11px; } .portable-infobox .portable-infobox-item-value { padding-top: 2px; } .tabberlive .tabbertab .portable-infobox h3.portable-infobox-item-label { display: table-cell !important; /* needed for proper handling of tabber */ } .portable-infobox .portable-infobox-item-label { padding-left: 10px; width: 89px; background: none repeat scroll 0% 0% #3A3A3A; color: #eeeeee; text-align: right; padding-right: 5px; vertical-align: middle; } .portable-infobox .portable-infobox-item-label a { color: #afd8ff; } .portable-infobox .item-type-key-val:not(:last-of-type) { border-bottom: 0px; } /** Styling section headers **/ .portable-infobox .item-type-header .portable-infobox-secondary-font { font-size: 11px; padding: 2px; color: #eeeeee; } .portable-infobox .portable-infobox-item-margins { padding: 2px 4px 0px 4px; min-height: 26px; } .portable-infobox .item-type-header { background-color: #3A3A3A; margin: 2px 4px 0px 4px; height: 24px; text-align: center; min-height: 0px; } .portable-infobox .item-type-title { background-color: #3A3A3A; color: #eeeeee; font-size: 16px; padding: 1em; text-align: center; margin: 4px; } /***** Portable Infobox - styles for new class names *****/ /***** (changes to be announced soon) *****/ .portable-infobox { background-color: #d4d4d4; border: 1px solid #CCCCCC; color: #1C1C1C; font-size: 11px; width: 268px; padding: 0px 0px 5px 0px; } .portable-infobox .pi-data { box-sizing: border-box; display:table; width: 100%; } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { display: table-cell !important; /* needed for proper handling of tabber */ padding-left: 7px; font-size: 11px; } .portable-infobox .pi-data-value { padding-top: 2px; } .tabberlive .tabbertab .portable-infobox h3.pi-data-label { display: table-cell !important; /* needed for proper handling of tabber */ } .portable-infobox .pi-data-label { padding-left: 10px; width: 89px; background: none repeat scroll 0% 0% #3A3A3A; color: #eeeeee; text-align: right; padding-right: 5px; vertical-align: middle; } .portable-infobox .pi-data-label a { color: #afd8ff; } .portable-infobox .pi-item:not(:last-of-type) { border-bottom: 0px; } /** Styling Syndicates themes **/ .pi-theme-steel .pi-image { background-color:#2C3F46; } .pi-theme-hexis .pi-image { background-color:#374045; } .pi-theme-suda .pi-image { background-color:#3D375D; } .pi-theme-perrin .pi-image { background-color:#3D4963; } .pi-theme-redveil .pi-image { background-color:#3D1839; } .pi-theme-loka .pi-image { background-color:#2A3C2E; } .pi-theme-conclave .pi-image { background-color:black; } .pi-theme-simaris .pi-image { background-color:#5F3C0D; } /** Styling section headers **/ .portable-infobox .pi-header.pi-secondary-font { font-size: 11px; padding: 2px; color: #eeeeee; } .portable-infobox .pi-item-spacing { padding: 2px 4px 0px 4px; min-height: 26px; } .portable-infobox .pi-header { background-color: #3A3A3A; margin: 2px 4px 0px 4px; text-align: center; min-height: 0px; } .portable-infobox .pi-title { background-color: #3A3A3A; color: #eeeeee; font-size: 16px; padding: 1em; text-align: center; margin: 4px; } /** Styling image tabbers **/ .portable-infobox .pi-image-collection-tabs li { background: transparent; border: 1px solid transparent; } .pi-image-collection-tab-content { background-color:transparent; } ul.pi-image-collection-tabs { font-family:Roboto; font-weight:300; font-size:15px; } ul.pi-image-collection-tabs li.current { font-weight:300; color:#3366FF; background:transparent; }

/* 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; } /* TabView extension */ .yui-content { background-color: #EDF5FF; /*border: solid 1px;*/ padding: 0.25em 0.5em; } .yui-nav { border-color:#EDF5FF; border-style:solid; border-width:0pt 0pt 5px; margin: 0px !important; } .yui-skin-sam .yui-navset .yui-nav, .yui-skin-sam .yui-navset .yui-navset-top .yui-nav { border-color:#EDF5FF; border-style:solid; border-width:0pt 0pt 5px; } .yui-navset .yui-nav .selected { background-color: #EDF5FF; } .yui-navset .yui-nav li { padding-left: 10px; padding-right: 10px; } /*Tabber*/ .tabberlive .tabbertab h2, .tabberlive .tabbertab h3 { display:block !important; }

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

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

/* Main page */ /** General **/ .mainpage-header { position:relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: black; padding-top: 14px; padding-left: 22px; height: 54px; width: 97.5%; width: -moz-calc(100% - 35px); width: -webkit-calc(100% - 35px); width: -o-calc(100% - 35px); width: calc(100% - 35px); margin-bottom: 5px; margin-top: 19px; font-size:25px; color:white; font-family:'Open Sans'; font-weight:700; } .mainpage-header-right { position:absolute; top:0px; right:-20px; height:100%; width:50px; background:black; transform: skew(30deg); } .mainpage-header-sub { font-size:25px; color:#D50F04; font-family:'Open Sans'; font-weight:700; } .mainpage-header-news { margin-bottom: 10px; font-size:25px; color:#D50F04; font-family:'Open Sans'; font-weight:700; } /** Content box **/ .mainpage-box-content { margin-top: -3px; } .mainpage-box-content .buttons { text-align: center; } .mainpage-box-content .buttons-top { margin-bottom: 15px; } .mainpage-box-content .buttons-bottom { margin-top: 11px; } .mainpage-box-content .button-item { display: inline-block; } .mainpage-box-content .content { margin: 0px auto; text-align: center; width: 670px; } .mainpage-box-content .content-item { display: inline-block; margin-bottom: 4px; } /** Blogs box **/ .mainpage-box-blogs { margin-bottom: 10px; } .mainpage-box-blogs .wikia-button, .mainpage-box-blogs .more { display: none; } .mainpage-box-blogs .WikiaBlogListing .WikiaBlogListingPost .author-details h2 { font-size:1.1em; line-height:16px } .mainpage-box-blogs .recent { float: left; margin-top: 7px; width: 50%; } .mainpage-box-blogs .popular { float: right; margin-top: 7px; width: 48%; width: -moz-calc(50% - 10px); width: -webkit-calc(50% - 10px); width: -o-calc(50% - 10px); width: calc(50% - 10px); } .mainpage-box-blogs .administration { float: right; margin-bottom: 10px; margin-top: 12px; width: 48%; width: -moz-calc(50% - 10px); width: -webkit-calc(50% - 10px); width: -o-calc(50% - 10px); width: calc(50% - 10px); } .mainpage-box-blogs .WikiaBlogListing { border: 1px solid #c8ced0; margin-top: 9px; background: rgba(255,255,255,0.5); } .mainpage-box-blogs .WikiaBlogListing .WikiaBlogListingPost { border-bottom: 1px solid #749fb0; padding: 15px; } .mainpage-box-blogs .WikiaBlogListingPost:last-child { border: medium none; } .mainpage-box-blogs .author-details h1 { font-size: 15px; } /*Make all h3 headers bold*/ .WikiaArticle h3 .mw-headline { font-weight:bold; } /*White space fix (http://community.wikia.com/wiki/Forum:Annoying_margin_before_indent-via-colon)*/ .WikiaArticle dt { font-size: 14px; } .WikiaArticle dl { margin: 0; } dd > dl { margin-top: 5px !important; } p + ul { margin-top: -5px !important; }