MediaWiki:Gadget-Colors.css

/* Custom Colors */
 * root {

--pb: #3055A1; --pb2: #777690; --pb3: #111b2f; --pb4: #49485e; --bt: #952F58; --bt2: #DF9330; --bt3: #711E3F; --bt4: #915d19; --sc: #57508f; --sc2: #b7a972; --sc3: #2d2854; --sc4: #5c5330; --du: #78a4cd; --du2: #F599A3; --du3: #547390; --du4: #ad5862; --va: #E15FB6; --va2: #D4BA50; --va3: #B72888; --va4: #8e7c32; --so: #2F93AD; --so2: #739866; --so3: #1a5a6b; --so4: #3b5432; --sbr: #D4813D; --sbr2: #a19b9b; --sbr3: #964C0F; --sbr4: #635959; --jjl: #53A599; --jjl2: #F8A1E8; --jjl3: #297469; --jjl4: #914e85; --tjl: #d0d0d0; --tjl2: #424242; --tjl3: #9e9e9e; --os: #49885d; --os2: #AD76C9; --os3: #20445d; --os4: #FFB6FF; --baoh: #4b8ac4; --baoh2: #35337e; --baoh3: #2b6396; --baoh4: #14133b; --irene: #D58C00; --irene2: #8FA84D; --irene3: #E75C1D; --irene4: #43521e; --coolshockbt: #86479c; --coolshockbt2: #C35622; --coolshockbt3: #472054; --coolshockbt4: #5e280e; --jorge: #df3073; --jorge2: #669e6a; --jorge3: #b11853; --jorge4: #79889b; --novel: #545f96; --novel2: #637e74; --novel3: #171717; --novel4: #334f45; --4thday: #b61a53; --4thday2: #faf273; --4thday3: #937c3d; --4thday4: #faf273; --ghgr: #82afe5; --ghgr2: #e98344; --ghgr3: #264774; --ghgr4: #ff4208; --phf: #685fa5; --phf2: #caa6cc; --phf3: #515a89; --phf4: #caa6cc; --oh: #626151; --oh2: #70a6bc; --oh3: #000000; --oh4: #70a6bc; }

.pb, .PB { background-color: var(--pb) !important; }

.pb2, .PB2 { background-color: var(--pb2) !important; }

.pb3, .PB3 { background-color: var(--pb3) !important; }

.pb4, .PB4 { background-color: var(--pb4) !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.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; }

.mw-ui-button.pb { color: white; }

.mw-ui-button.pb, .mw-ui-button.pb2 { border: 2px solid #1F396E; box-shadow: 5px 3px 6px #222222; }

.bt, .BT { background-color: var(--bt) !important; }

.bt2, .BT2 { background-color: var(--bt2) !important; }

.bt3, .BT3 { background-color: var(--bt3) !important; }

.bt4, .BT4 { background-color: var(--bt4) !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; }

.mw-ui-button.bt, .mw-ui-button.bt2 { border: 2px solid #5F1633; box-shadow: 5px 3px 6px #222222; }

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

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

.pbbt2, .PBBT2 { background: linear-gradient(to right, var(--pb2), var(--bt2)) !important; }

.pbbt3, .PBBT3 { background: linear-gradient(to right, var(--pb3), var(--bt3)) !important; }

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

.sc, .SC, .sdc, .SDC { background-color: var(--sc) !important; }

.sc2, .SC2, .sdc2, .SDC2 { background-color: var(--sc2) !important; }

.sc3, .SC3, .sdc3, .SDC3 { background-color: var(--sc3) !important; }

.sc4, .SC4, .sdc4, .SDC4 { background-color: var(--sc4) !important; }

.mw-ui-button.sc { color: white; }

.mw-ui-button.sc, .mw-ui-button.sc2 { border: 2px solid #494281; box-shadow: 5px 3px 6px #222222; }

div.stardust-crusaders-tabs ul.tabbernav li.tabberactive a { background:linear-gradient(#57508f, #b7a972) !important; color:white !important; } div.stardust-crusaders-tabs ul.tabbernav li.tabberactive a:active { background:linear-gradient(#2d2854,#5c5330) !important; color:white !important; border: none !important; }

div.stardust-crusaders-tabs ul.tabbernav li.tabberactive a:hover { background:linear-gradient(#2d2854,#5c5330) !important; color:white !important; border-bottom: none !important; }

.du, .DU, .diu, .DIU { background-color: var(--du) !important; }

.du2, .DU2, .diu2, .DIU2 { background-color: var(--du2) !important; }

.du3, .DU3, .diu3, .DIU3 { background-color: var(--du3) !important; }

.du4, .DU4, .diu4, .DIU4 { background-color: var(--du4) !important; }

div.diamond-is-unbreakable-tabs ul.tabbernav li.tabberactive a { background:linear-gradient(#78a4cd, #F599A3) !important; color:white !important; } div.diamond-is-unbreakable-tabs ul.tabbernav li.tabberactive a:active { background:linear-gradient(#517c82,#a96c73) !important; color:white !important; border: none !important; }

div.diamond-is-unbreakable-tabs ul.tabbernav li.tabberactive a:hover { background:linear-gradient(#517c82,#a96c73) !important; color:white !important; border-bottom: none !important; }

.mw-ui-button.du, .mw-ui-button.du2 { border: 2px solid #517c82; box-shadow: 5px 3px 6px #222222; }

.va, .VA, .gw, .GW { background-color: var(--va) !important; }

.va2, .VA2, .gw2, .GW2 { background-color: var(--va2) !important; }

.va3, .VA3, .gw3, .GW3 { background-color: var(--va3) !important; }

.va4, .VA4, .gw4, .GW4 { background-color: var(--va4) !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; }

.mw-ui-button.va, .mw-ui-button.va2 { border: 2px solid #91246D; box-shadow: 5px 3px 6px #222222; }

.so, .SO { background-color: var(--so) !important; }

.so2, .SO2 { background-color: var(--so2) !important; }

.so3, .SO3 { background-color: var(--so3) !important; }

.so4, .SO4 { background-color: var(--so4) !important; }

div.stone-ocean-tabs ul.tabbernav li.tabberactive a { background:linear-gradient(#2F93AD, #739866) !important; color:white !important; } div.stone-ocean-tabs ul.tabbernav li.tabberactive a:active { background:linear-gradient(#1a5a6b,#3b5432) !important; color:white !important; border: none !important; }

div.stone-ocean-tabs ul.tabbernav li.tabberactive a:hover { background:linear-gradient(#1a5a6b,#3b5432) !important; color:white !important; border-bottom: none !important; }

.mw-ui-button.so, .mw-ui-button.so2 { border: 2px solid #1a5a6b; box-shadow: 5px 3px 6px #222222; }

.sbr, .SBR { background-color: var(--sbr) !important; }

.sbr2, .SBR2 { background-color: var(--sbr2) !important; }

.sbr3, .SBR3 { background-color: var(--sbr3) !important; }

.sbr4, .SBR4 { background-color: var(--sbr4) !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; }

.mw-ui-button.sbr, .mw-ui-button.sbr2 { border: 2px solid #9E561B; box-shadow: 5px 3px 6px #222222; }

.jjl, .JJL { background-color: var(--jjl) !important; }

.jjl2, .JJL2 { background-color: var(--jjl2) !important; }

.jjl3, .JJL3 { background-color: var(--jjl3) !important; }

.jjl4, .JJL4 { background-color: var(--jjl4) !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; }

.mw-ui-button.jjl, .mw-ui-button.jjl2 { border: 2px solid #388076; box-shadow: 5px 3px 6px #222222; }

.tjl, .TJL { background-color: var(--tjl) !important; }

.tjl2, .TJL2 { background-color: var(--tjl2) !important; }

.tjl3, .TJL3 { background-color: var(--tjl3) !important; }

.os, .OS, .oneshot, .OneShot, .tskr, .TSKR { background-color: var(--os) !important; }

.os2, .OS2, .oneshot2, .OneShot2, .tskr2, .TSKR2 { background-color: var(--os2) !important; }

.os3, .OS3, .oneshot3, .OneShot3, .tskr3, .TSKR3 { background-color: var(--os3) !important; }

.os4, .OS4, .oneshot4, .OneShot4, .tskr4, .TSKR4 { background-color: var(--os4) !important; }

div.oneshot-tabs ul.tabbernav li.tabberactive a { background:linear-gradient(#49885d,#AD76C9) !important; color:white !important; } div.oneshot-tabs ul.tabbernav li.tabberactive a:active { background:linear-gradient(#357349,#905bab) !important; color:white !important; border: none !important; }

div.oneshot-tabs ul.tabbernav li.tabberactive a:hover { background:linear-gradient(#357349,#905bab) !important; color:white !important; border-bottom: none !important; }

.baoh, .Baoh, .BAOH { background-color: var(--baoh) !important; }

.baoh2, .Baoh, .BAOH2 { background-color: var(--baoh2) !important; }

.baoh3, .Baoh3, .BAOH3 { background-color: var(--baoh3) !important; }

.baoh4, .Baoh4, .BAOH4 { background-color: var(--baoh4) !important; }

.irene, .Irene { background-color: var(--irene) !important; }

.irene2, .Irene2 { background-color: var(--irene2) !important; }

.irene3, .Irene3 { background-color: var(--irene3) !important; }

.irene4, .Irene4 { background-color: var(--irene4) !important; }

.coolshockbt, .csbt, .CSBT, .CoolShockBT { background-color: var(--coolshockbt) !important; }

.coolshockbt2, .csbt2, .CSBT2, .CoolShockBT2 { background-color: var(--coolshockbt2) !important; }

.coolshockbt3, .csbt3, .CSBT3, .CoolShockBT3 { background-color: var(--coolshockbt3) !important; }

.coolshockbt4, .csbt4, .CSBT4, .CoolShockBT4 { background-color: var(--coolshockbt4) !important; }

.jorge, .JORGE { background-color: var(--jorge) !important; }

.jorge2, .JORGE2 { background-color: var(--jorge2) !important; }

.jorge3, .JORGE3 { background-color: var(--jorge3) !important; }

.jorge4, .JORGE4 { background-color: var(--jorge4) !important; }