MediaWiki:Wikia.css

@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,500&display=swap');

.WikiaArticle { overflow: unset; }

/* Infobox */ .portable-infobox .pi-title { font-size: 20px; line-height: 31px; background: #543B4E; color: #FFF; text-align: center; font-family: "Oswald"; text-transform: uppercase; } .portable-infobox { background-color: #F3EAF1; } .pi-secondary-background { background-color: #C8AFC1; text-align: center; } .pi-secondary-background a { color: #543B4E; } .pi-horizontal-group .pi-header { text-align: center; } .pi-border-color { border-color: #CEBCC9; }

/* 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:#543B4E; font-weight: bold; font-size: 16px; } .mainpage-wrap .wikia-gallery-position-center { text-align: center; margin-left: -25px; }

/** Basic box qualities **/

.mainpage-box-welcome { margin:40px auto auto auto; width:670px; }

.mainpage-box-characters { width: 670px; background: #F3EAF1; border-top: 5px solid #543b4d; border-bottom: 5px solid #543b4d; padding: 1.5em 0 0 1.5em; margin: 80px 1em 0 0; }

.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:#F3EAF1; color:#111; border-top: 5px solid #543b4d; border-bottom: 5px solid #543b4d; } .mainpage-box-discussions-post { background:#e3d0df; 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:hover { background:#d0b5cb; } .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: left; margin:15px 4px; } .mainpage-box-share .icon { display: inline; margin-right:9px; }

/** Headers **/

.header-bold { font-weight: 500; } .header-light { font-weight: 200; }

.mainpage-box-welcome .header, .mainpage-box-characters .header, .mainpage-box-featured-videos .header, .mainpage-box-bts .header { text-align:left; font-size:48px; letter-spacing:3px; text-transform:uppercase; margin:0 auto 20px auto; padding-bottom:10px; font-family:"Oswald"; color:#543B4E; line-height:100%; }

.mainpage-box-share .header, .mainpage-box-news .header, .mainpage-box-twitter .header { text-transform:uppercase; font-family:"Oswald"; font-size:18px; text-align:left; color:#543B4E; }

.mainpage-box-about .header, .mainpage-box-discussions .header { font-weight:bold; text-transform:uppercase; letter-spacing:3px; font-size:18px; font-family:"Oswald"; color:#543B4E; } .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:"Oswald"; font-size:18px; text-align:left; margin-bottom:15px; /* color:#9db6cc; */ } /*** Discussions box ***/ .mainpage .embeddable-discussions-module { border:none; } .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; } }

/* References text */ .references { font-size: 80%; }