MediaWiki:Wikia.css

/*================================= WELCOME TO THE BRICKFILMS WIKI'S CSS STYLE SHEET!!!

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

=
=======================

If you have any questions about the CSS below feel free to contact User:BoatsAreRockable. NOTE THE CSS BELOW DOES NOT DISPLAY IN THE WIKIA-MOBILE OR MONOBOOK SKINS*/

/*==================   IMPORT URLS

=
=======

/*Font used for article titles*/ @import url(http://fonts.googleapis.com/css?family=Roboto+Slab:700,400); /*==================   ON ALL PAGES

=
======= /*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; } header#WikiaPageHeader.WikiaPageHeader h1{ font-size: 26px; } .wikinav2 .WikiaPageHeader { padding-right: 110px; } /*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; } .WikiHeader .WikiNav { right: -1px; width: auto; } /*==================   ON CATEGORY PAGES

=
======= /*Fixing crazy amount of shadow on category galleries*/ .category-gallery-item img { box-shadow: 0px 2px 5px 0px #E0E0E0; } .category-gallery { border-top: 1px solid #d8d8d8; } /*Category headings*/ .categoryintro{ background: #f2f2f2; padding: 5px 20px; }

/*==================   OASIS SIDEBAR

=
======= .WikiaRail .module { border: 1px solid #d8d8d8; border-radius: 5px; padding: 3px; box-shadow: 0px 2px 5px 0px #E0E0E0; } .WikiaRail .module ul{ margin:3px 10px; } /*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; } /*==================   THE MAIN PAGE

=
======= 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; box-shadow: 0px 2px 5px 0px #E0E0E0; } .mainpagecontainer p{   padding: 3px 10px; } /*Making Forum Activity Module look better on main page*/ .mw-content-ltr .ForumActivityModule{ padding: 3px; border: 1px solid #d8d8d8; border-radius: 5px; margin: 0 0 10px 0; } .mw-content-ltr .ForumActivityModule p{   margin: 0; } .mw-content-ltr .ForumActivityModule ul{ margin-left: 7px; } /*==================   MAIN PAGE CATEGORY BOXES (v2)

=
======= /*Styling of captions*/ font-weight: 700; display: block; padding: 7px 0; border-radius: 5px; background: #CCE1EF; box-shadow: 0px 2px 5px 0px #E0E0E0; border: 1px solid #d8d8d8; }   color: #fff; background: #4B97C6; } /*Making imgs highlight on hover*/ opacity: 0.8; } /*==================   SPECIAL:FORUM
 * 1) gallery-0 .wikia-gallery-item div.lightbox-caption a{
 * 1) gallery-0 .wikia-gallery-item div.lightbox-caption a:hover{
 * 1) gallery-0 .wikia-gallery-item .thumb:hover{

=
======= /*Board thread lists*/ .Forum .ThreadList .thread:nth-child(2n+1) { background-color: #f3f3f3; } .Forum .ThreadList h4{ margin-top: 0; } .Forum .ThreadList h4 a { width: 72%; float: left; } .Forum .ThreadList .last-post { width: 22%; float: left; } .Forum .ThreadList .thread-left { width: 88%; } .Forum .ThreadList .thread-right { float: left; } .posts{ display: none; height: 0; padding: 0; margin: 0; } .Forum .ThreadList .timestamp { margin-left: 35px; } /*Following button*/ .Forum .ThreadList .activity li.following{ background-color: #006CB0; opacity: 0.7; color: #fff; padding: 0 5px; border-radius: 5px; text-align: center; } /*Forum index*/ .Forum .board:nth-child(2n){ background-color: #f3f3f3; padding: 6px 5px; } /*==================   HIGHLIGHTING USER RIGHTS

=
======= /*on forums and message walls*/ .edited-by a[href="http://brickfilms.wikia.com/wiki/Message_Wall:BoatsAreRockable"]:first-of-type::after, .edited-by a[href="http://brickfilms.wikia.com/wiki/Message_Wall:NathanWells"]:first-of-type::after, .edited-by a[href="http://brickfilms.wikia.com/wiki/Message_Wall:Sillypenta"]:first-of-type::after{ content: 'Wiki Admin'; position: inline; background: #F5F6CE; border-radius: 5px; padding: 2px 5px; color: #3A3A3A; position: relative; top: -2px; font-weight: 400; font-size: 12px; margin: 0 5px; } /*==================   .red and .yellow colour options

=
======= div.mainpagecontainer.yellow{ background:#F5F6CE; } h2.mainpagetitle.yellow{ background: rgb(246, 242, 135); color: #000; } h2 .mainpagetitle .yellow a{   color: #606060; } 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 USED ON TEMPLATES

=
========== /*Customising infoboxs*/ .wikia-infobox th.wikia-infobox-header { padding: 9px 8px; background: #D8E8F3; line-height: 19px; } .wikia-infobox .wikia-infobox-image{ border-top: solid 3px #fff; } .wikia-infobox { padding: 0 0 4px 0; } .wikia-infobox td, .wikia-infobox th{ padding: 4px; } /*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; } /*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: solid 1px #d8d8d8; margin: 0px 0px 10px 0px; color: #000; border-radius: 5px; padding: 3px; box-shadow: 0px 2px 5px 0px #E0E0E0; font-size: 12px; } .articlenoticecontainer p{   padding: 3px 10px 10px 10px; margin: 0; color: #000; font-size: 12px; } div .articlenoticetitle{ padding: 5px 10px; margin: 0px; text-align: left; font-weight: 600; font-size: 14px; color: #000; border: 1px solid #d8d8d8; border-style: none none solid none; font-family: sans-serif; border-radius: 5px 5px 0 0; } 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; } }