MediaWiki:Common.css

img.user-identity-avatar__image[alt="Dxrknrg"] { -webkit-animation-name: pulsate-avatar-large-glow; -webkit-animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -webkit-animation-play-state: running; animation-name: pulsate-avatar-large-glow; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: alternate; animation-play-state: running; } img.wds-avatar__image[alt='Dxrknrg'], img.wds-avatar__image[alt='Dxrknrg'], img.wds-avatar__image[alt='Dxrknrg'], img.wds-avatar__image[alt='Dxrknrg'] { -webkit-animation-name: pulsate-avatar-glow; -webkit-animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -webkit-animation-play-state: running; animation-name: pulsate-avatar-glow; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: alternate; animation-play-state: running; } div.EntityHeader_avatar__2TDnq[alt='Dxrknrg'], div.EntityHeader_avatar__2TDnq[alt='Dxrknrg'], div.EntityHeader_avatar__2TDnq[alt='Dxrknrg'], div.EntityHeader_avatar__2TDnq[alt='Dxrknrg'] { -webkit-animation-name: pulsate-avatar-small-glow; -webkit-animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -webkit-animation-play-state: running; animation-name: pulsate-avatar-small-glow; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: alternate; animation-play-state: running; } @-webkit-keyframes pulsate-avatar-glow { from { -webkit-box-shadow: 0px 0px 1px 2px orange; -moz-box-shadow: 0px 0px 1px 2px orange; box-shadow: 0px 0px 1px 2px orange; }   to { -webkit-box-shadow: 0px 0px 8px 6px orange; -moz-box-shadow: 0px 0px 8px 6px orange; box-shadow: 0px 0px 8px 6px orange; } } @keyframes pulsate-avatar-glow { from { -webkit-box-shadow: 0px 0px 1px 2px orange; -moz-box-shadow: 0px 0px 1px 2px orange; box-shadow: 0px 0px 1px 2px orange; }   to { -webkit-box-shadow: 0px 0px 8px 6px orange; -moz-box-shadow: 0px 0px 8px 6px orange; box-shadow: 0px 0px 8px 6px orange; } } @-webkit-keyframes pulsate-avatar-small-glow { from { -webkit-box-shadow: 0px 0px 1px 2px orange; -moz-box-shadow: 0px 0px 1px 2px orange; box-shadow: 0px 0px 1px 2px orange; }   to { -webkit-box-shadow: 5px 5px 4px 3px orange; -moz-box-shadow: 0px 0px 4px 3px orange; box-shadow: 0px 0px 4px 3px orange; } } @keyframes pulsate-avatar-small-glow { from { -webkit-box-shadow: 0px 0px 1px 2px orange; -moz-box-shadow: 0px 0px 1px 2px orange; box-shadow: 0px 0px 1px 2px orange; }   to { -webkit-box-shadow: 0px 0px 4px 3px orange; -moz-box-shadow: 0px 0px 4px 3px orange; box-shadow: 0px 0px 4px 3px orange; } } @-webkit-keyframes pulsate-avatar-large-glow { from { -webkit-box-shadow: 0px 0px 1px 2px orange; -moz-box-shadow: 0px 0px 1px 2px orange; box-shadow: 0px 0px 1px 2px orange; }   to { -webkit-box-shadow: 0px 0px 12px 9px orange; -moz-box-shadow: 0px 0px 12px 9px orange; box-shadow: 0px 0px 12px 9px orange; } } @keyframes pulsate-avatar-large-glow { from { -webkit-box-shadow: 0px 0px 1px 2px orange; -moz-box-shadow: 0px 0px 1px 2px orange; box-shadow: 0px 0px 1px 2px orange; }   to { -webkit-box-shadow: 0px 0px 12px 9px orange; -moz-box-shadow: 0px 0px 12px 9px orange; box-shadow: 0px 0px 12px 9px orange; } }

/*   Allowing easily creating basic animated movements of elements from inline.

`  Example usage: Jumping text

/* General help classes */ .ua-animation { animation-duration: 3s; /* An arbitrary default.. */	animation-iteration-count: infinite; }

/* Changing the display mode of elements to allow transformations */ span.ua-animation { display: inline-block; }

.ua-animation.ua-hover-pause:hover, .ua-animation.ua-hover-play:not(:hover) { animation-play-state: paused; }

