MediaWiki:Common.css

/***** CSS placed here will be applied to all skins on the entire site. *****/ /* ==========================  Imports ==========================*/ @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"); @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";

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

.WikiaArticle{ font-family: 'Rubik' }

h1 { font-family: Trebuchet MS }

/* ==========================  Table of Contents ==========================*/	.toc { border: 1px solid #1f49c4; float: center; clear: center; background: transparent; width: 360px; min-width: 360px; border-radius: 10px; font-family: 'Raleway',sans-serif; text-align: left; padding: 5px; }	.toctitle { text-transform: uppercase; font-family: 'Rubik',sans-serif; }	.toctogglelabel { color:#d10e7b; text-transform: capitalize; }

.tocnumber, .toctext { font-size: 15px; } /* ==========================  Headings ==========================*/ .mw-body .firstHeading { font-family: 'Rubik',sans-serif; font-weight: 300; font-size: 36px; color: #3a3a3a; } .mw-headline { font-family: 'Rubik',sans-serif; padding-top: 10px; font-weight: 500; font-size: 1em; color: #3a3a3a; }

.mw-body-content { font-size: 15.5px; font-family: "Trebuchet MS"; } .mw-body-content p { margin: .4em 0 1em; }

.mw-body-content h2 { font-size: 28px; font-family: 'Rubik',sans-serif; }

.mw-body-content h3 { font-size: 22px; }

.mw-body-content h4 { font-size: 20px; }

/* 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; } .portable-infobox:not(.pi-europa) { overflow: hidden; font-size: 90%; background-image:url('https://images.wikia.nocookie.net/jjba/images/2/2b/Jojobg.png'); border: 2px solid #ffcc68; border-radius: 10px; font-size: smaller; line-height: 1.5; width: 270px; } .portable-infobox.pi-theme-thin:not(.pi-europa) .pi-secondary-font { background-color: #ffcc68; } .portable-infobox.pi-theme-thin:not(.pi-europa) .pi-data .pi-data-label { flex-basis: 30% !important; background-color: #2b3f84; } /* Stand Info */ .portable-infobox.pi-theme-stand:not(.pi-europa) { width: 270px; } /* Character Info */ .portable-infobox.pi-theme-thin:not(.pi-europa) { width: 270px; } .pi-horizontal-group-item.pi-data-label { color: #000; } .episodes, .portable-infobox.pi-theme-episodes:not(.pi-europa) .pi-horizontal-group-item.pi-data-label, .portable-infobox.pi-theme-episodes:not(.pi-europa) .pi-horizontal-group-item.pi-data-value { font-size: 12px !important; } /* Custom Colors */ /* Rising Beginnings */ .PhantomBlood, .portable-infobox.pi-theme-PhantomBlood:not(.pi-europa) { width: 270px; background-color: #3055A1; border: 2px solid #3055A1; } .portable-infobox.pi-theme-PhantomBlood:not(.pi-europa) .pi-title, .portable-infobox.pi-theme-PhantomBlood:not(.pi-europa) .pi-header { background-color: #3055A1; color: white; } .portable-infobox.pi-theme-PhantomBlood:not(.pi-europa) .pi-data .pi-data-label { background-color: #777690; } .portable-infobox.pi-theme-PhantomBlood:not(.pi-europa) .pi-horizontal-group-item.pi-data-label { background-color: #777690; border: 2px solid white; border-top: none; color: white; } .portable-infobox.pi-theme-PhantomBlood:not(.pi-europa) .pi-image-collection-tabs li.current { background: #c7d0e2; } /* Advanced */ .BattleTendency, .portable-infobox.pi-theme-BattleTendency:not(.pi-europa) { width: 270px; background-color: #952F58; border: 2px solid #952F58; } .portable-infobox.pi-theme-BattleTendency:not(.pi-europa) .pi-title, .portable-infobox.pi-theme-BattleTendency:not(.pi-europa) .pi-header { background-color: #952F58; color: white; } .portable-infobox.pi-theme-BattleTendency:not(.pi-europa) .pi-data .pi-data-label { background-color: #DF9330; } .portable-infobox.pi-theme-BattleTendency:not(.pi-europa) .pi-horizontal-group-item.pi-data-label { background-color: #DF9330; border: 2px solid white; border-top: none; color: white; } .portable-infobox.pi-theme-BattleTendency:not(.pi-europa) .pi-image-collection-tabs li.current { background: #e7cdaa; } /* Thunder Shock */ .StardustCrusaders, .portable-infobox.pi-theme-StardustCrusaders:not(.pi-europa) { width: 270px; background-color: #1b3f95; border: 2px solid #1b3f95; } .portable-infobox.pi-theme-StardustCrusaders:not(.pi-europa) .pi-title, .portable-infobox.pi-theme-StardustCrusaders:not(.pi-europa) .pi-header { background-color: #1b3f95; color: white; } .portable-infobox.pi-theme-StardustCrusaders:not(.pi-europa) .pi-data .pi-data-label { background-color: #9bb144; } .portable-infobox.pi-theme-StardustCrusaders:not(.pi-europa) .pi-horizontal-group-item.pi-data-label { background-color: #9bb144; border: 2px solid white; border-top: none; color: white; } .portable-infobox.pi-theme-StardustCrusaders:not(.pi-europa) .pi-image-collection-tabs li.current { background: #aae7b8; } /* Golden Time */ .DiamondIsUnbreakable, .portable-infobox.pi-theme-DiamondIsUnbreakable:not(.pi-europa) { width: 270px; background-color: #E15FB6; border: 2px solid #E15FB6; } .portable-infobox.pi-theme-DiamondIsUnbreakable:not(.pi-europa) .pi-title, .portable-infobox.pi-theme-DiamondIsUnbreakable:not(.pi-europa) .pi-header { background-color: #E15FB6; color: white; } .portable-infobox.pi-theme-DiamondIsUnbreakable:not(.pi-europa) .pi-data .pi-data-label { background-color: #F4DA6D; color: black; } .portable-infobox.pi-theme-DiamondIsUnbreakable:not(.pi-europa) .pi-horizontal-group-item.pi-data-label { background-color: #F4DA6D; border: 2px solid white; border-top: none; color: black; } .portable-infobox.pi-theme-DiamondIsUnbreakable:not(.pi-europa) .pi-image-collection-tabs li.current { background: #fff5c9; } /* Delta Episode */ .VentoAureo, .portable-infobox.pi-theme-VentoAureo:not(.pi-europa) { width: 270px; background-color: #49885d; border: 2px solid #49885d; } .portable-infobox.pi-theme-VentoAureo:not(.pi-europa) .pi-title, .portable-infobox.pi-theme-VentoAureo:not(.pi-europa) .pi-header { background-color: #49885d; color: white; } .portable-infobox.pi-theme-VentoAureo:not(.pi-europa) .pi-data .pi-data-label { background-color: #AD76C9; color: white; } .portable-infobox.pi-theme-VentoAureo:not(.pi-europa) .pi-horizontal-group-item.pi-data-label { background-color: #AD76C9; border: 2px solid white; border-top: none; color: white; } .portable-infobox.pi-theme-VentoAureo:not(.pi-europa) .pi-image-collection-tabs li.current { background: #fff5c9; } /* Ocean Blue */ .StoneOcean, .portable-infobox.pi-theme-StoneOcean:not(.pi-europa) { width: 270px; background-color: #842D85; border: 2px solid #842D85; } .portable-infobox.pi-theme-StoneOcean:not(.pi-europa) .pi-title, .portable-infobox.pi-theme-StoneOcean:not(.pi-europa) .pi-header { background-color: #842D85; color: white; } .portable-infobox.pi-theme-StoneOcean:not(.pi-europa) .pi-data .pi-data-label { background-color: #98C988; } .portable-infobox.pi-theme-StoneOcean:not(.pi-europa) .pi-horizontal-group-item.pi-data-label { background-color: #98C988; border: 2px solid white; border-top: none; color: white; } .portable-infobox.pi-theme-StoneOcean:not(.pi-europa) .pi-image-collection-tabs li.current { background: #b4e8b0; } /* Regional Crusaders */ .SteelBallRun, .portable-infobox.pi-theme-SteelBallRun:not(.pi-europa) { width: 270px; background-color: #D4813D; border: 2px solid #D4813D; } .portable-infobox.pi-theme-SteelBallRun:not(.pi-europa) .pi-title, .portable-infobox.pi-theme-SteelBallRun:not(.pi-europa) .pi-header { background-color: #D4813D; color: white; } .portable-infobox.pi-theme-SteelBallRun:not(.pi-europa) .pi-data .pi-data-label { background-color: #a19b9b; } .portable-infobox.pi-theme-SteelBallRun:not(.pi-europa) .pi-horizontal-group-item.pi-data-label { background-color: #a19b9b; border: 2px solid white; border-top: none; color: white; } .portable-infobox.pi-theme-SteelBallRun:not(.pi-europa) .pi-image-collection-tabs li.current { background: #c5ded9; } /* Darkness Unbreakable & Black and White */ .JoJolion, .portable-infobox.pi-theme-JoJolion:not(.pi-europa) { width: 270px; background-color: #000000; border: 2px solid #000000; } .portable-infobox.pi-theme-JoJolion:not(.pi-europa) .pi-title, .portable-infobox.pi-theme-JoJolion:not(.pi-europa) .pi-header { background-color: #000000; color: white; } .portable-infobox.pi-theme-JoJolion:not(.pi-europa) .pi-data .pi-data-label { background-color: #7b7b7b; } .portable-infobox.pi-theme-JoJolion:not(.pi-europa) .pi-horizontal-group-item.pi-data-label { background-color: #7b7b7b; border: 2px solid white; border-top: none; color: white; } .portable-infobox.pi-theme-JoJolion:not(.pi-europa) .pi-image-collection-tabs li.current { background: #e7cdaa; } /* XYZ */ .OneShot, .portable-infobox.pi-theme-OneShot:not(.pi-europa) { width: 270px; background-color: #df3073; border: 2px solid #df3073; } .portable-infobox.pi-theme-OneShot:not(.pi-europa) .pi-title, .portable-infobox.pi-theme-OneShot:not(.pi-europa) .pi-header { background-color: #df3073; color: white; } .portable-infobox.pi-theme-OneShot:not(.pi-europa) .pi-data .pi-data-label { background-color: #669e6a; } .portable-infobox.pi-theme-OneShot:not(.pi-europa) .pi-horizontal-group-item.pi-data-label { background-color: #669e6a; border: 2px solid white; border-top: none; color: white; } .portable-infobox.pi-theme-OneShot:not(.pi-europa) .pi-image-collection-tabs li.current { background: #e7cdaa; } /* Lightning Shock */ .LightningShock, .portable-infobox.pi-theme-LightningShock:not(.pi-europa) { width: 270px; background-color: #b61a53; border: 2px solid #b61a53; } .portable-infobox.pi-theme-LightningShock:not(.pi-europa) .pi-title, .portable-infobox.pi-theme-LightningShock:not(.pi-europa) .pi-header { background-color: #b61a53; color: white; } .portable-infobox.pi-theme-LightningShock:not(.pi-europa) .pi-data .pi-data-label { background-color: #faf273; color: black; } .portable-infobox.pi-theme-LightningShock:not(.pi-europa) .pi-horizontal-group-item.pi-data-label { background-color: #faf273; border: 2px solid white; border-top: none; color: black; } .portable-infobox.pi-theme-LightningShock:not(.pi-europa) .pi-image-collection-tabs li.current { background: #e7cdaa; } /* Evolution Evangelion */ .EvoEvan, .portable-infobox.pi-theme-EvoEvan:not(.pi-europa) { width: 270px; background-color: #38729F; border: 2px solid #38729F; } .portable-infobox.pi-theme-EvoEvan:not(.pi-europa) .pi-title, .portable-infobox.pi-theme-EvoEvan:not(.pi-europa) .pi-header { background-color: #38729F; color: white; } .portable-infobox.pi-theme-EvoEvan:not(.pi-europa) .pi-data .pi-data-label { background-color: #F7B616; } .portable-infobox.pi-theme-EvoEvan:not(.pi-europa) .pi-horizontal-group-item.pi-data-label { background-color: #F7B616; border: 2px solid white; border-top: none; color: white; } .portable-infobox.pi-theme-EvoEvan:not(.pi-europa) .pi-image-collection-tabs li.current { background: #e7cdaa; } /* Victory Sword */ .VictorySword, .portable-infobox.pi-theme-VictorySword:not(.pi-europa) { width: 270px; background-color: #685fa5; border: 2px solid #685fa5; } .portable-infobox.pi-theme-VictorySword:not(.pi-europa) .pi-title, .portable-infobox.pi-theme-VictorySword:not(.pi-europa) .pi-header { background-color: #685fa5; color: white; } .portable-infobox.pi-theme-VictorySword:not(.pi-europa) .pi-data .pi-data-label { background-color: #caa6cc; } .portable-infobox.pi-theme-VictorySword:not(.pi-europa) .pi-horizontal-group-item.pi-data-label { background-color: #caa6cc; border: 2px solid white; border-top: none; color: white; } .portable-infobox.pi-theme-VictorySword:not(.pi-europa) .pi-image-collection-tabs li.current { background: #e7cdaa; } /* Next Class */ .NextClass, .portable-infobox.pi-theme-NextClass:not(.pi-europa) { width: 270px; background-color: #626151; border: 2px solid #626151; } .portable-infobox.pi-theme-NextClass:not(.pi-europa) .pi-title, .portable-infobox.pi-theme-NextClass:not(.pi-europa) .pi-header { background-color: #626151; color: white; } .portable-infobox.pi-theme-NextClass:not(.pi-europa) .pi-data .pi-data-label { background-color: #70a6bc; } .portable-infobox.pi-theme-NextClass:not(.pi-europa) .pi-horizontal-group-item.pi-data-label { background-color: #70a6bc; border: 2px solid white; border-top: none; color: white; } .portable-infobox.pi-theme-NextClass:not(.pi-europa) .pi-image-collection-tabs li.current { background: #e7cdaa; } /* Twilight Note */ .TwilightNote, .portable-infobox.pi-theme-TwilightNote:not(.pi-europa) { width: 270px; background-color: #545f96; border: 2px solid #545f96; } .portable-infobox.pi-theme-TwilightNote:not(.pi-europa) .pi-title, .portable-infobox.pi-theme-TwilightNote:not(.pi-europa) .pi-header { background-color: #545f96; color: white; } .portable-infobox.pi-theme-TwilightNote:not(.pi-europa) .pi-data .pi-data-label { background-color: #637e74; } .portable-infobox.pi-theme-TwilightNote:not(.pi-europa) .pi-horizontal-group-item.pi-data-label { background-color: #637e74; border: 2px solid white; border-top: none; color: white; } .portable-infobox.pi-theme-TwilightNote:not(.pi-europa) .pi-image-collection-tabs li.current { background: #e7cdaa; } /* Final Endings */ .Endings, .portable-infobox.pi-theme-Endings:not(.pi-europa) { width: 270px; background-color: #4b8ac4; border: 2px solid #4b8ac4; } .portable-infobox.pi-theme-Endings:not(.pi-europa) .pi-title, .portable-infobox.pi-theme-Endings:not(.pi-europa) .pi-header { background-color: #4b8ac4; color: white; } .portable-infobox.pi-theme-Endings:not(.pi-europa) .pi-data .pi-data-label { background-color: #35337e; } .portable-infobox.pi-theme-Endings:not(.pi-europa) .pi-horizontal-group-item.pi-data-label { background-color: #35337e; border: 2px solid white; border-top: none; color: white; } .portable-infobox.pi-theme-Endings:not(.pi-europa) .pi-image-collection-tabs li.current { background: #e7cdaa; } /* Series */ .Series, .portable-infobox.pi-theme-Series:not(.pi-europa) { width: 270px; background-color: #9da1c0; border: 2px solid #9da1c0; } .portable-infobox.pi-theme-Series:not(.pi-europa) .pi-title, .portable-infobox.pi-theme-Series:not(.pi-europa) .pi-header { background-color: #9da1c0; color: white; } .portable-infobox.pi-theme-Series:not(.pi-europa) .pi-data .pi-data-label { background-color: #7f83a2; } .portable-infobox.pi-theme-Series:not(.pi-europa) .pi-horizontal-group-item.pi-data-label { background-color: #7f83a2; border: 2px solid white; border-top: none; color: white; } .portable-infobox.pi-theme-Series:not(.pi-europa) .pi-image-collection-tabs li.current { background: #e7cdaa; } /* Episode Info */ .portable-infobox.pi-theme-wide:not(.pi-europa) { width: 270px; } .portable-infobox:not(.pi-europa) .pi-item { /* a row */ } .portable-infobox:not(.pi-europa) .pi-item-spacing { /* The padding around titles, captions, data, headers, and navigation */ padding: 1px; padding-left: 2px; padding-top: initial; } .portable-infobox:not(.pi-europa) .pi-border-color { /* The separator between data and groups. */   border-color: #F0F0F0; } .portable-infobox:not(.pi-europa) .pi-font { /* The font of data values. */   font-family: 'Rubik'; } .portable-infobox:not(.pi-europa) .pi-secondary-font { /* The font of labels, headers, and navigation. */   color: #000; font-family: 'Rubik'; letter-spacing: inherit; font-weight: normal; text-transform: none; padding: 4px; } .portable-infobox:not(.pi-europa) .pi-background { /* The background underneath the entire infobox. */   background-color: #F0F0F0; } .portable-infobox:not(.pi-europa) .pi-secondary-background { /* The background behind headers and navigation. */   background: #ffcc68; margin-left: 2px; margin-right: 2px; } .portable-infobox:not(.pi-europa) .pi-title { color: #000; background-image:url('https://images.wikia.nocookie.net/jjba/images/4/46/DiamondBG2.png'); background: #ffcc68; font-size: 20px; font-family: 'Lato'; text-align: center; letter-spacing: inherit; font-weight: bold; text-transform: none; border: 0px solid #F0F0F0; padding: 1px; } .portable-infobox:not(.pi-europa) .pi-image { padding: 0; background-image:url('https://vignette.wikia.nocookie.net/jjba/images/6/69/Diamondbg2.png'); margin: 1px; } .portable-infobox:not(.pi-europa) .pi-image-thumbnail { width: 100%; height: auto; } .portable-infobox:not(.pi-europa) .pi-data .pi-data-label { /* border-top: 1px solid #999; border-bottom: 1px solid #f0f0f0; */ background-color: #2b3f84; font-family: 'Rubik'; color: white; letter-spacing: inherit; flex-basis: 40%; min-width: 55px; font-size: 12px; padding-top: 1px; } .portable-infobox.pi-theme-wide:not(.pi-europa) .pi-data .pi-data-label { text-align: center; min-width: 50px; } .portable-infobox:not(.pi-europa) .pi-data .pi-data-value { background-image:gradient(linear, 0% 0%, 0% 100%, color-stop(25%, #FFFFFF), color-stop(75%, #f0f0f0)); background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(25%, #FFFFFF), color-stop(75%, #F0F0F0)); background-image:-moz-linear-gradient(top, #FFFFFF 25%, #F0F0F0 75%); background-image:-o-linear-gradient(top, #FFFFFF 25%, #F0F0F0 75%); background-image:-ms-linear-gradient(top, #FFFFFF 25%, #F0F0F0 75%); } .portable-infobox:not(.pi-europa) .pi-data .pi-data-value:not(:first-child) { padding-left: 4px; padding: 4px; } .portable-infobox:not(.pi-europa) .pi-horizontal-group-item.pi-data-label, .portable-infobox:not(.pi-europa) .pi-horizontal-group-item.pi-data-value { text-align: center; vertical-align: top; font-size: 85%; color: #3A3A3A; } .portable-infobox:not(.pi-europa) .pi-horizontal-group-item.pi-data-label { background-color: #fad856; } .portable-infobox:not(.pi-europa) .pi-horizontal-group-item.pi-data-value { background-image: gradient(linear,0% 0%,0% 100%,color-stop(25%,#FFFFFF),color-stop(75%,#f0f0f0)); background-image: -webkit-gradient(linear,0% 0%,0% 100%,color-stop(25%,#FFFFFF),color-stop(75%,#F0F0F0)); background-image: -moz-linear-gradient(top,#FFFFFF 25%,#F0F0F0 75%); background-image: -o-linear-gradient(top,#FFFFFF 25%,#F0F0F0 75%); background-image: -ms-linear-gradient(top,#FFFFFF 25%,#F0F0F0 75%); } /*Tabbers*/ /* This is for all tabs */ .portable-infobox .pi-image-collection-tabs li { color: #63487f; } /* This is for the current selected tab */ .portable-infobox .pi-image-collection-tabs li.current { background: #ffe2ec; /*your color here*/ color: #63487f; } /* Episode is black text */ .portable-infobox:not(.pi-europa) .pi-header { border-bottom: 2px solid #F0F0F0; text-align: center; background: #ffcc68; font-size: 16px; font-weight: bold; } .portable-infobox.pi-theme-wide:not(.pi-europa) .pi-header { color: black; font-size: smaller; } .portable-infobox.pi-theme-wide:not(.pi-europa) .pi-horizontal-group { width: inherit; } /* Tab View Themes */ ul.tabs { margin-left: 0px; } /* Selected Tab */ ul.tabs li[data-tab="flytabs_phantomblood0"].selected a, ul.tabs li[data-tab="flytabs_phantomblood1"].selected a, ul.tabs li[data-tab="flytabs_phantomblood2"].selected a, ul.tabs li[data-tab="flytabs_phantomblood3"].selected a, ul.tabs li[data-tab="flytabs_phantomblood4"].selected a, ul.tabs li[data-tab="flytabs_phantomblood5"].selected a, ul.tabs li[data-tab="flytabs_phantomblood6"].selected a, ul.tabs li[data-tab="flytabs_phantomblood7"].selected a { background: #3055A1; background: -webkit-linear-gradient(#3055A1,#777690); background-image: -moz-linear-gradient(#3055A1,#777690); background-image: -o-linear-gradient(#3055A1,#777690); background-image: linear-gradient(#3055A1,#777690); color: white; } /* Normal Tab; NOT selected */ ul.tabs li a { border: 1.5px solid gray; -moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px; border-top-right-radius: 10px; border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px; font-size: 95%; background-color: #f0f0f0; color: #654488; } .tabs li a { padding: 6px 10px 3px !important; } /************************************/ /********** TABBER DESIGNS *********/ /**********************************/ /* Rising Beginnings */ div.phantom-blood-tabs .tabberlive, div.phantom-blood-tabs .tabbertab, div.phantom-blood-tabs .tabbernav { margin: 0px; padding: 0px; border: none; background: none; } div.phantom-blood-tabs ul.tabbernav li a { border: 1px solid #838282; border-radius: 1px; background: #efefef !important; font-family: Rubik !important; font-size: 12px !important; color: #654488 !important; margin:0 !important; padding:2px 12px !important; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75); font-size: 13px !important; cursor:default; } div.phantom-blood-tabs ul.tabbernav li:first-child a { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } div.phantom-blood-tabs ul.tabbernav li:last-of-type a { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } div.phantom-blood-tabs .tabberlive .tabbertab { border: none !important; border-radius: 3px !important; padding: 6px 0px 0px 0px !important; } div.phantom-blood-tabs ul.tabbernav { background: transparent; border-bottom: 0 !important; padding: 3px 0 !important; text-align:center; margin: 0 0 -10px 0 !important; } div.phantom-blood-tabs ul.tabbernav li a:active { background: #f0f0f0 !important; } div.phantom-blood-tabs ul.tabbernav li.tabberactive a { background:linear-gradient(#3055A1, #777690) !important; color:white !important; } div.phantom-blood-tabs ul.tabbernav li a:hover { background: #cbc5c5 !important; } div.phantom-blood-tabs ul.tabbernav li.tabberactive a:active { background:linear-gradient(#1F396E,#59586e) !important; color:white !important; border: none !important; } div.phantom-blood-tabs ul.tabbernav li.tabberactive a:hover { background:linear-gradient(#1F396E,#59586e) !important; color:white !important; border-bottom: none !important; } div.phantom-blood-tabs .mw-header-link { background:url(https://vignette.wikia.nocookie.net/jjba/images/1/10/PBSymbol.png) no-repeat !important; background-position:center !important; padding: 17px 25px 0 0 !important; position: relative !important; overflow: hidden !important; width: 30px !important; height: 25px !important; box-sizing: border-box !important; } div.phantom-blood-tabs ul.tabbernav li { line-height: 20px !important; } /* Advanced Division */ div.battle-tendency-tabs .tabberlive, div.battle-tendency-tabs .tabbertab, div.battle-tendency-tabs .tabbernav { margin: 0px; padding: 0px; border: none; background: none; } div.battle-tendency-tabs ul.tabbernav li a { border: 1px solid #838282; border-radius: 1px; background: #efefef !important; font-family: Rubik !important; font-size: 12px !important; color: #654488 !important; margin:0 !important; padding:2px 12px !important; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75); font-size: 13px !important; cursor:default; } div.battle-tendency-tabs ul.tabbernav li:first-child a { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } div.battle-tendency-tabs ul.tabbernav li:last-of-type a { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } div.battle-tendency-tabs .tabberlive .tabbertab { border: none !important; border-radius: 3px !important; padding: 6px 0px 0px 0px !important; } div.battle-tendency-tabs ul.tabbernav { background: transparent; border-bottom: 0 !important; padding: 3px 0 !important; text-align:center; margin: 0 0 -10px 0 !important; } div.battle-tendency-tabs ul.tabbernav li a:active { background: #f0f0f0 !important; } div.battle-tendency-tabs ul.tabbernav li a:hover { background: #cbc5c5 !important; } div.battle-tendency-tabs ul.tabbernav li.tabberactive a { background:linear-gradient(#952F58, #DF9330) !important; color:white !important; } div.battle-tendency-tabs ul.tabbernav li.tabberactive a:active { background:linear-gradient(#5F1633,#9B6622) !important; color:white !important; border: none !important; } div.battle-tendency-tabs ul.tabbernav li.tabberactive a:hover { background:linear-gradient(#5F1633,#9B6622) !important; color:white !important; border-bottom: none !important; } div.battle-tendency-tabs .mw-header-link { background:url(https://vignette.wikia.nocookie.net/jjba/images/8/89/BTSymbol.png) no-repeat !important; background-position:center !important; padding: 17px 25px 0 0 !important; position: relative !important; overflow: hidden !important; width: 30px !important; height: 25px !important; box-sizing: border-box !important; } div.battle-tendency-tabs ul.tabbernav li { line-height: 20px !important; } /* Thunder Shock */ div.stardust-crusaders-tabs .tabberlive, div.stardust-crusaders-tabs .tabbertab, div.stardust-crusaders-tabs .tabbernav { margin: 0px; padding: 0px; border: none; background: none; } div.stardust-crusaders-tabs ul.tabbernav li a { border: 1px solid #838282; border-radius: 1px; background: #efefef !important; font-family: Rubik !important; font-size: 12px !important; color: #654488 !important; margin:0 !important; padding:2px 12px !important; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75); font-size: 13px !important; cursor:default; } div.stardust-crusaders-tabs ul.tabbernav li:first-child a { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } div.stardust-crusaders-tabs ul.tabbernav li:last-of-type a { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } div.stardust-crusaders-tabs .tabberlive .tabbertab { border: none !important; border-radius: 3px !important; padding: 6px 0px 0px 0px !important; } div.stardust-crusaders-tabs ul.tabbernav { background: transparent; border-bottom: 0 !important; padding: 3px 0 !important; text-align:center; margin: 0 0 -10px 0 !important; } div.stardust-crusaders-tabs ul.tabbernav li a:active { background: #f0f0f0 !important; } div.stardust-crusaders-tabs ul.tabbernav li a:hover { background: #cbc5c5 !important; } div.stardust-crusaders-tabs ul.tabbernav li.tabberactive a { background:linear-gradient(#1F7EEA, #B5D302) !important; color:white !important; } div.stardust-crusaders-tabs ul.tabbernav li.tabberactive a:active { background:linear-gradient(#0D4F9A,#717C2E) !important; color:white !important; border: none !important; } div.stardust-crusaders-tabs ul.tabbernav li.tabberactive a:hover { background:linear-gradient(#0D4F9A,#717C2E) !important; color:white !important; border-bottom: none !important; } div.stardust-crusaders-tabs .mw-header-link { background:url(https://vignette.wikia.nocookie.net/jjba/images/e/e0/SDCSymbol.png/) no-repeat !important; background-position:center !important; padding: 17px 25px 0 0 !important; position: relative !important; overflow: hidden !important; width: 30px !important; height: 25px !important; box-sizing: border-box !important; } div.stardust-crusaders-tabs ul.tabbernav li { line-height: 20px !important; } /* Golden Time */ div.diamond-is-unbreakable-tabs .tabberlive, div.diamond-is-unbreakable-tabs .tabbertab, div.diamond-is-unbreakable-tabs .tabbernav { margin: 0px; padding: 0px; border: none; background: none; } div.diamond-is-unbreakable-tabs ul.tabbernav li a { border: 1px solid #838282; border-radius: 1px; background: #efefef !important; font-family: Rubik !important; font-size: 12px !important; color: #654488 !important; margin:0 !important; padding:2px 12px !important; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75); font-size: 13px !important; cursor:default; } div.diamond-is-unbreakable-tabs ul.tabbernav li:first-child a { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } div.diamond-is-unbreakable-tabs ul.tabbernav li:last-of-type a { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } div.diamond-is-unbreakable-tabs .tabberlive .tabbertab { border: none !important; border-radius: 3px !important; padding: 6px 0px 0px 0px !important; } div.diamond-is-unbreakable-tabs ul.tabbernav { background: transparent; border-bottom: 0 !important; padding: 3px 0 !important; text-align:center; margin: 0 0 -10px 0 !important; } div.diamond-is-unbreakable-tabs ul.tabbernav li a:active { background: #f0f0f0 !important; } div.diamond-is-unbreakable-tabs ul.tabbernav li a:hover { background: #cbc5c5 !important; } div.diamond-is-unbreakable-tabs ul.tabbernav li.tabberactive a { background:linear-gradient(#38729F, #F7B616) !important; color:white !important; } div.diamond-is-unbreakable-tabs ul.tabbernav li.tabberactive a:active { background:linear-gradient(#2F5776,#B98300) !important; color:white !important; border: none !important; } div.diamond-is-unbreakable-tabs ul.tabbernav li.tabberactive a:hover { background:linear-gradient(#2F5776,#B98300) !important; color:white !important; border-bottom: none !important; } div.diamond-is-unbreakable-tabs .mw-header-link { background:url(https://vignette.wikia.nocookie.net/jjba/images/4/49/DIUSymbol.png) no-repeat !important; background-position:center !important; padding: 17px 25px 0 0 !important; position: relative !important; overflow: hidden !important; width: 30px !important; height: 25px !important; box-sizing: border-box !important; } div.diamond-is-unbreakable-tabs ul.tabbernav li { line-height: 20px !important; } /* Delta Episode */ div.vento-aureo-tabs .tabberlive, div.vento-aureo-tabs .tabbertab, div.vento-aureo-tabs .tabbernav { margin: 0px; padding: 0px; border: none; background: none; } div.vento-aureo-tabs ul.tabbernav li a { border: 1px solid #838282; border-radius: 1px; background: #efefef !important; font-family: Rubik !important; font-size: 12px !important; color: #654488 !important; margin:0 !important; padding:2px 12px !important; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75); font-size: 13px !important; cursor:default; } div.vento-aureo-tabs ul.tabbernav li:first-child a { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } div.vento-aureo-tabs ul.tabbernav li:last-of-type a { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } div.vento-aureo-tabs .tabberlive .tabbertab { border: none !important; border-radius: 3px !important; padding: 6px 0px 0px 0px !important; } div.vento-aureo-tabs ul.tabbernav { background: transparent; border-bottom: 0 !important; padding: 3px 0 !important; text-align:center; margin: 0 0 -10px 0 !important; } div.vento-aureo-tabs ul.tabbernav li a:active { background: #f0f0f0 !important; } div.vento-aureo-tabs ul.tabbernav li a:hover { background: #cbc5c5 !important; } div.vento-aureo-tabs ul.tabbernav li.tabberactive a { background:linear-gradient(#E15FB6, #F4DA6D) !important; color:white !important; } div.vento-aureo-tabs ul.tabbernav li.tabberactive a:active { background:linear-gradient(#91246D,#C8B465) !important; color:white !important; border: none !important; } div.vento-aureo-tabs ul.tabbernav li.tabberactive a:hover { background:linear-gradient(#91246D,#C8B465) !important; color:white !important; border-bottom: none !important; } div.vento-aureo-tabs .mw-header-link { background:url(https://vignette.wikia.nocookie.net/jjba/images/d/d2/VASymbol.png) no-repeat !important; background-position:center !important; padding: 17px 25px 0 0 !important; position: relative !important; overflow: hidden !important; width: 30px !important; height: 25px !important; box-sizing: border-box !important; } div.vento-aureo-tabs ul.tabbernav li { line-height: 20px !important; } /* Ocean Blue */ div.stone-ocean-tabs .tabberlive, div.stone-ocean-tabs .tabbertab, div.stone-ocean-tabs .tabbernav { margin: 0px; padding: 0px; border: none; background: none; } div.stone-ocean-tabs ul.tabbernav li a { border: 1px solid #838282; border-radius: 1px; background: #efefef !important; font-family: Rubik !important; font-size: 12px !important; color: #654488 !important; margin:0 !important; padding:2px 12px !important; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75); font-size: 13px !important; cursor:default; } div.stone-ocean-tabs ul.tabbernav li:first-child a { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } div.stone-ocean-tabs ul.tabbernav li:last-of-type a { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } div.stone-ocean-tabs .tabberlive .tabbertab { border: none !important; border-radius: 3px !important; padding: 6px 0px 0px 0px !important; } div.stone-ocean-tabs ul.tabbernav { background: transparent; border-bottom: 0 !important; padding: 3px 0 !important; text-align:center; margin: 0 0 -10px 0 !important; } div.stone-ocean-tabs ul.tabbernav li a:active { background: #f0f0f0 !important; } div.stone-ocean-tabs ul.tabbernav li a:hover { background: #cbc5c5 !important; } div.stone-ocean-tabs ul.tabbernav li.tabberactive a { background:linear-gradient(#842D85, #98C988) !important; color:white !important; } div.stone-ocean-tabs ul.tabbernav li.tabberactive a:active { background:linear-gradient(#5B1E5C,#639353) !important; color:white !important; border: none !important; } div.stone-ocean-tabs ul.tabbernav li.tabberactive a:hover { background:linear-gradient(#5B1E5C,#639353) !important; color:white !important; border-bottom: none !important; } div.stone-ocean-tabs .mw-header-link { background:url(https://vignette.wikia.nocookie.net/jjba/images/9/9e/SOSymbol.png) no-repeat !important; background-position:center !important; padding: 17px 25px 0 0 !important; position: relative !important; overflow: hidden !important; width: 30px !important; height: 25px !important; box-sizing: border-box !important; } div.stone-ocean-tabs ul.tabbernav li { line-height: 20px !important; } /* Regional Crusaders */ div.steel-ball-run-tabs .tabberlive, div.steel-ball-run-tabs .tabbertab, div.steel-ball-run-tabs .tabbernav { margin: 0px; padding: 0px; border: none; background: none; } div.steel-ball-run-tabs ul.tabbernav li a { border: 1px solid #838282; border-radius: 1px; background: #efefef !important; font-family: Rubik !important; font-size: 12px !important; color: #654488 !important; margin:0 !important; padding:2px 12px !important; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75); font-size: 13px !important; cursor:default; } div.steel-ball-run-tabs ul.tabbernav li:first-child a { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } div.steel-ball-run-tabs ul.tabbernav li:last-of-type a { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } div.steel-ball-run-tabs .tabberlive .tabbertab { border: none !important; border-radius: 3px !important; padding: 6px 0px 0px 0px !important; } div.steel-ball-run-tabs ul.tabbernav { background: transparent; border-bottom: 0 !important; padding: 3px 0 !important; text-align:center; margin: 0 0 -10px 0 !important; } div.steel-ball-run-tabs ul.tabbernav li a:active { background: #f0f0f0 !important; } div.steel-ball-run-tabs ul.tabbernav li a:hover { background: #cbc5c5 !important; } div.steel-ball-run-tabs ul.tabbernav li.tabberactive a { background:linear-gradient(#D4813D,#C0C0C0) !important; color:white !important; } div.steel-ball-run-tabs ul.tabbernav li.tabberactive a:active { background:linear-gradient(#9E561B,#817F7F) !important; color:white !important; border: none !important; } div.steel-ball-run-tabs ul.tabbernav li.tabberactive a:hover { background:linear-gradient(#9E561B,#817F7F) !important; color:white !important; border-bottom: none !important; } div.steel-ball-run-tabs .mw-header-link { background:url(https://vignette.wikia.nocookie.net/jjba/images/5/54/SBRSymbol.png) no-repeat !important; background-position:center !important; padding: 17px 25px 0 0 !important; position: relative !important; overflow: hidden !important; width: 30px !important; height: 25px !important; box-sizing: border-box !important; } div.steel-ball-run-tabs ul.tabbernav li { line-height: 20px !important; } /* Darkness Unbreakable & Black and White */ div.jojolion-tabs .tabberlive, div.jojolion-tabs .tabbertab, div.jojolion-tabs .tabbernav { margin: 0px; padding: 0px; border: none; background: none; } div.jojolion-tabs ul.tabbernav li a { border: 1px solid #838282; border-radius: 1px; background: #efefef !important; font-family: Rubik !important; font-size: 12px !important; color: #654488 !important; margin:0 !important; padding:2px 12px !important; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75); font-size: 13px !important; cursor:default; } div.jojolion-tabs ul.tabbernav li:first-child a { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } div.jojolion-tabs ul.tabbernav li:last-of-type a { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } div.jojolion-tabs .tabberlive .tabbertab { border: none !important; border-radius: 3px !important; padding: 6px 0px 0px 0px !important; } div.jojolion-tabs ul.tabbernav { background: transparent; border-bottom: 0 !important; padding: 3px 0 !important; text-align:center; margin: 0 0 -10px 0 !important; } div.jojolion-tabs ul.tabbernav li a:active { background: #f0f0f0 !important; } div.jojolion-tabs ul.tabbernav li a:hover { background: #cbc5c5 !important; } div.jojolion-tabs ul.tabbernav li.tabberactive a { background:linear-gradient(#53A599,#F8A1E8) !important; color:white !important; } div.jojolion-tabs ul.tabbernav li.tabberactive a:active { background:linear-gradient(#388076,#D46BC1) !important; color:white !important; border: none !important; } div.jojolion-tabs ul.tabbernav li.tabberactive a:hover { background:linear-gradient(#388076,#D46BC1) !important; color:white !important; border-bottom: none !important; } div.jojolion-tabs .mw-header-link { background:url(https://vignette.wikia.nocookie.net/jjba/images/6/6e/JJLSymbol.png) no-repeat !important; background-position:center !important; padding: 17px 25px 0 0 !important; position: relative !important; overflow: hidden !important; width: 30px !important; height: 25px !important; box-sizing: border-box !important; } div.jojolion-tabs ul.tabbernav li { line-height: 20px !important; } /* XYZ */ div.oneshot-tabs .tabberlive, div.oneshot-tabs .tabbertab, div.oneshot-tabs .tabbernav { margin: 0px; padding: 0px; border: none; background: none; } div.oneshot-tabs ul.tabbernav li a { border: 1px solid #838282; border-radius: 1px; background: #efefef !important; font-family: Rubik !important; font-size: 12px !important; color: #654488 !important; margin:0 !important; padding:2px 12px !important; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75); font-size: 13px !important; cursor:default; } div.oneshot-tabs ul.tabbernav li:first-child a { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } div.oneshot-tabs ul.tabbernav li:last-of-type a { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } div.oneshot-tabs .tabberlive .tabbertab { border: none !important; border-radius: 3px !important; padding: 6px 0px 0px 0px !important; } div.oneshot-tabs ul.tabbernav { background: transparent; border-bottom: 0 !important; padding: 3px 0 !important; text-align:center; margin: 0 0 -10px 0 !important; } div.oneshot-tabs ul.tabbernav li a:active { background: #f0f0f0 !important; } div.oneshot-tabs ul.tabbernav li a:hover { background: #cbc5c5 !important; } div.oneshot-tabs ul.tabbernav li.tabberactive a { background:linear-gradient(#0068B8,#E72A9E) !important; color:white !important; } div.oneshot-tabs ul.tabbernav li.tabberactive a:active { background:linear-gradient(#06497D,#B01A76) !important; color:white !important; border: none !important; } div.oneshot-tabs ul.tabbernav li.tabberactive a:hover { background:linear-gradient(#06497D,#B01A76) !important; color:white !important; border-bottom: none !important; } div.oneshot-tabs .mw-header-link { background:url(https://vignette.wikia.nocookie.net/jjba/images/5/5d/OneshotSymbol.png) no-repeat !important; background-position:center !important; padding: 17px 25px 0 0 !important; position: relative !important; overflow: hidden !important; width: 30px !important; height: 25px !important; box-sizing: border-box !important; } div.oneshot-tabs ul.tabbernav li { line-height: 20px !important; } div.infoboxtabs2 .tabberlive, div.infoboxtabs2 tabbernav { background: url('https://vignette.wikia.nocookie.net/jjba/images/4/46/DiamondBG2.png') !important; background-size: cover !important; } div.infoboxtabs2 ul.tabbernav li a { padding-left: 10px !important; padding-right: 10px !important; padding-top: 2px !important; font-size: 11px !important; border-radius: 0 !important; } div.multitab ul.tabbernav li a { padding-left: 10px !important; padding-right: 10px !important; padding-top: 2px !important; font-size: 11px !important; border-radius: 0 !important; background: white !important; } div.multitab .tabberlive .tabbertab { background-image: url('https://vignette.wikia.nocookie.net/jjba/images/6/69/Diamondbg2.png') !important; } div.multitab .tabbertab { background: white !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; }

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

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

=
=================*/

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

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

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

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

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

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

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

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

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

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