MediaWiki:Common.css: Difference between revisions
From Heterodontosaurus Balls
No edit summary Tags: Manual revert Reverted |
No edit summary Tag: Reverted |
||
Line 1: | Line 1: | ||
/*background border*/ | |||
.theme-fandomdesktop-dark .page main.page__main { | |||
background-color: rgba(var(--theme-page-background-color--rgb), 0.70); | |||
border: 3px outset #3C9343; | |||
box-shadow: 0 0 20px #3C9343; | |||
} | |||
.fandom-community-header .wds-button.wds-is-secondary { | |||
border-radius: 20px; | |||
border-width: 2px; | |||
margin: 3px; | |||
} | |||
. | /*round header button*/ | ||
.fandom-community-header .wds-button-group > .wds-dropdown:not(:first-child) .wds-button { | |||
border: solid 2px; | |||
border-radius: 10px; | |||
margin: 3px; | |||
} | |||
@keyframes glow { | |||
0% { | |||
filter: drop-shadow(0 0 10px #ff00e7); | |||
} | |||
33% { | |||
filter: drop-shadow(0 0 10px #ff0000); | |||
} | |||
67% { | |||
filter: drop-shadow(0 0 10px #ffe600); | |||
} | |||
100% { | |||
filter: drop-shadow(0 0 10px #b623ff); | |||
} | |||
} | |||
.fandom-community-header__image img { | |||
animation-name: glow; | |||
animation-duration: 4s; | |||
animation-iteration-count: 30; | |||
animation-direction: alternate; | |||
animation-timing-function: linear; | |||
box-shadow: unset; | |||
} | } |
Revision as of 23:02, 28 September 2024
/*background border*/ .theme-fandomdesktop-dark .page main.page__main { background-color: rgba(var(--theme-page-background-color--rgb), 0.70); border: 3px outset #3C9343; box-shadow: 0 0 20px #3C9343; } .fandom-community-header .wds-button.wds-is-secondary { border-radius: 20px; border-width: 2px; margin: 3px; } /*round header button*/ .fandom-community-header .wds-button-group > .wds-dropdown:not(:first-child) .wds-button { border: solid 2px; border-radius: 10px; margin: 3px; } @keyframes glow { 0% { filter: drop-shadow(0 0 10px #ff00e7); } 33% { filter: drop-shadow(0 0 10px #ff0000); } 67% { filter: drop-shadow(0 0 10px #ffe600); } 100% { filter: drop-shadow(0 0 10px #b623ff); } } .fandom-community-header__image img { animation-name: glow; animation-duration: 4s; animation-iteration-count: 30; animation-direction: alternate; animation-timing-function: linear; box-shadow: unset; }