MediaWiki:Wikia.css

/*============================ Code credited to Danganronpa (Attributed to Fubuki風吹 ), Torik/*============================ Code credited to Danganronpa (Attributed to Fubuki風吹 ), Toriko, Tardis and Once 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:Slider.css|MediaWiki:Transmat.css|MediaWiki:UPM.css|MediaWiki:VisEd.css&only=styles");

@import 'https://fonts.googleapis.com/css?family=Anonymous+Pro|Arvo|Droid+Sans|Gentium+Basic|Josefin+Sans|Lato|Merriweather|Old+Standard+TT|Oswald|PT+Sans|Prociono|Quicksand|Classic+Comic|Raleway|Roboto+Slab|Rubik|Rubik+Mono+One|Space+Mono|Doppio+One|Titillium+Web|Varela+Round|Vollkorn';

@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 url("/load.php?mode=articles&articles=u:dev:MediaWiki:SpoilerBlur/code.css&only=styles");

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

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

/*#WikiaPageHeader h1, #WikiaUserPagesHeader h1, h1#firstHeading { background-color:#8bad39; background-repeat:repeat-x; padding:0px 35px; 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 { background:transparent url("https://images.wikia.nocookie.net/jjba/images/2/2b/Jojobg.png"); 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 { background: #FFF url("") no-repeat top center; 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; background-image:url('') !important; -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; }

/**********************************/ /*            CURSOR             */ /**********************************/ body { cursor: url(""), auto; } a:link{ cursor: url(""), auto; } a:hover{ cursor: url(""), pointer; } a:visited{ cursor: url(""), pointer; } a:active{ cursor: url(""), pointer; } p:hover{ cursor: url(""), text; }

/**********************************/ /*        ACTIVITY FEED          */ /**********************************/

.activityfeed { font-family: "Trebuchet MS", sans-serif; }

