MediaWiki:Mainpage.css

/* =================================  2018 mainpage design

Elements affecting just the mainpage =================================

Color theory

#5e634e - header, buttons, basic text #c8ccba - page/article background #87885c - most (left rail) headers/decoration #515237 - most (right rail) headers/decoration #921517 - wiki background @font-face { font-family:"dk"; src:url("https://images.wikia.nocookie.net/czech-twd-out/images/0/0d/Dead_Kansas.ttf") format("truetype"); } /* ==========================  General mainpage qualities ========================== */ .mainpage-wrap { font-family:Rubik; } .mainpage-wrap a, .mainpage-wrap a.visited, .mainpage-wrap a.link { color:#515237; }

.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 { font-family:"Rubik"; font-size:14px; font-weight:bold; text-decoration:none; line-height:150%; } .mainpage ficaption p.title, .mainpage .article-thumb figcaption { /* placeholder */ } .mainpage .article-thumb { margin-top:0px; } .mainpage .wikia-gallery-item .title { /* placeholder */ } .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 =====================*/ /* ---  Left rail modules --- */ .mainpage-box-welcome, .mainpage-box-spoilers, .mainpage-box-characters, .mainpage-box-selector { width:670px; margin:70px auto; } /* Welcome */ .mainpage-box-welcome { /* Exceptions to above general styling */ text-align:center; margin-top:0; margin-bottom:20px; color:#515237; } /* Spoilers */ .mainpage-box-spoilers { background-color:#932827; padding:10px 20px; color:#fff; width:70%; margin:20px auto 70px auto; } .mainpage-box-spoilers .description { line-height:150%; text-align:center; padding:10px 20px; } /* Characters */ .mainpage-box-characters .comics, .mainpage-box-characters .television, .mainpage-box-characters .ftwd, .mainpage-box-characters .games { padding-top:10px; border-bottom:2px solid #87885c; } .mainpage-box-characters .comics .subheader, .mainpage-box-characters .ftwd .subheader, .mainpage-box-characters .television .subheader, .mainpage-box-characters .games .subheader { margin-bottom:50px; } .mainpage-box-characters .comics .title, .mainpage-box-characters .ftwd .title, .mainpage-box-characters .television .title, .mainpage-box-characters .games .title { float:left; padding-left:10px; color:#515237; text-transform:uppercase; font-size:18px; letter-spacing:3px; font-weight:bold; margin-top:10px; } .mainpage-box-characters .comics .icon, .mainpage-box-characters .ftwd .icon, .mainpage-box-characters .television .icon, .mainpage-box-characters .games .icon { float:left; } .mainpage-box-characters .mw-collapsible-toggle { margin-top:-40px; } .mainpage-box-characters .mw-customtoggle-comics, .mainpage-box-characters .mw-customtoggle-television, .mainpage-box-characters .mw-customtoggle-ftwd, .mainpage-box-characters .mw-customtoggle-games { float:right; margin-top:10px; }

/* Selector CSS is handled at MediaWiki:PortalSlider.css */

/* ---  Right rail modules --- */ .mainpage-box-stories, .mainpage-box-blogs, .mainpage-box-discussions { margin:20px auto; } /* Stories */ .mainpage-box-stories { color:#515237; margin:20px; } .mainpage-box-stories .next { float:right; border-left:2px solid #87885c; padding-left:20px; } .mainpage-box-stories .last { float:left; width:50%; } .mainpage-box-stories .item { padding:5px 0; } .mainpage-box-stories .media { font-size:14px; } .mainpage-box-stories .date { font-size:10px; } /* Discussions */ .mainpage .discussion-module { display:none /* Turns off standard module to give deference to the bespoke one here */ } .mainpage .embeddable-discussions-module { border:none; background:transparent; padding:5px; } .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:1px solid #515237; 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: #515237; } .mainpage .embeddable-discussions-module .embeddable-discussions-post-actions { border-top-color:#515237 } .mainpage .embeddable-discussions-module .embeddable-discussions-post-actions a, .mainpage .embeddable-discussions-module .embeddable-discussions-post-counters, .mainpage .embeddable-discussions-module .avatar-details, .mainpage .embeddable-discussions-module .embeddable-discussions-timestamp, .embeddable-discussions-module .embeddable-discussions-forum { color:#515237 } .mainpage .embeddable-discussions-module .embeddable-discussions-title a, .mainpage .embeddable-discussions-module .embeddable-discussions-title { color:#515237; line-height:130%; } .mainpage a.avatar-username { color:#515237; } .mainpage .embeddable-discussions-heading-container { margin-top:0; } .mainpage .embeddable-discussions-module .embeddable-discussions-threads { padding-top:0!important; } .mainpage-box-discussions { margin:0 auto; } /* Blogs */ .mainpage-box-blogs { padding-top:20px; } .mainpage-box-blogs a, .mainpage-box-blogs a:visited { color:#515237; } .mainpage .WikiaBlogListingBox .more, .mainpage .WikiaBlogListingBox .wikia-button, .mainpage .WikiaBlogListingBox h2 { display:none; } .mainpage .WikiaArticle .WikiaBlogListingBox ul { border:none; padding:0; } .mainpage .WikiaBlogListingBox ul { border:none; } .mainpage .WikiaBlogListingBox ul .WikiaBlogListingPost { border:1px solid #515237; padding:10px; margin-bottom:20px; color:#515237; } /* Other wikis

(aka: External template wrangling) Because the other wikis template resides on Community Central and not this wiki, a whole lot of   !importanting is required. */

.mainpage-box-other-wikis { margin:20px auto; padding:30px 10px 10px 10px; background:#87885c; } .mainpage-box-other-wikis > div { border-radius:0!important; border:0!important; width:inherit!important; box-shadow:none!important; background-color:transparent!important; margin:0!important; padding:0!important; } .mainpage-box-other-wikis > div a, .mainpage-box-other-wikis > div a:visited { color:#fff; } .mainpage-box-other-wikis div { width:280px!important; /* needed to control the image from afar */ text-align:left!important; } .mainpage-box-other-wikis > img { display:block!important; padding:20px; } .mainpage-box-other-wikis p + div, .mainpage-box-other-wikis p > div, .mainpage-box-other-wikis .image .image-thumbnail .link-external { display:none; } .mainpage-box-other-wikis p + p { font-size:14px!important; line-height:160%!important; width:90%; } .mainpage-box-other-wikis i, .mainpage-box-other-wikis em, .mainpage-box-other-wikis strong, .mainpage-box-other-wikis b { /* getting rid of internal title */ display:none; } /*====================  HEADERS =====================*/ /* Left rail headers */ .mainpage-box-welcome .header, .mainpage-box-characters .header, .mainpage-box-spoilers .header, .mainpage-box-selector .header, .mainpage-box-news .header { text-align:center; font-size:50px; text-transform:uppercase; font-family: "dk"; letter-spacing:3px; margin:40px auto; color: #fff; line-height:100%; }

/* Left rail subheaders */ .mainpage-box-welcome .description, .mainpage-box-welcome .subheader { font-size: 18px; margin:40px auto; width:80%; text-align:center; line-height:150% } /* Exceptions for the left rail */ .mainpage-box-welcome .header { font-size:50px; margin:40px auto 0 auto; text-transform:none; line-height:120%; width:80%; text-align:center; font-weight:normal; letter-spacing:2px; } .mainpage-box-spoilers .header { margin:10px auto 20px auto; } /* Right rail headers */ .mainpage-box-share .header, .mainpage-box-blogs .header, .mainpage-box-discussions .header, .mainpage-box-other-wikis .header { font-size:24px; text-align:center!important; /* !important for other-wikis */ margin-bottom:20px!important; text-transform:uppercase; letter-spacing:2px; font-family: dk; line-height:100%; color:#515237; } .mainpage-box-stories .header { font-size:18px; font-weight:bold; margin-bottom:10px; color:#515237; }

/* Header exceptions for the right rail */ .mainpage-box-discussions .header { margin-bottom:0; margin-top:40px; } .mainpage-box-other-wikis .header { margin-top:10px; } /* Portability */ @media (max-width: 1023px) { .mainpage-box-stories, .mainpage-box-blogs, .mainpage-box-discord, .mainpage-box-discussions, .mainpage-box-similar-wikis { margin:0 auto 20px auto; padding-top:20px; display:inline-block; }    .mainpage-box-stories { margin-left:20px; margin-right:20px; }    .mainpage-box-other-wikis { width:250px; margin:0 auto; }    .main-page-tag-rcs .module { width:300px; } }