MediaWiki:Wikia.css

/* WELCOME TO THE WIKI CSS STYLE SHEET!

OTHER CSS used on the wiki: -http://brickfilms.wikia.com/wiki/MediaWiki:CategoryBoxes.css Contains style for the category boxes on the mainpage -http://brickfilms.wikia.com/wiki/MediaWiki:BFW-CategoryBoxes.css Contains style for the category boxes on the community portal

If you have any questions about the CSS below contact User:BoatsAreRockable NOTE THE CSS BELOW DOES NOT DISPLAY IN THE WIKIA-MOBILE SKIN*/ @import url(http://fonts.googleapis.com/css?family=Roboto+Slab:700,400); /*Background*/ .WikiaSiteWrapper{ background-image: url("http://www.bricksinmotion.com/images/bg_gradient.png") !important; background-repeat: repeat-x; background-color: #CFE3EA; } /*Wiki Articles*/ header#WikiaPageHeader.WikiaPageHeader h1, .WikiaArticle h2, .WikiaArticle h3, #wkRelPagHead{ font-family: "Roboto Slab", sans-serif; font-weight: 600; } h3{ width: 92%; }

/*Wiki Top Navigation (from Pokemon wikia)*/ #WikiHeader > div.buttons > nav > ul {width:125px; border-top-right-radius:5px;} #WikiHeader > nav > ul > li.nav-item.marked {border-radius:5px 5px 0px 0px; } #WikiHeader > nav > div {border-bottom-left-radius:5px; 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:5px; }

#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: transparent; border-top-left-radius:10px; border-top-right-radius:4px; }

/*Sidebar*/ .WikiaRail .module { border: 1px solid #d8d8d8; border-radius: 5px; padding: 3px; background-color: #D8E8F3; } /*Sidebar titles*/ .sidebartitle, section#activities.module h1, .WikiaRail .module h1.activity-heading, .WikiaRail .module h1.tight, .WikiaBlogListingBox h3, .module.ForumActivityModule h1, .FollowedPagesModule .module h1, section.HotSpotsModule.module h1, .CommunityCornerModule h2.dark_text_2, section.FollowedPagesModule.module h1{ padding: 10px; margin: 0px 0px 5px 0px; text-align: left; background: rgb(0,108,176); font-size: 22px; border-radius: 5px 5px 0 0; color: #ffffff; font-weight: 600; line-height: 26px; font-family: Sans-serif; } /*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; }

.WikiaBlogListingBox a.wikia-button{ position: relative; top: 12px; right: 5px; } /*Pop out image+video module customisation*/ header.LightboxHeader{ 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 */ } header.LightboxHeader a{   color:#d8d8d8; } header.LightboxHeader h1{ font-weight: 600; } /*Main page boxes*/ h2.mainpagetitle { overflow: hidden; padding: 10px; margin: 0px 0px 5px 0px; text-align: left; background: rgb(0,108,176); font-size: 22px; border-radius: 5px 5px 0 0; color: #ffffff; font-weight: 600; line-height: 26px; font-family: Sans-serif; } .mainpagetitle a{   color: #d8d8d8; }

.mainpagecontainer { border: 1px solid #d8d8d8; border-radius: 5px; padding: 3px; margin: 0 0 10px 0; } .mainpagecontainer p{   padding: 3px 10px; } /* .red and .yellow colour options*/ div.mainpagecontainer.yellow{ background:#F5F6CE; } h2.mainpagetitle.yellow{ background: rgb(246, 242, 135); color: #000; } div.mainpagecontainer .red{ background:#fee; } h2.mainpagetitle.red{ background: #F95656; color: #000; } div.articlenoticecontainer.yellow{ background:#F5F6CE; } h3.articlenoticetitle.yellow, div.articlenoticetitle.yellow{ background: rgb(246, 242, 135); color: #000; } div.articlenoticecontainer.red{ background:#fee; } h3.articlenoticetitle.red, div.articlenoticetitle.red{ background: #F95656; color: #000; } /*CSS for Template:MP-FeaturedFilm*/ div#MP-FeaturedFilm.mainpagecontainer div.center figure.article-thumb.tnone.show-info-icon figcaption p.title{ height: 0px; overflow: hidden; display: none; } /*Random Bits*/ .vtop{ vertical-align: top; } /*Used to function Template:Plainlist (from wikipedia)*/ .plainlist ul { line-height: 0; list-style: none none; margin: 0; padding: 0; } .plainlist ul li { margin: 0 0 7px 0; line-height: 14px; } /*Used for article management templates such as delete, noinfobox, underconstruction*/ .articlenoticecontainer { border: 1px solid #d8d8d8; border-radius: 0px; padding: 3px; margin: 0px 0px 10px 0px; color: #000; } .articlenoticecontainer p{   padding: 3px 10px; margin: 0; color: #000; } div .articlenoticetitle{ padding: 5px 10px; margin: 0px; text-align: left; font-weight: 600; font-size: 16px; border-radius:0px; color: #000; border: 1px solid #d8d8d8; font-family: "Roboto Slab", sans-serif; } div.articlenoticetitle h3{ margin-top: 0; width: 85%; } /*For looking nicer on smaller screens*/ @media only screen and (max-width: 1023px) { #WikiHeader > nav > div {border-bottom-left-radius:0; border-top-right-radius:0} }