MediaWiki:Mainpage.css

/* =================================  January 2019 mainpage design:

Elements affecting just the mainpage

Color Theory 000000 is main background 3f3f43 is wiki background DADADA is header color (and general text color) 121317 is wiki header color + Rubik The desc on the wiki module is technically Helvetica ================================= */

@import url('https://fonts.googleapis.com/css?family=Oswald:500');

@font-face { font-family: 'MP-font'; src: url('https://images.wikia.nocookie.net/something-old/images/3/3c/MP-font.otf') format('opentype'); }

/** 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 { } .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-size:18px; font-weight:normal; text-decoration:none; line-height:150%; font-family:Oswald; text-transform:uppercase; } .mainpage ficaption p.title, .mainpage .article-thumb figcaption { } .mainpage .article-thumb { margin-top:0px; } .mainpage .wikia-gallery-item .title { /* display:none; */ } .mainpage .wikia-gallery-item .lightbox-caption { line-height:150%; font-size:14px; background:transparent; } .mainpage-box-episodes .wikia-gallery-item .lightbox-caption, .mainpage-box-cast .wikia-gallery-item .lightbox-caption, .mainpage-box-characters .wikia-gallery-item .lightbox-caption { text-align:center; }

/** Modules **/ .mainpage-box-about, .mainpage-box-welcome, .mainpage-box-locations { width:670px; text-align:center; margin:0 auto; padding:40px 0; } .mainpage-box-about { padding:10px 0; } .mainpage-box-about .description { font-size:16px; width:670px; padding-bottom:30px; text-align:left; line-height:150%; } .mainpage-box-wiki, .mainpage-box-twitter { margin:20px auto; padding:20px; } .mainpage-box-wiki { background:#dadada; color:#121317; font-size:14px; line-height:130%; }

/* Main declarations for all the left rail headers */ .mainpage-box-about .header, .mainpage-box-welcome .top-header, .mainpage-box-welcome .bottom-header, .mainpage-box-locations .header { text-align:center; font-size:34px; text-transform:uppercase; font-family: "Oswald"; margin:0 auto 10px auto; color:#dadada; border:2px solid #DADADA; padding:20px 2px; text-shadow:3px 3px #000; line-height:5px; } .mainpage-box-about .header { width:40%; } .mainpage-box-locations .header { width:25%; } /* Exceptions for the left rail */ .mainpage-box-welcome .top-header { border:0; font-size:48px; padding:10px 0; } .mainpage-box-welcome .bottom-header { border:0; font-size:82px; padding:30px 0; }

.mainpage-box-locations .subheader a, .mainpage-box-locations .subheader a.link, .mainpage-box-locations .subheader a.visited { color:#000; padding-bottom:10px; font-family:"Oswald"; }

/* Broad declarations for the right rail */ .mainpage-box-wiki .header, .mainpage-box-twitter .header { font-size:24px; text-align:center; line-height:130%; color:#000; } .mainpage-box-twitter .header { font-family: "Oswald"; text-transform:uppercase; border:2px solid #DADADA; padding:20px 2px; line-height:0; color:#dadada; text-shadow:3px 3px #000; margin:20px auto 0 auto; width:55%; font-size:34px; } /* Portability */ @media (max-width: 1023px) { .mainpage-box-wiki { display:inline-block; margin:0 auto 20px auto; border:1px solid #dadada; width:300px; }    .mainpage-box-twitter { display:none; }    .mainpage-box-wiki .header { line-height:120%; }    .main-page-tag-rcs .module { width:285px; } }