MediaWiki:Common.css

/*** allstartd.fandom.com/wiki/MediaWiki:Wikia.css ***/

/* TABLE OF CONTENTS */ /*
 * To find a specific section of the document, press CTRL + F and, in the
 * searchbar, write the name of the section that you want to jump in.
 * 1. fandom-community-header
 * 2. main-page
 * 2.1 background
 * 3. general styles
 * 3.1 navigation
 * 3.2 stats-box
 * 3.2.1 buff-effect
 * 3.3.1 buff-list-button
 * 3.3.2 orb button
 * 3.4 character-box
 * 3.4.1 Maps-Drop
 * 3.5 character-list--grid
 * 3.6 Tooltips
 * 4. other
 * 4.1 emotes-gif---gif-element
 * 4.2 character-tabber
 * 5. template
 * 6. name-style
 * 7. scrollbar
 * 7. scrollbar


 * %1. ACSS classes
 * %2 syntax highlighting

/* 1 fandom-community-header */ .wds-tabs__tab-label { white-space: normal; }

.fandom-community-header__community-name{ -webkit-text-stroke: 0.006em rgb(0 0 0 / 60%); text-shadow: 0em 0em 0.07em #00000029, 1px 2px 0.04em #000; } .fandom-community-header__local-navigation .first-level-item a span { -webkit-text-stroke: 0.01em rgb(0 0 0); text-shadow: 0em 0em 0.07em #00000029, 1px 2px 0.04em #000; overflow: visible; white-space: normal } /* END fandom-community-header END */

/* 2. main-page */ .page__main { /*background-color: #2d2c17e3; 2021 */ /*background-color: #2f3632e3; Xmas2021*/ background-color: #303121e3; /*01.08.2022*/ backdrop-filter: blur(10px); } .page__right-rail { --right-rail-background-color: #0000; /*background-color: #3d3c2ddb; 2021 */ /*background-color: #303633e3; Xmas2021*/ background-color: #343526e3; /*01.08.2022*/ backdrop-filter: blur(10px); } /* Community background color 2d2c17 /* 2.1 background */ .fandom-community-header__background { background: linear-gradient(180deg,#01181c0d 10%,#322e1b24 40%,#001215fa 100%),var(--theme-body-background-image); } /* END background END */ /* END main-page END */

.page-content p, .page-content section { margin: 0 0 0px; } .page-content h3 { margin: .5em 0 .2em; }

/* 3. general styles*/

/* 3.1 navigation */ .filter-blur-5px {filter: blur(5px);}

.characterList-LinkButton { display: inline-block; user-select: none; padding: 4px 10px; margin: 0 4px; border-radius: 7px; transition-duration: 0.2s; } /* END Navigation END*/

/* 3.2 stats-box */ .star-OFF, .star-ON, .star-OFF-ORB, .star-ON-ORB { margin: 0px 4.11px 0px 5px; animation-duration: 0.3s; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); animation-iteration-count: 1; animation-delay: 0s; animation-fill-mode: forwards; transition-property: all; } .star-OFF { animation-name: star-OFF; } .star-OFF-ORB { animation-name: star-ON-ORB; } .star-ON { animation-name: star-ON; } .star-ON-ORB { animation-name: star-OFF-ORB; } @keyframes star-ON { 0% {color: #1A52AC;} 100% {color: #DC143C;} } @keyframes star-ON-ORB { 0% {color: #11a1a1;} 100% {color: #418b53;} }

@keyframes star-OFF { 0% { color: #DC143C;} 100% {color: #1A52AC;} } @keyframes star-OFF-ORB { 0% {color: #418b53;} 100% {color: #11a1a1;} }

.Stats-Box { position: relative; min-width: 390px; width: fit-content; max-width: 550px; padding: 3px 5px 8px 0px; border-radius: 5px; z-index: 2; margin-bottom: 10px; user-select: none; }	z-index: 2; animation-duration: 0.3s; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); animation-iteration-count: 1; animation-delay: 0s; animation-fill-mode: forwards; transition-property: all; }	animation-name: Stats-Box-OFF; }	animation-name: Stats-Box-ON; }	animation-name: Stats-Box-OFF-ORB; }	animation-name: Stats-Box-ON-ORB; } @keyframes Stats-Box-OFF { 0% {border: 2px solid #DC143C;} 100% {border: 2px solid #1A52AC;} } @keyframes Stats-Box-OFF-ORB { 0% {border: 2px solid #11a1a1;} 100% {border: 2px solid #418b53;} }
 * 1) Stats-Box-OFF, #Stats-Box-ON, #Stats-Box-OFF-ORB, #Stats-Box-ON-ORB{
 * 1) Stats-Box-OFF {
 * 1) Stats-Box-ON {
 * 1) Stats-Box-OFF-ORB {
 * 1) Stats-Box-ON-ORB {

@keyframes Stats-Box-ON { 0% {border: 2px solid #1A52AC;} 100% {border: 2px solid #DC143C;} } @keyframes Stats-Box-ON-ORB { 0% {border: 2px solid #418b53;} 100% {border: 2px solid #11a1a1;} }

.click-on-I-Box { display: inline-block; padding: 2px 4px 0px 4px; position: relative; bottom: 11.5px; left: 78px; font-size: 85%; z-index: 1; animation-duration: 0.3s; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); animation-iteration-count: 1; animation-delay: 0s; animation-fill-mode: forwards; transition-property: all; }	animation-name: click-on-I-Box-OFF; }	animation-name: click-on-I-Box-OFF-ORB; }
 * 1) click-on-I-Box-OFF {
 * 1) click-on-I-Box-OFF-ORB {

animation-name: click-on-I-Box-ON; }	animation-name: click-on-I-Box-ON-ORB; }
 * 1) click-on-I-Box-ON {
 * 1) click-on-I-Box-ON-ORB {

@keyframes click-on-I-Box-OFF { 0% {background: linear-gradient(180deg, #700000b5 0%, #dc143c 2%, #7000001f 8%,#7000000f 48%, #0000 100%, transparent);} 100% {background: linear-gradient(180deg, #000070b5 0%, #1A52AC 2%, #0000701f 8%, #0000700f 48%, #0000 100%, transparent);} } @keyframes click-on-I-Box-OFF-ORB { 0% {background: linear-gradient(180deg, #004811b5 0%, #11a1a1 2%, #0035351f 8%, #0035350f 48%, #0000, transparent);} 100% {background: linear-gradient(180deg, #004811b5 0%, #418b53 2%, #0048111f 8%, #0048110f 48%, #0000, transparent);} } @keyframes click-on-I-Box-ON { 0% {background: linear-gradient(180deg, #000070b5 0%, #1A52AC 2%, #0000701f 8%, #0000700f 48%, #0000 100%, transparent);} 100% {background: linear-gradient(180deg, #700000b5 0%, #dc143c 2%, #7000001f 8%,#7000000f 48%, #0000 100%, transparent);} } @keyframes click-on-I-Box-ON-ORB { 0% {background: linear-gradient(180deg, #004811b5 0%, #418b53 2%, #0048111f 8%, #0048110f 48%, #0000, transparent);} 100% {background: linear-gradient(180deg, #004811b5 0%, #11a1a1 2%, #0035351f 8%, #0035350f 48%, #0000, transparent);} }

.Level-1-ON, .Level-80-OFF, .Level-1-OFF, .Level-80-ON,.Level-1-ON-ORB, .Level-80-OFF-ORB, .Level-1-OFF-ORB, .Level-80-ON-ORB { font-size: x-large; text-align: center; height: 40px; width: 195px; border-radius: 5px; z-index: 3; user-select: none; animation-duration: 0.3s; animation-iteration-count: 1; animation-delay: 0s; animation-fill-mode: forwards; transition-property: all; }

.Level-1-ON-ORB { position: absolute; animation-name: Level-1-ON-ORB; animation-duration: 0.3s; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } .Level-80-OFF-ORB { position: relative; left: 200px; margin: 0px 0px 10px 0px; animation-name: Level-80-OFF-ORB; animation-timing-function: cubic-bezier(0.57, -0.74, 0.37, 0.82); } .Level-1-OFF-ORB { position: absolute; animation-name: Level-1-OFF-ORB; animation-timing-function: cubic-bezier(0.57, -0.74, 0.37, 0.82); } .Level-80-ON-ORB { position: relative; left: 200px; margin: 0px 0px 10px 0px; animation-name: Level-80-ON-ORB; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } @keyframes Level-80-ON-ORB { 0% {color: #9aa9d6;background: #005151;box-shadow: 0px 0px 0px 0px #005151;} 33% {background: #005151;box-shadow: 0px 12px 3px 4px #005151;} 66% {color: #e6e6e6;background: #11a1a1;box-shadow: 0px 12px 5px 2px #11a1a1;} 100% {color: #e6e6e6;background: #11a1a1;;box-shadow: 0px 12px 5px 2px #11a1a1;} } @keyframes Level-80-OFF-ORB { 0% {color: #e6e6e6;	background: #11a1a1; box-shadow: 0px 12px 5px 2px #11a1a1;} 33% {background: #11a1a1; box-shadow: 0px 12px 3px 3px #11a1a1;} 66% {color: #9aa9d6; background: #005151; box-shadow: 0px 0px 0px 0px #005151;} 100% {color: #9aa9d6; background: #005151; box-shadow: 0px 0px 0px 0px #005151;} } @keyframes Level-1-ON-ORB { 0% {color: #c2cac4;background: #295533; box-shadow: 0px 0px 0px 0px #295533;} 33% {background: #295533; box-shadow: 0px 12px 3px 4px #295533;} 66% {color: #e6e6e6; background: #428b53; box-shadow: 0px 12px 5px 2px #428b53;} 100% {color: #e6e6e6; background: #428b53; box-shadow: 0px 12px 5px 2px #428b53;} } @keyframes Level-1-OFF-ORB { 0% {color: #e6e6e6;	background: #428b53; box-shadow: 0px 12px 5px 2px #428b53;} 33% {background: #428b53; box-shadow: 0px 12px 3px 3px #428b53;} 66% {color: #c2cac4; background: #295533; box-shadow: 0px 0px 0px 0px  #295533;} 100% {color: #c2cac4; background: #295533; box-shadow: 0px 0px 0px 0px #295533;} }

.Level-1-ON { position: absolute; color: #e6e6e6; background: #1A52AC; box-shadow: 0px 0px 0px 0px #1A52AC; animation-name: Level-1-ON; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } .Level-80-OFF { position: relative; left: 200px; margin: 0px 0px 10px 0px; animation-name: Level-80-OFF; animation-timing-function: cubic-bezier(0.57, -0.74, 0.37, 0.82); } .Level-1-OFF { position: absolute; animation-name: Level-1-OFF; animation-timing-function: cubic-bezier(0.57, -0.74, 0.37, 0.82); } .Level-80-ON { position: relative; left: 200px; margin: 0px 0px 10px 0px; animation-name: Level-80-ON; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } @keyframes Level-80-ON { 0% {color: #d69a9a;background: #920f29;box-shadow: 0px 0px 0px 0px #920f29;} 33% {background: #920f29;box-shadow: 0px 12px 3px 4px #920f29;} 66% {color: #e6e6e6;background: #DC143c;box-shadow: 0px 12px 5px 2px  #DC143c;} 100% {color: #e6e6e6;background: #DC143c;box-shadow: 0px 12px 5px 2px #DC143c;} } @keyframes Level-80-OFF { 0% {color: #e6e6e6;	background: #DC143c;box-shadow: 0px 12px 5px 2px #DC143c;} 33% {background: #DC143c;box-shadow: 0px 12px 3px 3px #DC143c;} 66% {color: #d69a9a;background: #920f29;box-shadow: 0px 0px 0px 0px  #920f29;} 100% {color: #d69a9a;background: #920f29;box-shadow: 0px 0px 0px 0px #920f29; } } @keyframes Level-1-ON { 0% {color: #9aa9d6; background: #133c7d; box-shadow: 0px 0px 0px 0px #133c7d;} 33% {background: #133c7d; box-shadow: 0px 12px 3px 4px #133c7d;} 66% {color: #e6e6e6; background: #1A52AC; box-shadow: 0px 12px 5px 2px #1A52AC;} 100% {color: #e6e6e6; background: #1A52AC; box-shadow: 0px 12px 5px 2px #1A52AC;} } @keyframes Level-1-OFF { 0% {color: #e6e6e6;	background: #1A52AC; box-shadow: 0px 12px 5px 2px #1A52AC;} 33% {background: #1A52AC; box-shadow: 0px 12px 3px 3px #1A52AC;} 66% {color: #9aa9d6; background: #133c7d; box-shadow: 0px 0px 0px 0px  #133c7d;} 100% {color: #9aa9d6; background: #133c7d; box-shadow: 0px 0px 0px 0px #133c7d;} } /* END stats-box END */

/* 3.2.1 buff-effect */ .buffEffect__box {position: absolute; display: flex; pointer-events: none; bottom: 0%;}

.buffEffect__sasageyo {box-shadow: 0px 16px 8px -15px #ffa800;} .buffEffect__rangeBooster {box-shadow: 0px 16px 8px -15px #ffffff8f;} /* END 3.2.1 buff-effect END */

/* 3.3.1 buff-list-button */ .buffList-buttonOFF { background: radial-gradient(ellipse at 50% 50%, #00023657 40%, #4e3b9952 100%); box-shadow: inset 0 0 9px 0px #3f63b3ad,0 0 9px 0px #382861cc; text-shadow: 0px 0px 9px #0000009e,0px 4px 13px #0000005c; color: #ffffffa6; border: 2.4px double #2e353c; transition: all 0.3s ease 0s; border-radius: 4px; letter-spacing: 3px; } .buffList-buttonOFF:hover { background: radial-gradient(ellipse at 50% 50%, #2f76b469 40%, #ffffff5e 100%); box-shadow: inset 0 0 9px 0px #3f63b3ad, 0 0 9px 0px #5386eecc; text-shadow: 0px 0px 9px #000bff9e, 0px 4px 20px #0011ff5c; border: 1.5px solid #557389; letter-spacing: 4px; color: inherit; transition: all 0.3s ease 0s; } .buffList-buttonON { background: radial-gradient(ellipse at 50% 50%,#36a2ff69 40%,#ffffff5e 100%); box-shadow: inset 0 0 9px 0px #00ffa336,0 0 6px 0px #96d5d687; text-shadow: 0px 0px 20px #a000ff; border: 1.5px solid #557389; transition: all 0.3s ease 0s; border-radius: 4px; letter-spacing: 4px; }

.buffList-buttonON:hover { background: radial-gradient(ellipse at 50% 50%,#00023657 40%, #4e3b9952 100%); box-shadow: inset 0 0 9px 0px #00ffa336, 0 0 3px 0px #29a5ca87, 0 0 5px 0px #5e8ef287; border: 2.4px double #43536f96; letter-spacing: 3px; color: #ffffffa6; }

.buffList-SasageyoButtonOFF {filter: opacity(0);} .buffList-SasageyoButtonOFF:hover {filter: opacity(0.35);}

.buffList-SasageyoButtonON {filter: brightness(1) saturate(1) opacity(1);} .buffList-SasageyoButtonON:hover {box-shadow: 0 0 6px 0px #ffc500 !important; filter: brightness(0.9) saturate(0.65) opacity(0.9);}

.buffList-rangeBoosterOFF {filter: opacity(0);} .buffList-rangeBoosterOFF:hover {filter: opacity(0.35);}

.buffList-rangeBoosterON {filter: brightness(1) saturate(1) opacity(1);} .buffList-rangeBoosterON:hover {box-shadow: 0 0 6px 0px #ffffff !important; filter: brightness(0.9) saturate(0.65) opacity(0.9);} /* END 3.3.1 buff-list-button END */

/* 3.3.2 orb button */ .ORB-OFF { background: #275438; box-shadow: 0 0 4px #000; text-shadow: 0px 0px 2px #fff; border: 2.4px double #21272d; transition: all 0.3s ease 0s; } .ORB-OFF:hover { background: #52a472; box-shadow: 0 0 4px #1a1a1a; text-shadow: 0px 0px 8px #fff; border: 2.4px double #414a54; } .ORB-ON { background: #52a472; box-shadow: 0 0 4px #fff; text-shadow: 0px 0px 8px #fff; border: 2.4px double #c2ddf4; transition: all 0.3s ease 0s; } .ORB-ON:hover { background: #275438; box-shadow: 0 0 4px #fff; text-shadow: 0px 0px 2px #fff; border: 2.4px double #c2ddf4; } /* 3.3.2 END orb button END */

/* button hover */ /* List of Retired Units */ .listOfRetiredButton { transform: perspective(120px) rotateX(0deg); transform-origin: bottom; transition: 0.16s transform; } .listOfRetiredButton:hover { transform: perspective(120px) rotateX(6deg); } .listOfRetiredButton2 { transform: perspective(43px) rotateX(0deg); transform-origin: top; transition: 0.16s transform; } .listOfRetiredButton2:hover { transform: perspective(43px) rotateX(-6deg); }

/* 3.4 character-box */ .PIX-Characterbox-hover { position: relative; transition-duration: 0.2s; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } .PIX-Characterbox-hover:hover { filter: saturate(120%); transform: scale(1.072); }

.PIX-ChBox\:\h:hover .PIX-ChBox2 { filter: saturate(120%); transform: scale(1.072); } .PIX-ChBox2 { position: relative; transition-duration: 0.2s; animation-timing-function: cubic-bezier(0.785,0.135,0.15,0.86); }

.Chbox-imgBoxA1 {background-color: black; border-radius: 7px; height: 98px; padding: 3px; width: 98px; box-sizing: content-box;} .Chbox-imgBoxA2 {border-radius: 5px; overflow: hidden; height: 98px; width: 98px;}

.Chbox-drop-imgBoxA1 {background-color: black; border-radius: 7px; height: 78px; padding: 3px; width: 78px; box-sizing: content-box;} .Chbox-drop-imgBoxA2 {border-radius: 5px; overflow: hidden; height: 78px; width: 78px;}

.Characterbox-articlenameA1 {line-height:100%; position: absolute; right: 0; bottom: 0; left: 0; font-size: xx-small; padding: 0 5px; text-align: center;}

.Ch-retired-hover:hover{box-shadow: 0px 0px 8px 0px #7d852bf7;border-radius: 5px;} .Ch-2-hover:hover{box-shadow: 0px 0px 8px 0px #69614d;border-radius: 5px;} .Ch-3-hover:hover{box-shadow: 0px 0px 8px 0px #506e41;border-radius: 5px;} .Ch-4-hover:hover{box-shadow: 0px 0px 8px 0px #2d477a;border-radius: 5px;} .Ch-5-hover:hover{box-shadow: 0px 0px 8px 0px #512a7a;border-radius: 5px;} .Ch-6-hover:hover{box-shadow: 0px 0px 8px 0px #9e5a16;border-radius: 5px;} .Ch-new-hover:hover{box-shadow: 0px 0px 8px 0px #540704;border-radius: 5px;}

/* 3.4.1 Maps-Drop */ .mapsDrop-chance { position: absolute; right: 50%; bottom: 50%; transform: translate(50%, -80%); text-align:center; font-weight: bold; color: #FFFFFF; text-shadow: 0px 0px 5px black; -webkit-text-stroke: 0.6px rgb(0 0 0); } /* END Character-box END */

/* 3.5 character-list---grid */ .content { padding: 0; } .grid { position: relative; }

.grid_body { padding: 8px; display: grid; grid-template-columns: repeat(auto-fill, minmax(112px, 1fr)); grid-auto-flow: row; justify-items: center; column-gap: 5px; grid-row-gap: 5px; } .grid_body-retired { overflow: auto; padding: 7px; display: grid; grid-template-columns: repeat(auto-fill, minmax(244px, 1fr)); grid-auto-flow: row; justify-items: center; column-gap: 5px; grid-row-gap: 5px; } .grid-item { padding: 5px; display: inline-block; }

.grid-item p { max-height: 7px; } /* END character-list---grid END */

/* 3.6 Tooltips Test */

/*Tooptip container */ .tooltip { position: relative; } /* Tooltip text*/ .tooltip .tooltiptext { position: absolute; visibility: hidden; height: auto; top: 50%; left: 50%; transform: translate(-50%, calc(-50% - -51px)); background-color: #1a1a1bcc; padding: 5px 11px; border-radius: 6px; text-align: initial; /* Position of the tooltip text */ z-index: 1; }

/* Show the tooltip text when you hover the mouse over the container */ .tooltip:hover .tooltiptext { visibility: visible; }

.page-User_Laoena_Sandbox.ns-2 .page-content { overflow: visible; } /* END 3.6 Tooltips Test */

/* 4. other */ .wds-tabs__wrapper.with-bottom-border { border-bottom: 1px solid rgb(0 0 0 / 0%); }

/* 4.1 emotes-gif---gif-element */ .Emotes-GIF { transform: scale(0.7, 0.7); transition: all 0.37s cubic-bezier(0.65, 0.16, 0.11, 0.85) 0s; overflow: hidden; border-radius: 4%; z-index: 2; }

.grid-item:hover .Emotes-GIF { transform: scale(1.17,1.17) translate(0px, 13px); transition: all 0.37s cubic-bezier(0.09, 0.71, 0.4, 0.9) 0s; box-shadow: 0 0 20px #00000045; border-radius: 4%; } .Emotes-GIF-text {transition: all 0.37s ease-in-out 0s;} .grid-item:hover .Emotes-GIF-text {opacity: 0; pointer-events: none; transition: all 0.37s ease-out 0s;} .page-Emotes.ns-0 .page-content {overflow-x: visible;} /* END emotes-gif---gif-element END*/

/*z-index :hover*/ .z-index-444:hover {z-index: 444;} /*z-index :hover END*/

/* character-tabber */ a:active, a:focus, a:hover { text-decoration: none; }

.wds-tabs__tab.wds-is-current { -webkit-box-shadow: inset 0 0px 0px 0px #0000; box-shadow: inset 0 0px 0px 0px #0000; } .wds-tabs__tab.wds-is-current { color: #fff; } .wds-tabs__wrapper .wds-tabs { overflow-x: scroll; justify-content: center; }

.wds-tabs__tab::before .wds-is-current::before,.wds-tabs__tab::after .wds-is-current::after{ content: ''; position: absolute; background: #ff000063; }

.wds-tabs__tab .wds-is-current { background: #0000000d; }

.wds-tabs__tab .wds-is-current { --theme-link-color--hover: #fff; --wds-tab-color--active: #fff; }

/*Skin*/ .wds-tabs__tab {transition: all 0.1s ease-in-out 0s;}

.wds-tabs__tab:hover {transform: translateY(-2px);}

.wds-tabs__tab.wds-is-current {pointer-events: none;}

.wds-tabs__tab.wds-is-current::before { content: ''; position: absolute; width: 0%; height: 3px; left: 50%; transform: translate(-50%,0px); bottom: -1px; border-radius: 15px 15px 15px 15px; background: #fff; animation: 0.2s ease-in-out 0s 1 normal forwards running wds-tabs; } @keyframes wds-tabs { 0% {width: 0%;} 100% {width: 100%;} } /* END character-tabber END */

/* 5. template */ /* unobtainable-tradeableUnits*/ .opacity-animation-7s_0, .opacity-animation-7s_1 { animation-timing-function: ease-out; animation-duration: 7s; animation-iteration-count: infinite; animation-direction: alternate; } .opacity-animation-7s_0 {animation-name: opacity-animation-7s_0;} .opacity-animation-7s_1 {animation-name: opacity-animation-7s_1;} @keyframes opacity-animation-7s_0 { 0% {opacity: 100%;} 45% {opacity: 100%;} 55% {opacity: 0%;} 100% {opacity: 0%;} } @keyframes opacity-animation-7s_1 { 0% {opacity: 0%;} 45% {opacity: 0%;} 55% {opacity: 100%;} 100% {opacity: 100%;} } /* END unobtainable-tradeableUnits END */ /* END template END*/

/* 6. name-style */ a[href$=":Fliro76"] { color:    #308014; font-weight: bold; }

a[href$=":Kamoflaged"] { color: 	#ff43ff; font-weight: bold; }

a[href$=":21Kakai"] { color:    #33A1DE; font-weight: bold; }

a[href$=":Pixel11211"] { color: #FFFFFF; text-shadow: 0 0 2px #FFFFFF; }

a[href$=":Reshan05"] { color: #32CD32; font-weight: bold; }

a[href$=":Laoena"] { color: #FF4500; text-shadow: 0 0 2px #FFD700; }

a[href$=":Andlksjqkkqk"] { color: #eb241a; text-shadow: 0px 0px 1px #e36c0b }

a[href$=":Babamo"] { color: #FF0000; text-shadow: 0 0 3px #D22B2B; }

a[href$=":TheGreninjaBloxFruit"] { color: #32CD32; font-weight: bold; }

a[href$=":Flamehunter2"] { color: #FF5722; text-shadow: 0 0 2px #FF9800; }

a[href$=":Astdboizzzzzz"] { color: #000099; }

a[href$=":MiloJPEzKatakuri"] { color: #8674Ca; }

/* END name-style END */

/* 7. scrollbar */ /* Scrollbar Styles created by User:Polymeric - CC-BY-SA (22.06.2021) for wiki -  https://hollow-knight.fandom.com */ html, body { scrollbar-color: rgba(var(--theme-link-color--hover-rgb), .7) var(--scrollbar-background-color); }


 * -webkit-scrollbar {background-color: #474646;}


 * -webkit-scrollbar-thumb {border-radius: 2px; background-color: rgb(123 121 121);}


 * -webkit-scrollbar-thumb:hover {background-color: rgb(134 131 131);}


 * -webkit-scrollbar-thumb:active {background-color: rgb(103 101 101);}


 * -webkit-scrollbar-corner {background-color: #474646;}


 * -webkit-scrollbar-button {background-position: center; background-size: 18px;}


 * -webkit-scrollbar-button:hover {

background-color: rgba(var(--theme-link-color--hover-rgb), .2); }


 * -webkit-scrollbar-button:active {background-color: rgba(var(--theme-link-color--hover-rgb), .87);}

/**/

.theme-fandomdesktop-dark::-webkit-scrollbar-button:vertical:decrement, .theme-fandomdesktop-dark *::-webkit-scrollbar-button:vertical:decrement { background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_arrow_drop_up_white_24px.svg); }

.theme-fandomdesktop-dark::-webkit-scrollbar-button:vertical:decrement:active, .theme-fandomdesktop-dark *::-webkit-scrollbar-button:vertical:decrement:active { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%23000'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M7 14l5-5 5 5z'/%3E%3C/svg%3E"); }

/**** Down. ****/ .theme-fandomdesktop-dark::-webkit-scrollbar-button:vertical:increment, .theme-fandomdesktop-dark *::-webkit-scrollbar-button:vertical:increment { background-image: url(https://storage.googleapis.com/material-icons/external-assets/v4/icons/svg/ic_arrow_drop_down_white_24px.svg); }

.theme-fandomdesktop-dark::-webkit-scrollbar-button:vertical:increment:active, .theme-fandomdesktop-dark *::-webkit-scrollbar-button:vertical:increment:active { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%23000'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E"); }

/**** Left. ****/ .theme-fandomdesktop-dark::-webkit-scrollbar-button:horizontal:decrement, .theme-fandomdesktop-dark *::-webkit-scrollbar-button:horizontal:decrement { background-image: url(https://static.wikia.nocookie.net/tobias-laboratory/images/5/5d/Arrow_left_dark.svg); }

.theme-fandomdesktop-dark::-webkit-scrollbar-button:horizontal:decrement:active, .theme-fandomdesktop-dark *::-webkit-scrollbar-button:horizontal:decrement:active { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%23000'%3E%3Cpath d='M14 7l-5 5 5 5V7z'/%3E%3Cpath d='M24 0v24H0V0h24z' fill='none'/%3E%3C/svg%3E"); }

/**** Right. ****/ .theme-fandomdesktop-dark::-webkit-scrollbar-button:horizontal:increment, .theme-fandomdesktop-dark *::-webkit-scrollbar-button:horizontal:increment { background-image: url(https://static.wikia.nocookie.net/tobias-laboratory/images/6/6d/Arrow_right_dark.svg); }

.theme-fandomdesktop-dark::-webkit-scrollbar-button:horizontal:increment:active, .theme-fandomdesktop-dark *::-webkit-scrollbar-button:horizontal:increment:active { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%23000'%3E%3Cpath d='M10 17l5-5-5-5v10z'/%3E%3Cpath d='M0 24V0h24v24H0z' fill='none'/%3E%3C/svg%3E"); } /* END scrollbar END */

.Orb-Info-table { position: absolute; top: 115px; opacity: 0; z-index: 3; pointer-events: none; transition: opacity 0.32s ease-in-out,top 0.32s ease-in-out; }

.Ch-Orb:hover ~ .Orb-Info-table { top: 100px; opacity: 1; transition: opacity 0.3s cubic-bezier(0.4,0,0.2,1),top 0.3s ease-out; }

.Character-List-text-New_Game_Units {transition: .2s top ease-in-out, .2s height ease-in-out;} @media (min-width: 1280px) and (max-width: 1298px) { .Character-List-text-New_Game_Units { left: -1px !important; } } @media (max-width: 822px), (min-width: 1024px) and (max-width: 1180px) { .Character-List-text-New_Game_Units { top: -55px !important; height: 53px !important; }	.wds-tabber { overflow: visible; } }

.Ani_03-Orb-Bck_Ch { animation-duration: 0.3s; animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); animation-iteration-count: 1; animation-delay: 0s; animation-fill-mode: forwards; transition-property: opacity; animation-name: Ani_03-Orb-Bck_Ch; } @keyframes Ani_03-Orb-Bck_Ch { 0% {opacity: 0;} 100% {opacity: 100;} }

.backdrop-filter-76 {backdrop-filter: grayscale(0.76);} .filter-blur-2px {filter: blur(2px);} .backdropFilter-blur-1px {backdrop-filter: blur(1px);};

.pointsDisplayAnimation0-Unobtainable-TradeableUnits {background: #8b7d7d5c !important;} .pointsDisplayAnimation0, .pointsDisplayAnimation0-Unobtainable-TradeableUnits, .pointsDisplayAnimation1 { position: absolute; height: 8px; width: 8px; outline: 2px solid rgb(255 255 255 / 51%); box-shadow: 0 0 6px 0px #ffffff, inset 0 0 3px -1px #ffffff2e; background: #f0ffff3d; border-radius: 50%; margin: auto; top: 0; bottom: 0; left: 0; right: 0; animation-timing-function: linear; animation-duration: 7s; animation-iteration-count: infinite; animation-direction: alternate; } .pointsDisplayAnimation0-A, .pointsDisplayAnimation0-A-Unobtainable-TradeableUnits, .pointsDisplayAnimation1-A { animation-timing-function: linear; animation-duration: 7s; animation-iteration-count: infinite; animation-direction: alternate; } .pointsDisplayAnimation0-A-Unobtainable-TradeableUnits {animation-name: pointsDisplayAnimation0-A-Unobtainable-TradeableUnits;} .pointsDisplayAnimation0-A {animation-name: pointsDisplayAnimation0-A;} .pointsDisplayAnimation1-A {animation-name: pointsDisplayAnimation1-A;} @keyframes pointsDisplayAnimation0-A-Unobtainable-TradeableUnits { 0% {background: #6a5b5b; box-shadow: 0 0 5px 0 #00000033;} 45% {background: #6a5b5b; box-shadow: 0 0 5px 0 #00000033;} 55% {background: #6a5b5b5c; box-shadow: 0 0 0.5px 0 #0000007a;} 100% {background: #6a5b5b5c; box-shadow: 0 0 0.5px 0 #0000007a;} } @keyframes pointsDisplayAnimation0-A { 0% {background: #4b5457; box-shadow: 0 0 5px 0 #00000033;} 45% {background: #4b5457; box-shadow: 0 0 5px 0 #00000033;} 55% {background: #f0ffff14; box-shadow: 0 0 0.5px 0 #0000007a;} 100% {background: #f0ffff14; box-shadow: 0 0 0.5px 0 #0000007a;} } @keyframes pointsDisplayAnimation1-A { 0% {background: #f0ffff14; box-shadow: 0 0 0.5px 0 #0000007a;} 45% {background: #f0ffff14; box-shadow: 0 0 0.5px 0 #0000007a;} 55% {background: #4b5457; box-shadow: 0 0 5px 0 #00000033;} 100% {background: #4b5457; box-shadow: 0 0 5px 0 #00000033;} }

.pointsDisplayAnimation0, .pointsDisplayAnimation0-Unobtainable-TradeableUnits {animation-name: pointsDisplayAnimation0;} .pointsDisplayAnimation1 {animation-name: pointsDisplayAnimation1;} @keyframes pointsDisplayAnimation0 { 0% {opacity: 100%; transform: translate(-7px, 0);} 45% {opacity: 100%; transform: translate(7px, 0);} 55% {opacity: 0%; transform: translate(8px, 0);} 100% {opacity: 0%;} } @keyframes pointsDisplayAnimation1 { 0% {opacity: 0%; transform: translate(-7px, 0);} 45% {opacity: 0%; transform: translate(-8px, 0);} 55% {opacity: 100%; transform: translate(-7px, 0);} 100% {opacity: 100%; transform: translate(7px, 0);} }

.img-Christmas-2021-Event { background: linear-gradient(#5a5a5ac7 0%,#0000008a 40% 60%,#5a5a5ac7 100%), url(https://static.wikia.nocookie.net/allstartd/images/6/62/Christmas_2021_Event_Background.webp/revision/latest?cb=20211209180644); background-position: left 50% top 65%; background-size: cover; }

/* %1 ACSS classes */

/* height */ .H\(78px\) {height: 78px;} .H\(98px\) {height: 98px;} .H\(100\%\) {height: 100%;}

/* width */ .W\(78px\) {width: 78px;} .W\(98px\) {width: 98px;} .W\(100\%\) {width: 100%;}

/* transform */ .Scale\(1\.061\)\:\h:hover {transform: scale(1.061);}

.Scale\(linkButton\)\:\h:hover, .Scale\(1\.061\)\:\h:focus-visible {transform: scale(1.061);} .Scale\(linkButton\)\:\h:active{transform: scale(1.09);}

/* Background color */ .Bgc\(black\) {background-color: black}

.Bgc\(2-star\) {background-color: #686150;} .Bgc\(3-star\) {background-color: #506e41;} .Bgc\(4-star\) {background-color: #2d477a;} .Bgc\(5-star\) {background-color: #512a7a;} .Bgc\(6-star\) {background-color: #9e5a16;} .Bgc\(new-star\) {background-color: #540704;}

/* overflow */ .Ov\(h\) {overflow: hidden}

/* font-weight */ .Fw\(b\) {font-weight: bold}

/* END %1 ACSS classes END */