MediaWiki:Mainpage.css

/* ==================================

Elements mainly affecting just the mainpage

================================= */

.WikiaMainContent { font-family:Roboto; color:#Fffef9; /* precise color mandated by the USN */ }

.WikiaMainContent a.new, .WikiaMainContent a.new:visited { color:#FFB81C; } /** General mainpage qualities **/ .mainpage h1.page-header__title { display:none } .mainpage-wrap { }

.mainpage-wrap a, .mainpage-wrap a.visited, .mainpage-wrap a.link, .mainpage-wrap a.new, .mainpage-wrap a.new:visited { text-decoration:underline; color:#d0df00; } .mainpage-wrap .wikia-gallery-caption-below .lightbox-caption a, .mainpage-wrap .wikia-gallery-caption-below .lightbox-caption a.new, .mainpage-wrap .wikia-gallery-caption-below .lightbox-caption a.new:visited, .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 { text-decoration:none!important; letter-spacing:1px; font-family:Roboto; } .mainpage ficaption p.title, .mainpage .article-thumb figcaption { /* future use */ } .mainpage .article-thumb { margin-top:0px; } .mainpage .wikia-gallery-item .lightbox-caption { line-height:150%; font-size:14px; background:transparent; } .mainpage .wikia-gallery-item .thumb, .mainpage .wikia-gallery-item .thumb > div { text-align:left!important; }

/* Basic box qualities */ .mainpage-box-discussions, .mainpage-box-characters, .mainpage-box-welcome, .mainpage-box-featured-videos, .mainpage-box-bts { margin:80px auto 20px auto; width:670px; } .mainpage-box-about { padding:10px 0; }

/* Main declarations for all the left rail headers */ .mainpage-box-welcome .header, .mainpage-box-featured-videos .header, .mainpage-box-locations .header, .mainpage-box-characters .header { text-align:left; font-size:36px; text-transform:uppercase; letter-spacing:2px; font-family: "Alfa Slab One", sans-serif; color:#d0df00; line-height:100%; }

.mainpage-box-welcome .top, .mainpage-box-featured-videos .top, .mainpage-box-locations .top, .mainpage-box-characters .top { text-align:left; font-size:18px; text-transform:uppercase; letter-spacing:2px; font-family: "Roboto"; color:#d0df00; line-height:100%; } /* Exceptions for the left rail */ .mainpage-box-welcome .top { margin-bottom:10px; font-size:18px; } .mainpage-box-welcome .header { font-size:48px; margin-bottom:20px; } .mainpage-box-featured-videos .header { margin-bottom:20px; } .mainpage-box-featured-videos .vid2 { margin-top:20px; }

/* Broad declarations for the right rail */ .mainpage-box-about { padding:10px 0; } .mainpage-box-news, .mainpage-box-twitter { margin:20px auto; padding:20px; } .mainpage-box-news a, .mainpage-box-news a.visited, .mainpage-box-news a.link { color:#d0df00; text-decoration:underline; } .mainpage-box-wiki { background:#000; color:#fffef9; font-size:14px; line-height:150%; text-align:left; padding:20px; margin: 20px auto; } .mainpage-box-wiki a, .mainpage-box-news a.visited, .mainpage-box-news a.link, .mainpage-box-news a.new { color:#d0df00; text-decoration:underline; }

.mainpage-box-news .header, .mainpage-box-wiki .header, .mainpage-box-twitter .header { font-size:24px; text-align:left; line-height:130%; color:#d0df00; text-transform:uppercase; letter-spacing:2px; font-family:"Alfa Slab One"; }

.mainpage-box-twitter .header { margin-bottom:20px; }

.mainpage-box-wiki .top, .mainpage-box-wiki .header { color:#d0df00; }

/* Portability */ @media (max-width: 1023px) { .mainpage-box-wiki, .mainpage-box-twitter { display:inline-block; }    .mainpage-box-twitter .header { padding: 0 0 20px 0; margin:0; }    .mainpage-box-twitter { max-height:500px; }    .mainpage-box-wiki .header { line-height:120%; }    .main-page-tag-rcs .module { width:285px; } }

/* Mainpage button */

.mp-button { display:inline-block; background-color:#d0df00; text-transform:uppercase; font-family: "Alfa Slab One", sans-serif; letter-spacing:3px; border:#002a3a; color:#002a3a; padding:20px; width: 300px; margin:0 auto; text-align:center; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .mp-button span { cursor: pointer; display: inline-block; position: relative; transition: 0.5s; } .mp-button span:after { content: '\00bb'; position: absolute; opacity: 0; top: 0; right: -20px; transition: 0.5s; } .mp-button:hover { background-color: #002a3a; border-color:#d0df00!important; color:#d0df00; } .mp-button:hover span { padding-right: 25px; } .mp-button:hover span:after { opacity: 1; right: 0; }