MediaWiki:Mainpage.css

/* ==================================

Elements mainly affecting just the mainpage. COLOR THEORY (based upon key art for S2) Page background + skin : #384a3a Main color of copy : #fff (AAA rated) (Positive/Blue) link color : #dcdfa8 (also button/header color) (Aspirational/Red) Link cp;pr : e0b9d1 (high AA rated; based on table cloth color) Possible brown accent : 513b12 (as needed)

================================= */ .WikiaMainContent { font-family:Rubik; }

.WikiaMainContent a.new, .WikiaMainContent a.new:visited { color:#adb2b6; } /** General mainpage qualities **/ .mainpage h1.page-header__title { display:none } .mainpage-wrap { }

.mainpage-wrap a, .mainpage-wrap a.visited, .mainpage-wrap a.link, .mainpage-wrap a.new, .mainpage-wrap a.new:visited { color:#adb2b6; } .mainpage-wrap .wikia-gallery-caption-below .lightbox-caption a, .mainpage-wrap .wikia-gallery-caption-below .lightbox-caption a.new, .mainpage-wrap .wikia-gallery-caption-below .lightbox-caption a.new:visited, .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 { text-decoration:none!important; color:#adb2b6; text-transform:none; letter-spacing:1px; font-family:Rubik; font-size:16px; font-weight:600; } .mainpage ficaption p.title, .mainpage .article-thumb figcaption { /* future use */ } .mainpage .article-thumb { margin-top:0px; } .mainpage .wikia-gallery-item .lightbox-caption { line-height:150%; font-size:14px; background:transparent; }

/* Basic box qualities */ .mainpage-box-discussions, .mainpage-box-characters, .mainpage-box-welcome, .mainpage-box-featured-videos, .mainpage-box-bts { margin:30px auto 10px auto; width:670px; } .mainpage-box-about { padding:10px 0; }

/* Main declarations for all the left rail headers */ .mainpage-box-welcome .header, .mainpage-box-featured-videos .header, .mainpage-box-locations .header, .mainpage-box-characters .header { text-align:left; font-size:36px; text-transform:uppercase; letter-spacing:1px; font-weight:normal; font-family: "Oswald"; color:#adb2b6; line-height:100%; }

.mainpage-box-welcome .top, .mainpage-box-featured-videos .top, .mainpage-box-locations .top, .mainpage-box-characters .top { text-align:left; font-size:24px; text-transform:uppercase; letter-spacing:0; font-family: "Oswald"; font-weight:400; color:#adb2b6; line-height:100%; } /* Exceptions for the left rail */ .mainpage-box-welcome .top { font-size:24px; } .mainpage-box-welcome .header { font-size:36px; margin-bottom:20px; } .mainpage-box-characters .header { margin-bottom:20px!important; } .mainpage-box-featured-videos .header { margin-bottom:20px; } .mainpage-box-featured-videos .vid2 { margin-top:20px; } .mainpage-box-welcome { margin-top:0; }

/* Broad declarations for the right rail */ .mainpage-box-about { padding:10px 0; } .mainpage-box-news, .mainpage-box-twitter { margin:20px auto; padding:20px 0; }

.mainpage-box-wiki { background:#adb2b6; color:#000; font-size:14px; line-height:150%; text-align:left; padding:20px; margin: 20px auto; } .mainpage-box-wiki a, .mainpage-box-wiki a.visited, .mainpage-box-wiki a.link, .mainpage-box-wiki a.new { color:#000; text-decoration:underline;

} .mainpage-box-news a.visited, .mainpage-box-news a.link, .mainpage-box-news a.new { color:#dcdfa8; text-decoration:none; }

.mainpage-box-news .header, .mainpage-box-wiki .header, .mainpage-box-discussions .header, .mainpage-box-twitter .header { font-size:18px; text-align:left; line-height:130%; color:#dcdfa8; text-transform:uppercase; letter-spacing:0; font-weight:bold; font-family:"Oswald"; }

.mainpage-box-twitter .header { font-family: "Oswald"; color:#adb2b6; line-height:130%; margin-bottom:20px; }

.mainpage-box-wiki .top, .mainpage-box-wiki .header { color:#000 }

/** 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; } .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:#d7d78f; min-width:270px; margin-left:-30px; } .mainpage .embeddable-discussions-module .embeddable-discussions-threads { width:270px; }

.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: #d7d78f; } .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:#d7d78f; } .mainpage-box-discussions { margin:0 auto; }

/* Portability */ @media (max-width: 1023px) { .mainpage-box-wiki, .mainpage-box-twitter, .mainpage-box-news { display:inline-block; }    .mainpage-box-twitter .header { padding: 0 0 20px 0; margin:0; }    .mainpage-box-twitter { max-height:500px; }    .mainpage-box-wiki .header { line-height:120%; }    .main-page-tag-rcs .module { width:285px; } }