MediaWiki:Mainpage.css

/* =================================  Kept in a separate CSS so that changes to it don't clutter page histories of main CSSs. ================================= */ .WikiaMainContent a.new, .WikiaMainContent a.new:visited { color:#c3aab1!important; } /* General mainpage qualities */ .mainpage h1.page-header__title { display:none } .mainpage-wrap { font-family:Rubik; } .mainpage-wrap a, .mainpage-wrap a:visited, .mainpage-wrap a:link { /* placeholder */ } /* Buh-bye main page title */ .mainpage-wrap .wikia-gallery-caption-within .lightbox-caption a:visited, .mainpage-wrap .wikia-gallery-caption-within .lightbox-caption a:link, .mainpage-wrap .wikia-gallery-caption-within .lightbox-caption, .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 { letter-spacing:2px; font-weight:normal; text-transform:uppercase; line-height:120%; font-family:"Squada One"; font-size:18px; } .mainpage .wikia-gallery-item .lightbox-caption { background:transparent; margin-bottom:5px; font-size:12px; text-decoration:none; font-family:"Squada One"; } .mainpage .article-thumb { margin-top:0px; } .mainpage .WikiaArticle a.external:after { display:none; } .mainpage .WikiaPage .page-header__separator { border-color:transparent; }

/* ==========  Left rail ========== */ /* Left rail modules */ .mainpage-box-welcome, .mainpage-box-characters, .mainpage-box-featured-videos{ width:670px; text-align:left; margin:60px auto; }

/*.mainpage-box-characters, .mainpage-box-featured-videos { margin-top:50px; }*/ /* Left rail headers */ .mainpage-box-welcome .header, .mainpage-box-characters .header, .mainpage-box-featured-videos .header { text-align:left; font-size:36px; text-transform:uppercase; letter-spacing:2px; color:#bdbdbd; font-family:"Squada One"; line-height:90%; font-weight:800; margin-bottom:25px; } .mainpage-box-welcome .header { font-family:"Squada One"; font-size:62px; text-align:left; letter-spacing:5px; line-height:5%; background: none repeat scroll 0 0 #7802E5; padding:0 0 30px 10px; } /* .mainpage-box-welcome .header:after { background: none repeat scroll 0 0 #7802E5; background-position: .1em .1em!important; background-repeat: repeat-x; background-size: 10px 10px; -webkit-box-decoration-break: clone; box-decoration-break: clone; bottom: 20px; content: ""; display: block; height: 20px; position: relative; width: 78%; opacity:.6; }

.mainpage-box-featured-videos .header { margin:0 auto; }

.mainpage-box-welcome .subheader, .mainpage-box-characters .subheader, .mainpage-box-featured-videos .subheader { text-align:left; font-size:24px; text-transform:uppercase; text-align:center; margin:0 auto; letter-spacing:2px; color:#bdbdbd; font-family:"Squada One"; line-height:110%; } .mainpage-box-welcome .subheader { font-size:24px; line-height:150%; width:420px; } .mainpage-box-welcome .description { width:420px; padding:20px 0 20px 0; line-height:150%; margin:0 auto; } /* Left rail header exceptions */

/* ==========  Right rail ========== */ /* Right rail modules */ .mainpage-box-events, .mainpage-box-facebook, .mainpage-box-discord, .mainpage-box-twitter, .mainpage-box-news { margin:50px auto; padding:0; } .mainpage-box-wiki { padding:30px; background:#fff; color:#000; margin:20px 0; } .mainpage-box-wiki a, .mainpage-box-wiki a:link, .mainpage-box-wiki a.new, .mainpage-box-wiki a.new:visited { color:#000; text-decoration:underline; } /* Right rail headers */

.mainpage-box-news .header, .mainpage-box-twitter .header, .mainpage-box-facebook .header { font-size:30px; text-align:left; margin-bottom:20px; text-transform:uppercase; letter-spacing:2px; font-family: "Squada One"; line-height:100%; color:#bdbdbd; font-weight:800; } .mainpage-box-wiki .header { font-weight:bold; text-transform:uppercase; letter-spacing:3px; font-size:18px; font-family:"Squada One"; } /* Header exceptions for the right rail */ /* none at present */ /* Portability */ @media (max-width: 1023px) { .mainpage-box-twitter, .mainpage-box-events, .mainpage-box-facebook, .mainpage-box-discord{ margin:0 auto 20px auto; padding-top:20px; width:300px; }    .mainpage-box-news { display:inline-block; }    .main-page-tag-rcs .module { width:300px; } }