User:U.ayaao.p/wiki-enhancements.css

@import url('https://fonts.googleapis.com/css2?family=Satisfy&family=The+Nautigal:wght@400;700&display=swap');

.theme-fandomdesktop-dark { --theme-sticky-nav-background-color: #130C32; --theme-sticky-nav-text-color: #fff; --theme-page-background-color: #0C070D; --theme-page-background-color--rgb: 12, 7, 13; --theme-page-background-color--secondary: #231528; --theme-page-background-color--secondary--rgb: 35, 21, 40; --theme-accent-color: #715AD8; }

.skin-fandomdesktop .page { border: none; box-shadow: none; border-radius: 4px; } .fandom-community-header__background.fullScreen.cover { opacity: 0.5 } .skin-fandomdesktop .page .wds-tabs, .wds-tabs__wrapper { background-color: inherit; border-radius: 4px; }

.portable-infobox { background-color: transparent; width: 280px; border: 1px solid #fff; box-shadow: 0 0 6px inset var(--theme-accent-color, #fff), 0 0 10px var(--theme-accent-color, #fff), 0 0 1px #fff } .page-content .portable-infobox h2.pi-title, .portable-infobox .pi-navigation { border-bottom: 0 !important; font-weight: bold; font-family: 'The Nautigal', cursive; font-size: 26px !important; line-height: 1; padding: 12px 9px; box-shadow: 0 3px 6px inset var(--theme-accent-color, #fff), 0 1px 10px var(--theme-accent-color, #fff), 0 2.3px 1px #fff; } .pi-item.pi-header.pi-secondary-background { background: none; border: 1px solid #fff; border-top: none; box-shadow: 0 0 5px inset var(--theme-accent-color, #fff), 0 0 6px var(--theme-accent-color, #fff), 0 0 3px #fff; } .portable-infobox .pi-data { border-top: 0 } .skin-fandomdesktop .portable-infobox .pi-data-label { background: none; border-right: 1px solid var(--theme-accent-color); color: var(--theme-page-dynamic-color-1); font-weight: 400; } .portable-infobox .pi-image-collection .wds-tabs { justify-content: center; gap: 5px; } .portable-infobox .pi-image-collection .wds-tabs__tab.wds-is-current { color: var(--theme-accent-color)!important; }

.wds-button.page-header__action-button, .wds-button.page-header__action-button:active, .wds-button.page-header__action-button:focus { text-shadow: 0 0 7px var(--theme-accent-color), 0 0 10px var(--theme-accent-color), 0 0 21px var(--theme-accent-color); color: #fff; font-weight: normal; align-items: center; }

@keyframes flicker { 0%,	18%,	22%,	25%,	53%,	57%,	100% {		text-shadow: 0 0 2px var(--theme-accent-color--hover), 0 0 5.5px var(--theme-accent-color--hover), 0 0 9.5px var(--theme-accent-color--hover), 0 0 10px var(--theme-accent-color), 0 0 20px var(--theme-accent-color), 0 0 22.5px var(--theme-accent-color), 0 0 25px var(--theme-accent-color), 0 0 35px var(--theme-accent-color); }	20%,	24%,	55% {		text-shadow: none; } } @keyframes flicker-svg { 0%,	18%,	22%,	25%,	53%,	57%,	100% {		filter: drop-shadow(0 0 7px var(--theme-accent-color)) drop-shadow(0 0 6px var(--theme-accent-color)) }	20%,	24%,	55% {		filter: none; } } .wds-button.page-header__action-button .wds-icon { height: 17px; } .wds-button.page-header__action-button svg { filter: drop-shadow(0 0 7px var(--theme-accent-color)) drop-shadow(0 0 6px var(--theme-accent-color)) } .wds-button.page-header__action-button:hover { background: none; color: #fff; animation: flicker 1.5s infinite alternate; } .wds-button.page-header__action-button:hover svg,.wds-button.page-header__action-button:active svg,.wds-button.page-header__action-button:focus svg { animation: flicker-svg 1.5s infinite alternate; color:#fff; }