MediaWiki:Gadget-Colors.css

/* 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 */ 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 } display:block; width:100%; height:100% } clip:rect(0 0 0 0); clip-path:inset(50%); height:1px; overflow:hidden; position:absolute; white-space:nowrap; width:1px }	background-image:url("data:image/svg+xml;utf8,<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\"/> ") } background-image: url("data:image/svg+xml;utf8,<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\"/> "); }
 * 1) p-navigation #n-Discord,
 * 2) p-navigation #n-Twitter,
 * 3) p-navigation #n-Instagram,
 * 4) p-navigation #n-YouTube {
 * 1) p-navigation #n-Discord a,
 * 2) p-navigation #n-Twitter a,
 * 3) p-navigation #n-Instagram a,
 * 4) p-navigation #n-YouTube a {
 * 1) p-navigation #n-Discord span,
 * 2) p-navigation #n-Twitter span,
 * 3) p-navigation #n-Instagram span,
 * 4) p-navigation #n-YouTube span {
 * 1) p-navigation #n-Discord {
 * 1) p-navigation #n-Discord:hover {

background-image:url("data:image/svg+xml;utf8,<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\"/> ") }	background-image:url("data:image/svg+xml;utf8,<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\"/> ") }
 * 1) p-navigation #n-Twitter {
 * 1) p-navigation #n-Twitter:hover {

background-image:url("data:image/svg+xml;utf8,<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\"/> "); }	background-image:url("data:image/svg+xml;utf8,<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\"/> "); }
 * 1) p-navigation #n-Instagram {
 * 1) p-navigation #n-Instagram: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='%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"); }	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"); }
 * 1) p-navigation #n-YouTube {
 * 1) p-navigation #n-YouTube:hover {

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 } display:block; width:100%; height:100% } clip:rect(0 0 0 0); clip-path:inset(50%); height:1px; overflow:hidden; position:absolute; white-space:nowrap; width:1px }
 * 1) p-Support_Us #n-Patreon,
 * 2) p-Support_Us #n-PayPal,
 * 3) p-Support_Us #n-Ko-fi {
 * 1) p-Support_Us #n-Patreon a,
 * 2) p-Support_Us #n-PayPal a,
 * 3) p-Support_Us #n-Ko-fi a {
 * 1) p-Support_Us #n-Patreon span,
 * 2) p-Support_Us #n-PayPal span,
 * 3) p-Support_Us #n-Ko-fi span {

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"); }
 * 1) 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='%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"); }
 * 1) p-Support_Us #n-PayPal: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_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"); }	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"); }
 * 1) p-Support_Us #n-Patreon {
 * 1) p-Support_Us #n-Patreon:hover {

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"); }
 * 1) 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='%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"); }
 * 1) p-Support_Us #n-Ko-fi:hover {