MediaWiki:Mainpage.css

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

Elements mainly affecting just the mainpage

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

.mp-button { display:inline-block; background-color:#d0df00; text-transform:uppercase; letter-spacing:3px; border:#002a3a; color:#002a3a; padding:20px; width: 200px; 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; color:#d0df00; } .mp-button:hover span { padding-right: 25px; } .mp-button:hover span:after { opacity: 1; right: 0; }

.WikiaMainContent { font-family:Rubik; }

.WikiaMainContent a.new, .WikiaMainContent a.new:visited {

} /** General mainpage qualities **/ .mainpage h1.page-header__title { display:none } .mainpage .WikiaArticle a.external:after, .mainpage .WikiaArticle a[href^='gopher://']:after { background-image:none; }

.mainpage-wrap a, .mainpage-wrap a.visited, .mainpage-wrap a.link, .mainpage-wrap a.new, .mainpage-wrap a.new:visited { color:#ff6400; }

.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:0; font-family:Rubik; } .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-featured-articles, .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-featured-articles .header, .mainpage-box-characters .header { text-align:left; font-weight:900; font-size:36px; text-transform:uppercase; letter-spacing:2px; font-family: "Maven Pro"; color:#ff6400; line-height:100%; }

.mainpage-box-welcome .top, .mainpage-box-featured-videos .top, .mainpage-box-locations .top, .mainpage-box-featured-articles .top, .mainpage-box-characters .top { text-align:left; font-size:18px; text-transform:uppercase; letter-spacing:2px; font-family: "Nunito"; color:#ff6400; line-height:100%; } /* Exceptions for the left rail */ .mainpage-box-welcome .top { margin-bottom:10px; font-size:18px; font-weight:600; } .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; } .mainpage-box-featured-articles .top, .mainpage-box-featured-videos .top { margin-bottom: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:#ff6400; } .mainpage-box-wiki { background:#ff6400; color:#fff; font-size:14px; line-height:150%; text-align:left; padding:20px; margin: 20px auto; } .mainpage-box-wiki a, .mainpage-box-wiki a.visited, .mainpage-box-wiki a.link, .mainpage-box-wiki a.new, .mainpage-box-wiki a.new:visited{ color:#000!important; }

.mainpage-box-news a.visited, .mainpage-box-news a.link, .mainpage-box-news a.new { color:#ff6400; }

.mainpage-box-news .header, .mainpage-box-wiki .header, .mainpage-box-twitter .header { font-size:24px; text-align:left; line-height:130%; color:#ff6400; font-weight:bold; text-transform:uppercase; letter-spacing:2px; font-family:"Maven Pro"; }

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

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

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