Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* ============= IMPORTS ============= */
@import url('https://fonts.googleapis.com/css?family=Oswald|Special+Elite&display=swap');
@font-face {
font-family: "Bebas";
src: url(https://images.wikia.nocookie.net/czech-prey-out/images/d/d3/Bebas.ttf/revision/latest) format("truetype");
}
.WikiaPage,
#WikiaPage {
border-color:transparent;
}
/* ==============
Style revamp in
consultation with Amazon
July 2019
==============
Highly simplified color palette
db0707 is the red of logos and accents
840606 is for links
764141 is for red links
*/
/* Buh-bye main page title */
.page-The_Boys_Wiki h1#firstHeading.page-header__title {
display:none
}
/* Redlink and hover colors */
.WikiaMainContent a.new,
.WikiaMainContent a.new:visited {
color:#764141!important; /* desat version of red logo for red links */
}
.WikiaMainContent a.new:hover,
.WikiaMainContent a.new:visited:hover {
color:#db0707!important;
}
.WikiaMainContent a:hover {
color: #840606!important;
text-decoration:none;
}
/** General mainpage qualities **/
.mainpage-wrap {
font-family:Rubik;
color:#000;
}
.mainpage-wrap a,
.mainpage-wrap a:link {
color:#840606;
}
.mainpage-wrap .wikia-gallery-caption-below .lightbox-caption {
color:#840606;
}
/* Basic box qualities */
/* Left */
.mainpage-box-characters,
.mainpage-box-welcome,
.mainpage-box-featured-videos,
.mainpage-box-about {
margin:40px auto auto auto;
width:670px;
}
.mainpage-box-characters .wikia-gallery-item {
margin: 2px -20px!important;
}
/* Right */
.mainpage-box-news,
.mainpage-box-twitter,
.mainpage-box-wiki {
margin:80px auto auto auto;
}
.mainpage-box-news {
font-size:14px;
}
.mainpage-box-wiki {
padding:25px;
background:#db0707;
color:#fff;
}
.mainpage-box-wiki a,
.mainpage-box-wiki a:link {
color:#fff;
text-decoration:underline;
}
/* Headers */
/* Left rail */
.mainpage-box-welcome .top-header,
.mainpage-box-welcome .bottom-header,
.mainpage-box-characters .header,
.mainpage-box-featured-videos .header,
.mainpage-box-about {
text-align:left;
font-size:48px;
letter-spacing:1px;
text-transform:uppercase;
margin:0 auto 10px auto;
padding-bottom:10px;
font-family:"Bebas";
color:#db0707;
}
/* Exceptions for the left rail */
.mainpage-box-welcome .top-header {
border:0;
font-size:36px;
padding:10px 0 0 0;
}
.mainpage-box-welcome .bottom-header {
border:0;
padding:0;
font-size:80px;
}
/* Right rail */
.mainpage-box-news .header,
.mainpage-box-twitter .header {
text-transform:uppercase;
font-family:"Bebas";
font-size:28px;
text-align:left;
color:#db0707;
}
.mainpage-box-wiki .header {
font-weight:bold;
text-transform:uppercase;
letter-spacing:3px;
font-size:18px;
font-family:"Bebas";
}
.mainpage-box-characters .subheader,
.mainpage-box-featured-videos .subheader,
.mainpage-box-news .subheader,
.mainpage-box-twitter .subheader {
text-transform:uppercase;
font-family:"Bebas";
font-size:18px;
text-align:left;
margin-bottom:15px;
color:#9db6cc;
}
/* Portability */
@media (max-width: 1023px) {
.mainpage-box-news,
.mainpage-box-twitter,
.mainpage-box-wiki {
margin:20px auto;
display:block;
width:300px;
}
}