Template:JoJolion.css

/* JoJolion */ .tabberlive, .tabbertab, .tabbernav { margin: 0px; padding: 0px; border: none; background: none; }

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; } ul.tabbernav li:first-child a { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } ul.tabbernav li:last-of-type a { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .tabberlive .tabbertab { border: none !important; border-radius: 3px !important; padding: 8px 0px 0px 0px !important; } ul.tabbernav { background: transparent; border-bottom: 0 !important; padding: 3px 0 !important; text-align:center; margin: 0 0 -10px 0 !important; }

ul.tabbernav li a:active { background: #f0f0f0 !important; } ul.tabbernav li a:hover { background: #cbc5c5 !important; } ul.tabbernav li.tabberactive a { background:linear-gradient(#53A599,#F8A1E8) !important; color:white !important; } ul.tabbernav li.tabberactive a:active { background:linear-gradient(#388076,#D46BC1) !important; color:white !important; border: none !important; }

ul.tabbernav li.tabberactive a:hover { background:linear-gradient(#388076,#D46BC1) !important; color:white !important; border-bottom: none !important; }

ul.tabbernav li { line-height: 20px !important; }

.toc { border: 1px solid #53A599; }

.quote { color: #53A599 !important; }

.mw-header:hover .mw-headline-headanchor, .mw-headline-headanchor:target { background-image: url(https://static.jojowiki.com/images/6/6e/JJLSymbol.png); }

.hd { opacity: 1; transition: opacity 1s linear; }

.hd:hover { opacity: 0; transition: visibility 0s 1s, opacity 1s linear; }

.JoJolion, .portable-infobox.pi-theme-JoJolion { width: 270px; background-color: #53A599; border: 2px solid #53A599; } .portable-infobox.pi-theme-JoJolion .pi-title, .portable-infobox.pi-theme-JoJolion .pi-header { background-color: #53A599; color: white; } .portable-infobox.pi-theme-JoJolion .pi-data .pi-data-label { background-color: #F8A1E8; } .portable-infobox.pi-theme-JoJolion .pi-horizontal-group-item.pi-data-label { background-color: #F8A1E8; border: 2px solid white; border-top: none; color: white; } .portable-infobox.pi-theme-JoJolion .pi-image-collection-tabs li.current { background: #e7cdaa; } .portable-infobox.pi-theme-JoJolion .pi-navigation { background: #53A599 !important; }

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: 2px 0px 0px 0px !important; } div.jojolion-tabs ul.tabbernav { background: transparent; border-bottom: 0 !important; padding: 8px 0 !important; text-align:center; margin: 0 0 -6px 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://static.jojowiki.com/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; }

div.jojolion-tabs .toc { border: 1px solid #53A599; }