MediaWiki:Mobile.css

/* CSS placed here will affect users of the mobile site */ html, body { background-image: none !important; }

.overlay-enabled, #content { background: url(https://static.jojowiki.com/images/customizations/Jojobg.png); }

/* Menu */ margin: 0; padding: 0; }
 * 1) menu ul {

display: block; }
 * tm:checked + .main-menu {

display: none; }
 * 1) menu input[type="checkbox"],
 * 2) menu ul span.drop-icon {

border-style: solid; border-color: rgba(0, 0, 0, .05); }
 * 1) menu li,
 * 2) toggle-menu,
 * 3) menu .sub-menu {

border-width: 0 0 1px; }
 * 1) menu li,
 * 2) toggle-menu {

background-color: #444; border-width: 1px 1px 0; margin: 0 1em; }
 * 1) menu .sub-menu {

border-width: 0; }
 * 1) menu .sub-menu li:last-child {

position: relative; display: block; color: white !important; text-shadow: 1px 1px 0 rgba(0, 0, 0, .125); }
 * 1) menu li,
 * 2) toggle-menu,
 * 3) menu a {

background-color: #aea7d0; }
 * 1) menu,
 * 2) toggle-menu {

padding: 1em 1.5em; }
 * 1) toggle-menu,
 * 2) menu a {

transition: all .125s ease-in-out; -webkit-transition: all .125s ease-in-out; }
 * 1) menu a {

background-color: #9da1c0; }
 * 1) menu a {

background-color: #474e7a; color: #db8ae2; }
 * 1) menu a:hover {

display: none; }
 * 1) menu .sub-menu {

display: block; }
 * 1) menu input[type="checkbox"]:checked + .sub-menu {

color: #444; }
 * 1) menu .sub-menu a:hover {

position: absolute; right: 0; top: 0; }
 * 1) toggle-menu .drop-icon, #menu li label.drop-icon {

width: 5em; height: 5em; text-align: center; background-color: rgba(0,0,0,.125); text-shadow: 0 0 0 transparent; color: rgba(255,255,255,.75); font-size: 25px; }
 * 1) menu label.drop-icon, #toggle-menu span.drop-icon {

