User:Vixhr/common.css

/*@import "/load.php?mode=articles&articles=u:dev:MediaWiki:FontAwesome.css&only=styles"; @import "/load.php?mode=articles&articles=u:dev:MediaWiki:FontAwesome.css&only=styles";*/ /* mobile skin css */ /* Removing eraicon (This doesnt work)*/ .skin-fandommobile img[alt="Icon Honor.svg"],.skin-fandommobile img[alt="Icon Exchange.svg"] ,.skin-fandommobile img[alt="Icon Misson Task.svg"] ,.skin-fandommobile img[alt="Icon Club Light.svg"],.skin-fandommobile img[alt="Icon Music Video.svg"], img[alt="Icon DJ Booth.svg"], .skin-fandommobile img[alt="Icon Disc Skin.svg"],.skin-fandommobile img[alt="Icon Display.svg"],.skin-fandommobile img[alt="Icon Story Episode.svg"]    { display:none; } /* tabs */ .wds-tabs__tab:not(.wds-is-current):hover { filter: grayscale(30%); transition-duration: 0.3s; }

.wds-tabs__tab-label { height:20px; }

li.wds-tabs__tab:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }

li.wds-tabs__tab:last-of-type { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }

.wds-tabs__tab { background: linear-gradient(#B696FF, #8751FB); border: 2px double #320480; }

li.wds-tabs__tab { box-shadow: 1px 1px 2px rgb(0 0 0 / 75%); border-top: 1px double #320480; transition:0.1s ease all; }

li.wds-tabs__tab.wds-is-current { box-shadow: 1px 1px #320480; color: white!important; border: 1px double #320480; background: #CA2CC9; }

.page__main .wds-tabs__tab.wds-is-current .wds-tabs__tab-label { height:19px; }

.wds-tabs__wrapper.with-bottom-border { margin-bottom: 2px; }

.page__main .wds-tabs__tab.wds-is-current, .page__main .wds-tabs__tab:not(.wds-is-current):hover, .page__main .wds-tabs__tab.wds-is-current a, .page__main .wds-tabs__tab:not(.wds-is-current) a:hover { color:white; }

.wds-tabs, .wds-tabs__wrapper { --wds-tab-color: white; --wds-tab-color--active: white } .wds-tabs__tab:not(.wds-is-current):hover { color: #e7d4ff!important; }

/* heart, technique and physical icons */ .skin-fandommobile img[alt="Icon Status Heart.png"], .skin-fandommobile img[alt="Icon Status Technique.png"], .skin-fandommobile img[alt="Icon Status Physical.png"] { filter: drop-shadow(0 0 2px); margin-right: 3px; }

.skin-fandommobile img[alt="Icon Status Heart.png"] { height: auto; width: 20px; }