MediaWiki:Mainpage.css

/* =================================  June 2019 design

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

Color theory

to be added later (but see wgOasisThemeSettings if curious)

main (page) background local navigation header background section header, link colors background skin is redlink color; FFa0a0 on hover

Font theory Main headers on main page are in their largest part: Lincoln - a licensed font Subheaders (well, super-headers) are Josefin Sans, a Google Font all caps, with heavy letter spacing Lower case, -ned accents (.cursive) are Caslon Antique, a licensed font Body is         Roboto, a Google font



.mainpage h1.page-header__title { display:none }

/* Redlink color has to be changed because this is a dark-themed wiki. Need redlinks to have contrast with dark background */

/* Redlink and hover colors */ .WikiaMainContent a.new, .WikiaMainContent a.new:visited { color:#9F977F!important; /* temp setting to gold */ } /* .WikiaMainContent a.new:hover, .WikiaMainContent a.new:visited:hover { color:#FFC2D7!important; } .WikiaMainContent a:hover { color: #C8D6E0!important; text-decoration:none; } /** General mainpage qualities **/ .mainpage-wrap { font-family:"Roboto"; } /* .mainpage-wrap a, .mainpage-wrap a:link { color:#9db6cc; }

.mainpage-wrap .wikia-gallery-caption-below .lightbox-caption { color:#9db6cc; } /* Basic box qualities */ .mainpage-box-discussions, .mainpage-box-characters, .mainpage-box-welcome, .mainpage-box-featured-videos, .mainpage-box-bts { margin:80px auto auto auto; width:670px; }

.mainpage-box-share, .mainpage-box-news, .mainpage-box-blogs, .mainpage-box-twitter, .mainpage-box-about, .mainpage-box-gallery { margin:80px auto auto auto; } .mainpage-box-news { font-size:14px; } .mainpage-box-about { padding:25px; background:#9F977F; color:#000; }

/** 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; }

/** Gallery box **/ .page-Silver_Sixpence_Wiki .LightboxHeader, .page-Silver_Sixpence_Wiki .lightbox-arrows, .page-Silver_Sixpence_Wiki .LightboxCarousel { display: none; }

/* 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:48px; letter-spacing:5px; text-transform:uppercase; margin:0 auto 20px auto; padding-bottom:10px; font-family:"Lincoln"; color:#fff; line-height:100%; } .mainpage-box-discussions .header { margin-bottom:0; } .mainpage-box-welcome .header { font-size:60px; font-weight:100; }

.mainpage-box-blogs .header, .mainpage-box-share .header, .mainpage-box-news .header, .mainpage-box-twitter .header, .mainpage-box-gallery .header { text-transform:uppercase; font-family:"Josefin Sans"; font-size:18px; text-align:left; color:#fff; letter-spacing:4px } .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:"Josefin Sans"; } .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, .mainpage-box-gallery .subheader { text-transform:uppercase; font-family:"Josefin Sans"; font-size:18px; text-align:left; margin-bottom:15px; color:#9F977F; letter-spacing:5px; } .cursive { font-family:"Caslon Antique"; text-transform:lowercase; font-size:50%; letter-spacing:1px; } /** Discussions box **/ .mainpage .embeddable-discussions-module { border:none; } .mainpage .embeddable-discussions-module .embeddable-discussions-post-detail { background-color:transparent; border: 1px solid #9F977F } .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:#9F977F!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, .mainpage-box-gallery { 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; }