MediaWiki:Gadget-Colors.css

From JoJo's Bizarre Encyclopedia - JoJo Wiki
Revision as of 06:35, 23 December 2022 by Paisley Park (talk | contribs)
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.
/* 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;
    color: white;
}

.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;
}
Retrieved from "http://jojowiki.com/index.php?title=MediaWiki:Gadget-Colors.css&oldid=785075"