MediaWiki:Gadget-Colors.css

From JoJo's Bizarre Encyclopedia - JoJo Wiki
Revision as of 22:09, 2 February 2023 by Vish (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 {
	--jjbe: #9da1c0;
	--jjbe2: #ebe6ff;
	--jjbe3: #474e7a;
	--jjbe4: #a788b2;
	--pb: #3055A1;
	--pb2: #ADACBC;
	--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: #8FAC84;
	--so3: #1a5a6b;
	--so4: #3b5432;
	--sbr: #D4813D;
	--sbr2: #C6C3C3;
	--sbr3: #964C0F;
	--sbr4: #635959;
	--jjl: #53A599;
	--jjl2: #F8A1E8;
	--jjl3: #297469;
	--jjl4: #914e85;
	--tjl: #d0d0d0;
	--tjl2: #424242;
	--tjl3: #9e9e9e;
	--tskr: #49885d;
	--tskr2: #AD76C9;
	--tskr3: #204A2D;
	--tskr4: #693D80;
	--os: #49885d;
	--os2: #AD76C9;
	--os3: #204A2D;
	--os4: #693D80;
	--baoh: #4b8ac4;
	--baoh2: #7999bc;
	--baoh3: #2b6396;
	--baoh4: #14133b;
	--irene: #D58C00;
	--irene2: #8FA84D;
	--irene3: #E75C1D;
	--irene4: #43521e;
	--coolshockbt: #86479c;
	--coolshockbt2: #cf774e;
	--coolshockbt3: #472054;
	--coolshockbt4: #5e280e;
	--eccentrics: #643CD2;
	--eccentrics2: #D23F5B;
	--eccentrics3: #352466;
	--eccentrics4: #D7909E;
    --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 {
	color: white;
} 

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

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

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

.eccentrics, .ECCENTRICS {
	background-color: var(--eccentrics) !important;
}

.eccentrics2, .ECCENTRICS2 {
	background-color: var(--eccentrics2) !important;
}

.eccentrics3, .ECCENTRICS3 {
	background-color: var(--eccentrics3) !important;
}

.eccentrics4, .ECCENTRICS4 {
	background-color: var(--eccentrics4) !important;
}

/* Sidebar */
#p-navigation #n-Discord,
#p-navigation #n-Twitter,
#p-navigation #n-Instagram,
#p-navigation #n-YouTube {
 list-style:none;
 display:inline-block;
 width:25%;
 height:2em;
 padding:0;
 margin:5px 0;
 background-repeat:no-repeat;
 background-position:center;
 background-size:contain
}
#p-navigation #n-Discord a,
#p-navigation #n-Twitter a,
#p-navigation #n-Instagram a,
#p-navigation #n-YouTube a {
 display:block;
 width:100%;
 height:100%
}
#p-navigation #n-Discord span,
#p-navigation #n-Twitter span,
#p-navigation #n-Instagram span,
#p-navigation #n-YouTube span {
 clip:rect(0 0 0 0);
 clip-path:inset(50%);
 height:1px;
 overflow:hidden;
 position:absolute;
 white-space:nowrap;
 width:1px
}
#p-navigation #n-Discord {
	background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"%23ed71ba\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path d=\"M5 0a5 5 0 0 0-5 5v14a5 5 0 0 0 5 5h14a5 5 0 0 0 5-5V5a5 5 0 0 0-5-5H5zm4.625 5.686c.022-.003.044.006.055.025a8.72 8.72 0 0 1 .428.861 12.62 12.62 0 0 1 3.789 0c.113-.266.274-.602.42-.861.011-.02.031-.029.053-.025 1.184.205 2.319.56 3.375 1.045.009.004.017.01.021.02 1.872 2.753 2.795 5.859 2.449 9.434-.001.015-.009.03-.021.039-1.418 1.041-2.79 1.673-4.145 2.092-.022.007-.046-.001-.059-.02-.313-.435-.597-.895-.846-1.377-.014-.028-.002-.063.027-.074.451-.17.882-.374 1.295-.615.033-.019.034-.066.004-.088l-.258-.201c-.016-.013-.037-.016-.055-.008-2.68 1.238-5.616 1.238-8.328 0a.05.05 0 0 0-.053.008l-.258.201c-.03.022-.027.069.006.088.413.237.842.444 1.293.615.029.011.042.046.027.074-.244.483-.527.942-.846 1.377-.014.018-.037.026-.059.02-1.348-.419-2.721-1.051-4.139-2.092-.012-.009-.02-.024-.021-.039-.289-3.092.301-6.224 2.449-9.434.005-.009.012-.016.021-.02 1.057-.485 2.189-.841 3.373-1.045zm-.373 5.273c-.83 0-1.49.751-1.49 1.672s.674 1.67 1.49 1.67c.83 0 1.488-.749 1.488-1.67.013-.914-.652-1.672-1.488-1.672zm5.506 0c-.83 0-1.488.751-1.488 1.672s.672 1.67 1.488 1.67c.836 0 1.49-.749 1.49-1.67.013-.914-.654-1.672-1.49-1.672z\"/></svg>")
}
#p-navigation #n-Discord:hover {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"%23de0c0c\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path d=\"M5 0a5 5 0 0 0-5 5v14a5 5 0 0 0 5 5h14a5 5 0 0 0 5-5V5a5 5 0 0 0-5-5H5zm4.625 5.686c.022-.003.044.006.055.025a8.72 8.72 0 0 1 .428.861 12.62 12.62 0 0 1 3.789 0c.113-.266.274-.602.42-.861.011-.02.031-.029.053-.025 1.184.205 2.319.56 3.375 1.045.009.004.017.01.021.02 1.872 2.753 2.795 5.859 2.449 9.434-.001.015-.009.03-.021.039-1.418 1.041-2.79 1.673-4.145 2.092-.022.007-.046-.001-.059-.02-.313-.435-.597-.895-.846-1.377-.014-.028-.002-.063.027-.074.451-.17.882-.374 1.295-.615.033-.019.034-.066.004-.088l-.258-.201c-.016-.013-.037-.016-.055-.008-2.68 1.238-5.616 1.238-8.328 0a.05.05 0 0 0-.053.008l-.258.201c-.03.022-.027.069.006.088.413.237.842.444 1.293.615.029.011.042.046.027.074-.244.483-.527.942-.846 1.377-.014.018-.037.026-.059.02-1.348-.419-2.721-1.051-4.139-2.092-.012-.009-.02-.024-.021-.039-.289-3.092.301-6.224 2.449-9.434.005-.009.012-.016.021-.02 1.057-.485 2.189-.841 3.373-1.045zm-.373 5.273c-.83 0-1.49.751-1.49 1.672s.674 1.67 1.49 1.67c.83 0 1.488-.749 1.488-1.67.013-.914-.652-1.672-1.488-1.672zm5.506 0c-.83 0-1.488.751-1.488 1.672s.672 1.67 1.488 1.67c.836 0 1.49-.749 1.49-1.67.013-.914-.654-1.672-1.49-1.672z\"/></svg>");
}