.ua-animation.ua-hover-only:not(:hover) { animation: none !important; }

@keyframes ua-up { to { transform:translateY(-100%); } }

.ua-animation.ua-up { animation-name: ua-up; animation-direction: alternate; }

@keyframes ua-down { to { transform:translateY(100%); } }

.ua-animation.ua-down { animation-name: ua-down; animation-direction: alternate; }

/* @noflip comments prevent MediaWiki ResourceLoader from flipping properties when using a right-to-left language */ /* @noflip */ @keyframes ua-right { to { transform:translateX(100%); } }

.ua-animation.ua-right { animation-name: ua-right; animation-direction: alternate; }

/* @noflip */ @keyframes ua-left { to { transform:translateX(-100%); } }

.ua-animation.ua-left { animation-name: ua-left; animation-direction: alternate; }

@keyframes ua-updown { 25% { transform:translateY(-50%); } 75% { transform:translateY(50%); } }

.ua-animation.ua-updown { animation-name: ua-updown; animation-timing-function: linear; }

.ua-animation.ua-downup { animation-name: ua-updown; animation-timing-function: linear; animation-direction: reverse; }

/* @noflip */ @keyframes ua-rightleft { 25% { transform:translateX(50%); } 75% { transform:translateX(-50%); } }

.ua-animation.ua-rightleft { animation-name: ua-rightleft; animation-timing-function: linear; }

.ua-animation.ua-leftright { animation-name: ua-rightleft; animation-timing-function: linear; animation-direction: reverse; }

@keyframes ua-swing { 25% { transform:rotate(25deg); } 75% { transform:rotate(-25deg); } }

.ua-animation.ua-swing { animation-name: ua-swing; animation-timing-function: linear; display: inline-block; }

@keyframes ua-spin { to { transform:rotate(360deg); } }

.ua-animation.ua-spin, .ua-animation.ua-spin-clockwise { animation-name: ua-spin; animation-timing-function: linear; display: inline-block; }

.ua-animation.ua-spin-counterclockwise { animation-name: ua-spin; animation-timing-function: linear; animation-direction: reverse; display: inline-block; }

@keyframes ua-grow { to { transform:scale(2); } }

.ua-animation.ua-grow { animation-name: ua-grow; animation-timing-function: ease-in-out; animation-direction: alternate; }

@keyframes ua-shrink { to { transform:scale(0.1); } }

.ua-animation.ua-shrink { animation-name: ua-shrink; animation-timing-function: ease-in-out; animation-direction: alternate; }

@keyframes ua-growshrink { 25% { transform:scale(1.5); } 75% { transform:scale(0.5); } }

.ua-animation.ua-growshrink { animation-name: ua-growshrink; animation-timing-function: linear; }

.ua-animation.ua-shrinkgrow { animation-name: ua-growshrink; animation-timing-function: linear; animation-direction: reverse; }

/* Generic animations - allow setting tranformations and relative position from inline */ @keyframes ua-to { from { transform: none; top: 0; /* @noflip */ left: 0; } }

.ua-animation.ua-to { animation-name: ua-to; animation-fill-mode: both; position: relative; display: inline-block; }

.ua-animation.ua-from { animation-name: ua-to; animation-direction: reverse; position: relative; display: inline-block; }

.ua-animation.ua-fromto { animation-name: ua-to; animation-direction: alternate-reverse; position: relative; display: inline-block; }

.ua-animation.ua-toandback { animation-name: ua-to; animation-direction: alternate; animation-fill-mode: both; position: relative; display: inline-block; }

/* DISCUSSION MODULE STYLING */ .embeddable-discussions-module { background-color: var(--wiki-dark-two) !important; border: 2px solid var(--wiki-dark-one) !important; padding-left: 12px !important; padding-right: 12px !important; padding-bottom: 0 !important; }

.embeddable-discussions-post-detail div:nth-of-type(2):not(.embeddable-discussions-header-container):not(.embeddable-discussions-title):not(.avatar-details) { background-color: var(--wiki-blue); }

.embeddable-discussions-post-detail { border: 2px solid var(--wiki-dark-one) !important; margin-bottom: 12px !important; }

.embeddable-discussions-module .embeddable-discussions-timestamp { display: none; }