MediaWiki:Mainpage.css

/* =================================  November 2018 mainpage design in    collaboration with SyFy. Elements affecting just the mainpage ================================= */ /* Font theory Rubik for most things BNB for headers */ @font-face { font-family:"BNB"; src:url("https://images.wikia.nocookie.net/czech-prey-out/images/4/43/BebasNeue_Bold.ttf") format("truetype"); } /** General mainpage qualities **/ .mainpage h1.page-header__title { display:none } .mainpage-wrap { font-family:Rubik; } .mainpage-wrap a, .mainpage-wrap a.visited, .mainpage-wrap a.link { } .mainpage-wrap .wikia-gallery-caption-below .lightbox-caption a:visited, .mainpage-wrap .wikia-gallery-caption-below .lightbox-caption a:link, .mainpage-wrap .wikia-gallery-caption-below .lightbox-caption { } .mainpage ficaption p.title, .mainpage .article-thumb figcaption { } .mainpage .article-thumb { margin-top:0px; } .mainpage .wikia-gallery-item .title { display:none; } .mainpage .wikia-gallery-item .lightbox-caption { line-height:150%; font-size:14px; text-align:left; background:transparent; } .mainpage-box-characters .wikia-gallery-item .lightbox-caption { text-align:center; }

/** Modules **/ .mainpage-box-welcome, .mainpage-box-featured-videos, .mainpage-box-characters { width:670px; text-align:center; margin:0 auto; } .mainpage-box-characters { margin-top:40px; } .mainpage-box-about, .mainpage-box-discussions, .mainpage-box-twitter, .mainpage-box-news { margin:50px auto; padding:0; } .mainpage-box-welcome { margin-bottom:80px; } .mainpage-box-welcome .subheader { line-height:150%; color:#fff; font-size:18px; } .mainpage-box-discussions, .mainpage-box-news { background-color:transparent; padding:20px; } .mainpage-box-discussions { padding-bottom:20px; }

.mainpage-box-news li a, .mainpage-box-news li a:visited { color:#587680 } .mainpage-box-welcome .description { font-size:18px; width:670px; padding:20px 5px 20px 0px; text-align:left; line-height:150%; }

/** Headers, in general **/ .mainpage-box-featured-videos .header, .mainpage-box-welcome .header, .mainpage-box-characters .header { text-align:center; font-size:40px; text-transform:uppercase; font-weight:900; font-family: "BNB"; letter-spacing:1px; margin:0 auto; color:#EB2729; padding-bottom:10px; padding-top:10px; } .mainpage-box-welcome .header { color:#00CFB4; font-size:55px; letter-spacing:1px; line-height:140%; } .mainpage-box-news .header, .mainpage-box-discussions .header, .mainpage-box-about .header, .mainpage-box-twitter .header { font-size:40px; text-align:center; text-transform:uppercase; font-weight:900; letter-spacing:2px; font-family: "BNB"; line-height:130%; color:#EB2729; } .mainpage-box-about .header { /*Keep this below all other .headers*/ margin-top:20px;

} /* Editing pane mods, necessitated by the fact that the design request is for a black header, meaning that the light wordmark won't show up on the editing pane using th4e automatic colors provided by standard code. */ .EditPageHeader { background-color:#111; color:#fff; } .EditPageHeader > h1 > a, .EditPageHeader > h2 { color:#fff; } .HelpLink > a { color:#fff; } .EditPageHeader .template-classification-type-text { color:gold; } /** Discussions module **/

.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; } .mainpage .embeddable-discussions-module .embeddable-discussions-post-detail { /*background-color:#bac3cd;*/ } .mainpage .embeddable-discussions-heading { display:none; } .mainpage .embeddable-discussions-show-all { display:none; } .mainpage .embeddable-discussions-show-all a, .mainpage .embeddable-discussions-show-all a:link, .mainpage .embeddable-discussions-show-all a:visited { display:none; } .mainpage .embeddable-discussions-module .embeddable-discussions-post-detail { background-color:transparent; border-color:#00CFB4; margin:0 0 20px 0; padding:5px; } .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: #ececec; } .mainpage .embeddable-discussions-module .embeddable-discussions-post-actions a, .mainpage .embeddable-discussions-module .embeddable-discussions-post-counters, .mainpage .embeddable-discussions-module .avatar-details, .mainpage a.avatar-username, .mainpage .embeddable-discussions-module .embeddable-discussions-timestamp, .embeddable-discussions-module .embeddable-discussions-forum { color:#ececec; } .mainpage .embeddable-discussions-module .embeddable-discussions-threads { padding-top:0!important; } .mainpage-box-discussions { margin:0 auto; }

/* Portability */ @media (max-width: 1023px) { .mainpage-box-about, .mainpage-box-discussions, .mainpage-box-news, .mainpage-box-twitter { display:inline-block; margin:0 auto 20px auto; border:1px solid #587680; }    .mainpage-box-welcome .header { line-height:120%; }    .main-page-tag-rcs .module { width:285px; } }