#p-navigation #n-Twitter {
	background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"%23ed71ba\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path d=\"M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-.139 9.237c.209 4.617-3.234 9.765-9.33 9.765-1.854 0-3.579-.543-5.032-1.475 1.742.205 3.48-.278 4.86-1.359-1.437-.027-2.649-.976-3.066-2.28.515.098 1.021.069 1.482-.056-1.579-.317-2.668-1.739-2.633-3.26.442.246.949.394 1.486.411-1.461-.977-1.875-2.907-1.016-4.383 1.619 1.986 4.038 3.293 6.766 3.43-.479-2.053 1.08-4.03 3.199-4.03.943 0 1.797.398 2.395 1.037.748-.147 1.451-.42 2.086-.796-.246.767-.766 1.41-1.443 1.816.664-.08 1.297-.256 1.885-.517-.439.656-.996 1.234-1.639 1.697z\"/></svg>")
}
#p-navigation #n-Twitter:hover {
	background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"%23de0c0c\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path d=\"M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-.139 9.237c.209 4.617-3.234 9.765-9.33 9.765-1.854 0-3.579-.543-5.032-1.475 1.742.205 3.48-.278 4.86-1.359-1.437-.027-2.649-.976-3.066-2.28.515.098 1.021.069 1.482-.056-1.579-.317-2.668-1.739-2.633-3.26.442.246.949.394 1.486.411-1.461-.977-1.875-2.907-1.016-4.383 1.619 1.986 4.038 3.293 6.766 3.43-.479-2.053 1.08-4.03 3.199-4.03.943 0 1.797.398 2.395 1.037.748-.147 1.451-.42 2.086-.796-.246.767-.766 1.41-1.443 1.816.664-.08 1.297-.256 1.885-.517-.439.656-.996 1.234-1.639 1.697z\"/></svg>")
}

