MediaWiki:Mainpage.css

/* ==============  Style revamp in    consultation with Facebook July 2019 ==============   F5DE00 is the yellow of headers 094f00 is the dark green of backgrounds ADD69A is for links 60a045 is for red links (ultimately, but not at launch) Fonts FBReg for body HD for right column headers HDFat for left column headers



/* Redlink and hover colors */ .WikiaMainContent a.new, .WikiaMainContent a.new:visited { color:#ADD69A!important; } .WikiaMainContent a.new:hover, .WikiaMainContent a.new:visited:hover { color:#ADD69A!important; } .WikiaMainContent a:hover { color: #60a045!important; text-decoration:none; } /** General mainpage qualities **/ .mainpage h1.page-header__title { display:none } .mainpage-wrap { font-family:FBReg; color:#fff; } .mainpage-wrap a, .mainpage-wrap a:link { color:#ADD69A; } .mainpage-wrap .wikia-gallery-caption-below .lightbox-caption { color:#ADD69A; }

/* Basic box qualities */ /* Left */

.mainpage-box-characters, .mainpage-box-welcome, .mainpage-box-featured-videos, .mainpage-box-about { margin:40px auto auto auto; width:670px; }

.mainpage-box-characters .wikia-gallery-item { margin: 2px -20px!important; }

/* Right */ .mainpage-box-watch, .mainpage-box-news, .mainpage-box-twitter, .mainpage-box-wiki { margin:80px auto auto auto; } .mainpage-box-news { font-size:14px; color:white; } .mainpage-box-wiki { padding:25px; background:#F5DE00; color:#000; } .mainpage-box-wiki a, .mainpage-box-wiki a:link { color:#000; text-decoration:underline; }

/* Headers */

/* Left rail */ .mainpage-box-welcome .top-header, .mainpage-box-welcome .bottom-header, .mainpage-box-characters .header, .mainpage-box-featured-videos .header, .mainpage-box-about { text-align:left; font-size:60px; letter-spacing:1px; text-transform:uppercase; margin:0 auto 10px auto; padding-bottom:10px; font-family:"HDFat"; color:#F5DE00; text-align:center; }

/* Exceptions for the left rail */ .mainpage-box-welcome .top-header { border:0; font-size:36px; padding:10px 0 0 0; } .mainpage-box-welcome .bottom-header { border:0; padding:0; font-size:96px; line-height:45%; }

/* Right rail */

.mainpage-box-news .header, .mainpage-box-twitter .header { text-transform:uppercase; font-family:"HD"; font-size:52px; text-align:left; color:#F5DE00; }

.mainpage-box-wiki .header { font-weight:bold; text-transform:uppercase; letter-spacing:2px; font-size:48px; font-family:"HD"; } .mainpage-box-characters .subheader, .mainpage-box-featured-videos .subheader, .mainpage-box-news .subheader, .mainpage-box-twitter .subheader { text-transform:uppercase; font-family:"HD"; font-size:24px; text-align:left; margin-bottom:15px; color:#fff; }

/* Portability */

@media (max-width: 1023px) { .mainpage-box-news, .mainpage-box-twitter, .mainpage-box-wiki { 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; }