MediaWiki:Common.css

background-color: #FF0066; border-radius: 3px; color: #66FFCC; display: inline-block; font-size: 12px; font-style: normal; font-weight: 700; line-height: 1.5; margin-right: 12px; padding: 3px 8px; vertical-align: text-bottom; transition: box-shadow 1.5s; }
 * 1) userProfileApp .user-identity-header__tag {

.user-identity-header__tag:hover, .user-identity-header__tag:focus, .user-identity-header__tag:active { box-shadow: 0 0 3px 3px #66FFCC; }

color: #66FFCC; }
 * 1) userProfileApp .user-profile-navigation__link.is-active a {

color: #FF0066; }
 * 1) userProfileApp .user-profile-navigation__link a {

.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { background-color: #FF0066; color: var(--theme-accent-label-color); border-color: var(--theme-accent-color); }

/* Text Animations!- */

.Rainbow1 { font-size: 42px; font-family: Arial Black, Gadget, sans-serif, CenturyGothic; background-image: -webkit-linear-gradient(left, #f00, #ff2b00, #f50, #ff8000, #fa0, #ffd500, #ff0, #d4ff00, #af0, #80ff00, #5f0, #2bff00, #0f0, #00ff2a, #0f5, #00ff80, #0fa, #00ffd5, #0ff, #00d5ff, #0af, #0080ff, #05f, #002aff, #00f, #2b00ff, #50f, #8000ff, #a0f, #d400ff, #f0f, #ff00d4, #f0a, #ff0080, #f05, #ff002b, #f00); -webkit-animation: Rainbow1 5s linear infinite alternate; -webkit-background-clip: text; -webkit-text-fill-color: #0000; background-clip: text; }

@keyframes Rainbow1 { 0% { background-position: 0 0 } 100% { background-position: -500px 0 } }

.Stroke1 { color: #F00; -webkit-text-fill-color: transparent; -webkit-background-clip: text; font-size: 42px; font-family: Arial Black, Gadget, sans-serif; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #FF0000; -webkit-animation: Stroke1 5s infinite alternate; }

@keyframes Stroke1 { 0% {-webkit-text-stroke-color: #ff8b00} 10% {-webkit-text-stroke-color: #e8ff00} 20% {-webkit-text-stroke-color: #5dff00} 30% {-webkit-text-stroke-color: #00ff2e} 40% {-webkit-text-stroke-color: #00ffb9} 50% {-webkit-text-stroke-color: #00b9ff} 60% {-webkit-text-stroke-color: #002eff} 70% {-webkit-text-stroke-color: #5d00ff} 80% {-webkit-text-stroke-color: #e800ff} 90% {-webkit-text-stroke-color: #ff008b} 100% {-webkit-text-stroke-color: #ff0000} }

.TextGlow1 { animation: TextGlow1 .5s infinite alternate; }

@keyframes TextGlow1 { to { text-shadow: 0 0 27px #66FFCC; } }

@keyframes TextShadow1 { 0% {   text-shadow: 5px 5px 10px white; } 25% {    text-shadow: -5px 5px 10px white; } 50% {    text-shadow: -5px -5px 10px white; } 75% {    text-shadow: 5px -5px 10px white; } }

.TextShadow1 { animation: TextShadow1 3s infinite ease; }

/* Text Animations!- */

.Border1 { position: relative; margin: auto; width: auto; height: auto; background: linear-gradient(0deg, #000, #272727); }

.Border1:before, .Border1:after { content: ''; position: absolute; left: -2px; top: -2px; background: linear-gradient(45deg, #fb0094, #0000ff, #00ff00,#ffff00, #ff0000, #fb0094, 		#0000ff, #00ff00,#ffff00, #ff0000); background-size: 400%; width: calc(100% + 4px); height: calc(100% + 4px); z-index: -1; animation: Border1 20s linear infinite; }

@keyframes Border1 { 0% {		background-position: 0 0; }	50% {		background-position: 400% 0; }	100% {		background-position: 0 0; } }

.Border1:after { filter: blur(50px); }