MediaWiki:Wikia.css

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

/* Removing site border */ .WikiaPage { border: none; }

/* Link hover - inspired by classof85.fandom.com */ a:hover { text-shadow: 0 0 3px #dbc65f; color: #dbc65f !important; text-decoration:none; -webkit-transition: all .4s linear 0s; -moz-transition: all .4s linear 0s; -ms-transition: all .4s linear 0s; -o-transition: all .4s linear 0s; transition: all .4s linear 0s; } a { transition: all 0.4s linear; }

/* Infoboxes */ .portable-infobox { background-color: #100b15; } .portable-infobox .pi-title { background: #281b35; text-align: center; font-family: "Heebo"; letter-spacing: 2px; text-transform: uppercase; font-weight: bold; color: #dbc65f; } .pi-secondary-background { background-color: #1b1224; text-align: center; } .pi-border-color { border-color: #281b35; } .pi-horizontal-group .pi-header { text-align: center; }

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

/** Basic box qualities **/ .mainpage-box-welcome { margin:40px 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: #20162a; color: #eee; } .mainpage-box-discussions-post { background:#2f1f3c; 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:#291b35; } .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 **/ .mainpage-box-welcome .header, .mainpage-box-characters .header, .mainpage-box-featured-videos .header, .mainpage-box-bts .header { text-align:left; font-size:40px; font-weight: bold; letter-spacing:4px; text-transform:uppercase; margin:0 auto 20px auto; padding-bottom:10px; font-family:"Heebo"; line-height:100%; color:#dbc65f; background: linear-gradient(to bottom,#ecd07f 0%,#c99830 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .mainpage-box-share .header, .mainpage-box-news .header, .mainpage-box-twitter .header { font-weight:bold; text-transform:uppercase; letter-spacing:3px; font-family:"Heebo"; font-size:18px; text-align:left; color:#dbc65f; } .mainpage-box-about .header, .mainpage-box-discussions .header { font-weight:bold; text-transform:uppercase; letter-spacing:3px; font-size:18px; font-family:"Heebo"; color:#dbc65f; } .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:"Heebo"; font-size:18px; text-align:left; margin-bottom:15px; /* color:#9db6cc; */ }

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