MediaWiki:Common.css

/***** CSS placed here will be applied to all skins on the entire site. *****/ /* ==========================  Imports ==========================*/ @import "/load.php?articles=MediaWiki:Slider.css&only=styles&mode=articles"; @import "/load.php?mode=articles&articles=u:dev:MediaWiki:SpoilerBlur/code.css&only=styles"; @import "/load.php?mode=articles&articles=u:dev:MediaWiki:AjaxPoll.Whale.css&only=styles"; /* ===================    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");

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

/* Mark redirects in Special:Allpages and Special:Watchlist */ .allpagesredirect { font-style: italic; } .allpagesredirect:after { color: #808080; content: " (redirect)" } .watchlistredir { font-style: italic; } /*******************   Carousel .carousel .slide{ height: 130px; border: 2px solid; border-color: transparent; overflow: hidden; width: 226px; }

/* Parts */ .games .slide{ border-color: #D6AD6F; background-color: #000; } .games .slide img { transition: 0.4s opacity; -webkit-transform: translateZ(0); /*fix transition bug in Chrome*/ } .games .game{ width: 100%; position: absolute; text-align: center; top: 35%; opacity: 0; } .games .game a, .games .game a:hover{ display: block; color: #fff; font-size: 150%; } .games .slide .game { transition: 0.4s opacity; } .games .slide:hover .game { opacity: 1; } .games .slide:hover img { opacity: 0.4; }

/******************* * Infobox Template Style *******************/ .infobox { border: 1px solid #aaaaaa; background-color: #FFFFFF; color: black; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; } .infobox td, .infobox th { vertical-align: top; } .infobox caption { font-size: larger; margin-left: inherit; } .infobox.bordered { border-collapse: collapse; } .infobox.bordered td, .infobox.bordered th { border: 1px solid #aaaaaa; } .infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; }

/* Forum formatting (by -Algorithm & -Splaka) */ .forumheader { border: 1px solid #aaa; margin-top: 1em; padding: 12px; } .forumlist td.forum_edited a { color: black; text-decoration: none; } .forumlist td.forum_title a { padding-left: 20px; } .forumlist td.forum_title a.forum_new { font-weight: bold; background: url(/images/4/4e/Forum_new.gif) center left no-repeat; padding-left: 20px; } .forumlist td.forum_title a.forum_new:visited { font-weight: normal; background: none; padding-left: 20px; } .forumlist th.forum_title { padding-left: 20px; }

/* Recent changes byte indicators */ .mw-plusminus-pos { color: #006500; } .mw-plusminus-neg { color: #8B0000; }

/* Image frame fix */ div.tright, div.tleft { border: 1px solid silver; }

div.thumbinner { background: inherit; border: none; color: inherit; }  color:inherit; }
 * 1) article div.thumb {

/* === Babel === */

div.babelbox { float: right; margin-left: 1em; margin-bottom: 0.5em; width: 246px; border: 1px solid #99B3FF; padding: 2px 0 2px 0; } .lang-blockN, .lang-block0, .lang-block1, .lang-block2, .lang-block3 { margin: 2px 4px 2px 4px; /* t, l, b, r */ width:238px; border-collapse: collapse; } td.lang-codeN, td.lang-code0, td.lang-code1, td.lang-code2, td.lang-code3 { text-align:center; font-size:14pt; width:45px; height:45px; } td.lang-descriptionN, td.lang-description0, td.lang-description1, td.lang-description2, td.lang-description3 { font-size:8pt; padding:4pt; line-height:1.25em; }

.lang-block0 { border:1px solid #FFB3B3; } td.lang-code0 { background-color: #FFB3B3; color: black; } td.lang-description0 { background-color: #FFE0E8; color: black; }

.lang-block1, .lang-block2, .lang-block3  { border:1px solid #99B3FF; } td.lang-code1, td.lang-code2, td.lang-code3 { background-color: #99B3FF; color: black; } td.lang-description1, td.lang-description2, td.lang-description3 { background-color: #E0E8FF; color: black; }

.lang-blockN { border:1px solid #6EF7A7; } td.lang-codeN { background-color: #6EF7A7; color: black; } td.lang-descriptionN { background-color: #C5FCDC; color: black; }

/** Forums box **/ .mainpage-box-forums { -moz-box-sizing: border-box; margin: 0 auto; padding-top: 17px; width: 100%; } .mainpage-box-forums .activityfeed { margin: 0; width: 100%; } .mainpage-box-forums li { border-bottom: 1px solid #8B8C8C; margin-left: 20px; } .mainpage-box-forums p { margin: 0; } .mainpage-box-forums table { padding-left: 7px; width: 100%; } .mainpage-box-forums table td p:last-child { margin-top: 2px; } .mainpage-box-forums .sprite { display: none; } .mainpage-box-forums cite { display: none ! important; } .mainpage-box-forums .title { margin-left: 1px; } .mainpage-box-forums .title:before { content: "Topic: "; } .mainpage-box-forums .real-name { display: inline-block; font-weight: bold; } .mainpage-box-forums .seemore { float: right; font-size: 12px; font-weight: bold; margin-right: 3px; margin-top: -7px; text-shadow: 1px 1px #000000; }

li.message-removed.hide { display: none; } div.ajax-poll { width:auto !important; }

/******************* * Template Documentation *******************/ .template-documentation { border: 1px solid #b68333; margin: .5em; margin-top: 2em; background: #A66908; }

.template-docu-header, .template-docu-footer { background: #C68723; color: #DDD; 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: #AA6D0C; padding: 1px; border: 1px solid #B67918; border-radius: 3px; }

/******************* * Navboxes *******************/ .navbox { width: 100%; background: black; 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: #CCF; color: black; font-weight: bold; } .navbox .navbox-vde { float:left; width:65px; } .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: #DDF; text-align: center; } .navbox .navbox-image { background: white; text-align: center; } .navbox .navbox-group, .navbox .navbox-header { background: #DDF; color: black; 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: white; 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; } /* hlist */ .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; }

body { cursor: url('https://i.imgur.com/UyMVp27.png'), pointer; }

a:hover { cursor: url('https://i.imgur.com/UyMVp27.png'), pointer; }

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

=
=================*/ /* .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$=":LinkSonicMario"], a[href="/wiki/User:LinkSonicMario?action=edit"] a[href="/wiki/User:LinkSonicMario?so=search&printable=yes"], a[href="/wiki/User:LinkSonicMario?oldid=397088"], a[href="/wiki/User:LinkSonicMario?action=info"] { background-image: url(https://static.wikia.nocookie.net/ab20ccd8-666b-4c5b-848e-4b884effd7f0)! Important; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

a[href$=": IDontHaveAGoodUsernameIdea"], a[href="/wiki/User:IDontHaveAGoodUsernameIdea?action=edit"] a[href="/wiki/User:IDontHaveAGoodUsernameIdea?so=search&printable=yes"], a[href="/wiki/User:IDontHaveAGoodUsernameIdea?oldid=397088"], a[href="/wiki/User:IDontHaveAGoodUsernameIdea?action=info"] { background-image: url(https://static.wikia.nocookie.net/12962e15-aaed-4ec7-a79d-fba6c13cf407)! Important; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

a[href$=":Ya_Boi_King_Kai"], a[href="/wiki/User:Ya_Boi_King_Kai?action=edit"] a[href="/wiki/User:Ya_Boi_King_Kai?so=search&printable=yes"], a[href="/wiki/User:Ya_Boi_King_Kai?oldid=397088"], a[href="/wiki/User:Ya_Boi_King_Kai?action=info"], a[href="/f/u/44196283"] { background-image: url(https://static.wikia.nocookie.net/jjba/images/a/ab/Imageedit_171_3898655540.gif/revision/latest?cb=20220916004541)! Important; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } a[href$=":MinOverHeaven"], a[href="/wiki/User:MinOverHeaven?action=edit"] a[href="/wiki/User:MinOverHeaven?so=search&printable=yes"], a[href="/wiki/User:MinOverHeaven?oldid=397088"], a[href="/wiki/User:MinOverHeaven?action=info"], a[href="/f/u/44196283"] { background-image: url(https://static.wikia.nocookie.net/jjba/images/a/ab/Imageedit_171_3898655540.gif/revision/latest?cb=20220916004541)! Important; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } a[href$=":Legendary_Super_Saiyan_Fennekin"], a[href="/wiki/User:Legendary_Super_Saiyan_Fennekin?action=edit"] a[href="/wiki/User:Legendary_Super_Saiyan_Fennekin?so=search&printable=yes"], a[href="/wiki/User:Legendary_Super_Saiyan_Fennekin?oldid=397088"], a[href="/wiki/User:Legendary_Super_Saiyan_Fennekin?action=info"] a[href="/f/u/44196195"] a[href="/wiki/Special:Contributions/Legendary_Super_Saiyan_Fennekin"] a[href="/wiki/Special:UserProfileActivity/Legendary_Super_Saiyan_Fennenkin"] {     background-image: url(https://static.wikia.nocookie.net/jjba/images/e/eb/Legendary_Super_Saiyan_Fennekin%27s_CSS_Name_Image_Snake_Eater.gif/revision/latest?cb=20230802223615)! Important; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.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; }

/*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: #FFFFFF; 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: #4B62FA; color: #FFFFFF; font-weight: bold; }

.navbox .navbox-title a, .navbox .navbox-footer a { color: #FFFFFF !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: #4B62FA; text-align: center; } .navbox .navbox-image { background: #000; text-align: center; } .navbox .navbox-group, .navbox .navbox-header { background: #4B62FA; color: #FFFFFF; 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 .navbox-group a { color: #FFFFFF; } .navbox-image-right { border-left: 2px solid #000; } .navbox .navbox-list { background: #697FFA; color: #FFFFFF; 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; }

/**********************************/ /*      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 #4B62FA; 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; background-color: transparent !important; }

/*  Styles for InfoboxTabs3   */ /*  The block that contains the tabs   */ .infoboxtabs3 ul.tabbernav { border: 0; line-height: 12px; overflow: hidden; padding: 0; }

/*  General styles for the links   */ .infoboxtabs3 ul.tabbernav li a, .infoboxtabs3 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   */ .infoboxtabs3 ul.tabbernav li:first-child a, .infoboxtabs3 ul.tabbernav li:first-child a:hover { border-left: 0 !important; } /*  The block that contains the image   */ .infoboxtabs3 .tabberlive .tabbertab { border: 0; padding: 0; background-color: transparent !important; }

.infoboxtabs3 .tabberlive { width: 130px; margin-top: 0 !important; }

/***************************************/ /* 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; transition:none !important; -webkit-transition: none !important; } .fadeout img:active { opacity:0; transition:none !important; -webkit-transition: none !important; } body:not(.editor) .fadeout-container.fadeout-hide-bottom > .fadein { visibility: hidden; }

body:not(.editor) .fadeout-container.fadeout-hide-bottom > .fadeout:hover + .fadein { visibility: visible; }

.fadeout-container.img.lzyTrans { transition: none !important; -webkit-transition: none !important; }

/* Hover Box for switching the visibility of the selected item */ .hoverbox { display:inline-block; padding:0em; } .hoverbox .hoveritem { display:none; margin:0em; padding:0em; } .hoverbox .hoveritem.selected { display:inline-block; } .hoverbox:hover .hoveritem { display:inline-block; } .hoverbox:hover .hoveritem.selected { display:none; }

.fadeinimg { opacity: 0.1; } .fadeinimg:hover { opacity: 1.0; }

.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 > td { border: 1px solid #aaaaaa; padding: 0.2em; }

.diamonds a { color: #df479c; }

/* Make collapsible table's link white/normal font */ .diamonds .mw-collapsible-toggle a { color: #ffffff; font-weight: normal; }

.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; border: 1px solid #aaaaaa; }

.cquote tr > td { border: none !important; }

.cquote tr > th { border: none !important; }

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

.WikiaArticle .editsection { font-size: 0 !important; opacity: 0.5 !important; }

.WikiaArticle .editsection:hover { opacity: 1 !important; }

/*Hide top categories */ .WikiaPage .page-header__categories { display: none !important; }

/****************************/ /*     GALLERY            */ /**************************/

.MPgallery .wikia-gallery-captions-center .wikia-gallery-item .lightbox-caption, .wikia-gallery-captions-center .wikia-gallery-item .title { background-color:#FFFFFF; color:#0038D8; font-weight:bold; }

.MPgallery .wikia-gallery-item .thumb .gallery-image-wrapper { border:1px solid #0038D8; }