MediaWiki:Mainpage.css

/* =================================  CSS Mainly affecting the main page Color theory: #3d6f7f for buttons/hweleaders #7ce8e4 for links #20353f for headers/page background #15252f for major background ================================= */ .WikiaMainContent a.new, .WikiaMainContent a.new:visited { color:#ffb7c1!important; } .WikiaMainContent a:hover { color: #b98f86; text-decoration:none; } /* 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 { /* placeholder */ } .jwp { float:right; padding-left:10px; margin-top:10px; } /* Buh-bye main page title */ .mainpage-wrap .wikia-gallery-caption-within .lightbox-caption a:visited, .mainpage-wrap .wikia-gallery-caption-within .lightbox-caption a:link, .mainpage-wrap .wikia-gallery-caption-within .lightbox-caption, .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 { letter-spacing:2px; font-weight:normal; text-transform:none; line-height:120%; font-family:"Source Serif Pro"; font-size:18px; } .mainpage .wikia-gallery-item .lightbox-caption { background:transparent; margin-bottom:5px; font-size:12px; text-decoration:none; font-family:"Source Serif Pro"; } .mainpage .article-thumb { margin-top:0px; } .mainpage .WikiaArticle a.external:after { display:none; } .mainpage .WikiaPage .page-header__separator { border-color:transparent; }

/* ==========  Left rail ========== */ /* Left rail modules */ .mainpage-box-welcome, .mainpage-box-characters, .mainpage-box-features, .mainpage-box-featured-videos { width:670px; text-align:left; margin:0px auto 30px; } /* Left rail headers */ .mainpage-box-welcome .header, .mainpage-box-characters .header, .mainpage-box-features .header, .mainpage-box-featured-videos .header { text-align:left; font-size:36px; text-transform:none; letter-spacing:2px; color:#7ce8e4; font-family:"Source Serif Pro"; line-height:90%; margin-bottom:25px; background: -webkit-linear-gradient(#d6c26d, #75562b); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

/* Light theme needs darker colors for the mainpage header gradient */ .theme-fandomdesktop-light .mainpage-box-welcome .header, .theme-fandomdesktop-light .mainpage-box-characters .header, .theme-fandomdesktop-light .mainpage-box-features .header, .theme-fandomdesktop-light .mainpage-box-featured-videos .header { background: -webkit-linear-gradient(#bfa42a, #755120); background: linear-gradient(#bfa42a, #755120); background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .theme-fandomdesktop-light .mainpage-box-welcome .subheader, .theme-fandomdesktop-light .mainpage-box-characters .subheader, .theme-fandomdesktop-light .mainpage-box-features .subheader, .theme-fandomdesktop-light .mainpage-box-featured-videos .subheader { color: #755120; } .mainpage-box-welcome .header { font-family:"Source Serif Pro"; font-size:50px; text-align:left; letter-spacing:1px; line-height:100%; } .mainpage-box-welcome .subheader, .mainpage-box-characters .subheader, .mainpage-box-features .subheader, .mainpage-box-featured-videos .subheader { text-align:left; font-size:18px; text-align:left; margin:20px auto; color:#d6c26d; font-family:"Source Serif Pro"; line-height:110%; } .mainpage-box-welcome .subheader { font-size:24px; line-height:150%; width:420px; } .mainpage-box-welcome .description { width:420px; padding:20px 0 20px 0; line-height:150%; margin:0 auto; } /* Left rail header exceptions */

/* ==========  Right rail ========== */ /* Right rail modules */ .mainpage-box-twitter, .mainpage-box-blogs { margin:50px auto; padding:0; } /* make the soical media icons a bit darker on light theme */ .theme-fandomdesktop-light .social-links img { filter: brightness(0.9); } .mainpage-box-wiki { padding:20px; background: -webkit-linear-gradient(#d6c26d, #8f6935); color:#000; margin:20px 0; } .mainpage-box-wiki a, .mainpage-box-wiki a:link, .mainpage-box-wiki a.new, .mainpage-box-wiki a.new:visited { color:#000; text-decoration:underline; } /* Right rail headers */ .mainpage-box-twitter .header, .mainpage-box-blogs .header { font-size:18px; text-align:left; margin-bottom:20px; font-family: "Source Serif Pro"; line-height:100%; color:#d6c26d; font-weight:800; }

.blog_listing__title { line-height:135% !important; font-family: "Source Serif Pro"!important; color:#d6c26d!important; } .mainpage-box-wiki .header { font-weight:bold; text-transform:none; letter-spacing:1px; font-size:18px; font-family:"Source Serif Pro"; }

/** Blogs box **/ .mainpage-box-blogs .communityposts { /* display: inline-block;*/ overflow-y: auto; vertical-align: top; } .mainpage-box-blogs .communityposts-container { border: 1px solid #c88e55; background-color:#000; overflow-y: auto; /*min-width:300px;*/ padding-bottom:10px; } /* Custom styling of the community posts */ .mainpage-box-blogs .communityposts-container .WikiaBlogListing .author-details h1 { font-size: 20px; color:white; letter-spacing:0; } .mainpage-box-blogs .communityposts-container .WikiaBlogListing .author-details { margin: 0 0 0px 40px; } .mainpage-box-blogs .communityposts-container .WikiaBlogListing img.avatar { height: 32px; width: 32px; } .mainpage-box-blogs .communityposts-container .WikiaBlogListing .WikiaBlogListingPost { padding: 6px; } .mainpage-box-blogs .newsfeed-container ul { list-style-type: circle; margin: 7px 1px 9px 22px; } .mainpage-box-blogs .newsfeed-container, .mainpage-box-blogs .newsfeed-container a { color: white; } .mainpage-box-blogs .communityposts-container .WikiaBlogListing { margin-bottom: -14px; margin-top: 9px; } .communityposts p a { display:none; } .mainpage .read-more, .mainpage .read-more a, .mainpage .read-more a:link, .mainpage .read-more a:visited { color:#ececec; font-size:13px; } .mainpage .author-details h2, .mainpage .author-details h2 a, .mainpage .author-details h2 a:visited, .mainpage .author-details h2 a:link { background:transparent; text-align:left; color:white!important; text-transform:none; font-weight:bold; font-family:"helvetica neue", helvetica, arial, sans-serif; font-size:20px; letter-spacing:0; margin:0; } .mainpage .WikiaBlogListing .author-details span { color:white; font-size:13px; } .mainpage .author-details a, .mainpage .author-details a:link, .mainpage .author-details a:visited { color:#ececec } .mainpage .WikiaBlogListing .avatar { padding: 6px 5px 0 0 } .mainpage .commentslikes { display:none } /* Header exceptions for the right rail */ /* none at present */

/* Portability */ @media (max-width: 1023px) { .mainpage-box-twitter, .mainpage-box-wiki, .mainpage-box-discord { margin:0 auto 20px auto; padding-top:20px; width:300px; }    .mainpage-box-twitter { display:inline-block; }    .main-page-tag-rcs .module { width:300px; } }