MediaWiki:Wikia.css

@import url(http://fonts.googleapis.com/css?family=Oxygen:700); /*Wiki Articles*/ h1, .WikiaArticle h2, .WikiaArticle h3, #wkRelPagHead{ font-family: 'Oxygen', sans-serif; }

/*Wiki Top Navigation (from Pokemon wikia)*/ #WikiHeader > div.buttons > nav > ul {width:125px; border-top-right-radius:6px;} #WikiHeader > nav > ul > li.nav-item.marked {border-radius:10px 10px 0px 0px; } #WikiHeader > nav > div {border-bottom-left-radius:10px; border-top-right-radius:0px} #WikiHeader > nav > ul > li.nav-item.marked > a {border-top:0px;} #WikiHeader > div.buttons > nav > ul {width:125px; border-top-right-radius:6px; }

#WikiHeader > nav > ul > li.nav-item.marked > a {border-top:0px; color:#FFFFFF; } #WikiHeader > nav > ul > li.nav-item.marked > ul > li > a {color:#fff; } #WikiHeader > nav > div > div {display:none;} #WikiHeader > nav > ul > li {border-bottom:0px;} #WikiHeader > nav > div > img {display:none;}

.WikiHeader > nav .subnav-2 li.marked2 .subnav-2a {color:#3a3a3a;}

ul.nav{ background-color: #ffffff; background-color: rgba(255,255,255,0.5); border-top-left-radius:10px; border-top-right-radius:4px; }

/*Sidebar (by BoatsAreRockable)*/ .WikiaRail .module { border: 1px solid #d8d8d8; border-radius: 0px; padding: 3px; background: none; } /*Sidebar titles*/ .WikiaRail .module h1.activity-heading, .WikiaRail .module h1.tight, .WikiaBlogListingBox h3, .module.ForumActivityModule h1, .FollowedPagesModule .module h1, .masthead-info hgroup, section.HotSpotsModule.module h1, .CommunityCornerModule h2.dark_text_2 {   padding: 10px; margin: 0px 0px 10px 0px; text-align: left; line-height: 25px; background: rgb(0,108,176); /* Old browsers */ background: -moz-linear-gradient(left, rgba(0,108,176,1) 0%, rgba(59,136,198,1) 76%, rgba(70,142,201,1) 92%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,108,176,1)), color-stop(76%,rgba(59,136,198,1)), color-stop(92%,rgba(70,142,201,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(0,108,176,1) 0%,rgba(59,136,198,1) 76%,rgba(70,142,201,1) 92%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(0,108,176,1) 0%,rgba(59,136,198,1) 76%,rgba(70,142,201,1) 92%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(0,108,176,1) 0%,rgba(59,136,198,1) 76%,rgba(70,142,201,1) 92%); /* IE10+ */ background: linear-gradient(to right, rgba(0,108,176,1) 0%,rgba(59,136,198,1) 76%,rgba(70,142,201,1) 92%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006cb0', endColorstr='#468ec9',GradientType=1 ); /* IE6-9 */ font-family: 'Oxygen', sans-serif; font-size: 22px; border-radius:0px; color: #ffffff; } /*Moving button in recent blogs box*/ .WikiaBlogListingBox a.wikia-button{ position: relative; top: 12px; right: 5px; } /*Tidying up Recent photos module*/ .latest-images-left{ position: relative; right: -10px; z-index: 2; } .latest-images-right{ position: relative; right: 10px; z-index: 2; } /*Tidying up recent blogs module*/ div.author-details h1{background-color: #fff;}

/*Main page Category boxes*/ div.mpcatbox { border: 1px solid #d8d8d8; padding: 0; margin: 0 auto 5px auto; font-size: 150%; text-align: center; height: 49px; font-family: 'Oxygen', sans-serif; width: 225px; overflow: hidden; height: 120px; background-color: #fff; } /*Category box captions*/ /*Works only for 16:9 imgs right now (Boats working on fix for 4:3 imgs)*/ .mpcatbox .center figure.article-thumb.tnone.show-info-icon figcaption p.caption{ padding: auto 2px; text-align: center; font-family: 'Oxygen', sans-serif; font-size: 18px; position: relative; top: -30px; z-index: 1; background: rgb(0,108,176); /* Old browsers */ background: -moz-linear-gradient(left, rgba(0,108,176,0.8) 0%, rgba(59,136,198,0.8) 76%, rgba(70,142,201,0.8) 92%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,108,176,0.8)), color-stop(76%,rgba(59,136,198,0.8)), color-stop(92%,rgba(70,142,201,0.8))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(0,108,176,0.8) 0%,rgba(59,136,198,0.8) 76%,rgba(70,142,201,0.8) 92%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(0,108,176,0.8) 0%,rgba(59,136,198,0.8) 76%,rgba(70,142,201,0.8) 92%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(0,108,176,0.8) 0%,rgba(59,136,198,0.8) 76%,rgba(70,142,201,0.8) 92%); /* IE10+ */ background: linear-gradient(to right, rgba(0,108,176,0.8) 0%,rgba(59,136,198,0.8) 76%,rgba(70,142,201,0.8) 92%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006cb0', endColorstr='#468ec9',GradientType=0.8 ); /* IE6-9 */ } /*Hiding (i) symbol that normally displays on imgs for the category boxes*/ .mpcatbox .center figure.article-thumb.tnone.show-info-icon figcaption a.sprite.info-icon{ display:none; } /*Making cat box captions white*/ .mpcatbox .center figure.article-thumb.tnone.show-info-icon figcaption p.caption a{   color: #fff; } /*Formatting for cat box imgs*/ .mpcatbox .center figure.article-thumb.tnone.show-info-icon a.image.image-thumbnail.link-internal img.thumbimage{ padding:0; margin:0; position: relative; top: -6px; } /*Caption adjustments for 4:3 images*/ .mpcatbox.aspect43 .center figure.article-thumb.tnone.show-info-icon figcaption p.caption{ position: relative; top: -78px; } /*Caption adjustments for 2.35:1 images*/ .mpcatbox.aspect235 .center figure.article-thumb.tnone.show-info-icon figcaption p.caption{ position: relative; top: -9px; } /*Making cat box imgs highlight on hover*/ .mpcatbox .center figure.article-thumb.tnone.show-info-icon a.image.image-thumbnail.link-internal img.thumbimage:hover, .mpcatbox .center figure.article-thumb.tnone.show-info-icon a.image.image-thumbnail.link-internal img.thumbimage:active{ background-color: #ffffff; filter: alpha(opacity=70); opacity: 0.70; } /*Main page boxes*/ h2.mainpagetitle { padding: 10px; margin: 0px; line-height: 25px; text-align: left; background: rgb(0,108,176); /* Old browsers */ background: -moz-linear-gradient(left, rgba(0,108,176,1) 0%, rgba(59,136,198,1) 76%, rgba(70,142,201,1) 92%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,108,176,1)), color-stop(76%,rgba(59,136,198,1)), color-stop(92%,rgba(70,142,201,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(0,108,176,1) 0%,rgba(59,136,198,1) 76%,rgba(70,142,201,1) 92%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(0,108,176,1) 0%,rgba(59,136,198,1) 76%,rgba(70,142,201,1) 92%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(0,108,176,1) 0%,rgba(59,136,198,1) 76%,rgba(70,142,201,1) 92%); /* IE10+ */ background: linear-gradient(to right, rgba(0,108,176,1) 0%,rgba(59,136,198,1) 76%,rgba(70,142,201,1) 92%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006cb0', endColorstr='#468ec9',GradientType=1 ); /* IE6-9 */ font-family: 'Oxygen', sans-serif; font-size: 22px; border-radius:0px; color: #ffffff; height:29px; } .mainpagecontainer { border: 1px solid #d8d8d8; border-radius: 0px; padding: 3px; margin: 0px 0px 10px 0px; }

/*Used to function Template:Plainlist (from wikipedia)*/ .plainlist ul { line-height: 0px; list-style: none none; margin: 0; padding: 0; } .plainlist ul li { margin: 0 0 7px 0; line-height: 14px; } /*For looking nicer for smaller screens*/ @media only screen and (max-width: 1023px) { section#LatestPhotosModule.module{ height: 274px;} #WikiHeader > nav > div {border-bottom-left-radius:0px; } ul.nav{ border-top-left-radius:0px; border-top-right-radius:0px; } }