MediaWiki:Wikia.css

/*
====================================
WELCOME TO THE BRICKFILMS WIKI'S MAIN CSS FILE!
====================================
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 SKIN

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

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

/*==================
    ON ALL PAGES
====================
*/

/* Wiki article titles */
h2, h3 {
    font-family: "Roboto Slab", sans-serif;
    font-weight: 600;
}

/*==================
    ON CATEGORY PAGES
====================
*/

/* Reduce amount of shadow on category gallery items */
.category-gallery-item img {
    box-shadow: 0 2px 5px 0 #E0E0E0;
}

/* Adds line above category galleries */
.category-gallery {
    border-top: 1px solid #d8d8d8;
}

/* Category intro sections */
.categoryintro {
    background-color: #f2f2f2;
    padding: 5px 20px 15px 20px;
}

/*==================
    WIKIA RAIL MODULES
====================
*/

.WikiaRail .module,
.WikiaRail .rail-module,
.mw-content-ltr .rail-module {
    background-color: #fff;
    border: 1px solid #d8d8d8;
    border-radius: 6px;
    box-shadow: 0 2px 5px 0 #E0E0E0;
    margin: 0 0 10px 0;
    padding: 0;
    width: calc(100% - 4px);
}

/* Add margins to module content */ 
.WikiaRail .module > *,
.WikiaRail .rail-module > *,
.mw-content-ltr .rail-module > * {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

/* Styling primarily observed by the "Wiki News" sidebar module */
.WikiaRail .module > p {
    font-size: 14px;
    margin-top: 10px;
    
}
.WikiaRail .module > p:not(:last-of-type) {
    border-bottom: 1px solid rgb(204, 204, 204);
    padding-bottom: 10px;
}

/* Module titles */
#WikiaRail h1,
#WikiaRail h2,
#ForumActivityModule h2 {
    padding: 10px !important;
    margin: 0 0 5px 0 !important;
    text-align: left;
    background-color: rgb(0, 108, 176);
    font-size: 22px !important;
    border-radius: 5px 5px 0 0;
    color: #fff;
    font-weight: 600;
    line-height: 26px;
    font-family: Sans-serif !important;
}

/* Rail module title icons */
#WikiaRail .rail-module h2.has-icon svg {
    fill: rgb(255, 255, 255);
}

/*See more links*/
.more {
    text-align: right;
    font-size: 11px !important;
    font-weight: bold;
    padding: 5px 10px 10px 10px;
}

/*==================
    THE PAGE EDITOR
====================
*/
.editpage-intro > .editpage-intro-wrapper{
    max-height: 110px;
}
.editpage-intro.expanded > .editpage-intro-wrapper {
    max-height: 180px;
    overflow: auto;
}

/*==================
    THE MAIN PAGE
====================
*/

.mainpagetitle {
    overflow: hidden;
    padding: 10px !important;
    margin: 0 0 5px 0 !important;
    text-align: left;
    background-color: 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 !important;
    
 }
.mainpagetitle a {
    color: #d8d8d8;
}
.mainpagetitle .wikia-menu-button a {
    border: none;
}

.wikia-menu-button a {
    color: #fff;
}

.mainpagecontainer {
    border: 1px solid #d8d8d8;
    border-radius: 6px;
    box-shadow: 0 2px 5px 0 #E0E0E0;
    margin: 0 0 10px 0;
}
.mainpagecontainer > p {
    margin: 10px;
}

.mainpagecontainer hr {
    border-color: #d8d8d8;
    border-style: solid none none none;
    border-width: 1px;
}

/* Fix bullet points in "Template:MP-RecentActivity" */
#MP-RecentActivity li {
    list-style-type: none;
    margin: 10px;
}

/* Customise table used in "Template:MP-CurrentEvents" */
#mp-current-events table {
    border-collapse: collapse;
}

#mp-current-events tr {
    border-top: solid 1px #d8d8d8;
    padding: 10px 0px;
}
#mp-current-events tr:first-of-type {
    border: none;
}
#mp-current-events tr td {
    vertical-align: top;
}

