MediaWiki:Mainpage.css

/* ===============  COLOR THEORY ===============   Buttons, borders, headers: #D7341F Page background: #000000 Skin background: #202022

/* =================================  General mainpage qualities. Declaration order is   important in this section in particular. Later declarations make exceptions for things declared earlier. ================================= */ .WikiaPage { border:none; } .WikiaMainContent a, .WikiaMainContent a.visited, .WikiaMainContent a.link { } .WikiaMainContent a.new, .WikiaMainContent a.new.visited { font-color:#830000!important } .mainpage-wrap { }

.mainpage ficaption p.title, .mainpage .article-thumb figcaption { display:none; margin-left:10px; } .mainpage .lightbox-caption { color:#fff } .mainpage .wikia-gallery-item .title, .mainpage .wikia-gallery-item .lightbox-caption { color:#fff }

/* ==========================  Very broad, shared qualities of mainpage modules. =========================== */ .mainpage-box-characters, .mainpage-box-featured-videos, .mainpage-box-slider { width:670px; margin:0 auto;

} .mainpage-box-slider { margin-bottom:20px; }

.mainpage-box-welcome .help-body { font-size:14px; line-height:140%; } .mainpage-box-twitter, .mainpage-box-discussions, .mainpage-box-characters, .mainpage-box-featured-videos { padding:20px 0; } /* .mainpage-box-discussions { padding-left: 5px; padding-right: 5px; } .mainpage-box-discussions, .mainpage-box-twitter { margin-bottom:20px; margin-top:-5px; /*max-width:285px;*/ }

/* Some headers */ .mainpage-box-characters .header, .mainpage-box-twitter .header, .mainpage-box-slider .header, .mainpage-box-featured-videos .header, .mainpage-box-discussions .header { text-align:center; font-size:56px; text-transform:uppercase; margin:0 auto; padding-bottom:10px; font-family:"Roboto Condensed", sans-serif; letter-spacing:5px; font-weight:400; color:#D7341F; line-height:130%; }

.mainpage-box-discussions .header { font-size:36px; } /* ========================  Main page modules ======================== */

/* Slider stuff */

.mainpage-box-slider .slider-body { margin:40px auto; line-height:170%; width:95%; } /* Share stuff */ .mainpage-box-twitter { margin-top:20px; margin-bottom:20px; }

/* Discussions stuff */ .mainpage .discussion-module { display:none /* Turns off standard module to give deference to the bespoke one here */ } .mainpage .embeddable-discussions-module { border:none; padding:0 20px; } .mainpage .embeddable-discussions-module .embeddable-discussions-post-actions a, .mainpage .embeddable-discussions-module .embeddable-discussions-post-actions { border-color:#fff; color:#fff; } .mainpage .embeddable-discussions-heading { display:none; } .mainpage .embeddable-discussions-show-all { color:#fff; display:none; } .mainpage .embeddable-discussions-show-all a, .mainpage .embeddable-discussions-show-all a:link, .mainpage .embeddable-discussions-show-all a:visited { color:#fff!important; } .mainpage .embeddable-discussions-module .embeddable-discussions-post-detail { background-color:transparent; border-color:#fff; } .mainpage .embeddable-discussions-module .embeddable-discussions-reply-icon-tiny path, .mainpage .embeddable-discussions-module .embeddable-discussions-upvote-icon-tiny path, .mainpage .embeddable-discussions-module .embeddable-discussions-reply-icon path, .mainpage .embeddable-discussions-module .embeddable-discussions-upvote-icon path { fill: #fff; } .mainpage .embeddable-box-discussions-module .embeddable-mainpage-box-discussions-post-actions a, .mainpage .embeddable-mainpage-box-discussions-module .embeddable-mainpage-box-discussions-post-counters, .mainpage .embeddable-mainpage-box-discussions-module .avatar-details, .mainpage a.avatar-username, .mainpage .embeddable-mainpage-box-discussions-module .embeddable-mainpage-box-discussions-timestamp, .mainpage .embeddable-mainpage-box-discussions-module .embeddable-mainpage-box-discussions-forum { color:#fff; }

/* Portability */ @media (max-width: 1023px) { .mainpage-box-next-episode, .mainpage-box-featured-videos, .mainpage-box-blogs, .mainpage-box-welcome, .mainpage-box-news { border:none!important; width:285px!important; }    .mainpage-box-next-episode, .mainpage-box-featured-videos, .mainpage-box-news, .mainpage-box-blogs, .mainpage-box-welcome { display:inline-block; margin:0 auto 20px auto; background-color:transparent; border:none; }    .mainpage-box-next-episode { margin-top:30px; }    .mainpage-box-news { margin-top:-22px; }    .main-page-tag-rcs .module { width:285px; }

}