Berserk Wiki
No edit summary
Tag: sourceedit
(Edited Main Colors to reflect new background theme)
Tag: sourceedit
Line 55: Line 55:
   
 
#WikiaPageBackground {
 
#WikiaPageBackground {
border:4px solid #8b0000 !important;
+
border:4px solid #5b6aa4 !important;
 
border-radius:15px;
 
border-radius:15px;
 
box-shadow:3px 3px 10px #000,-3px 3px 10px #000,3px -3px 10px #000,-3px -3px 10px #000;
 
box-shadow:3px 3px 10px #000,-3px 3px 10px #000,3px -3px 10px #000,-3px -3px 10px #000;
Line 207: Line 207:
 
/** Background and styles: Both **/
 
/** Background and styles: Both **/
 
.wikia-menu-button.contribute.secondary, .wikia-button.share-button.secondary {
 
.wikia-menu-button.contribute.secondary, .wikia-button.share-button.secondary {
background:-webkit-linear-gradient(#8B0000,#a23232);
+
background:-webkit-linear-gradient(#5b6aa4,#a23232);
background:-moz-linear-gradient(#8B0000,#a23232);
+
background:-moz-linear-gradient(#5b6aa4,#a23232);
background:-o-linear-gradient(#8B0000,#a23232);
+
background:-o-linear-gradient(#5b6aa4,#a23232);
background:linear-gradient(#8B0000,#a23232);
+
background:linear-gradient(#5b6aa4,#a23232);
 
border:0px solid #000;
 
border:0px solid #000;
 
color:#FFF;
 
color:#FFF;
Line 826: Line 826:
   
 
.WikiaActivityModule {
 
.WikiaActivityModule {
border:2px solid #8b0000;
+
border:2px solid #5b6aa4;
color:#8b0000;
+
color:#5b6aa4;
 
padding:5px;
 
padding:5px;
 
font-family: "Roboto Slab", sans-serif;
 
font-family: "Roboto Slab", sans-serif;

Revision as of 23:41, 16 October 2016

/*============================
Code credited to Danganronpa (Attributed to Fubuki風吹 ), 
Toriko, Tardis and One Upon a Time Wiki.
==============================*/

/*  ===================
    CSS IMPORTS 
    ===================
    These imports must be above 
    everything else in order to work
    =================== */

@import url("/load.php?debug=false&&allinone=0&lang=en&mode=articles&articles=MediaWiki:WikiaNav.css|MediaWiki:Mainpage.css|MediaWiki:WallForum.css|MediaWiki:WikiaButtons.css|MediaWiki:Namespace.css|MediaWiki:Transmat.css|MediaWiki:UPM.css|MediaWiki:VisEd.css&only=styles");

@import url("http://fonts.googleapis.com/css?family=Anton|Vollkorn|Lato|Quicksand|Josefin+Sans|Oswald|Raleway:100,200,400,700,800,900|Droid+Serif|Droid+Sans|Merriweather:400,400italic,700,700italic,900,300,300italic|Gentium+Basic|Roboto+Slab:400,100,300,700&subset=latin,latin-ext");

@import url("/load.php?mode=articles&articles=u:dev:NavBackground/code.css&only=styles");

@import url("/load.php?debug=false&&allinone=0&lang=en&mode=articles&articles=MediaWiki:Themes.css&only=styles");

@import "http://dev.wikia.com/index.php?title=MediaWiki:Cards.css&action=raw&ctype=text/css";

/*
.i18ndoc {
    background-color: #FFF77D;
    border-bottom: 1px solid lightgrey;
    font-family: monospace;
    font-size: 8pt;
    height: 140px;
    overflow: auto;
    padding: 3px;
}
*/

/**********************************/
/*            MAINPAGE            */
/**********************************/

.WikiHeader {
   font-family: 'Roboto Slab';
}

/*
.WikiHeader > nav {
	background-color:transparent !important;
	background-image: linear-gradient(#fedbe1,#d71820)!important;
	background-image: linear-gradient(#fedbe1,#d71820)!important;
	background-image: -o-linear-gradient(#fedbe1,#d71820)!important;
	background-image: -moz-linear-gradient(#fedbe1,#d71820)!important;
	background-image: -webkit-linear-gradient((#fedbe1,#d71820)!important;
    border-radius:5px 5px 0 0;
    bottom: auto;
}
*/

#WikiaPageBackground {
border:4px solid #5b6aa4 !important;
border-radius:15px;
box-shadow:3px 3px 10px #000,-3px 3px 10px #000,3px -3px 10px #000,-3px -3px 10px #000;
}

/*#WikiaPageHeader h1, #WikiaUserPagesHeader h1, h1#firstHeading {
    background-color:#8bad39;
    background-repeat:repeat-x;
    padding:0px 35px;
    <!--padding:3px 32px;-->
    height:60px !important;
    line-height:43px !important;
    color:white;
    font-size: 25pt !important;
    font-weight:bold;
    text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;
    border-radius:10px;
    position:relative;
    left: -10px;
    top: -5px;
    font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif;
}

.WikiaPage { 
   border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
} */

/*.WikiaPage .WikiaPageBackground {
   background: transparent !important;
}*/

.mainpage .WikiaPage { 
   border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}

/**********************************/
/*        IMAGE THUMBNAILS        */
/**********************************/

/* figcaption */
.WikiaArticle .article-thumb {
    border: 2px solid #000;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 3px 6px 3px 4px;
}
/* inner image */
.WikiaArticle .article-thumb .image img {
    border: 1px solid #000;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
/* caption */
.WikiaArticle .article-thumb .caption {
    text-align: center;
    color: inherit;
}
/* remove attribution */
.WikiaArticle .article-thumb .attribution {
    display: none !important;
}
          

/**********************************/
/*        WIKI NAVIGATION         */
/**********************************/

/* Berserk Wiki Admins */
a[href="/wiki/User:Besty17"] { color:Grey !important; 

}
a[href="/wiki/User:Eckilsax"] { color:#8B0000 !

important; }
a[href="/wiki/User:OnePieceNation"] { color:#A020F0 

!important; }
a[href="/wiki/User:Nrvnqsr Shīzā"] { color:#000066 !

important; } 
a[href="/wiki/User:AjakaNish"] { color:#006600 !

important; }
a[href="/wiki/User:SilenceInTheLibrary"] { 

color:#e60000 !important; }

.nav-item.marked {
border-radius:6px 6px 0 0 !important;
-moz-border-radius:6px 6px 0 0 !important;
}
.nav-item.marked > a {
border-top-color:transparent !important;
}
.subnav-2-item.marked2 .subnav-2a {
border-radius:6px 6px 0 0 !important;
-moz-border-radius:6px 6px 0 0 !important;
}
.subnav-2a {
transition:0.2s all linear;
-webkit-transition:0.2s all linear;
border-radius:6px;
-moz-border-radius:6px;
}
.subnav-2a:hover {
background:#eee;
color:#000 !important;
}
.subnav-3.subnav {
border-radius:0 6px 6px 6px;
-moz-border-radius:0 6px 6px 6px;
margin-top:1px !important;
}
.navbackground {
color: #FFF;
border-radius:0 6px 6px 6px;
-moz-border-radius:0 6px 6px 6px;
background-repeat:no-repeat;
background-position:460px -70px;
}
.navbackground div {
background:inherit !important;
width:0 !important;
}
.navbackground .chevron {
display:none;
}
/* END */

.activityfeed>li:not(:first-child) {
   border: none !important;
   padding-bottom: 2%;
   background-size: contain;
}
 
.activityfeed>li {
    border-bottom: none;
    background-size: contain;
    padding-bottom: 2%;
}

/* Contribute & Share buttons */
/** Background and styles: Both **/
.wikia-menu-button.contribute.secondary, .wikia-button.share-button.secondary {
background:-webkit-linear-gradient(#5b6aa4,#a23232);
background:-moz-linear-gradient(#5b6aa4,#a23232);
background:-o-linear-gradient(#5b6aa4,#a23232);
background:linear-gradient(#5b6aa4,#a23232);
border:0px solid #000;
color:#FFF;
font-family:Roboto Slab;
}
.WikiaFooter section {
border:1px solid #ff98ba !important;
background-repeat:repeat;
}
.WikiaFooter .header-container h1 {
margin-left:390px;
background:#FFFFFF;
padding:3px;
color:#000;
border:1px solid #000;
}

/**********************************/
/*            USERPAGES           */
/**********************************/

.UserProfileMasthead .masthead-info {
    background:#FFFFFF
    overflow:hidden;
}

.UserProfileMasthead .masthead-info hgroup {
	background-image: url(http://images.wikia.com/berserk/images/0/01/Flames_1.jpg);
}
.UserProfileMasthead h1 {
	color: white !important;
	text-shadow: 0 0 7px black !important;
}
.UserProfileMasthead h2 {
    font-size:3.0em;
    font-weight: 900;
	color: white !important;
	text-shadow: 0 0 7px black !important;
}


.UserProfileMasthead .masthead-info .group {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-image: url(http://images.wikia.com/berserk/images/0/01/Flames_1.jpg);
	border-radius: 3px;
	display: inline-block;
	margin-left: 10px;
	padding: 2px 5px;
	position: relative;
	top: -4px;
}
.masthead-avatar img {
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.masthead-avatar:hover img {
  border-radius: 100%;
  box-shadow:0 0 20px black;
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}
.masthead-avatar .sprite.edit-pencil { display: none }
#userAvatarEdit { margin-left: 30px }
.tabs-container {
	box-shadow: inset 0 -9px 10px rgba(0, 0, 0, .2);
	padding-left: 20px;
}
.WikiaUserPagesHeader .tabs li {
	background: rgba(255, 255, 255, .3);
}
.WikiaUserPagesHeader .tabs li:hover {
	background: rgba(255, 255, 255, .6);
}
.WikiaUserPagesHeader .tabs li {
	-moz-osx-font-smoothing: grayscale;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	-webkit-transition-duration: 0.3s;
	-webkit-transition-property: transform;
	backface-visibility: hidden;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	display: inline-block;
	position: relative;
	transform: translateZ(0);
	transition-duration: 0.3s;
	transition-property: transform;
	vertical-align: middle;
}
.WikiaUserPagesHeader .tabs li:before {
	-webkit-transition-duration: 0.3s;
	-webkit-transition-property: transform, opacity;
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0, rgba(0, 0, 0, 0) 80%);
	content: '';
	height: 10px;
	left: 5%;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 100%;
	transition-duration: 0.3s;
	transition-property: transform, opacity;
	width: 90%;
	z-index: -1;
}
.WikiaUserPagesHeader .tabs li:hover,
.WikiaUserPagesHeader .tabs li:focus,
.WikiaUserPagesHeader .tabs li:active {
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
}
.WikiaUserPagesHeader .tabs li:hover:before,
.WikiaUserPagesHeader .tabs li:focus:before,
.WikiaUserPagesHeader .tabs li:active:before {
	-webkit-transform: translateY(5px);
	opacity: 1;
	transform: translateY(5px);
}

.WikiaUserPagesHeader .tabs .selected a {
	border:none;
}

/**********************************/
/*           Timer CSS            */
/**********************************/
#displayTimer { font-size: 12px !important; } 
 
#showdate a { color: white !important; }


/**********************************/
/*           RIGHT RAIL           */
/**********************************/

#WikiaRail .module {
border:2px solid #6f0000 !important;
border-radius:8px;
margin-right:0px;
margin-left:0px;
background-position:bottom !important;
background-repeat:no-repeat;
}
#WikiaRail .module h1 {
padding-bottom:1px;
border-bottom:1px solid #6f0000;
}
#WikiaRail .module .more {
position:absolute;
right:0px;
bottom:0px;
background:#6f0000;
color:#fff;
padding:2px;
}
.LatestPhotosModule .carousel-container {
margin-bottom:5px;
}
div.chat-whos-here {
border:1px solid #6f0000 !important;
border-radius:10px;
-moz-border-radius:10px !important;
}
section.WikiaActivityModule ul li img.sprite {
display:none !important;
}
section.WikiaActivityModule ul li {
background-position:left !important;
background-repeat:no-repeat !important;
}
div.carousel-container div img.avatar {
border:1px solid #6f0000 !important;
}
li.see-all a {
color:#fff !important;background:#6f0000 !important;
}
ul.carousel li.thumbs a.image img.thumbimage {
border:1px solid #6f0000 !important;
}
/* END */



/**********************************/
/*          LINK HOVER            */
/**********************************/
/*Code credited to Gundam Fanon Wiki*/

/* Make the Edit menu drop open on hover
 */
#WikiaPageHeader > .wikia-menu-button > .WikiaMenuElement {
	display: block;
	min-width: 100%; /* Wikia's scripts only set this when opened 1st time */
	visibility: hidden;
	/* visibility has a stair-step transition, !=0% is visible, 0% is hidden */
	-webkit-transition-property: opacity, visibility;
	-webkit-transition-duration: 0.4s;
	-webkit-transition-delay: 0.1s;
	transition-property: opacity, visibility;
	transition-duration: 0.4s;
	transition-delay: 0.1s;
	opacity: 0;
}
#WikiaPageHeader > .wikia-menu-button:hover > .WikiaMenuElement {
	visibility: visible;
	opacity: 1;
}
 

/**********************************/
/*          TABBER CODE           */
/**********************************/

/*Copied from http://www.barelyfitz.com/projects/tabber/example.css used under mit license
see http://www.barelyfitz.com/projects/tabber/
*/

/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding-top: 3px;
 padding-bottom: 0px;
 border-bottom: 1px solid #111;
 font: bold 12px;
 font-family: "Raleway" sans-serif;
 
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 1px 0.5em;
 border-top-left-radius:5px; 
 border-top-right-radius:5px; 
 line-height: 10px;
 margin-left: 10px;
 border: 2px solid #111;
 background: #f0f0f0;
 text-decoration: none;
}

ul.tabbernav li.tabberactive a
{
	background-image: -webkit-gradient( linear, left bottom, left top,
		color-stop(1, #f0f0f0),
		color-stop(0, #fff)) !important;
}

ul.tabbernav li.tabberactive a:link { color: #000; }

.tabberlive .tabbertab{
    background-color: #f0f0f0;
}


/**********************************/
/*    TEMPLATE DOCUMENTATION      */
/**********************************/
.template-documentation {
	border: 1px solid #e7cccc;
	font-size: 85%;
	margin: .5em;
	margin-top: 2em;
	background: #e7cccc;
}

.template-docu-header,
.template-docu-footer {
	background: #961919;
	color: white;
	padding: 1em;
	margin: 0em;
}

.template-docu-footer {
	padding: .5em;
	font-size: 85%;
	text-align: right;	
}

.template-docu-content {
	padding: 1em;
	padding-bottom: 0em;
	margin: 0em;
}

.template-docu-content code {
	background: #e7cccc;
	padding: 1px;
	border: 1px solid #e7cccc;
	border-radius: 3px;
}

/**********************************/
/*            NAVBOXES            */
/**********************************/
.navbox {
    width: 100%;
    background: white;
    color: black;
    margin: 1em auto;
    font-size: 84%;
    clear: both;
    padding: 2px;
    border-spacing: 0;
    border: 1px solid #AAA;
}
 
/* Merges navboxes that are directly under eachother */
.navbox + .navbox {
    margin-top: -11px;
}
 
.navbox .navbox-title {
    background: #7d0000;
    color: white;
    font-weight: bold;
}

.navbox .navbox-title a,
.navbox .navbox-footer a {
    color: #efefef  !important;
}
 
.navbox .navbox-vde {
    float:left;
    width:65px;
    color:#fff;
}
 
.navbox .navbox-title-padright {
    padding-right: 65px;
}
 
.navbox .navbox-title-padleft {
    padding-left: 65px;
}
 
.navbox .navbox-subgroup {
    border-spacing: 0;
    width: 100%;
}
 
.navbox .navbox-gutter {
    height: 2px;
}
 
.navbox .navbox-subgroup .navbox-gutter {
    background: white;
}
 
.navbox .navbox-section-row > td {
    padding: 0;
    height: 100%;
}
 
.navbox .navbox-section {
    width: 100%;
    border-spacing: 0;
}
 
.navbox .navbox-above,
.navbox .navbox-below {
    background: #7d0000;
    text-align: center;
}
 
.navbox .navbox-image {
    background: white;
    text-align: center;
}
 
.navbox .navbox-group,
.navbox .navbox-header {
    background: #7d0000;
    color: white;
    font-weight: bold;
    height: 100%;
    padding: 2px 4px;
}
 
.navbox .navbox-header-collapsible {
    padding-left: 65px;
}
 
.navbox .navbox-group {
    text-align: right;
    padding-right: 1em;
    min-width: 150px;
}
 
.navbox .navbox-group,
.navbox .navbox-image-left {
    border-right: 2px solid white;
}
 
.navbox-image-right {
    border-left: 2px solid white;
}
 
.navbox .navbox-list {
    background: #e7cccc;
    color: black;
    width: 100%;
    height: 100%;
    padding: 0;
}
 
.navbox .alt > .navbox-list {
    background: #F7F7F7;
}
 
.navbox .navbox-list div {
    padding: 0px 4px;
}
 
.navbox .navbox-list.no-group {
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
}
 
.navbox .mw-collapsible-toggle {
    width: 65px;
}
 
/**********************************/
/*             H LIST             */
/**********************************/
.hlist ul {
    margin: 0;
    list-style: none;
}
 
.hlist li, .hlist ul ul {
    display: inline;
}
 
.hlist li a {
    white-space: nowrap;
}
 
.hlist ul ul:before {
    content: "("
}
 
.hlist ul ul:after {
    content: ")"
}
 
.hlist li:after {
    content: " • ";
}
 
.hlist ul ul li:after {
    content: "/";
}
 
.hlist li:last-child:after, .hlist ul ul li:last-child:after {
    content: none;
}


/*  ================
    MODULES
    ================
    Mostly those in the
    right skycraper/rail
    ================

    ++++++++++++++++
    GENERAL STYLING
    FOR MODULES
    ++++++++++++++++ */

.activityfeed-inserted-media li {
    border:1px dashed #000;
}
.WikiaActivityModule,
.WikiaPagesOnWikiModule,
.WikiaBlogListingBox,
.LatestPhotosModule,
.WikiaSpotlightsModule,
.HotSpotsModule,
.ChatModule,
.LatestQuestionsModule,
.UserProfileAchievementsModule,
.WikiaLatestEarnedBadgesModule,
.FollowedPagesModule,
.GamingCalendarModule,
.RelatedVideosModule,
.WikiaRail .videos-module-rail { 
    line-height:90%;
    text-align:left;
    background-color:transparent;
    background-image:none;
    border:2px solid #000;
    -webkit-border-radius: 0px 10px 10px 0px;
       -moz-border-radius: 0px 10px 10px 0px;
         -o-border-radius: 0px 10px 10px 0px;
        -ms-border-radius: 0px 10px 10px 0px;
            border-radius: 0px 10px 10px 0px;
}



/*  ++++++++++++++++++
    TALLY STYLING IN
    THE RAIL
    ++++++++++++++++++
    This styles the actual
    number in number of pages
    on wiki
    +++++++++++++++++++ */

.LatestPhotosModule .tally em,
.WikiaPagesOnWikiModule .tally em {       
    text-transform:uppercase;
    letter-spacing:0px;
    font-weight:normal;
    line-height:1;
    font-family: "Raleway", sans-serif;
    color: #000;
}

/*  ++++++++++++++++++
    HEADLINE STYLING IN
    THE RAIL
    ++++++++++++++++++ */

.WikiaPagesOnWikiModule h1,
.WikiaActivityModule h1, 
.WikiaBlogListingBox h3,
.CommunityCornerModule h1,
.GamingCalendarModule h1,
.WikiaFooter h1,
.ChatModule h1,
.ChatModule h2,
.FollowedPagesModule h1,
.LatestQuestionsModule h1,
.UserProfileAchievementsModule h1,
.WikiaLatestEarnedBadgesModule h1,
.WikiaSpotlightsModule h1,
.HotSpotsModule h1,
.RelatedVideosModule h1,
.LatestPhotosModule > h1.tight, .LatestPhotosModule > .WikiaRail .module h2.tight, .WikiaRail .module .LatestPhotosModule > h2.tight, .LatestPhotosModule > .WikiaRail #RIGHT_SKYSCRAPER h2.tight, .WikiaRail #RIGHT_SKYSCRAPER .LatestPhotosModule > h2.tight,
.WikiaRail .videos-module-rail h1 {  
    font-family: "Raleway", sans-serif;
    letter-spacing:3px;
    font-weight:normal;
    line-height:16px;
    font-size:14px!important;
    color:#000;
}

.WikiaRail .module {
    text-transform:none;
    letter-spacing:.025em;
    font-weight:normal;
    line-height:16px;
    font-size:14px;
    color:#000;
}

/*  =-=-=-=-=-=-=-
    SPECIFIC MODULES
    =-=-=-=-=-=-=- */

/*  +++++++++++++++
    WIKIA ACTIVITY MODULE
    +++++++++++++++
    this used to also control
    a thing directly under the
    page title, but that aspect
    seems to have been
    disabled in June 2011
    by Wikia
    ++++++++++++++++ */

.WikiaActivityModule { 
    border:2px solid #5b6aa4;
    color:#5b6aa4;
    padding:5px;
    font-family: "Roboto Slab", sans-serif;
    text-align:left;
    line-height:120%;
    margin-left:0;
    margin-right:0;
    margin-top:5px;   
    -webkit-border-radius: 0px 10px 10px 0px;
       -moz-border-radius: 0px 10px 10px 0px;
         -o-border-radius: 0px 10px 10px 0px;
        -ms-border-radius: 0px 10px 10px 0px;         
            border-radius: 0px 10px 10px 0px;
}

.WikiaActivityModule a,
.WikiaActivityModule a:link {
    font-weight:bold;
}

.WikiaActivityModule more {
    font-weight:normal;
}

/*  This affects "edited by" 
    and "minutes ago" */

.WikiaActivityModule .edited-by  {
    font-size: 10px;
    font-style:normal;
    margin-top: 1px;
    font-family: "Raleway" sans-serif;
    color:#000;
}                  

/*  This affects the name of the person
    who edited the article */

.WikiaActivityModule .edited-by a {
    font-weight:normal;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    letter-spacing:2px;
    margin: 0;
    font-style:normal;
}

.WikiaActivityModule .edited-by a:hover {
    font-weight: normal;
}

.WikiaActivityModule h1.activity-heading {
    font-family: "Raleway", sans-serif;
    text-transform:uppercase;
    letter-spacing:3px;
    margin: 0px 0px 3px 0px;
    font-weight:normal;
    font-size:1.2em;
    color:#012c57;
}

/**********************************/
/*          CHAT MODULE           */
/**********************************/

.ChatModule .chat-name {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    color:#000;
    letter-spacing:1px;
    /*text-transform:uppercase;*/
}


.ChatModule h1.chat-headline span:first-child {
    font-family: "Roboto Slab", sans-serif;
    font-size:.2em;
    width:100px;
}
     
/**********************************/
/*           PAGE FONT            */
/**********************************/
.WikiaArticle,
.WikiaPage {                
   line-height:1.5em;
   font-size:1.2em;
   font-family:"Roboto Slab";
}
#WikiaPageHeader,
.WikiaPageHeader {
    padding-bottom:0!important;
}
     
     
.WikiaPageHeader h1 {
    font-family:"Roboto Slab", sans-serif;
    font-weight:400;
    font-size:3.0em;
    text-transform:none;
    line-height:120%;    
    letter-spacing:-.0125em;
    padding-bottom:0
}
.WikiaPageHeader h2 { 
border: medium none;
font-size: .8em;
font-family: "Merriweather", sans-serif;
text-transform: uppercase;
font-style: normal;
letter-spacing:2px;
margin-left: 3px;
color: #000;
}
.WikiaPageHeader h2 a {
    color:#000
}

.WikiaPageHeader em { 
font-family: "Raleway", sans-serif;
}

.WikiaArticle h2,
.WikiaArticle h3 {
    padding-top: 10px;
    font-family:"Merriweather", sans-serif;
    font-weight:500;
    text-transform:uppercase;
    letter-spacing:2px;
}

h3,h4,h5,h6 {
    font-family:"Roboto Slab", sans-serif;
    font-weight:600;
    text-transform:none;
    letter-spacing:2px
}

.WikiaArticle li,
.WikiaPage li {
   line-height:130%;
}

.tally em,
div.tally.mainpage-tally em { 
    font-family: 'Raleway', 'Gill Sans', 'Helvetica Neue', 'Trebuchet MS', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif;
    letter-spacing:3px;
    color:#000;
    font-size:24px;
}
 
.tally span { 
    color:#000
} 

.LatestPhotosModule .tally em,
.WikiaPagesOnWikiModule .tally em {       
    text-transform:uppercase;
    letter-spacing:0px;
    font-weight:normal;
    line-height:1;
    font-family: 'Raleway', 'Gill Sans', 'Helvetica Neue', 'Trebuchet MS',
                Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif;
    color: #012c57;
}

/* =============
   Protecting against
   Wikia defining the 
   top margins of sectional 
   headlines, as they did on 
   10 Jan 2012
   =============== */ 
.WikiaArticle h1, 
.WikiaArticle h2,
.WikiaArticle h3,
.WikiaArticle h4,
.WikiaArticle h5,
.WikiaArticle h6 {
   margin-top:auto
}
     
/**********************************/
/*       TABLE OF CONTENTS        */
/**********************************/
/*Note that right-clearing TOCs, which are somewhat unusual — and even
scorned on some wikis — have been agreed by community consensus */
 
.toc,
#toc,
.WikiaArticle .toc {
    border:1px solid ffc8db;
    float:center;
    clear:center;
    width:405px;
    min-width:370px;
    border-radius:10px;
    font-family: 'Raleway', sans-serif;
    text-align:left;
}
.toc a,
#toc a,
.WikiaArticle .toc a {
}

/*===========================*/
/*        INFOBOX TABS       */
/*===========================*/
 
/*   Styles for both InfoboxTabs and InfoboxTabs2   */
 
/*   The main container and subcontainer   */
.infoboxtabs, .infoboxtabs2, .infoboxtabs .tabberlive, .infoboxtabs2 .tabberlive {
    margin: 0;
    padding: 0;
}
/*   The link of the active tab   */
.infoboxtabs ul.tabbernav li.tabberactive a, .infoboxtabs ul.tabbernav li.tabberactive a:hover, .infoboxtabs2 ul.tabbernav li.tabberactive a, .infoboxtabs2 ul.tabbernav li.tabberactive a:hover {
}
 
/*   Styles for InfoboxTabs   */
 
/*   The block that contains the tabs   */
.infoboxtabs ul.tabbernav {
    border-bottom: 1px outset #c0c0c0;
    border-bottom: 1px outset #c0c0c0;
}
/*   General styles for the links   */
.infoboxtabs ul.tabbernav li a, .infoboxtabs ul.tabbernav li a:hover {
    color: #000 !important;
}
/*   The link of the active tab   */
.infoboxtabs ul.tabbernav li.tabberactive a, .infoboxtabs ul.tabbernav li.tabberactive a:hover {
    border-style: inset outset solid inset;
    border-width: 1px;
}
/*   The block that contains the image   */
.infoboxtabs .tabberlive .tabbertab {
    border-bottom: 1px outset #c0c0c0;
    border-left: 1px inset #c0c0c0;
    border-right: 1px outset #c0c0c0;
}
 
/*   Styles for InfoboxTabs2   */
 
/*   The block that contains the tabs   */
.infoboxtabs2 ul.tabbernav {
    border: 0;
    line-height: 12px;
    overflow: hidden;
    padding: 0;
}
/*   General styles for the links   */
.infoboxtabs2 ul.tabbernav li a, .infoboxtabs2 ul.tabbernav li a:hover {
    background-color: transparent !important;
    border-right: 0 !important;
    font-family: "Raleway" sans-serif;
    font-size: 90%;
    color:#000;
    margin: 0;
}
/*   The first tab   */
.infoboxtabs2 ul.tabbernav li:first-child a, .infoboxtabs2 ul.tabbernav li:first-child a:hover {
    border-left: 0 !important;
}
/*   The block that contains the image   */
.infoboxtabs2 .tabberlive .tabbertab {
    border: 0;
    padding: 0;
}

/***************************************/
/* Hides "This reply has been removed" */
/***************************************/
/* 
 * Note: Removed replies can still be seen in the thread
 * history by clicking the "History" button in the toolbar.
*/
li.message-removed.hide {
        display: none;
 }
div.ajax-poll { width:auto !important; }

/***************************************/
/*              Dropdown               */
/***************************************/
.custom-dropdown {
     padding: 1px 8px;
}
.custom-dropdown > :first-child:after {
     background-image: url("data:image/gif;base64,R0lGODlhAQABAIABAAAAAP///yH5BAEAAAEALAAAAAABAAEAQAICTAEAOw%3D%3D");
     border-color: white transparent transparent;
     border-style: solid;
     border-width: 4px;
     content: "";
     display: inline-block;
     height: 1px;
     margin-left: 4px;
     margin-top: 2px;
     position: relative;
     vertical-align: middle;
     width: 1px;
}
.custom-dropdown:hover {
     border-bottom-left-radius: 0px;
     border-bottom-right-radius: 0px;
     margin-bottom: -1px;
     padding-bottom: 2px;
}
.custom-dropdown ul {
     list-style: none outside none;
     min-width: 100%;
     top: 23px;
}
.custom-dropdown:hover ul {
     display: block;
}
.custom-dropdown li a {
     font-size: 12px;
     height: 14px;
     line-height: 14px;
}

/***************************************/
/*               Columns               */
/***************************************/
.twoColumns {
 -moz-column-count:2; 
 -webkit-column-count:2; 
  column-count:2;
}

/***************************************/
/*                Cards                */
/***************************************/

.card {
    display: inline-block;
    vertical-align: top;
    background: white;
    width: calc(25% - 5px);
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 4px;
}
 
.card-image img {
    width: 100%;
    height: 160px;
    object-fit: cover;
    background: #f8f8f8;
    border-radius: 3px 3px 0 0;
}

.card-image.fit img { object-fit: contain; }
.card-image.card-xs img { height: 120px; }
.card-image.card-sm img { height: 140px; }
.card-image.card-lg img { height: 180px; }
.card-image.card-xl img { height: 200px; }
 
.card-content { height: 225px; overflow: auto; }
.card-content.card-xs { height: 135px; }
.card-content.card-sm { height: 180px; }
.card-content.card-lg { height: 270px; }
.card-content.card-xl { height: 315px; }
 
.card-title {
    border: none !important;
    font-weight: 500;
    margin: 12px 14px;
    word-break: break-all;
    font-size: 15px;
    line-height: normal;
}
 
.card-text, .card-link {
    margin: 10px 14px;
    font-size: 10px;
}
 
@media only screen and (min-width: 1596px) {
    .card-title { margin: 16px 18px; font-size: 22px; }
    .card-text, .card-link { margin: 14px 18px; }
 
    .card-image.card-xs img { height: 144px; }
    .card-image.card-sm img { height: 168px; }
    .card-image img { height: 192px; }
    .card-image.card-lg img { height: 216px; }
    .card-image.card-xl img { height: 240px; }
 
    .card-content.card-xs { height: 162px; }
    .card-content.card-sm { height: 216px; }
    .card-content { height: 270px; }
    .card-content.card-lg { height: 324px; }
    .card-content.card-xl { height: 378px; }
}