MediaWiki:Wikia.css

/* --- wordmark

.wordmark.graphic { opacity:0.7; } .wordmark.graphic:hover { opacity:1; transition: 0.2s all ease;}

/* --- scrollbar
 * -webkit-scrollbar {
 * -webkit-scrollbar {

width: 12px; height: 12px; }
 * -webkit-scrollbar-thumb {

background: #005C8F; }
 * -webkit-scrollbar-thumb:hover {

background: #117DB8 !important; }
 * -webkit-scrollbar-thumb:active {

background: #5F9FC2 !important; }

/* --- modules

.ChatModule h2.chat-headline span, .WikiaRail .module h2, .mw-content-ltr .ForumActivityModule h2 { font-family: 'Open Sans'; font-weight: 300; text-transform: uppercase; }

.WikiaRail .module, .WikiaRail #RIGHT_SKYSCRAPER { border: none !important; background-color: rgba(36,111,179,0.2); }

.ChatWidget, .WikiaArticle .ForumActivityModule { border: none !important; background-color: rgba(36,111,179,0.2); box-shadow: none !important; }

/* --- article body

/* table of content / toc */ width: 300px; max-width: 330px; font-size: 90%; border: none; background-color: rgba(36,111,179,0.2); padding: 0.2em 1em; }
 * 1) toc {

/* thumbnail */ .WikiaArticle .article-thumb .caption { font-size:85%; color:#efefef; } .WikiaArticle .article-thumb { background-color: rgba(36,111,179,0.2); overflow: hidden; padding: 3px; text-align: center; } .thumbimage { background-color: rgba(36,111,179,0.3); border:none; }

/* --- portable infobox

.portable-infobox { width: 300px; padding: 3px 0; background-color: rgba(36,111,179,0.2); }

.portable-infobox .pi-title { background: transparent; font-size: 14pt; }

.portable-infobox .pi-header { background: rgba(36,111,179,0.2); font-family: 'Open Sans'; font-weight: 300; font-size: 11pt; }

.portable-infobox .pi-secondary-font { font-weight: normal !important; }

/* --- prettytable

table.prettytable { margin: 0 0.2em 1em 0; padding: 1px; border: 1px solid #0E4475; border-collapse: collapse; }

table.prettytable th { border: 1px solid #0E4475; background: rgba(36,111,179,0.1); }

table.prettytable caption { margin-left: inherit; margin-right: inherit; font-weight: bold; }

table.prettytable tr:not(:first-child) th { border: 1px solid #0E4475; background: rgba(36,111,179,0.1); }

table.prettytable td { padding: 0.1em 0.3em; border: 1px solid #0E4475; background: rgba(36,111,179,0.03); }

/* --- tabber

.tabberlive .tabbertab h2, .tabberlive .tabbertab h3 { display: block !important; } ul.tabbernav li a:link { color: #efefef !important; } ul.tabbernav li a:hover { color: #efefef !important; background-color: #1B568C !important; } ul.tabbernav li.tabberactive a { border: #0E4475 !important; background: rgba(36,111,179,0.8) !important; color: #efefef !important; } ul.tabbernav li a { border: none !important; background-color: rgba(36,111,179,0.3) !important; margin-left: 0px !important; margin-right: 1px; font-size: 14pt; font-family: Open Sans; font-weight: 300; } .tabberlive .tabbertab { border-top: 2px solid #0E4475 !important; border-left: none !important; border-right: none !important; border-bottom: 2px solid #0E4475 !important; background-color: rgba(36,111,179,0.15) !important; } ul.tabbernav { border-bottom: none !important; } .tabberlive .editsection { display: none; }

/* --- social icons

.socialfacebook, .socialtwitter, .socialtwitch, .socialyoutube { padding: 5px; width: 45px; height: 45px; background: rgba(36,111,179,0.3); border-radius: 10px; opacity: 0.5; }

.socialfacebook:hover { cursor:pointer; background: #3B5998; opacity:1; transition: 0.2s all ease; } .socialtwitter:hover { cursor:pointer; background: #00ACED; opacity:1; transition: 0.2s all ease; } .socialtwitch:hover { cursor:pointer; background: #6441A5; opacity:1; transition: 0.2s all ease; } .socialyoutube:hover { cursor:pointer; background: #BB0000; opacity:1; transition: 0.2s all ease; }

/* --- pre / code

pre { background-color: rgba(3,39,72,0.65) !important; border: 1px dashed #0E4475 !important; }

code { background-color: #2F5F8C; color: #efefef; }

.ajax-poll { background-color: rgba(36,111,179,0.1); }

/* --- misc

/* hidden value to hide items on a template like "headers"when parameters are not used class="hidden" */ .hidden { display: none !important; }

/* header background for Template:Header or other projects class="tableheader" */ /*

.tableheader { background: url('https://vignette.wikia.nocookie.net/skylines/images/4/42/Skylines_header_bg.png/revision/latest?cb=20150910221831') no-repeat center; }



/* hover effect for main page navigation class="mainpage-nav" */ .mainpage-nav { cursor:pointer; opacity:0.5; }

.mainpage-nav:hover { opacity:1; transition: 0.2s all ease; }

.mainpage-nav-2 { cursor:pointer; opacity:0.7; }

.mainpage-nav-2 a { font-family:Open Sans; font-weight:300; text-align:center; text-transform:uppercase; text-decoration: none !important; color:#fff; }

.mainpage-nav-2:hover { background: -moz-linear-gradient(top, rgba(36,111,179,0.1) 0%, rgba(36,111,179,0.4) 50%, rgba(36,111,179,0.8) 100%); /* FF3.6 */ background: -webkit-gradient(linear, right top, right bottom, color-stop(0%,rgba(36,111,179,0.1)), color-stop(50%,rgba(36,111,179,0.4)), color-stop(100%,rgba(36,111,179,0.8))); /* Chrome,Safari4+ */ opacity:1; transition: 0.2s all ease; }

/* manual of style */ .moscorrect { color: #87CF84; }

.mosincorrect { color: #CF8484; }

/* --- user hilite

.tag { color: inherit; } /* admin */ a[href="/wiki/User:Bermuda"] { color: #D1C262 !important; font-weight: bold; }

/* bot*/ a[href="/wiki/User:BermudaBot"] { color: #8CDEDC !important; font-style: italic; }

/* --- admin dashboard

.AdminDashboardHeader { border: none !important; background: rgba(36,111,179,0.2) !important; box-shadow: none !important; }

.AdminDashboardHeader h1 a { color: #ffffff; font-family: 'Open Sans'; font-weight: 300; text-transform: uppercase; }

.AdminDashboard .admin-dashboard-content .control-section header { background: transparent !important; border-top: none !important; border-bottom: 2px dotted #0E4475 !important; font-family: 'Open Sans'; font-weight: 300; }

.AdminDashboard .admin-dashboard-content .control-section .controls { background: rgba(36,111,179,0.1) !important; }


 * 1) FounderProgressWidget .preview header { background: rgba(36,111,179,0.2); }
 * 2) FounderProgressWidget .preview header:after { border-right-color: rgba(36,111,179,0.2); }

/* --- user profile masthead

/* header/name */ .UserProfileMasthead .masthead-info hgroup { background: linear-gradient(to right, #246FB3, #5B9AD4); color: white !important; font-weight: bold; text-shadow: 1px 1px 2px #222; }

/* avatar */ .UserProfileMasthead .masthead-avatar { height: 140px; width: 140px; position: relative; float: left; left: 0; top: 0; margin-right: 0; padding: 0; border: none; background: none; }

.UserProfileMasthead .masthead-info { color: #ffffff; background-color: rgba(36,111,179,0.3); position: relative; }

.UserProfileMasthead .masthead-info .tag, /* user group right */ .UserProfileMasthead .masthead-info h2, /* nickname */ .UserProfileMasthead .masthead-info h2 span, /* aka */ .UserProfileMasthead .details span, /* I AM / etc. */ .UserProfileMasthead .wikis span /* MY FAVORITE WIKIS */ { color:#ffffff; font-family: 'Open Sans'; font-weight: 300; }

.UserProfileMasthead .masthead-avatar .avatar { -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border: none; }

/* chevron */ .UserProfileMasthead .masthead-info-lower::before { display: none; }