MediaWiki:Gadget-Colors.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.
/* Custom Colors */
:root {
--pb: #3055A1;
--pb2: #777690;
--pb3: #111b2f;
--pb4: #49485e;
--bt: #952F58;
--bt2: #DF9330;
--bt3: #711E3F;
--sc: #1b3f95;
--sc2: #9bb144;
--sc3: #0f2252;
--du: #78a4cd;
--du2: #F599A3;
--du3: #547390;
--va: #E15FB6;
--va2: #D4BA50;
--va3: #B72888;
--so: #842D85;
--so2: #98C988;
--so3: #651266;
--sbr: #D4813D;
--sbr2: #a19b9b;
--sbr3: #964C0F;
--jjl: #53A599;
--jjl2: #F8A1E8;
--jjl3: #297469;
--jla: #d0d0d0;
--jla2: #424242;
--jla3: #9e9e9e;
--os: #49885d;
--os2: #AD76C9;
--os3: #20445d;
}
.pb {
background-color: var(--pb);
}
.pb2 {
background-color: var(--pb2);
}
.pb3 {
background-color: var(--pb3);
}
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;
}
.bt {
background-color: var(--bt);
}
.bt2 {
background-color: var(--bt2);
}
.bt3 {
background-color: var(--bt3);
}
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;
}
.sc {
background-color: var(--sc);
}
.sc2 {
background-color: var(--sc2);
}
.sc3 {
background-color: var(--sc3);
}
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 {
background-color: var(--du);
}
.du2 {
background-color: var(--du2);
}
.du3 {
background-color: var(--du3);
}
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;
}
.va {
background-color: var(--va);
}
.va2 {
background-color: var(--va2);
}
.va3 {
background-color: var(--va3);
}
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;
}
.so {
background-color: var(--so);
}
.so2 {
background-color: var(--so2);
}
.so3 {
background-color: var(--so3);
}
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;
}
.sbr {
background-color: var(--sbr);
}
.sbr2 {
background-color: var(--sbr2);
}
.sbr3 {
background-color: var(--sbr3);
}
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;
}
.jjl {
background-color: var(--jjl);
}
.jjl2 {
background-color: var(--jjl2);
}
.jjl3 {
background-color: var(--jjl3);
}
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;
}
.jla {
background-color: var(--jla);
}
.jla2 {
background-color: var(--jla2);
}
.jla3 {
background-color: var(--jla3);
}
.os {
background-color: var(--os);
}
.os2 {
background-color: var(--os2);
}
.os3 {
background-color: var(--os3);
}
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;
}