line-height: 1; }
 * 1) menu .drop-icon {

@media only screen and (max-width: 64em) and (min-width: 52.01em) { #menu li { width: 33.333%; }

#menu .sub-menu li { width: auto; } }

.sub-menu { font-size: 0.95em; }

@media only screen and (min-width: 52em) { #menu .main-menu { display: block; }

#toggle-menu, #menu label.drop-icon { display: none; }

#menu ul span.drop-icon { display: inline-block; }

#menu li { border-width: 0 1px 0 0; }

#menu .sub-menu li { float: none; }

#menu .sub-menu { border-width: 0; margin: 0; position: absolute; top: 100%; left: 0; width: 12em; z-index: 3000; }

#menu .sub-menu, #menu input[type="checkbox"]:checked + .sub-menu { display: none; }

#menu .sub-menu li { border-width: 0 0 1px; }

#menu .sub-menu .sub-menu { top: 0; left: 100%; }

#menu li:hover > input[type="checkbox"] + .sub-menu { display: block; } }

/* Navbox Mobile */ /* Only for desktop devices */ .nomobile { display:none; }

.tabber .tabbertab { border: none !important; }

.ajaxpoll { max-width: 250px; margin-left: auto; margin-right: auto; }

.ajaxpoll .ajaxpoll-id-info { display: none; }

/* ==========================  Headings ==========================*/ .mw-body .firstHeading { font-family: 'Rubik','Tahoma','Trebuchet MS',sans-serif; color: #3a3a3a; } .mw-headline { font-family: 'Rubik',sans-serif; text-transform: uppercase; padding-top: 10px; font-weight: 500; letter-spacing: 2px; color: #3a3a3a; }

.mw-body-content { font-family: "Trebuchet MS"; }

/*******************   Colors color: #ff0000; font-style: italic; }
 * 1) mw-content-text a.new {
 * 1) mw-content-text a.new {

a, a:visited { color: #d10e7b; text-decoration: none; }

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

.edittab { background: url('https://static.jojowiki.com/images/0/0e/EditTab.png') no-repeat; }

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

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

.diamond { background-image:url('https://static.jojowiki.com/images/customizations/DiamondBG.png') !important; background-position: center; background-blend-mode: soft-light; }

.diamond2 { background-image:url('https://static.jojowiki.com/images/customizations/DiamondBG.png') !important; background-position: center; background-blend-mode: soft-light; }

.diamondgradient { background-image:linear-gradient(rgba(234, 90, 232, 0.52), rgba(116, 21, 205, 0.52)), url('https://static.jojowiki.com/images/customizations/DiamondBG.png') !important; background-position: center; background-blend-mode: multiply; }

.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://static.jojowiki.com/images/customizations/DiamondBG.png') !important; background-position: center; background-blend-mode: soft-light; border: 1px solid #aaaaaa; }

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

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

/**********************************/ /*           NAVBOXES            */ /**********************************/ /* Style for horizontal lists (separator following item). @source mediawiki.org/wiki/Snippets/Horizontal_lists @revision 8 (2016-05-21) @author User:Edokter */ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { margin: 0 !important; display: inline; } /* Display nested lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li { display: none; } /* Generate interpuncts */ .hlist dt:after { content: ": "; } /** * Note hlist style usage differd in * the Minerva skin. Remember .hlist is a class defined in core as well! Please check Minerva desktop (and Minerva.css) when changing * See https://phabricator.wikimedia.org/T213239 */ .hlist dd:after, .hlist li:after { content: " · "; font-weight: bold; } .hlist dd:last-child:after, .hlist dt:last-child:after, .hlist li:last-child:after { content: none; } /* Add parentheses around nested lists */ .hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before, .hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before, .hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before { content: " (";	font-weight: normal; } .hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after, .hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after, .hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {	content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li:before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child:before, .hlist dt ol > li:first-child:before, .hlist li ol > li:first-child:before { content: " (" counter(listitem) "\a0"; }

/* Unbulleted lists */ .plainlist ol, .plainlist ul { line-height: inherit; list-style: none none; margin: 0; } .plainlist ol li, .plainlist ul li { margin-bottom: 0; }

/* Default style for navigation boxes */ .navbox {                    /* Navbox container style */ box-sizing: border-box; border: 1px solid #a2a9b1; width: 100%; clear: both; font-size: 88%; text-align: center; padding: 1px; margin: 1em auto 0;      /* Prevent preceding content from clinging to navboxes */ } .navbox .navbox { margin-top: 0;           /* No top margin for nested navboxes */ } .navbox + .navbox { margin-top: -1px;        /* Single pixel border between adjacent navboxes */ } .navbox-inner, .navbox-subgroup { width: 100%; } .navbox-group, .navbox-title, .navbox-abovebelow { padding: 0.25em 1em;     /* Title, group and above/below styles */ line-height: 1.5em; text-align: center; } th.navbox-group {            /* Group style */ /* @noflip */ text-align: right; } .navbox, .navbox-subgroup { background-color: #fdfdfd; /* Background color */ } .navbox-list { line-height: 1.5em; border-color: #fdfdfd;   /* Must match background color */ } /* cell spacing for navbox cells */ tr + tr > .navbox-abovebelow, tr + tr > .navbox-group, tr + tr > .navbox-image, tr + tr > .navbox-list {   /* Borders above 2nd, 3rd, etc. rows */ border-top: 2px solid #fdfdfd; /* Must match background color */ } .navbox th, .navbox-title { background-color: #8a8ac9;     /* Level 1 color */ } .navbox-abovebelow, th.navbox-group, .navbox-subgroup .navbox-title { background-color: #c2c2e0;     /* Level 2 color */ } .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background-color: #a6a6d2;     /* Level 3 color */ } .navbox-even { background-color: #f7f7f7;     /* Even row striping */ } .navbox-odd { background-color: transparent; /* Odd row striping */ } .navbox .hlist td dl, .navbox .hlist td ol, .navbox .hlist td ul, .navbox td.hlist dl, .navbox td.hlist ol, .navbox td.hlist ul { padding: 0.125em 0;      /* Adjust hlist padding in navboxes */ text-align: center; }

/* Default styling for Navbar template */ .navbar { display: inline; font-size: 88%; font-weight: normal; } .navbar ul { display: inline-block; white-space: nowrap; } .mw-body-content .navbar ul { line-height: inherit; } .navbar li { word-spacing: -0.125em; } .navbar.mini li abbr[title] { font-variant: small-caps; border-bottom: none; text-decoration: none; cursor: inherit; color: black; } /* Navbar styling when nested in infobox and navbox */ .infobox .navbar { font-size: 100%; } .navbox .navbar { display: block; font-size: 100%; } .navbox-title .navbar { /* @noflip */ float: left; /* @noflip */ text-align: left; /* @noflip */ margin-right: 0.5em; }

.navbox a { color: rgb(81, 4, 93) !important; }

.content table { margin: 0 !important; }

.header { background-color: #c4bfdc; background-image: url(https://static.jojowiki.com/images/customizations/DiamondBG.png); background-blend-mode: soft-light; background-position-x: center; }

.minerva-footer { background-color: #c4bfdc; }

.navigation-enabled #mw-mf-viewport { background-color: #c4bfdc; }

.header-container.header-chrome { background-color: #c4bfdc; background-image: url(https://static.jojowiki.com/images/customizations/DiamondBG.png); background-blend-mode: soft-light; background-position-x: center; }

.overlay.search-overlay .overlay-header { background-color: inherit !important; }

footer .last-modified-bar { background-color: #dbd9ef; }

.client-js .toc-mobile { background-color: #dbd9ef; }

.recentFeedNoLegend .mw-changeslist-legend { display: none; }

.parenttabs:hover { background-color:#cbc5c5 !important; }

.parenttabs:active { filter: grayscale; }

.parenttabs:active a { color: white !important; }

.parenttabs a { position: absolute; z-index: 10; width: 100%; height: 100%; left: 0; top: 0; text-decoration: none; }

.parenttabs a.mw-selflink { color: white !important; }

@media (max-width:450px) { .parenttabs { font-size: 80% !important; } }

.mw-gallery-packed-overlay li.gallerybox { width:100px!important; margin:0px!important; margin-top:0px!important; } .mw-gallery-packed-overlay .gallerybox div { width:100px !important; } .mw-gallery-packed-overlay .gallerybox .thumb a img { width:150px!important; height:150px!important } .mw-gallery-packed-overlay .gallerybox img { object-fit:cover!important; object-position:top }

ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper { max-height:45%; max-width: 80px !important; }

.containedGallery .gallerybox img { object-fit: contain !important; }

.mw-gallery-packed-overlay div.gallerytext { font-size: 60% !important; padding: 0 !important; margin-left: -8% !important; }

ul.gallery { padding-left: 0 !important; width: 100% !important; }

ul.galleryVideo { width: auto !important; }

.mw-gallery-packed-overlay li.gBoxVideo { width:275px !important; }

.mw-gallery-packed-overlay .gBoxVideo div { width: 275px !important; text-align: center; }

.header .branding-box h1 span, .header .branding-box a span { font-family: 'Rubik',Tahoma,Trebuchet MS,sans-serif; }

.pre-content h1, .content h1 { font-family: 'Rubik',Tahoma,Trebuchet MS,sans-serif!important; font-size: 1.45em !important; font-weight: bold !important; text-align: center !important; }

.content h2 { font-family: Rubik !important; }

.portable-infobox .pi-background { /* The background underneath the entire infobox. */   background-color: #F0F0F0; }

.pi-item.pi-item-spacing.pi-title, .pi-header, .pi-data-label.pi-secondary-font.in-block { display: block !important; }

.portable-infobox .pi-data .pi-data-value:first-child .image img { margin-left: auto; margin-right: auto; display: block; }

.portable-infobox .pi-secondary-background { /* The background behind headers and navigation. */   background: #c1bcd9; }

.portable-infobox .pi-data .pi-data-label { flex-shrink: 0; }

.portable-infobox.pi-theme-statinfo { float:unset !important; margin-left:-5px; border: none; border-radius: unset; }

.portable-infobox .pi-title { color: #000; background-image:url('https://static.jojowiki.com/images/customizations/DiamondBG.png'); background: #c1bcd9; 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-header { text-align: center; font-family: 'Rubik'; }

.header .search-box { padding-left: 15px; }

.whitelink a { color: white !important; }

.content .in-block { word-break: inherit; }

.mobilemain { width: 100% !important; }

.gradient { background: rgb(154,133,183); background: linear-gradient(180deg, rgba(154,133,183,1) 0%, rgba(70,81,130,1) 100%); }

@media (max-width:600px) { .charbox { width:72px !important; } .chartop { height: 35px; } .charstatus { font-size: 40% !important; } .charname { height: 45px !important; padding-bottom: 10% !important; font-size: 75% !important; line-height: 1.3 !important; }

.charstand { font-size: 65% !important; } .mschar-form::before { content: ' '; display: block; }

.mschar-form { font-size: 8.5px; } .hubname { height: 45px !important; padding-bottom: 15% !important; font-size: 75% !important; line-height: 1.3 !important; } }

.hubname a { color: white; }

.noshadow .charicon img { box-shadow:none !important; }

.castImg img { width: 80px !important; height: 80px !important; }

@media (max-width:600px) { .resizeImg .charicon img { height:67px !important; width: auto; } .resizeImg .fadeout img { height:67px !important; width: 67px !important; } .resizeImg .fadein img { height:67px !important; width: 67px !important; }    .hubbox { width: 130px !important; }

.hubicon img { width: 130px !important; height: auto !important; } }

.resizeImg2 img { max-height: 67px; width: auto !important; max-width: 67px; }

@media (min-width:601px) { .charbox { width:100px; } .charname { line-height:1.5 !important; padding:5% 0 !important; height:60px !important }

.hubicon img { max-height: 300px; } }

@media (min-width:601px) { .resizeImg .charicon img { height:100px !important; width: auto; } }

@media (max-width:800px) { .mw-gallery-packed .gallerybox { width:30% !important; } }

.chariconbg .diamond { background-image: none !important; }

/* Comments */ .full { width: auto; }

.reply { width: auto; }

.f-message { width: auto; }

.r-message { width: auto; }

textarea#comment { max-width: 300px; }

.pppfullbox { zoom: 85%; }

.skin-minerva .portable-infobox { font-size: 90%; box-shadow: 0px 0px 7px #c5c5c5; }

.skin-minerva .portable-infobox .pi-item-spacing { padding: 0; }

.skin-minerva .portable-infobox .pi-data .pi-data-label { padding-left: 5px; }

.portable-infobox.pi-theme-PhantomBlood .pi-title, .portable-infobox.pi-theme-PhantomBlood .pi-header { background: #3055A1; color: white; }

.portable-infobox.pi-theme-BattleTendency .pi-title, .portable-infobox.pi-theme-BattleTendency .pi-header { background: #952F58; color: white; }

.portable-infobox.pi-theme-StardustCrusaders .pi-title, .portable-infobox.pi-theme-StardustCrusaders .pi-header { background: #57508f; color: white; }

.portable-infobox.pi-theme-DiamondIsUnbreakable .pi-title, .portable-infobox.pi-theme-DiamondIsUnbreakable .pi-header { background: #78a4cd; color: white; }

.portable-infobox.pi-theme-VentoAureo .pi-title, .portable-infobox.pi-theme-VentoAureo .pi-header { background: #E15FB6; color: white; }

.portable-infobox.pi-theme-StoneOcean .pi-title, .portable-infobox.pi-theme-StoneOcean .pi-header { background: #2F93AD; color: white; }

.portable-infobox.pi-theme-SteelBallRun .pi-title, .portable-infobox.pi-theme-SteelBallRun .pi-header { background: #D4813D; color: white; }

.portable-infobox.pi-theme-JoJolion .pi-title, .portable-infobox.pi-theme-JoJolion .pi-header { background: #53A599; color: white; }

.portable-infobox.pi-theme-OneShot .pi-title, .portable-infobox.pi-theme-OneShot .pi-header { background-color: #49885d; color: white; }

.portable-infobox.pi-theme-Jorge .pi-title, .portable-infobox.pi-theme-Jorge .pi-header { background: #49885d; color: white; }

.portable-infobox.pi-theme-Baoh .pi-title, .portable-infobox.pi-theme-Baoh .pi-header { background: #4B509B; color: white; }

.portable-infobox.pi-theme-Irene .pi-title, .portable-infobox.pi-theme-Irene .pi-header { background: #D58C00; color: white; }

.portable-infobox.pi-theme-CoolShockBT .pi-title, .portable-infobox.pi-theme-CoolShockBT .pi-header { background-color: #83449a; color: white; }

.portable-infobox.pi-theme-Game .pi-title, .portable-infobox.pi-theme-Game .pi-header { background-color: #6e7a97; color: white; }

.portable-infobox.pi-theme-TheJOJOLands .pi-title, .portable-infobox.pi-theme-TheJOJOLands .pi-header { background-color: #19236d; color: white; }

.portable-infobox.pi-theme-WeeklyShonenJump .pi-title, .portable-infobox.pi-theme-WeeklyShonenJump .pi-header { background-color: #c03a3a; color: white; }

.portable-infobox.pi-theme-CDDH .pi-title, .portable-infobox.pi-theme-CDDH .pi-header { background-color: #da4f4f; color: white; }

.portable-infobox.pi-theme-Eccentrics .pi-title, .portable-infobox.pi-theme-Eccentrics .pi-header { background-color: #643CD2; color: white; }

.portable-infobox.pi-theme-ReyInfinito .pi-title, .portable-infobox.pi-theme-ReyInfinito .pi-header { background-color: #301623; color: white; }

.charstand a { color: white !important; }

/* Logos */ .page-Phantom_Blood .page-heading { background-image:url(https://static.jojowiki.com/images/b/b4/Phantom_Blood_Logo.png); height: 75px; background-size:contain; background-repeat:no-repeat; background-position:center; }

.page-Phantom_Blood .page-heading i { color: rgba(0,0,0,0) !important; }

.page-Battle_Tendency .page-heading { background-image:url(https://static.jojowiki.com/images/6/60/Battle_Tendency_Logo.png); height: 70px; background-size:contain; background-repeat:no-repeat; background-position:center; }

.page-Battle_Tendency .page-heading i { color: rgba(0,0,0,0) !important; }

.page-Stardust_Crusaders .page-heading { background-image:url(https://static.jojowiki.com/images/b/b6/Stardust_Crusaders_Logo.png); height: 60px; background-size:contain; background-repeat:no-repeat; background-position:center; }

.page-Stardust_Crusaders .page-heading i { color: rgba(0,0,0,0) !important; }

.page-Diamond_is_Unbreakable .page-heading { background-image:url(https://static.jojowiki.com/images/8/8c/Diamond_is_Unbreakable_Logo.png); height: 60px; background-size:contain; background-repeat:no-repeat; background-position:center; }

.page-Diamond_is_Unbreakable .page-heading i { color: rgba(0,0,0,0) !important; }

.page-Vento_Aureo .page-heading { background-image:url(https://static.jojowiki.com/images/3/30/Vento_Aureo_Logo.png); height: 75px; background-size:contain; background-repeat:no-repeat; background-position:center; }

.page-Vento_Aureo .page-heading i { color: rgba(0,0,0,0) !important; }

.page-Stone_Ocean .page-heading { background-image:url(https://static.jojowiki.com/images/7/79/Stone_Ocean_Logo.png); height: 75px; background-size:contain; background-repeat:no-repeat; background-position:center; }

.page-Stone_Ocean .page-heading i { color: rgba(0,0,0,0) !important; }

.page-Steel_Ball_Run .page-heading { background-image:url(https://static.jojowiki.com/images/d/d9/Steel_Ball_Run_Logo.png); height: 75px; background-size:contain; background-repeat:no-repeat; background-position:center; }

.page-Steel_Ball_Run .page-heading i { color: rgba(0,0,0,0) !important; }

.page-JoJolion .page-heading { background-image:url(https://static.jojowiki.com/images/5/59/JoJolion_Logo.png); height: 75px; background-size:contain; background-repeat:no-repeat; background-position:center; }

.page-JoJolion .page-heading i { color: rgba(0,0,0,0) !important; }

.page-TheJOJOLands .page-heading { background-image:url(https://static.jojowiki.com/images/a/a5/TheJOJOLandsLogo.png); height: 75px; background-size:contain; background-repeat:no-repeat; background-position:center; }

.page-TheJOJOLands .page-heading i { color: rgba(0,0,0,0) !important; }

.page-Thus_Spoke_Kishibe_Rohan .page-heading { background-image: url(https://static.jojowiki.com/images/8/8b/Thus_Spoke_Kishibe_Rohan_Logo.png); height: 75px; background-size:contain; background-repeat:no-repeat; background-position:center; }

.page-Thus_Spoke_Kishibe_Rohan .page-heading i { color: rgba(0,0,0,0) !important; }

.page-JORGE_JOESTAR_Novel .page-heading { background-image: url(https://static.jojowiki.com/images/2/29/latest/20220921012211/JORGE_JOESTAR_Logo.png); height: 75px; background-size:contain; background-repeat:no-repeat; background-position:center; }

.page-JORGE_JOESTAR_Novel .page-heading i { color: rgba(0,0,0,0) !important; }

.page-The_Lives_of_Eccentrics .page-heading { background-image: url(https://static.jojowiki.com/images/4/43/latest/20230113201118/LivesofEccentricslogo.png); height: 75px; background-size:contain; background-repeat:no-repeat; background-position:center; }

.page-The_Lives_of_Eccentrics .page-heading i { color: rgba(0,0,0,0) !important; }

.page-Rey_infinito .page-heading { background-image: url(https://static.jojowiki.com/images/8/87/latest/20230113200445/Rey_infinito_Logo.png); height: 75px; background-size:contain; background-repeat:no-repeat; background-position:center; }

.page-Rey_infinito .page-heading i { color: rgba(0,0,0,0) !important; }

.mnimage, .techImage { display: block !important; }

.mncolumn2, .techColumn2 { display: table-row !important; }

.popup { border-bottom: 1px dotted; }

.popup .title { position: absolute; background: silver; padding: 4px; font-size: smaller; left: 0; right: 0; }

.tb { display: table !important; }

.frontbuttons { width: 100px !important; }

.imagebox { width: 85px !important; font-size: 70%;

}

.imageboxb { height: 80px !important; }

.frontbuttons img { width: 100px; height: 100px; }

/* FONTS */ /* bangers-regular - vietnamese_latin-ext_latin */ @font-face { font-family: 'Bangers'; font-style: normal; font-weight: 400; src: local('Bangers Regular'), local('Bangers-Regular'), url('../fonts/bangers-v12-vietnamese_latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../fonts/bangers-v12-vietnamese_latin-ext_latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ font-display: swap; }

/* lato-regular - latin-ext_latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src: local('Lato Regular'), local('Lato-Regular'), url('../fonts/lato-v16-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../fonts/lato-v16-latin-ext_latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ font-display: swap; }

/* quicksand-regular - vietnamese_latin-ext_latin */ @font-face { font-family: 'Quicksand'; font-style: normal; font-weight: 400; src: local(''), url('../fonts/quicksand-v20-vietnamese_latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../fonts/quicksand-v20-vietnamese_latin-ext_latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ font-display: swap; }

/* raleway-regular - latin-ext_latin */ @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 400; src: local('Raleway'), local('Raleway-Regular'), url('../fonts/raleway-v14-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../fonts/raleway-v14-latin-ext_latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ font-display: swap; }

/* roboto-slab-regular - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */ @font-face { font-family: 'Roboto Slab'; font-style: normal; font-weight: 400; src: local(''), url('../fonts/roboto-slab-v11-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../fonts/roboto-slab-v11-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ font-display: swap; }

/* roboto-regular - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url('../fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot'); /* IE9 Compat Modes */ src: local('Roboto'), local('Roboto-Regular'), url('../fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/roboto-v20-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.svg#Roboto') format('svg'); /* Legacy iOS */ font-display: swap; } /* rubik-regular - latin-ext_latin_hebrew_cyrillic */ @font-face { font-family: 'Rubik'; font-style: normal; font-weight: 400; src: local('Rubik'), local('Rubik-Regular'), url('../fonts/rubik-v9-latin-ext_latin_hebrew_cyrillic-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../fonts/rubik-v9-latin-ext_latin_hebrew_cyrillic-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ font-display: swap; }

.tabs.tabs-tabbox { display: contents !important; }

.tabs-input-1:checked ~ .tabs-container .tabs-content-1, .tabs-input-2:checked ~ .tabs-container .tabs-content-2, .tabs-input-3:checked ~ .tabs-container .tabs-content-3, .tabs-input-4:checked ~ .tabs-container .tabs-content-4, .tabs-input-5:checked ~ .tabs-container .tabs-content-5, .tabs-input-6:checked ~ .tabs-container .tabs-content-6, .tabs-input-7:checked ~ .tabs-container .tabs-content-7, .tabs-input-8:checked ~ .tabs-container .tabs-content-8, .tabs-input-0:checked ~ .tabs-container .tabs-content-1 { width: 100%; }

.cropimg .image img { max-width: revert !important; }

.rowheadimg { display: table-header-group !important; }

.mobileRow { display: table-row !important; }

.drtop img { max-width: 285px !important; }

.airdate { font-size: 10px !important; text-align: center !important; }

.whitecollapse .mw-collapsible-text { color: white !important; }

.epsbox .mw-collapsible span.mw-collapsible-toggle { float: left; padding-left: 25%; width: 200px; margin-right: 100%; font-size: 12px; }

.content li { margin-left: 3%; }

.diffrow { width: 100% !important; border: none !important; display: inherit !important; }

.toctogglespan { font-size: 0; }

@media (max-width: 500px) { .rolebox { display: inline-block !important; width: 100% !important; }

.vapic { margin-top: 0 !important; } }

.frontbuttons img { border-radius: 5px; }

.varow { padding: unset !important; }

.charicon a > img { width: 100% !important; }

.mcbutton { filter: unset; font-size: 12px; border-radius: 6px; }

.rowbox tr { height: 125px; }

.ext img { max-width: 500px; max-height: 350px; }

.portable-infobox .ext img { width: -moz-available; width: -webkit-fill-available; width: stretch; }

.ext .external { background-image: none; }

.ext2 img { max-width: 180px; max-height: 180px; }

.extblur { overflow: hidden; max-width: min-content; max-height: min-content; }

.ext2 .external { background-image: none; padding-right: 0px; }

.extnsfw img { transition: 0.3s; filter: blur(10px); }

.extnsfw img:hover { filter: blur(0); }

.archeaders { width: 100% !important; }

font-size: 40px !important; line-height: 30px; }
 * 1) banner2title {

top: 15px !important; }
 * 1) banner2titlewrapper {

@media (max-width:1100px) { .fullwidthimage { left: -600px !important; }

.banner-box-2 { min-width: 10em !important; right: 0; bottom: 0; font-size: 80%; line-height: 10px; } }

.boxAnchorLink { float: right; }

.cbox a { color: white !important; }

.tabbertab:not(:first-child) { display: none; }

.tracklist { display: revert !important; }

.pi-data-value .wikipedia { display:revert; }

.wikipedia:after { content:""; background: url(https://static.jojowiki.com/images/5/5a/latest/20200410062156/Wikipedia%27s_W.svg) no-repeat; background-size: contain; background-repeat: no-repeat; background-position: center center; padding-right: 0.55em; /* sizing */ padding-top: 1.2em; margin-left: -0.4em; margin-right: -0.2em; padding-left: 0.05em; }

.tbox ul.tabbernav { text-align: left; }

.arcbox .mw-collapsible-toggle { width: auto !important; }

.arclist table { display: revert !important; }

.content li.gallerybox { margin: 0 !important; }

.lyricBox div { display: block !important; width: 100% !important; }

@media only screen and (max-width: 600px) { .skin-minerva .ptab1 { width: 45% !important; } }

.portable-infobox .in-block { display: block; }

.mnbox .interviewtag2 { font-size: 90%; }

.tabs-header.collapsible-heading { line-height: 1.5em !important; }

@media (max-width:500px) { .movelistVideo { display: table-row !important; text-align: center !important; }	.sbrRaceBoxCombined { display: block !important; }	.sbrRacersOverall { border-left: 3px solid #635959 !important; }	.sbrRacersStage, .sbrRacersOverall { width: auto !important; }	.sbrStageGoal { display: table-caption !important; padding: 2px !important; width: auto !important; } }

.gallerytextwrapper { z-index: 100; }

.small { font-size:smaller; }

.mobile-hide { display: none !important }

.la-dropdown { position: absolute; font-weight: bold; font-size: 80%; white-space: nowrap; border: 1px solid #838282; border-radius: 2px; font-family: Rubik; margin-bottom: 10px; padding: 6px; box-shadow: 1px 1px 2px rgb(0 0 0 / 75%); cursor: default; right: 40px; top: -58px; background: no-repeat url(/extensions/UniversalLanguageSelector/lib/jquery.uls/images/language.svg?80b0b) center #efefef; width: 15px; height: 15px; box-shadow: 1px 1px 2px rgb(0 0 0 / 75%); }

.mw-content-rtl .la-dropdown { right: auto !important; left: 40px !important; }

.skin-minerva .la-dropdown { top: -80px; right: 0px; } .la-dropbox { display: none; position: absolute; background-color: #f9f9f9; z-index: 1; border-radius: 7px; border: 1px solid darkgray; min-width: 120px; padding: 7px 0; white-space: nowrap; }

.la-box { padding-right: 7px; padding-left: 7px; }

.la-dropdown:hover .la-dropbox { display: block; padding-left: 7px; padding-right: 7px; margin-left: -110px; font-weight: normal; margin-top: 20px; z-index: 9999; }

.la-dropdown:hover { background-color: #e1e1e1; }

.minerva__subtitle { display: none; }

.jjsPic { display: block !important; width: 100% !important; }

.flex { display: flex; flex-wrap: wrap; justify-content: center; }

.flex-left { display: flex; flex-wrap: wrap; }

.pl-5 { padding-left: 5px; }

.thumb.tright { text-align: center; display: flex; }

.ss-ability-img img { width: 325px !important; height: 71px !important; }

@media (min-width:730px) { .break { flex-basis: 100%; height: 0; } }

.cn-list { list-style-type: none !important; margin: 0.3em 0 0 0.5em; }

/* Tabber Neue */

.tabber__header { margin-left: auto; margin-right: auto; }

.tabber__tab[aria-selected="true"] { background:linear-gradient(#9ca6cc,#7a78ad) !important; color:white !important; }

.tabber__tab[aria-selected="true"]:hover { background:linear-gradient(#687194,#444269) !important; color:white !important; }

.tabber__tab { border: 1px solid #838282; border-radius: 1px; background-color: #efefef; font-size: 12px !important; padding: 2px 12px !important; }

.tabber__tab:hover { background: #cbc5c5; }

.tabber__panel { overflow-x: hidden; }

.tabber__tabs { display: block; text-align: center; }

.tabber__indicator { background: #595c8d; display: none; }

.tabber__header { box-shadow: none !important; }

.tabber__header:after { display: none; }

ul.footer-info li { display:block; }

ul.mw-gallery-packed li.gallerybox div.thumb img, ul.mw-gallery-packed-overlay li.gallerybox div.thumb img, ul.mw-gallery-packed-hover li.gallerybox div.thumb img { background-color: #0000000f; }

.jjbe-news { margin-left: auto !important; margin-right: auto !important; }

.content .thumb .thumbinner > .thumbcaption { flex: auto !important; }

.ptab1 { display: inline-block !important; }

.content .vertical-navbox, .content .navbox { display: block; }

.navbox-inner { display: table !important; }

.mw-ui-button:not(.mw-ui-icon-element) { min-height: unset !important; }

.PBBTTitle { background: linear-gradient(to right,var(--pb),var(--bt)),url(https://static.jojowiki.com/images/customizations/DiamondBG.png) !important; background-position: center !important; }

.PBBTChTitles { background: linear-gradient(to right,var(--pb),var(--bt)) !important; }

li#pt-darkmode span:nth-child(1) { width: 18px; min-width: 18px; background-size: 18px; display: block; background-repeat: no-repeat; background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg height='21' viewBox='0 0 21 21' width='21' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8.85464918.37900488c-1.91149353 1.51069427-3.13816124 3.84973402-3.13816124 6.47527736 0 4.55564936 3.69308349 8.24873286 8.24873286 8.24873286 2.5815709 0 4.8861545-1.1859235 6.3986798-3.0426994-.8206378 4.7389755-4.9523867 8.343122-9.9259291 8.343122-5.56375572 0-10.07407088-4.5103151-10.07407088-10.0740709 0-5.02506013 3.67919933-9.19079725 8.49074856-9.95036192z' fill='%234c4e5d' fill-rule='evenodd'/%3E%3C/svg%3E"); cursor: pointer; opacity: 1; height: 18px; margin-bottom: -3px; margin-top: -5px; }

.embedvideo p { margin: 0 !important; }

figcaption { background-image: url(https://static.jojowiki.com/images/customizations/SmallDarkDiamondBG.png) !important; color: #fff !important; background-size: contain; border: 3px ridge black; }

.vidPlayer .thumbcaption { background-image: url(https://static.jojowiki.com/images/customizations/SmallDarkDiamondBG.png) !important; color: #fff !important; background-size: contain; border: 2px solid black; }

@media (max-width:600px) { .embedvideo { max-width: 300px; } }

.skin-minerva .pi-horizontal-group .pi-header { display: table-caption !important; }

.alignFloat { float: unset !important; text-align: center; }