#p-navigation #n-Instagram {
	background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"%23ed71ba\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path d=\"M15.233 5.488c-.843-.038-1.097-.046-3.233-.046s-2.389.008-3.232.046c-2.17.099-3.181 1.127-3.279 3.279-.039.844-.048 1.097-.048 3.233s.009 2.389.047 3.233c.099 2.148 1.106 3.18 3.279 3.279.843.038 1.097.047 3.233.047 2.137 0 2.39-.008 3.233-.046 2.17-.099 3.18-1.129 3.279-3.279.038-.844.046-1.097.046-3.233s-.008-2.389-.046-3.232c-.099-2.153-1.111-3.182-3.279-3.281zm-3.233 10.62c-2.269 0-4.108-1.839-4.108-4.108 0-2.269 1.84-4.108 4.108-4.108s4.108 1.839 4.108 4.108c0 2.269-1.839 4.108-4.108 4.108zm4.271-7.418c-.53 0-.96-.43-.96-.96s.43-.96.96-.96.96.43.96.96-.43.96-.96.96zm-1.604 3.31c0 1.473-1.194 2.667-2.667 2.667s-2.667-1.194-2.667-2.667c0-1.473 1.194-2.667 2.667-2.667s2.667 1.194 2.667 2.667zm4.333-12h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm.952 15.298c-.132 2.909-1.751 4.521-4.653 4.654-.854.039-1.126.048-3.299.048s-2.444-.009-3.298-.048c-2.908-.133-4.52-1.748-4.654-4.654-.039-.853-.048-1.125-.048-3.298 0-2.172.009-2.445.048-3.298.134-2.908 1.748-4.521 4.654-4.653.854-.04 1.125-.049 3.298-.049s2.445.009 3.299.048c2.908.133 4.523 1.751 4.653 4.653.039.854.048 1.127.048 3.299 0 2.173-.009 2.445-.048 3.298z\"/></svg>");
}
#p-navigation #n-Instagram:hover {
	background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"%23de0c0c\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><path d=\"M15.233 5.488c-.843-.038-1.097-.046-3.233-.046s-2.389.008-3.232.046c-2.17.099-3.181 1.127-3.279 3.279-.039.844-.048 1.097-.048 3.233s.009 2.389.047 3.233c.099 2.148 1.106 3.18 3.279 3.279.843.038 1.097.047 3.233.047 2.137 0 2.39-.008 3.233-.046 2.17-.099 3.18-1.129 3.279-3.279.038-.844.046-1.097.046-3.233s-.008-2.389-.046-3.232c-.099-2.153-1.111-3.182-3.279-3.281zm-3.233 10.62c-2.269 0-4.108-1.839-4.108-4.108 0-2.269 1.84-4.108 4.108-4.108s4.108 1.839 4.108 4.108c0 2.269-1.839 4.108-4.108 4.108zm4.271-7.418c-.53 0-.96-.43-.96-.96s.43-.96.96-.96.96.43.96.96-.43.96-.96.96zm-1.604 3.31c0 1.473-1.194 2.667-2.667 2.667s-2.667-1.194-2.667-2.667c0-1.473 1.194-2.667 2.667-2.667s2.667 1.194 2.667 2.667zm4.333-12h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm.952 15.298c-.132 2.909-1.751 4.521-4.653 4.654-.854.039-1.126.048-3.299.048s-2.444-.009-3.298-.048c-2.908-.133-4.52-1.748-4.654-4.654-.039-.853-.048-1.125-.048-3.298 0-2.172.009-2.445.048-3.298.134-2.908 1.748-4.521 4.654-4.653.854-.04 1.125-.049 3.298-.049s2.445.009 3.299.048c2.908.133 4.523 1.751 4.653 4.653.039.854.048 1.127.048 3.299 0 2.173-.009 2.445-.048 3.298z\"/></svg>");
}