#mp-current-events tr td:nth-of-type(1) {
    padding: 10px 0;
    width: 345px;
}
#mp-current-events tr td:nth-of-type(2) {
    padding: 10px;
}

#mp-current-events h3 {
    margin-top: 0;
}

/*==================
    MAIN PAGE CATEGORY BOXES (v2)
====================
*/

/* Styling of captions */
#gallery-0 .wikia-gallery-item .lightbox-caption a{
    font-weight: 700;
    display: block;
    padding: 7px 0;
    border-radius: 5px;
    background-color: #CCE1EF;
    box-shadow: 0 2px 5px 0 #E0E0E0;
    border: 1px solid #d8d8d8;
    text-align: center;
}
#gallery-0 .wikia-gallery-item .lightbox-caption a:hover{
    color: #fff;
    background-color: #4B97C6;
}

/* Making images highlight on hover */
#gallery-0 .wikia-gallery-item .thumb:hover {
    opacity: 0.8;
}
 
/*==================
    SPECIAL:FORUM
====================
*/

/* 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;
}
.Forum .ThreadList .timestamp {
    margin-left: 35px;
}

/* Hide number of "kudos" each post has recieved in board thread lists */
.posts{
    display: none;
    height: 0;
    padding: 0;
    margin: 0;
}

/* Following button */
.Forum .ThreadList .activity li.following {
    background-color: #006CB0;
    opacity: 0.7;
    color: #fff;
    padding: 0 5px;
    border-radius: 5px;
    text-align: center;
}

/*==================
    HIGHLIGHTING USER RIGHTS
====================
*/

/* On forum posts 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: 'Admin';
    background-color: #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.yellow{
    background-color: #F5F6CE;
}
h2.yellow, h3.yellow{
    background-color: rgb(246, 242, 135);
    color: #000;
}
h2.yellow a{
    color: #606060;
}

div.red{
    background-color: #FEE;
}
h2.red, h3.red {
    background-color: #F95656;
    color: #000;
}

/*=====================
    CSS USED ON TEMPLATES
=======================
*/

/* Customising infoboxs */
.wikia-infobox-header {
    padding: 9px 10px;
    background-color: #D8E8F3;
    line-height: 19px;
}
.wikia-infobox .wikia-infobox-image{
    border-top: solid 3px #fff;
}
.wikia-infobox {
    padding: 0 0 4px 0;
    border-spacing: 0;
    float: right;
    text-align: left;
    width: 220px;
    margin-left: 10px;
    font-size: 12px;
}
.wikia-infobox td, .wikia-infobox th{
    padding: 4px 6px;
}

/* Don't display friend links as external links */
a[href*="http://en.brickimedia.org/wiki/"].external:after{
    display: none;
}

/* CSS for Template:MP-FeaturedFilm */
div#MP-FeaturedFilm.mainpagecontainer div.center figure.article-thumb.tnone.show-info-icon figcaption p.title{
    height: 0;
    overflow: hidden;
    display: none;
}

/* For select filmography and results table show more buttons */
span.mw-customtoggle-filmography1.wikia-menu-button:hover {
    opacity: 0.85;
}

/* 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: 12px !important;  
}

/* Used for article management templates such as delete, noinfobox, underconstruction */
.articlenoticecontainer {
    border: solid 1px #d8d8d8;
    border-width: 1px;
    margin: 0 0 10px 0;
    color: #000;
    border-radius: 5px;
    padding: 0;
    box-shadow: 0 2px 5px 0 #E0E0E0;
    font-size: 12px;
}
.articlenoticecontainer p {
    padding: 11px 15px 15px 20px;
    margin: 0;
    color: #000;
    font-size: 13px;
    line-height: 18px;
}

div .articlenoticetitle {
    padding: 7px 10px 7px 20px;
    margin: 0;
    text-align: left;
    font-weight: 600;
    font-size: 16px;
    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%;
}