MediaWiki:Common.css

@font-face {font-family: "Copperplate"; src: url("//db.onlinewebfonts.com/t/b19b06e514f6e6e2fe223a059e28e5b4.eot"); src: url("//db.onlinewebfonts.com/t/b19b06e514f6e6e2fe223a059e28e5b4.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/b19b06e514f6e6e2fe223a059e28e5b4.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/b19b06e514f6e6e2fe223a059e28e5b4.woff") format("woff"), url("//db.onlinewebfonts.com/t/b19b06e514f6e6e2fe223a059e28e5b4.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/b19b06e514f6e6e2fe223a059e28e5b4.svg#Copperplate") format("svg"); }

/*Hiding home header */ .mainpage .WikiaPage .page-header__title, .mainpage .WikiaPage .page-header__separator { display: none; }

/* Font */ .WikiaMainContent { font-family:Rubik; }

/* Main Page */ .WikiaMainContent a.new, .WikiaMainContent a.new:visited { color:#fff; }

.mainpage h1.page-header__title { display:none } .mainpage-wrap { }

.mainpage-wrap a, .mainpage-wrap a.visited, .mainpage-wrap a.link, .mainpage-wrap a.new, .mainpage-wrap a.new:visited { color:#E7F0DF; } .mainpage-wrap .wikia-gallery-caption-below .lightbox-caption a, .mainpage-wrap .wikia-gallery-caption-below .lightbox-caption a.new, .mainpage-wrap .wikia-gallery-caption-below .lightbox-caption a.new:visited, .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 { text-decoration:none!important; color:#E7F0DF; text-transform:none; letter-spacing:0; font-family:"Copperplate"; font-size:12px; }

/** Main column styling **/ .mainpage-box-characters, .mainpage-box-welcome, .mainpage-box-featured-videos { margin:25px auto 20px auto; width:670px; } .mainpage-box-welcome .header, .mainpage-box-featured-videos .header, .mainpage-box-characters .header { text-align:left; font-size:36px; text-transform:uppercase; letter-spacing:1px; font-weight:normal; font-family: "Copperplate"; color:#E7F0DF; line-height:100%; }

.mainpage-box-welcome .top, .mainpage-box-featured-videos .top, .mainpage-box-characters .top { text-align:left; font-size:10px; text-transform:uppercase; letter-spacing:3px; font-family: "Copperplate"; font-weight:400; color:#E7F0DF; line-height:110%; }

.mainpage-box-welcome .top { font-size:17px; margin-bottom:9px; } .mainpage-box-welcome .header { font-size:36px; margin-bottom:20px; } .mainpage-box-welcome { margin-top:0; } .mainpage-box-featured-videos .header { margin-bottom:20px; }

/** Right rail styling **/ .mainpage-box-about { padding:10px 0; } .mainpage-box-news, .mainpage-box-twitter { margin:20px auto; }

.mainpage-box-wiki { background:#E7F0DF; color:#FFFFFF; font-size:14px; line-height:150%; text-align:left; padding:20px; margin: 20px auto; } .mainpage-box-wiki a, .mainpage-box-wiki a.visited, .mainpage-box-wiki a.link, .mainpage-box-wiki a.new { color:#FFFFFF; text-decoration:underline; }

.mainpage-box-wiki .header { font-weight:bold; text-transform:uppercase; letter-spacing:3px; font-size:18px; }

.mainpage-box-news a.visited, .mainpage-box-news a.link, .mainpage-box-news a.new { color:#051314; text-decoration:none; }

.mainpage-box-news .header, .mainpage-box-wiki .header, .mainpage-box-discussions .header, .mainpage-box-twitter .header { font-size:25px; text-align:center; line-height:130%; color:#E7F0DF; text-transform:uppercase; letter-spacing:0; font-weight:bold; font-family:"Copperplate"; }

.mainpage-box-twitter .header { font-family: "Copperplate"; color:#E7F0DF; line-height:130%; margin-bottom:20px; }

.mainpage-box-wiki .top, .mainpage-box-wiki .header { color:#FFFFFF }

/** Icons styling **/ .mainpage-box-twitter .icons { text-align: center; margin:15px 4px; } .mainpage-box-twitter .icon { display: inline; margin-right:9px; } .mainpage-box-discussions { margin:10px auto auto auto; } .mainpage-box-discussions { padding:25px; background:#3895ac; color:#fafafa; font-size:11pt; } .mainpage-box-discussions a { color:#fff; } .mainpage-box-discussions-post { background:#000000; 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 a { color:white; } .mainpage-box-discussions-post:hover { background:#626262; padding:10px 25px; transition:1s; } .mainpage-box-discussions-post-img { float:right; line-height:36px; margin-right:16px; position:relative; }

/** About styling **/ .mainpage-box-about { background: var(--theme-accent-color); color:#E7F0DF; font-size:14px; line-height:150%; padding:20px; margin:25px auto 20px auto; }

.mainpage-box-about a { color:#FFFFFF; text-decoration:underline; }

.mainpage-box-about .header { font-size:15px; text-align:left; line-height:130%; color:#FFFFFF; text-transform:uppercase; letter-spacing:2px; font-weight:bold; font-family:"Copperplate"; } /* .mainpage-box-about { margin:40px auto auto auto; width:670px; } .mainpage-box-about a { color:white; text-decoration:underline; } .mainpage-box-about .header { text-align:left; font-size:28px; letter-spacing:1px; text-transform:uppercase; margin:0 auto 10px auto; padding-bottom:10px; color:#FFFFFF; font-weight:bold; }