#p-navigation #n-YouTube {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28.87 28.87'%3E%3Cg data-name='Layer 2'%3E%3Cg data-name='Layer 1'%3E%3Crect width='28.87' height='28.87' fill='%23ed71ba' rx='6.48' ry='6.48'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M8 19.77a1.88 1.88 0 0 1-1.24-1.21c-.54-1.48-.7-7.66.34-8.88A2 2 0 0 1 8.46 9c2.79-.3 11.41-.26 12.4.1a1.94 1.94 0 0 1 1.22 1.17c.59 1.53.61 7.09-.08 8.56a1.89 1.89 0 0 1-.87.88c-1.04.52-11.75.51-13.13.06zm4.43-2.9l5-2.6-5-2.62z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
#p-navigation #n-YouTube:hover {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28.87 28.87'%3E%3Cg data-name='Layer 2'%3E%3Cg data-name='Layer 1'%3E%3Crect width='28.87' height='28.87' fill='%23de0c0c' rx='6.48' ry='6.48'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M8 19.77a1.88 1.88 0 0 1-1.24-1.21c-.54-1.48-.7-7.66.34-8.88A2 2 0 0 1 8.46 9c2.79-.3 11.41-.26 12.4.1a1.94 1.94 0 0 1 1.22 1.17c.59 1.53.61 7.09-.08 8.56a1.89 1.89 0 0 1-.87.88c-1.04.52-11.75.51-13.13.06zm4.43-2.9l5-2.6-5-2.62z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

#p-Support_Us #n-Patreon,
#p-Support_Us #n-PayPal,
#p-Support_Us #n-Ko-fi {
 list-style:none;
 display:inline-block;
 width:33%;
 height:2em;
 padding:0;
 margin:5px 0;
 background-repeat:no-repeat;
 background-position:center;
 background-size:contain
}
#p-Support_Us #n-Patreon a,
#p-Support_Us #n-PayPal a,
#p-Support_Us #n-Ko-fi a {
 display:block;
 width:100%;
 height:100%
}
#p-Support_Us #n-Patreon span,
#p-Support_Us #n-PayPal span,
#p-Support_Us #n-Ko-fi span {
 clip:rect(0 0 0 0);
 clip-path:inset(50%);
 height:1px;
 overflow:hidden;
 position:absolute;
 white-space:nowrap;
 width:1px
}

#p-Support_Us #n-PayPal {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28.87 28.87'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='-3.04' x2='29.49' y1='-2.41' y2='28.95' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23253b80'/%3E%3Cstop offset='1' stop-color='%23179bd7'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg data-name='Layer 2'%3E%3Cg data-name='Layer 1'%3E%3Crect width='28.87' height='28.87' fill='url(%23a)' rx='6.48' ry='6.48'/%3E%3Cpath fill='%23fff' d='M19.88 10.5l-.05.29c-.66 3.37-2.9 4.53-5.77 4.53H12.6a.71.71 0 0 0-.7.6l-.75 4.74-.21 1.34a.37.37 0 0 0 .37.43h2.59a.62.62 0 0 0 .62-.52v-.13l.48-3.09v-.17a.62.62 0 0 1 .62-.53h.39c2.51 0 4.47-1 5-4a3.38 3.38 0 0 0-.52-3 2.47 2.47 0 0 0-.61-.49z' data-name='%26lt%3BPath%26gt%3B' opacity='.3'/%3E%3Cpath fill='%23fff' d='M19.19 10.23l-.31-.08-.33-.06a8.1 8.1 0 0 0-1.28-.09h-3.9a.62.62 0 0 0-.61.53l-.83 5.25v.15a.71.71 0 0 1 .7-.6h1.46c2.87 0 5.11-1.16 5.77-4.53 0-.1 0-.2.05-.29a3.49 3.49 0 0 0-.54-.23z' data-name='%26lt%3BPath%26gt%3B' opacity='.5'/%3E%3Cpath fill='%23fff' d='M12.75 10.52a.62.62 0 0 1 .61-.53h3.9a8.1 8.1 0 0 1 1.29.09l.33.06.31.08h.15a3.54 3.54 0 0 1 .54.23 3.18 3.18 0 0 0-.67-2.86c-.74-.84-2.08-1.21-3.79-1.21h-5a.71.71 0 0 0-.7.6L7.66 20.17a.43.43 0 0 0 .42.49h3.07l.77-4.89z' data-name='%26lt%3BPath%26gt%3B'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

