MediaWiki:Mainpage.css

/* =================================  September 2017 mainpage redesign:

Elements affecting just the mainpage ================================= */

/** General mainpage qualities **/

.mainpage-wrap { }

.mainpage ficaption p.title, .mainpage .article-thumb figcaption { display:none; margin-left:10px; } .mainpage .lightbox-caption { font-family:Rubik; } /** Modules **/ .mainpage-box-slider, .mainpage-box-about, .mainpage-box-characters, .mainpage-box-featured, .mainpage-box-welcome, .mainpage-box-episodes { width:670px; margin:40px auto; } .mainpage-box-welcome p { font-family:Rubik; font-size:14px; letter-spacing:1px; text-transform:uppercase; text-align:center; } .mainpage-box-episodes { text-align:left; width:548px; } .mainpage-box-episodes .subhead { color:#C45037; margin-bottom:5px; font-family:Rubik; } .mainpage-box-episodes .episode-description { margin-bottom:15px; color:#D0CECC; } .mainpage-box-share, .mainpage-box-discussions { margin:40px auto; font-size:90%; } .mainpage-box-characters .gallery { background-color:#222222; padding-top:20px; } .mainpage-box-discussions { padding-bottom:auto; }

/** Headers, in general **/ .mainpage-box-slider .header, .mainpage-box-welcome .header, .mainpage-box-characters .header, .mainpage-box-featured .header, .mainpage-box-episodes .header { text-align:center; font-size:38px; /*text-transform:uppercase;*/ font-family: "IM Fell DW Pica"; letter-spacing:3px; margin:0 auto; color:#C45037; padding-bottom:20px; padding-top:10px; line-height:130%; } .mainpage-box-characters .subheader { font-family: "Rubik"; letter-spacing:3px; font-weight:900; text-align:center; padding-bottom:7px; color:#D0CECC; font-size:16px; } .mainpage-box-characters .subheader a, .mainpage-box-characters .subheader a.link, .mainpage-box-characters .subheader a.visited { color:#fff; }

.mainpage-box-discussions .header, .mainpage-box-share .header { font-size:26px; text-align:center; color:#C45037; /*text-transform:uppercase;*/ letter-spacing:2px; font-family: "IM Fell DW Pica"; line-height:130%; } .mainpage-box-share .header { padding-bottom:20px; }

/** Share module **/ .mainpage-box-share { } .mainpage-box-share .icons { text-align: center; /*margin:15px auto 15px 20px;*/ } .mainpage-box-share .icon { display: inline; margin-right:15px; }

.mainpage-box-share .icon .youtube { margin-right:0; } /** 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-module .embeddable-discussions-post-actions { border-color:#C45037; } .mainpage .embeddable-discussions-heading { display:none; } .mainpage .embeddable-discussions-show-all { color:#D0CECC; display:none; } .mainpage .embeddable-discussions-show-all a, .mainpage .embeddable-discussions-show-all a:link, .mainpage .embeddable-discussions-show-all a:visited { color:#D0CECC!important; } .mainpage .embeddable-discussions-module .embeddable-discussions-post-detail { background-color:transparent; border-color:#C45037; min-width:300px; margin-left:-30px; } .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: #D0CECC; } .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:#D0CECC; } .mainpage-box-discussions { margin:0 auto; }

/* Footer */

.mainpage .recirculation-horizontal.recirculation-footer h3, .mainpage .recirculation-horizontal .item a, .mainpage .WikiaFooter .recirculation-impact-footer h2, .mainpage .WikiaFooter .recirculation-impact-footer .items h4 { color:#fff }

/* Portability */ @media (max-width: 1023px) { .mainpage-box-share { margin:0 auto 20px auto; padding:20px; border:1px solid white; background-color:transparent; }

.mainpage-box-discussions { display:inline-block; margin:0 auto 20px auto; border:1px solid white; background-color:transparent; }    .main-page-tag-rcs .module { width:285px; }    .mainpage .embeddable-discussions-module .embeddable-discussions-post-detail { min-width:290px; margin-left:-30px; } }