MediaWiki:Mainpage.css

/* =================================  June 2019 redesign

Kept in a separate CSS so that changes to it don't clutter page histories of main CSSs. =================================

Color theory

1c1567 main (page) background 1c1567 local navigation header background e2b334 section header, link colors, button color 1c1567 background skin FFB8B8 redlink color pages shoudl be kept full opaque

Font theory Main headers on main page: "PT Sans Narrow" per agreement with Disney All the rest of the test is just Rubik, per agreement with Disney



/* Redlink color has to be changed because this is a dark-themed wiki. Need redlinks to have contrast with dark background */ .WikiaMainContent a.new, .WikiaMainContent a.new:visited { color:#FFB8B8; }

/** General mainpage qualities **/ .mainpage-wrap { font-family:Rubik; }

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

.mainpage-box-share, .mainpage-box-news, .mainpage-box-blogs, .mainpage-box-twitter, .mainpage-box-about { margin:80px auto auto auto; } .mainpage-box-news { font-size:14px; } .mainpage-box-about { padding:25px; background:#e2b334; color:#012f45; }

/** Share box **/ .mainpage-box-share { /* deliberately undefined */ } .mainpage-box-share .icons { text-align: left; margin:15px 4px; } .mainpage-box-share .icon { display: inline; margin-right:9px; }

/* Headers */

.mainpage-box-discussions .header, .mainpage-box-welcome .header, .mainpage-box-characters .header, .mainpage-box-featured-videos .header, .mainpage-box-bts .header { text-align:left; font-size:36px; letter-spacing:1px; text-transform:uppercase; margin:0 auto 20px auto; font-family:"PT Sans Narrow"; color:#e2b334; line-height:100%; font-weight:bold; } .mainpage-box-discussions .header { margin-bottom:0; } .mainpage-box-welcome .header { font-size:48px; }

.mainpage-box-blogs .header, .mainpage-box-share .header, .mainpage-box-news .header, .mainpage-box-twitter .header { text-transform:uppercase; font-family:"PT Sans Narrow"; font-size:18px; text-align:left; color:#e2b334; font-weight:bold; } .mainpage-box-twitter .header { margin-bottom:10px; } .mainpage-box-about .header { font-weight:bold; text-transform:uppercase; letter-spacing:3px; font-size:18px; font-family:"PT Sans Narrow"; } .mainpage-box-welcome .subheader, .mainpage-box-characters .subheader, .mainpage-box-featured-videos .subheader, .mainpage-box-discussions .subheader, .mainpage-box-share .subheader, .mainpage-box-news .subheader, .mainpage-box-twitter .subheader, .mainpage-box-bts .subheader { font-weight:bold; text-transform:uppercase; letter-spacing:3px; font-size:18px; font-family:"PT Sans Narrow"; color:#e2b334; } /** Discussions box **/ .mainpage .embeddable-discussions-module { border:none; } .mainpage .embeddable-discussions-module .embeddable-discussions-post-detail { background-color:transparent; border: 1px solid #e2b334 } .mainpage .embeddable-discussions-module .embeddable-discussions-content { line-height:130%; } .mainpage .embeddable-discussions-module .embeddable-discussions-timestamp { font-size:10px; line-height:130%; } .mainpage .embeddable-discussions-module .embeddable-discussions-title { line-height:130%; } .mainpage .embeddable-discussions-heading { display:none; } .mainpage .embeddable-discussions-show-all { /* deliberately undefined */ } .mainpage .embeddable-discussions-show-all a, .mainpage .embeddable-discussions-show-all a:link, .mainpage .embeddable-discussions-show-all a:visited { color:#e2b334!important }

/* Blogs */ .mainpage .WikiaBlogListingBox h2 { display:none; } .mainpage .WikiaBlogListingBox .wikia-button { display:none; }

/* Portability */

@media (max-width: 1023px) { /*.mainpage .embeddable-discussions-module { display:block; }    .mainpage-box-discussions,*/ .mainpage-box-share, .mainpage-box-news, .mainpage-box-blogs, .mainpage-box-twitter, .mainpage-box-about { margin:20px auto; display:block; width:300px; } }

/* ======================  Pre Making it more readable on dark-themed wiki ======================= */ .WikiaArticle pre, .pre { background-color:#e9e9e9; color:black; border:2px solid #000; border-radius:15px; box-shadow:0 0 5px #000 inset; line-height:140%; width:auto; margin:auto auto auto auto; font-family: Monaco,"Andale Mono","Lucida Sans Typewriter", "Lucida Console", "Nimbus Mono L", "Courier New", monospace; word-break: break-all; word-wrap: break-word; white-space: pre; white-space: -moz-pre-wrap; white-space: pre-wrap; white-space: pre\9; }