MediaWiki:Mainpage.css

/* =================================  August 2018 mainpage design:

Elements affecting just the mainpage Color theory: Wiki background: #000 Buttons/accents: #3CE0F8 Section headers: #000 backgrounds; #fff lettering Header background: 000F24 Article background: 072843 Font theory: Headers, and all right-rail text: Jura ================================= */

/** General mainpage qualities **/ .mainpage h1.page-header__title { display:none } .mainpage-wrap { font-family:Jura; letter-spacing:1px; }

.mainpage .article-thumb .title { display:none; } a.new, a.new:visited { color:#ffb7b7!important; } .mainpage a, .mainpage a.visited, .mainpage a.link, .mainpage a.new, .mainpage a.new:visited { color:#3CE0F8; }

/** Modules **/ .mainpage-box-featured, .mainpage-box-about, .mainpage-box-characters { width:670px; margin:0 auto; } /* About */ .mainpage-box-about .subhead { font-family:Jura; text-transform:uppercase; font-size:27px; margin:20 auto 20px auto; text-align:center; color:#3CE0F8; text-shadow: 3px 2px 1px red; margin-top:30px; } .mainpage-box-about .description { margin-bottom:40px; } /* Featured (and a bit of About) */ .mainpage-box-featured .description, .mainpage-box-about .description { font-size:14px; line-height:20px; width:615px; margin:20px auto; } .mainpage-box-featured .subhead { font-size:36px; font-family:Jura; margin-bottom:20px; color: #3CE0F8; text-align:center; text-transform:uppercase; } .mainpage-box-featured .description { width:600px; margin:0 auto; color:white; padding-bottom:20px; } .mainpage-box-featured a, .mainpage-box-featured a.visited, .mainpage-box-featured a.link { color:#fcfcfc; text-decoration:underline; } /* Characters */ .mainpage-box-characters { padding-bottom:40px; padding-top:20px; } .mainpage-box-characters .character { width:670px; padding-top:20px; } .mainpage-box-characters .pic { float:left; padding-right:20px; padding-top:25px; padding-left:20px; } .mainpage-box-characters .right-group { text-align:left; margin-left:10px; } .mainpage-box-characters .name { color:#3CE0F8; font-family:Jura; text-transform:capitalize; font-size: 32px; margin-bottom:10px; margin-top:30px; margin-left:210px; font-weight:700; } .mainpage-box-characters .bio { font-size:16px; font-weight:300; margin-bottom:50px; margin-left:215px; line-height:20px; } .mainpage-box-characters .bottom { border-bottom:1px solid black; padding-top:10px; }

/* Right rail */

.mainpage-box-twitter, .mainpage-box-facebook { margin:20px auto; background:transparent; } .mainpage-box-facebook .header, .mainpage-box-twitter .header { margin-bottom:10px; } .mainpage-box-welcome { padding:20px; background-color:transparent; color:#FFF; margin-top:20px; margin-bottom:20px; border:1px solid #3CE0F8; } .mainpage-box-welcome p { line-height:150%; font-size:13px; margin:15px 0 0 0; }

/** Headers, in general **/

/* Main declarations for all the left rail headers */

.mainpage-box-about .header, .mainpage-box-characters .header, .mainpage-box-discussions .header { text-align:center; font-size:40px; text-transform:uppercase; letter-spacing:7px; color:#3CE0F8; font-family:Jura; margin:0 auto 20px auto; -webkit-border-image:url("https://vignette.wikia.nocookie.net/kin8842/images/7/73/GroujpHeader.png") 35; /*was 20*/ -o-border-image:url("https://vignette.wikia.nocookie.net/kin8842/images/7/73/GroujpHeader.png") 35; -moz-border-image:url("https://vignette.wikia.nocookie.net/kin8842/images/7/73/GroujpHeader.png") 35; border-style:solid; border-image-width:40px; /*was 5 */ height:40px; padding:40px 5px 20px 5px; width:435px; }

/* Exceptions for the left rail */

/* Broad declarations for the right rail */ .mainpage-box-facebook .header, .mainpage-box-welcome .header, .mainpage-box-twitter .header { font-size:34px; text-align:center; text-transform:uppercase; letter-spacing:1px; line-height:130%; font-weight:500; color:#3CE0F8; }

/* Exceptions for the right rail */ .mainpage-box-welcome .header { /*Keep this below all other .headers*/ font-size:24px; text-transform:none; color:#3CE0F8; font-weight:bold; } /** 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-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; width:400px; margin:10px auto; border:1px solid white; } .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-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:white; }

/* Portability */ @media (max-width: 1023px) { .mainpage-box-welcome, .mainpage-box-twitter, .mainpage-box-facebook { display:inline-block; margin:0 auto 20px auto; width:300px; }    .mainpage-box-welcome .header { line-height:120%; }    .mainpage .embeddable-discussions-module, .mainpage-box-discussions { margin:40px auto; }    .main-page-tag-rcs .module { width:285px; } }