#p-Support_Us #n-PayPal:hover {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28.87 28.87'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='-3.04' x2='29.49' y1='-2.41' y2='28.95' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23000'/%3E%3Cstop offset='1' stop-color='%23000'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg data-name='Layer 2'%3E%3Cg data-name='Layer 1'%3E%3Crect width='28.87' height='28.87' fill='url(%23a)' rx='6.48' ry='6.48'/%3E%3Cpath fill='%23fff' d='M19.88 10.5l-.05.29c-.66 3.37-2.9 4.53-5.77 4.53H12.6a.71.71 0 0 0-.7.6l-.75 4.74-.21 1.34a.37.37 0 0 0 .37.43h2.59a.62.62 0 0 0 .62-.52v-.13l.48-3.09v-.17a.62.62 0 0 1 .62-.53h.39c2.51 0 4.47-1 5-4a3.38 3.38 0 0 0-.52-3 2.47 2.47 0 0 0-.61-.49z' data-name='%26lt%3BPath%26gt%3B' opacity='.3'/%3E%3Cpath fill='%23fff' d='M19.19 10.23l-.31-.08-.33-.06a8.1 8.1 0 0 0-1.28-.09h-3.9a.62.62 0 0 0-.61.53l-.83 5.25v.15a.71.71 0 0 1 .7-.6h1.46c2.87 0 5.11-1.16 5.77-4.53 0-.1 0-.2.05-.29a3.49 3.49 0 0 0-.54-.23z' data-name='%26lt%3BPath%26gt%3B' opacity='.5'/%3E%3Cpath fill='%23fff' d='M12.75 10.52a.62.62 0 0 1 .61-.53h3.9a8.1 8.1 0 0 1 1.29.09l.33.06.31.08h.15a3.54 3.54 0 0 1 .54.23 3.18 3.18 0 0 0-.67-2.86c-.74-.84-2.08-1.21-3.79-1.21h-5a.71.71 0 0 0-.7.6L7.66 20.17a.43.43 0 0 0 .42.49h3.07l.77-4.89z' data-name='%26lt%3BPath%26gt%3B'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

