MediaWiki:Common.css
Jump to navigation
Jump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/***** 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 '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';
/*******************
* 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;
}
/*===========================*/
/* 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;
}
/* 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;
}
#article div.thumb {
color:inherit;
}
/* === 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;
}
.portable-infobox {
overflow: hidden;
font-size: 90%;
background-image:url('https://jojowiki.com/images/2/2b/Jojobg.png');
border: 2px solid #ffcc68;
border-radius: 10px;
font-size: smaller;
line-height: 1.5;
width: 270px;
}
.portable-infobox .pi-data .pi-data-value:not(:first-child) {
flex-basis: 1% !important;
}
.portable-infobox.pi-theme-thin .pi-secondary-font {
background-color: #ffcc68;
}
.portable-infobox.pi-theme-thin .pi-data .pi-data-label {
flex-basis: 30% !important;
background-color: #2b3f84;
}
/* Stand Info */
.portable-infobox.pi-theme-stand {
width: 270px;
}
/* Character Info */
.portable-infobox.pi-theme-thin {
width: 270px;
}
.pi-horizontal-group-item.pi-data-label {
color: #000;
}
.episodes, .portable-infobox.pi-theme-episodes .pi-horizontal-group-item.pi-data-label,
.portable-infobox.pi-theme-episodes .pi-horizontal-group-item.pi-data-value {
font-size: 12px !important;
}
/* Custom Colors */
/* Phantom Blood */
.PhantomBlood, .portable-infobox.pi-theme-PhantomBlood {
width: 270px;
background-color: #3055A1;
border: 2px solid #3055A1;
}
.portable-infobox.pi-theme-PhantomBlood .pi-title, .portable-infobox.pi-theme-PhantomBlood .pi-header {
background-color: #3055A1;
color: white;
}
.portable-infobox.pi-theme-PhantomBlood .pi-data .pi-data-label {
background-color: #777690;
}
.portable-infobox.pi-theme-PhantomBlood .pi-horizontal-group-item.pi-data-label {
background-color: #777690;
border: 2px solid white;
border-top: none;
color: white;
}
.portable-infobox.pi-theme-PhantomBlood .pi-image-collection-tabs li.current {
background: #c7d0e2;
}
/* Battle Tendency */
.BattleTendency, .portable-infobox.pi-theme-BattleTendency {
width: 270px;
background-color: #952F58;
border: 2px solid #952F58;
}
.portable-infobox.pi-theme-BattleTendency .pi-title, .portable-infobox.pi-theme-BattleTendency .pi-header {
background-color: #952F58;
color: white;
}
.portable-infobox.pi-theme-BattleTendency .pi-data .pi-data-label {
background-color: #DF9330;
}
.portable-infobox.pi-theme-BattleTendency .pi-horizontal-group-item.pi-data-label {
background-color: #DF9330;
border: 2px solid white;
border-top: none;
color: white;
}
.portable-infobox.pi-theme-BattleTendency .pi-image-collection-tabs li.current {
background: #e7cdaa;
}
/* Stardust Crusaders */
.StardustCrusaders, .portable-infobox.pi-theme-StardustCrusaders {
width: 270px;
background-color: #1F7EEA;
border: 2px solid #1F7EEA;
}
.portable-infobox.pi-theme-StardustCrusaders .pi-title, .portable-infobox.pi-theme-StardustCrusaders .pi-header {
background-color: #1F7EEA;
color: white;
}
.portable-infobox.pi-theme-StardustCrusaders .pi-data .pi-data-label {
background-color: #B5D302;
}
.portable-infobox.pi-theme-StardustCrusaders .pi-horizontal-group-item.pi-data-label {
background-color: #B5D302;
border: 2px solid white;
border-top: none;
color: white;
}
.portable-infobox.pi-theme-StardustCrusaders .pi-image-collection-tabs li.current {
background: #aae7b8;
}
/* Diamond is Unbreakable */
.DiamondIsUnbreakable, .portable-infobox.pi-theme-DiamondIsUnbreakable {
width: 270px;
background-color: #38729F;
border: 2px solid #38729F;
}
.portable-infobox.pi-theme-DiamondIsUnbreakable .pi-title, .portable-infobox.pi-theme-DiamondIsUnbreakable .pi-header {
background-color: #38729F;
color: white;
}
.portable-infobox.pi-theme-DiamondIsUnbreakable .pi-data .pi-data-label {
background-color: #F7B616;
}
.portable-infobox.pi-theme-DiamondIsUnbreakable .pi-horizontal-group-item.pi-data-label {
background-color: #F7B616;
border: 2px solid white;
border-top: none;
color: white;
}
.portable-infobox.pi-theme-DiamondIsUnbreakable .pi-image-collection-tabs li.current {
background: #ffcd53;
}
/* Vento Aureo */
.VentoAureo, .portable-infobox.pi-theme-VentoAureo {
width: 270px;
background-color: #E15FB6;
border: 2px solid #E15FB6;
}
.portable-infobox.pi-theme-VentoAureo .pi-title, .portable-infobox.pi-theme-VentoAureo .pi-header {
background-color: #E15FB6;
color: white;
}
.portable-infobox.pi-theme-VentoAureo .pi-data .pi-data-label {
background-color: #F4DA6D;
color: black;
}
.portable-infobox.pi-theme-VentoAureo .pi-horizontal-group-item.pi-data-label {
background-color: #F4DA6D;
border: 2px solid white;
border-top: none;
color: black;
}
.portable-infobox.pi-theme-VentoAureo .pi-image-collection-tabs li.current {
background: #fff5c9;
}
/* Stone Ocean */
.StoneOcean, .portable-infobox.pi-theme-StoneOcean {
width: 270px;
background-color: #842D85;
border: 2px solid #842D85;
}
.portable-infobox.pi-theme-StoneOcean .pi-title, .portable-infobox.pi-theme-StoneOcean .pi-header {
background-color: #842D85;
color: white;
}
.portable-infobox.pi-theme-StoneOcean .pi-data .pi-data-label {
background-color: #98C988;
}
.portable-infobox.pi-theme-StoneOcean .pi-horizontal-group-item.pi-data-label {
background-color: #98C988;
border: 2px solid white;
border-top: none;
color: white;
}
.portable-infobox.pi-theme-StoneOcean .pi-image-collection-tabs li.current {
background: #b4e8b0;
}
/* Steel Ball Run */
.SteelBallRun, .portable-infobox.pi-theme-SteelBallRun {
width: 270px;
background-color: #D4813D;
border: 2px solid #D4813D;
}
.portable-infobox.pi-theme-SteelBallRun .pi-title, .portable-infobox.pi-theme-SteelBallRun .pi-header {
background-color: #D4813D;
color: white;
}
.portable-infobox.pi-theme-SteelBallRun .pi-data .pi-data-label {
background-color: #C0C0C0;
}
.portable-infobox.pi-theme-SteelBallRun .pi-horizontal-group-item.pi-data-label {
background-color: #C0C0C0;
border: 2px solid white;
border-top: none;
color: white;
}
.portable-infobox.pi-theme-SteelBallRun .pi-image-collection-tabs li.current {
background: #c5ded9;
}
/* JoJolion */
.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;
}
/* One-Shot */
.OneShot, .portable-infobox.pi-theme-OneShot {
width: 270px;
background-color: #0068B8;
border: 2px solid #0068B8;
}
.portable-infobox.pi-theme-OneShot .pi-title, .portable-infobox.pi-theme-OneShot .pi-header {
background-color: #0068B8;
color: white;
}
.portable-infobox.pi-theme-OneShot .pi-data .pi-data-label {
background-color: #E72A9E;
}
.portable-infobox.pi-theme-OneShot .pi-horizontal-group-item.pi-data-label {
background-color: #E72A9E;
border: 2px solid white;
border-top: none;
color: white;
}
.portable-infobox.pi-theme-OneShot .pi-image-collection-tabs li.current {
background: #e7cdaa;
}
/* Episode Info */
.portable-infobox.pi-theme-wide {
width: 270px;
}
.portable-infobox .pi-item {
/* a row */
}
.portable-infobox .pi-item-spacing {
/* The padding around titles, captions, data, headers, and navigation */
padding: 1px;
padding-left: 2px;
padding-top: initial;
}
.portable-infobox .pi-border-color {
/* The separator between data and groups. */
border-color: #F0F0F0;
}
.portable-infobox .pi-font {
/* The font of data values. */
font-family: 'Rubik';
}
.portable-infobox .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 .pi-background {
/* The background underneath the entire infobox. */
background-color: #F0F0F0;
}
.portable-infobox .pi-secondary-background {
/* The background behind headers and navigation. */
background: #ffcc68;
margin-left: 2px;
margin-right: 2px;
}
.portable-infobox .pi-title {
color: #000;
background-image:url('https://jojowiki.com/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 .pi-image {
padding: 0;
background-image:url('https://jojowiki.com/images/6/69/Diamondbg2.png');
margin: 1px;
}
.portable-infobox .pi-image-thumbnail {
width: 100%;
height: auto;
}
.portable-infobox .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 .pi-data .pi-data-label {
text-align: center;
min-width: 50px;
}
.portable-infobox .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 .pi-data .pi-data-value:not(:first-child) {
padding-left: 4px;
padding: 4px;
}
.portable-infobox .pi-horizontal-group-item.pi-data-label,
.portable-infobox .pi-horizontal-group-item.pi-data-value {
text-align: center;
vertical-align: top;
font-size: 85%;
color: #3A3A3A;
}
.portable-infobox .pi-horizontal-group-item.pi-data-label {
background-color: #fad856;
}
.portable-infobox .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 .pi-header {
border-bottom: 2px solid #F0F0F0;
text-align: center;
background: #ffcc68;
font-size: 16px;
font-weight: bold;
}
.portable-infobox.pi-theme-wide .pi-header {
color: black;
font-size: smaller;
}
.portable-infobox.pi-theme-wide .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 *********/
/**********************************/
/* Phantom Blood */
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://jojowiki.com/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;
}
ul.tabbernav li {
padding-top: 0 !important;
}
div.phantom-blood-tabs ul.tabbernav li {
line-height: 20px !important;
}
/* Battle Tendency */
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://jojowiki.com/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;
}
/* Stardust Crusaders */
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://jojowiki.com/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;
}
/* Diamond is Unbreakable */
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://jojowiki.com/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;
}
/* Vento Aureo */
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://jojowiki.com/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;
}
/* Stone Ocean */
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://jojowiki.com/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;
}
/* Steel Ball Run */
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://jojowiki.com/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;
}
/* JoJolion */
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://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;
}
/* One-shot */
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://jojowiki.com/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://jojowiki.com/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://jojowiki.com/images/6/69/Diamondbg2.png') !important;
}
div.multitab .tabbertab {
background: white !important;
}
/***************************************/
/* 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; }
.customedit {
background: url('https://jojowiki.com/images/d/d2/Edit.png') no-repeat;
}
.customedit:hover {
background: url('https://jojowiki.com/images/2/2f/Edit2.png') no-repeat;
}
.edittab {
background: url('https://jojowiki.com/images/0/0e/EditTab.png') no-repeat;
}
.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://jojowiki.com/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;
}
/*Edit button */
.sprite.edit-pencil {
background-position: 0 !important;
background-image: url(https://jojowiki.com/images/4/46/DiamondBG2.png) !important;
width: 52px !important;
}
.mw-body .editsection {
font-size: 0 !important;
opacity: 0.5 !important;
}
.mw-body .editsection:hover {
opacity: 1 !important;
}
.sprite.edit-pencil:hover {
background-position: 0 !important;
background-image: url(https://jojowiki.com/images/2/2f/Edit2.png) !important;
}
/* /
/ Main Width /
/ */
/* set max width and fix the background */
html,
body {
position: relative;
margin-left: auto !important;
margin-right: auto !important;
max-width: 1280px;
background-color:#d9d1ff;
background-image: url(https://jojowiki.com/images/6/69/Diamondbg2.png);
}
/* set blue right border */
.mw-body { border-right: 1px solid #A7D7F9; }
/** fix the position of:
personal user menu
search bar
the pop-up indicator of language selector
search suggestions
**/
#p-personal { right: 3pt; }
#p-search { margin-right: 3pt; }
.imeselector { position: fixed; }
.suggestions { right: 3pt !important; }