.activityfeed>li:not(:first-child) { border: none !important; padding-bottom: 2%; background: url("https://images.wikia.nocookie.net/jjba/images/a/a8/Header_MP.png") bottom no-repeat; background-size: contain; } .activityfeed>li { border-bottom: none; background: url("https://images.wikia.nocookie.net/jjba/images/a/a8/Header_MP.png") bottom no-repeat; 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(#ff98ba,#ffe2ec); background:-moz-linear-gradient(#ff98ba,#ffe2ec); background:-o-linear-gradient(#ff98ba,#ffe2ec); background:linear-gradient(#ff98ba,#ffe2ec); border:0px solid #000; color:#FFF; font-family:Roboto Slab; } .WikiaFooter section { border:1px solid #ff98ba !important; border-radius:10px; background-image:url('https://images.wikia.nocookie.net/__cb20131231120024/jjba/images/f/f5/Diamondbg.png'); background-repeat:repeat; } .WikiaFooter .header-container h1 { margin-left:390px; background:#FFFFFF; padding:3px; color:#000; border:1px solid #000; }

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

a[href$="/wiki/User:SonartialX7"] { color: #241aed !important; font-weight: bold !important; }

a[href$="/wiki/User:Eckilsax"] { color: #b89500 !important; font-weight: bold !important; font-family: Arial !important; }

a[href$="/wiki/User:RealKen"] { color: #6e9ecf !important; font-weight: bold !important; }

a[href$="/wiki/User:WranglerPig"] { color: #89c466 !important; font-weight: bold !important; }

a[href$=":Vishkugeta"] { color: #4b809b !important; font-weight: bold !important; }

a[href$="/wiki/User:Paisley_Park"] { color: #df6295 !important; font-weight: bold !important; font-style: italic !important; }

a[href$="/wiki/User:Nabukun"] { color: #C0C0C0 !important; font-weight: bold !important; }

a[href$="/wiki/User:The_Speedwagon_Foundation"] { color: #9a652e !important; font-weight: bold !important; font-style: italic !important; }

.UserProfileMasthead .masthead-info { background:#FFFFFF url('https://images.wikia.nocookie.net/jjba/images/2/2b/Jojobg.png') no-repeat top right; overflow:hidden; }

.UserProfileMasthead .masthead-info hgroup { background-image: url("https://vignette.wikia.nocookie.net/jjba/images/0/0f/WikiHeaderJojo.png/revision/latest?cb=20140713190524"); } .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("https://vignette.wikia.nocookie.net/jjba/images/0/0f/WikiHeaderJojo.png/revision/latest?cb=20140713190524"); 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 } .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); }
 * 1) userAvatarEdit { margin-left: 30px }

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

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

border:1px solid #ffcc68 !important; border-radius:8px; margin-right:0px; margin-left:0px; background-image:url('https://images.wikia.nocookie.net/jjba/images/f/f5/Diamondbg.png') !important; background-position:bottom !important; background-repeat:no-repeat; } padding-bottom:1px; border-bottom:1px solid #ffcc68; } position:absolute; right:0px; bottom:0px; background:#ffcc68; color:#fff; padding:2px; } .LatestPhotosModule .carousel-container { margin-bottom:5px; } div.chat-whos-here { border:1px solid #ffcc68 !important; border-radius:10px; -moz-border-radius:10px !important; } .rail-module activity-module { font-family: 'Rubik'; display:none !important; } section.WikiaActivityModule ul li { background-image:url('https://images.wikia.nocookie.net/jjba/images/8/88/Recent-icon.png') !important; background-position:left !important; background-repeat:no-repeat !important; }
 * 1) WikiaRail .module {
 * 1) WikiaRail .module h1 {
 * 1) WikiaRail .module .more {

div.carousel-container div img.avatar { border:1px solid #ffcc68 !important; } li.see-all a { color:#fff !important;background:#ffcc68 !important; } ul.carousel li.thumbs a.image img.thumbimage { border:1px solid #FF82AB !important; } /* Community page */ background-size: cover; background: url("/wiki/Special:FilePath/WikiHeaderJojo.png"); padding: 20px 10px; border-radius:8px; margin: 20px 0; }	padding: 3px; background: rgba(255, 255, 255, 0.8); font-weight: bold; font-family: 'Rubik'; border-radius:8px; text-shadow: 0 0 2px white; }	color: #000; text-shadow: 0 0 2px white; border-radius:8px; background: rgba(255, 255, 255, 0.8); }
 * 1) WikiaRail .community-page-rail-module {
 * 1) WikiaRail .community-page-rail-module .description {
 * 1) WikiaRail .community-page-rail-module .wds-button {

/*Chat Module*/ .rail-module.chat-module { background-size: cover; background: white url("/wiki/Special:FilePath/chatbg.png") no-repeat center; border-radius:8px; color: #000; font-weight: bold; font-family: 'Rubik'; text-shadow: 0 0 2px white; padding: 10px; border-radius:8px; margin: 20px 0; }	color: #000; text-shadow: 0 0 2px white; border-radius:8px; background: rgba(255, 255, 255, 0.8); } /* END */
 * 1) WikiaRail .rail-module.chat-module .wds-button {

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

/* Make the Edit menu drop open on hover */	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; }	visibility: visible; opacity: 1; } /**********************************/ /*         TABBER CODE           */ /**********************************/
 * 1) WikiaPageHeader > .wikia-menu-button > .WikiaMenuElement {
 * 1) WikiaPageHeader > .wikia-menu-button:hover > .WikiaMenuElement {

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

.portable-infobox .tabberlive { margin-top: 0 !important; }

.portable-infobox .tabbertab { font-size: 0 !important; padding: 0 !important; border: 0 !important; }

/*-- 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: "Rubik" sans-serif; }

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

ul.tabbernav li a { padding: 2.5px !important; 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: #fff; }

ul.tabbernav { margin: 0; padding: 3px 0 0 !important; }

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

.template-docu-header, .template-docu-footer { background: #fad856; 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: #fff0f5; padding: 1px; border: 1px solid #fff0f5; border-radius: 3px; }

/**********************************/ /*           NAVBOXES            */ /**********************************/ .navbox { width: 100%; background: #000; 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: #ffcc68; color: #000; font-weight: bold; }

.navbox .navbox-title a, .navbox .navbox-footer a { color: #000 !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: #000; } .navbox .navbox-section-row > td { padding: 0; height: 100%; } .navbox .navbox-section { width: 100%; border-spacing: 0; } .navbox .navbox-above, .navbox .navbox-below { background: #ffcc68; text-align: center; } .navbox .navbox-image { background: #000; text-align: center; } .navbox .navbox-group, .navbox .navbox-header { background: #ffcc68; color: #000; 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 #000; } .navbox-image-right { border-left: 2px solid #000; } .navbox .navbox-list { background: #faebb2; 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:1px 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: "Rubik", 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: "Rubik", 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 ++++++++++++++++ */

.ForumActivityModule { background-image:url('https://images.wikia.nocookie.net/jjba/images/f/f5/Diamondbg.png') !important; }

.WikiaActivityModule { border:2px solid #ff98ba; color:#ff98ba; padding:5px; font-family: "Quicksand", 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: "Rubik", "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: "Quicksand", 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: "Quicksand", "Lucida Grande", sans-serif; color:#000; /*text-transform:uppercase;*/ }

.ChatModule h1.chat-headline span:first-child { font-family: "Quicksand", sans-serif; font-size:.2em; width:100px; }

/**********************************/ /*   Community Entry MODULE      */ /**********************************/ .community-page-entry-point-module.module .community-page-entry-point-button { border-radius:15px; height: 35px; line-height: 36px; padding: 0 15px; } .WikiaRail .module.community-page-entry-point-module { padding-top: 35px !important; font-family: 'Rubik'; } /**********************************/ /*          PAGE FONT            */ /**********************************/   font-family: 'Rubik', Tahoma, Trebuchet MS, sans-serif; font-weight: 400; }
 * 1) WikiaPage h1, #WikiaPage h2, #WikiaPage h3, #WikiaPage h4 {

.WikiHeader { font-family: 'Rubik'; background: url(https://images.wikia.nocookie.net/__cb20140713190524/jjba/images/2/28/WikiHeaderJojo2.png); color:#FFF; }

.WikiaArticle, .WikiaPage { line-height:1.5em; font-size:1.2em; font-family:"Trebuchet MS"; } .WikiaPageHeader { background-image:url('https://images.wikia.nocookie.net/jjba/images/2/2b/Jojobg.png') !important; padding-bottom:0!important; }
 * 1) WikiaPageHeader,

.WikiaPageHeader h1 { font-family:"Quicksand", sans-serif; font-weight: bold; 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: "Rubik", sans-serif; font-style: normal; letter-spacing:2px; margin-left: 3px; color: #000; } .WikiaPageHeader h2 a { color:#000 }

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

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

h3,h4,h5,h6 { font-family:"Droid Sans", 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: 'Quicksand', '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, .WikiaArticle .toc { border:1px solid #ffcc68; float:center; clear:center; background-image:url('https://images.wikia.nocookie.net/jjba/images/2/2b/Jojobg.png') !important; width:360px; min-width:360px; border-radius:10px; font-family: 'Raleway', sans-serif; text-align:left; padding:5px } .toc a, .WikiaArticle .toc a { }
 * toc,
 * 1) 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; }

ul.pi-image-collection-tabs { margin: 0 !important; }

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

/***************************************/ /*              Hover                 */ /***************************************/ .show-when-hovering { display: none; } .hover-container:hover .show-when-hovering { display: inline; } .hover-container:hover .hide-when-hovering { display: none; } .fadeout img:hover { opacity:0; } .fadeout img:active { opacity:0; } body:not(.editor) .fadeout-container.fadeout-hide-bottom > :nth-child(2) { visibility: hidden; /* the 'body:not(.editor)' is used to prevent hiding the image in editing mode where it is not displayed properly */ }

.customedit { background: url('https://vignette.wikia.nocookie.net/jjba/images/d/d2/Edit.png/revision/latest?cb=20180711180702') no-repeat; }

.customedit:hover { background: url('https://vignette.wikia.nocookie.net/jjba/images/2/2f/Edit2.png/revision/latest?cb=20180711184337') no-repeat; }

.fadeinimg { opacity: 0.1; transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -webkit-transition: opacity 1s ease-in-out; } .fadeinimg:hover { opacity: 1.0; transition: opacity .55s ease-in-out; -moz-transition: opacity .55s ease-in-out; -webkit-transition: opacity .55s ease-in-out; }

.closerange tr > td { border: 2px #f88 solid; padding: 0.2em; } .longrange tr > td { border: 2px #c8f9bb solid; padding: 0.2em; } .autopilot tr > td { border: 2px #268BD2 solid; padding: 0.2em; } .rangeirrelevant tr > td { border: 2px #E3B52C solid; padding: 0.2em; }

div#nihongo span#jpn { display: inline; }

div#nihongo:hover span#jpn { display: none; }

div#nihongo span#romaji { display: none; }

div#nihongo:hover span#romaji { display: inline; }

span#hovertext span#outer { display: inline; }

span#hovertext:hover span#outer { display: none; }

span#hovertext span#hidden { display: none; }

span#hovertext:hover span#hidden { display: inline; }

div#hovertext span#outer { display: inline; }

div#hovertext:hover span#outer { display: none; }

div#hovertext span#hidden { display: none; }

div#hovertext:hover span#hidden { display: inline; }

.diamonds tr > th { background-image:url('https://images.wikia.nocookie.net/jjba/images/4/46/DiamondBG2.png') !important; background-size: 300px; background-position: center; background-blend-mode: soft-light; }

/* Misc */ .WikiaArticle ul, .WikiaArticle ol { margin: .4em 0 .5em 2.2em; }

.refpopups-configure-page { padding-top: 15px; padding-left: 18px; }

/**********************************/ /*             POLL              */ /**********************************/ .ajax-poll { border: none !important;} /*****Adjust the height and colors of the poll answers bar*****/ .pollAnswerVotes div { background-color: colorname/hexcolor !important; height: 15px !important;} .pollAnswerVotes { height: 15px !important;}

/****************************/ /*     CUSTOM HEADERS      */ /***************************/ .h1, .h2, .h3, .h4 { overflow: hidden; }

.h1 { margin: .5em 0 .2em; font-family:"Quicksand", sans-serif; font-weight: bold; text-transform:none; letter-spacing:-.0125em; padding-bottom:0 } .h2 { border-bottom: solid 1px #cccccc; margin-top: 30px; margin-bottom: 0.2em; padding-bottom: 3px; font-family: "Rubik", sans-serif; font-style: normal; letter-spacing:2px; margin-left: 3px; font-weight: 500; text-transform: uppercase; }

.h3 { font-family:"Rubik", sans-serif; font-weight:500; text-transform:uppercase; letter-spacing:2px; }

@media only screen and (max-width:1595px) { .h1 { font-size: 28px; line-height: 28px }	.h2 { font-size: 20px; line-height: 22px }	.h3 { font-size: 17px; line-height: 22px }	.h4 { font-size: 15px; line-height: 22px }	.h5 { font-size: 13px; line-height: 22px } } @media only screen and (min-width:1596px) { .h1 { font-size: 34px; line-height: 34px }	.h2 { font-size: 28px; line-height: 30px }	.h3 { font-size: 22px; line-height: 24px }	.h4 { font-size: 20px; line-height: 28px }	.h5 { font-size: 15px; line-height: 28px } }

/* Featured video notice */ .featured-video__wrapper::after, .featured-video.is-collapsed .featured-video__player-container::after { content: 'The above video was added by Fandom staff,\20not the editors of this site. Its content may not accurately represent the article.'; background: #fcc; border: 1px solid #f99; border-radius: .25em; display: block; margin-top: .5em; padding: .5em; }

o, Tardis and Once 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:Slider.css|MediaWiki:Transmat.css|MediaWiki:UPM.css|MediaWiki:VisEd.css&only=styles");

@import 'https://fonts.googleapis.com/css?family=Anonymous+Pro|Arvo|Droid+Sans|Gentium+Basic|Josefin+Sans|Lato|Merriweather|Old+Standard+TT|Oswald|PT+Sans|Prociono|Quicksand|Classic+Comic|Raleway|Roboto+Slab|Rubik|Rubik+Mono+One|Space+Mono|Doppio+One|Titillium+Web|Varela+Round|Vollkorn';

@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 url("/load.php?mode=articles&articles=u:dev:MediaWiki:SpoilerBlur/code.css&only=styles");

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

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

background-image:url('https://images.wikia.nocookie.net/jjba/images/2/2b/Jojobg.png') !important; }
 * 1) WikiaPageBackground {

/*#WikiaPageHeader h1, #WikiaUserPagesHeader h1, h1#firstHeading { background-color:#8bad39; background-repeat:repeat-x; padding:0px 35px; 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 { background:transparent url("https://images.wikia.nocookie.net/jjba/images/2/2b/Jojobg.png"); 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 { background: #FFF url("https://vignette.wikia.nocookie.net/jjba/images/6/69/Wikibg.png") no-repeat top center; 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; background-image:url('https://images.wikia.nocookie.net/__cb20131231120024/jjba/images/f/f5/Diamondbg.png') !important; -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; }

/**********************************/ /*            CURSOR             */ /**********************************/ body { cursor: url(""), auto; } a:link{ cursor: url(""), auto; } a:hover{ cursor: url(""), pointer; } a:visited{ cursor: url(""), pointer; } a:active{ cursor: url(""), pointer; } p:hover{ cursor: url(""), text; }

/**********************************/ /*        ACTIVITY FEED          */ /**********************************/

.activityfeed { font-family: "Trebuchet MS", sans-serif; }

.activityfeed>li:not(:first-child) { border: none !important; padding-bottom: 2%; background: url("https://images.wikia.nocookie.net/jjba/images/a/a8/Header_MP.png") bottom no-repeat; background-size: contain; } .activityfeed>li { border-bottom: none; background: url("https://images.wikia.nocookie.net/jjba/images/a/a8/Header_MP.png") bottom no-repeat; 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(#ff98ba,#ffe2ec); background:-moz-linear-gradient(#ff98ba,#ffe2ec); background:-o-linear-gradient(#ff98ba,#ffe2ec); background:linear-gradient(#ff98ba,#ffe2ec); border:0px solid #000; color:#FFF; font-family:Roboto Slab; } .WikiaFooter section { border:1px solid #ff98ba !important; border-radius:10px; background-image:url('https://images.wikia.nocookie.net/__cb20131231120024/jjba/images/f/f5/Diamondbg.png'); background-repeat:repeat; } .WikiaFooter .header-container h1 { margin-left:390px; background:#FFFFFF; padding:3px; color:#000; border:1px solid #000; }

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

a[href$="/wiki/User:SonartialX7"] { color: #6c14d1 !important; font-weight: bold !important; }

a[href$="/wiki/User:Eckilsax"] { color: #b89500 !important; font-weight: bold !important; font-family: Arial !important; }

a[href$="/wiki/User:RealKen"] { color: #6e9ecf !important; font-weight: bold !important; }

a[href$="/wiki/User:WranglerPig"] { color: #89c466 !important; font-weight: bold !important; }

a[href$=":Vishkugeta"] { color: #4b809b !important; font-weight: bold !important; }

a[href$="/wiki/User:Paisley_Park"] { color: #df6295 !important; font-weight: bold !important; font-style: italic !important; }

a[href$="/wiki/User:Nabukun"] { color: #C0C0C0 !important; font-weight: bold !important; }

a[href$="/wiki/User:The_Speedwagon_Foundation"] { color: #9a652e !important; font-weight: bold !important; font-style: italic !important; }

.UserProfileMasthead .masthead-info { background:#FFFFFF url('https://images.wikia.nocookie.net/jjba/images/2/2b/Jojobg.png') no-repeat top right; overflow:hidden; }

.UserProfileMasthead .masthead-info hgroup { background-image: url("https://vignette.wikia.nocookie.net/jjba/images/0/0f/WikiHeaderJojo.png/revision/latest?cb=20140713190524"); } .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("https://vignette.wikia.nocookie.net/jjba/images/0/0f/WikiHeaderJojo.png/revision/latest?cb=20140713190524"); 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 } .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); }
 * 1) userAvatarEdit { margin-left: 30px }

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

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

border:1px solid #ffcc68 !important; border-radius:8px; margin-right:0px; margin-left:0px; background-image:url('https://images.wikia.nocookie.net/jjba/images/f/f5/Diamondbg.png') !important; background-position:bottom !important; background-repeat:no-repeat; } padding-bottom:1px; border-bottom:1px solid #ffcc68; } position:absolute; right:0px; bottom:0px; background:#ffcc68; color:#fff; padding:2px; } .LatestPhotosModule .carousel-container { margin-bottom:5px; } div.chat-whos-here { border:1px solid #ffcc68 !important; border-radius:10px; -moz-border-radius:10px !important; } .rail-module activity-module { font-family: 'Rubik'; display:none !important; } section.WikiaActivityModule ul li { background-image:url('https://images.wikia.nocookie.net/jjba/images/8/88/Recent-icon.png') !important; background-position:left !important; background-repeat:no-repeat !important; }
 * 1) WikiaRail .module {
 * 1) WikiaRail .module h1 {
 * 1) WikiaRail .module .more {

div.carousel-container div img.avatar { border:1px solid #ffcc68 !important; } li.see-all a { color:#fff !important;background:#ffcc68 !important; } ul.carousel li.thumbs a.image img.thumbimage { border:1px solid #FF82AB !important; } /* Community page */ background-size: cover; background: url("/wiki/Special:FilePath/WikiHeaderJojo.png"); padding: 20px 10px; border-radius:8px; margin: 20px 0; }	padding: 3px; background: rgba(255, 255, 255, 0.8); font-weight: bold; font-family: 'Rubik'; border-radius:8px; text-shadow: 0 0 2px white; }	color: #000; text-shadow: 0 0 2px white; border-radius:8px; background: rgba(255, 255, 255, 0.8); }
 * 1) WikiaRail .community-page-rail-module {
 * 1) WikiaRail .community-page-rail-module .description {
 * 1) WikiaRail .community-page-rail-module .wds-button {

/*Chat Module*/ .rail-module.chat-module { background-size: cover; background: white url("/wiki/Special:FilePath/chatbg.png") no-repeat center; border-radius:8px; color: #000; font-weight: bold; font-family: 'Rubik'; text-shadow: 0 0 2px white; padding: 10px; border-radius:8px; margin: 20px 0; }	color: #000; text-shadow: 0 0 2px white; border-radius:8px; background: rgba(255, 255, 255, 0.8); } /* END */
 * 1) WikiaRail .rail-module.chat-module .wds-button {

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

/* Make the Edit menu drop open on hover */	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; }	visibility: visible; opacity: 1; } /**********************************/ /*         TABBER CODE           */ /**********************************/
 * 1) WikiaPageHeader > .wikia-menu-button > .WikiaMenuElement {
 * 1) WikiaPageHeader > .wikia-menu-button:hover > .WikiaMenuElement {

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

.portable-infobox .tabberlive { margin-top: 0 !important; }

.portable-infobox .tabbertab { font-size: 0 !important; padding: 0 !important; border: 0 !important; }

/*-- 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: "Rubik" sans-serif; }

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

ul.tabbernav li a { padding: 2.5px !important; 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: #fff; }

ul.tabbernav { margin: 0; padding: 3px 0 0 !important; }

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

.template-docu-header, .template-docu-footer { background: #fad856; 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: #fff0f5; padding: 1px; border: 1px solid #fff0f5; border-radius: 3px; }

/**********************************/ /*           NAVBOXES            */ /**********************************/ .navbox { width: 100%; background: #000; 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: #ffcc68; color: #000; font-weight: bold; }

.navbox .navbox-title a, .navbox .navbox-footer a { color: #000 !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: #000; } .navbox .navbox-section-row > td { padding: 0; height: 100%; } .navbox .navbox-section { width: 100%; border-spacing: 0; } .navbox .navbox-above, .navbox .navbox-below { background: #ffcc68; text-align: center; } .navbox .navbox-image { background: #000; text-align: center; } .navbox .navbox-group, .navbox .navbox-header { background: #ffcc68; color: #000; 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 #000; } .navbox-image-right { border-left: 2px solid #000; } .navbox .navbox-list { background: #faebb2; 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:1px 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: "Rubik", 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: "Rubik", 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 ++++++++++++++++ */

.ForumActivityModule { background-image:url('https://images.wikia.nocookie.net/jjba/images/f/f5/Diamondbg.png') !important; }

.WikiaActivityModule { border:2px solid #ff98ba; color:#ff98ba; padding:5px; font-family: "Quicksand", 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: "Rubik", "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: "Quicksand", 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: "Quicksand", "Lucida Grande", sans-serif; color:#000; /*text-transform:uppercase;*/ }

.ChatModule h1.chat-headline span:first-child { font-family: "Quicksand", sans-serif; font-size:.2em; width:100px; }

/**********************************/ /*   Community Entry MODULE      */ /**********************************/ .community-page-entry-point-module.module .community-page-entry-point-button { border-radius:15px; height: 35px; line-height: 36px; padding: 0 15px; } .WikiaRail .module.community-page-entry-point-module { padding-top: 35px !important; font-family: 'Rubik'; } /**********************************/ /*          PAGE FONT            */ /**********************************/   font-family: 'Rubik', Tahoma, Trebuchet MS, sans-serif; font-weight: 400; }
 * 1) WikiaPage h1, #WikiaPage h2, #WikiaPage h3, #WikiaPage h4 {

.WikiHeader { font-family: 'Rubik'; background: url(https://images.wikia.nocookie.net/__cb20140713190524/jjba/images/2/28/WikiHeaderJojo2.png); color:#FFF; }

.WikiaArticle, .WikiaPage { line-height:1.5em; font-size:1.2em; font-family:"Trebuchet MS"; } .WikiaPageHeader { background-image:url('https://images.wikia.nocookie.net/jjba/images/2/2b/Jojobg.png') !important; padding-bottom:0!important; }
 * 1) WikiaPageHeader,

.WikiaPageHeader h1 { font-family:"Quicksand", sans-serif; font-weight: bold; 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: "Rubik", sans-serif; font-style: normal; letter-spacing:2px; margin-left: 3px; color: #000; } .WikiaPageHeader h2 a { color:#000 }

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

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

h3,h4,h5,h6 { font-family:"Droid Sans", 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: 'Quicksand', '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, .WikiaArticle .toc { border:1px solid #ffcc68; float:center; clear:center; background-image:url('https://images.wikia.nocookie.net/jjba/images/2/2b/Jojobg.png') !important; width:360px; min-width:360px; border-radius:10px; font-family: 'Raleway', sans-serif; text-align:left; padding:5px } .toc a, .WikiaArticle .toc a { }
 * toc,
 * 1) 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; }

ul.pi-image-collection-tabs { margin: 0 !important; }

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

/***************************************/ /*              Hover                 */ /***************************************/ .show-when-hovering { display: none; } .hover-container:hover .show-when-hovering { display: inline; } .hover-container:hover .hide-when-hovering { display: none; } .fadeout img:hover { opacity:0; } .fadeout img:active { opacity:0; } body:not(.editor) .fadeout-container.fadeout-hide-bottom > :nth-child(2) { visibility: hidden; /* the 'body:not(.editor)' is used to prevent hiding the image in editing mode where it is not displayed properly */ }

.customedit { background: url('https://vignette.wikia.nocookie.net/jjba/images/d/d2/Edit.png/revision/latest?cb=20180711180702') no-repeat; }

.customedit:hover { background: url('https://vignette.wikia.nocookie.net/jjba/images/2/2f/Edit2.png/revision/latest?cb=20180711184337') no-repeat; }

.fadeinimg { opacity: 0.1; transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -webkit-transition: opacity 1s ease-in-out; } .fadeinimg:hover { opacity: 1.0; transition: opacity .55s ease-in-out; -moz-transition: opacity .55s ease-in-out; -webkit-transition: opacity .55s ease-in-out; }

.closerange tr > td { border: 2px #f88 solid; padding: 0.2em; } .longrange tr > td { border: 2px #c8f9bb solid; padding: 0.2em; } .autopilot tr > td { border: 2px #268BD2 solid; padding: 0.2em; } .rangeirrelevant tr > td { border: 2px #E3B52C solid; padding: 0.2em; }

div#nihongo span#jpn { display: inline; }

div#nihongo:hover span#jpn { display: none; }

div#nihongo span#romaji { display: none; }

div#nihongo:hover span#romaji { display: inline; }

span#hovertext span#outer { display: inline; }

span#hovertext:hover span#outer { display: none; }

span#hovertext span#hidden { display: none; }

span#hovertext:hover span#hidden { display: inline; }

div#hovertext span#outer { display: inline; }

div#hovertext:hover span#outer { display: none; }

div#hovertext span#hidden { display: none; }

div#hovertext:hover span#hidden { display: inline; }

.diamonds tr > th { background-image:url('https://images.wikia.nocookie.net/jjba/images/4/46/DiamondBG2.png') !important; background-size: 300px; background-position: center; background-blend-mode: soft-light; }

/* Misc */ .WikiaArticle ul, .WikiaArticle ol { margin: .4em 0 .5em 2.2em; }

.refpopups-configure-page { padding-top: 15px; padding-left: 18px; }

/**********************************/ /*             POLL              */ /**********************************/ .ajax-poll { border: none !important;} /*****Adjust the height and colors of the poll answers bar*****/ .pollAnswerVotes div { background-color: colorname/hexcolor !important; height: 15px !important;} .pollAnswerVotes { height: 15px !important;}

/****************************/ /*     CUSTOM HEADERS      */ /***************************/ .h1, .h2, .h3, .h4 { overflow: hidden; }

.h1 { margin: .5em 0 .2em; font-family:"Quicksand", sans-serif; font-weight: bold; text-transform:none; letter-spacing:-.0125em; padding-bottom:0 } .h2 { border-bottom: solid 1px #cccccc; margin-top: 30px; margin-bottom: 0.2em; padding-bottom: 3px; font-family: "Rubik", sans-serif; font-style: normal; letter-spacing:2px; margin-left: 3px; font-weight: 500; text-transform: uppercase; }

.h3 { font-family:"Rubik", sans-serif; font-weight:500; text-transform:uppercase; letter-spacing:2px; }

@media only screen and (max-width:1595px) { .h1 { font-size: 28px; line-height: 28px }	.h2 { font-size: 20px; line-height: 22px }	.h3 { font-size: 17px; line-height: 22px }	.h4 { font-size: 15px; line-height: 22px }	.h5 { font-size: 13px; line-height: 22px } } @media only screen and (min-width:1596px) { .h1 { font-size: 34px; line-height: 34px }	.h2 { font-size: 28px; line-height: 30px }	.h3 { font-size: 22px; line-height: 24px }	.h4 { font-size: 20px; line-height: 28px }	.h5 { font-size: 15px; line-height: 28px } }

/* Featured video notice */ .featured-video__wrapper::after, .featured-video.is-collapsed .featured-video__player-container::after { content: 'The above video was added by Fandom staff,\20not the editors of this site. Its content may not accurately represent the article.'; background: #fcc; border: 1px solid #f99; border-radius: .25em; display: block; margin-top: .5em; padding: .5em; }