#p-Support_Us #n-Patreon {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg version='1.1' id='svg2' xml:space='preserve' width='799.69336' height='767.70667' viewBox='0 0 799.69336 767.70667' sodipodi:docname='Digital-Patreon-Logo_FieryCoral.eps' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs id='defs6' /%3E%3Csodipodi:namedview id='namedview4' pagecolor='%23ffffff' bordercolor='%23666666' borderopacity='1.0' inkscape:pageshadow='2' inkscape:pageopacity='0.0' inkscape:pagecheckerboard='0' /%3E%3Cg id='g8' inkscape:groupmode='layer' inkscape:label='ink_ext_XXXXXX' transform='matrix(1.3333333 0 0 -1.3333333 0 767.70667)'%3E%3Cg id='g10' transform='scale(0.1)'%3E%3Cpath d='m 3844.89 5757.79 c -1190.76 0 -2159.54 -969.65 -2159.54 -2161.59 0 -1188.33 968.78 -2155.12 2159.54 -2155.12 1187.08 0 2152.82 966.79 2152.82 2155.12 0 1191.94 -965.74 2161.59 -2152.82 2161.59' style='fill:%23ff424d%3Bfill-opacity:1%3Bfill-rule:evenodd%3Bstroke:none' id='path12' /%3E%3Cpath d='M 0 0 H 1054.41 V 5757.81 H 0 V 0' style='fill:%23ff424d%3Bfill-opacity:1%3Bfill-rule:evenodd%3Bstroke:none' id='path14' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
#p-Support_Us #n-Patreon:hover {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg version='1.1' id='svg2' xml:space='preserve' width='799.69336' height='767.70667' viewBox='0 0 799.69336 767.70667' sodipodi:docname='Digital-Patreon-Logo_Black.eps' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs id='defs6' /%3E%3Csodipodi:namedview id='namedview4' pagecolor='%23ffffff' bordercolor='%23666666' borderopacity='1.0' inkscape:pageshadow='2' inkscape:pageopacity='0.0' inkscape:pagecheckerboard='0' /%3E%3Cg id='g8' inkscape:groupmode='layer' inkscape:label='ink_ext_XXXXXX' transform='matrix(1.3333333 0 0 -1.3333333 0 767.70667)'%3E%3Cg id='g10' transform='scale(0.1)'%3E%3Cpath d='m 3844.89 5757.79 c -1190.76 0 -2159.54 -969.65 -2159.54 -2161.59 0 -1188.33 968.78 -2155.12 2159.54 -2155.12 1187.08 0 2152.82 966.79 2152.82 2155.12 0 1191.94 -965.74 2161.59 -2152.82 2161.59' style='fill:%23000%3Bfill-opacity:1%3Bfill-rule:evenodd%3Bstroke:none' id='path12' /%3E%3Cpath d='M 0 0 H 1054.41 V 5757.81 H 0 V 0' style='fill:%23000%3Bfill-opacity:1%3Bfill-rule:evenodd%3Bstroke:none' id='path14' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

#p-Support_Us #n-Ko-fi {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FA5E5C' d='M23.881 9.005C23.108 4.998 19.022 4.5 19.022 4.5H.723c-.604 0-.679.783-.679.783s-.082 7.184-.022 11.596C.186 19.257 2.608 19.5 2.608 19.5s8.267-.022 11.966-.048c2.438-.418 2.683-2.517 2.658-3.663 4.352.236 7.422-2.777 6.649-6.784zm-11.062 3.444c-1.246 1.425-4.011 3.9-4.011 3.9s-.121.117-.31.022a1.047 1.047 0 0 1-.108-.088c-.443-.432-3.368-2.991-4.034-3.879-.709-.947-1.041-2.648-.091-3.639.951-.99 3.005-1.064 4.363.4 0 0 1.565-1.748 3.468-.945 1.904.805 1.832 2.954.723 4.229zm6.173.469c-.928.114-1.682.027-1.682.027V7.373h1.77s1.971.541 1.971 2.588c0 1.876-.985 2.616-2.059 2.957z'/%3E%3C/svg%3E");
}

#p-Support_Us #n-Ko-fi:hover {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M23.881 9.005C23.108 4.998 19.022 4.5 19.022 4.5H.723c-.604 0-.679.783-.679.783s-.082 7.184-.022 11.596C.186 19.257 2.608 19.5 2.608 19.5s8.267-.022 11.966-.048c2.438-.418 2.683-2.517 2.658-3.663 4.352.236 7.422-2.777 6.649-6.784zm-11.062 3.444c-1.246 1.425-4.011 3.9-4.011 3.9s-.121.117-.31.022a1.047 1.047 0 0 1-.108-.088c-.443-.432-3.368-2.991-4.034-3.879-.709-.947-1.041-2.648-.091-3.639.951-.99 3.005-1.064 4.363.4 0 0 1.565-1.748 3.468-.945 1.904.805 1.832 2.954.723 4.229zm6.173.469c-.928.114-1.682.027-1.682.027V7.373h1.77s1.971.541 1.971 2.588c0 1.876-.985 2.616-2.059 2.957z'/%3E%3C/svg%3E");
}

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