MediaWiki:Mainpage.css

/* Styling for the main page */ /** General mainpage qualities **/ .mainpage h1.page-header__title { display:none } .mainpage-wrap { font-family:Rubik; } .mainpage-wrap .wikia-gallery-caption-below .lightbox-caption a { color: #fcde81; font-weight: bold; font-size: 17px; background: #6d2714; padding: 12px; border-radius: 4px; font-family: "Archivo Black"; text-transform: uppercase; font-style: oblique; }

/* Basic box qualities */ .mainpage-box-welcome { margin:30px auto auto auto; width:670px; } .mainpage-box-characters, .mainpage-box-featured-videos, .mainpage-box-bts { margin:80px auto auto auto; width:670px; } .mainpage-box-discussions, .mainpage-box-share, .mainpage-box-news, .mainpage-box-twitter, .mainpage-box-about { margin:80px auto auto auto; } .mainpage-box-news { font-size:14px; } .mainpage-box-about, .mainpage-box-discussions { padding:25px; background:#6d2714; color:#fafafa; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .mainpage-box-about a, .mainpage-box-discussions a { color:#ffde82; } .mainpage-box-discussions-post { background:#8a3c27; border-radius:4px; color:#fafafa; font-weight:bold; line-height:25px; margin:1em 0; padding:10px 15px; display: flex; align-items: center; } .mainpage-box-discussions-post-img { float:right; line-height:36px; margin-right:16px; position:relative; }

/** Share box **/ .mainpage-box-share { /* deliberately undefined */ } .mainpage-box-share .icons { text-align: center; margin:15px 4px; } .mainpage-box-share .icon { display: inline; margin-right:9px; }

/* Headers */

.mainpage-box-welcome .header, .mainpage-box-characters .header, .mainpage-box-featured-videos .header, .mainpage-box-bts .header { text-align:left; font-size:48px; font-style:oblique; text-transform:uppercase; margin:0 auto 20px auto; padding-bottom:10px; font-family:"Archivo Black"; color:#6d2714; line-height:100%; }

.mainpage-box-share .header, .mainpage-box-news .header, .mainpage-box-twitter .header { text-transform:uppercase; font-family:"Archivo Black"; font-style:oblique; font-size:18px; text-align:left; color:#6d2714; }

.mainpage-box-about .header, .mainpage-box-discussions .header { font-weight:bold; text-transform:uppercase; font-style:oblique; font-size:18px; font-family:"Archivo Black"; color:#ffde82; } .mainpage-box-welcome .subheader, .mainpage-box-characters .subheader, .mainpage-box-featured-videos .subheader, .mainpage-box-discussions .subheader, .mainpage-box-share .subheader, .mainpage-box-news .subheader, .mainpage-box-twitter .subheader, .mainpage-box-bts .subheader { text-transform:uppercase; font-family:"Archivo Black"; font-size:18px; text-align:left; margin-bottom:15px; /* color:#9db6cc; */ } /** Discussions box **/ .mainpage .embeddable-discussions-module { border:none; margin-top: -35px; } .mainpage .embeddable-discussions-module .embeddable-discussions-post-detail { background-color:transparent; } .mainpage .embeddable-discussions-module .embeddable-discussions-content { line-height:130%; } .mainpage .embeddable-discussions-module .embeddable-discussions-timestamp { font-size:10px; line-height:130%; } .mainpage .embeddable-discussions-module .embeddable-discussions-title { line-height:130%; } .mainpage .embeddable-discussions-heading { display:none; } .mainpage .embeddable-discussions-show-all { /* deliberately undefined */ } /* .mainpage .embeddable-discussions-show-all a, .mainpage .embeddable-discussions-show-all a:link, .mainpage .embeddable-discussions-show-all a:visited { color:#9db6cc!important }

/* Portability */

@media (max-width: 1023px) { .mainpage .embeddable-discussions-module { display:block; }    .mainpage-box-discussions, .mainpage-box-share, .mainpage-box-news, .mainpage-box-twitter, .mainpage-box-about { margin:20px auto; display:block; width:300px; } }