User:Certified nqh/common.css

/* One can only dream. */
.blink { animation: blink 1s step-end infinite; }
.marquee { 
 display: flex;
 overflow: hidden;
 animation: marquee 40s linear infinite;
 animation-delay: -10s;
}

@keyframes blink {
 67% { opacity: 0 }
}

@keyframes marquee {
 from {
  transform: translateX(-50%);
 }
 to {
  transform: translateX(150%);
 }
}

@keyframes rainbow {
 0% { background-color: #FCC; border-color: #CFF; }
 16% { background-color: #FFC; border-color: #CCF; }
 33% { background-color: #CFC; border-color: #FCF; }
 50% { background-color: #CFF; border-color: #FCC; }
 67% { background-color: #CCF; border-color: #FFC; }
 83% { background-color: #FCF; border-color: #CFC; }
 100% { background-color: #FCC; border-color: #CFF; }
}

@keyframes rainbowtext {
 0% { color: #FAA; }
 16% { color: #FFA; }
 33% { color: #AFA; }
 50% { color: #AFF; }
 67% { color: #AAF; }
 83% { color: #FAF; }
 100% { color: #FAA; }
}

.rainbow {
 border: 5px solid black;
 padding: 5px;
 animation: rainbow 10s linear infinite !important;
}

.displaynot {
 width: 0px !important;
 height: 0px !important;
 font-size: 0px !important;
}

:not(.rainbow,body,.rainbow *, a) {
 background-color: black !important;
 color: white !important;
}

.rainbow * {
 background-color: #00000000 !important;
 color: black !important;
}

@keyframes bouncing {
 0%   {left:0%;}
 50%  {left:20%;}
 100% {left:0%;}
}

span.bounce {
 width: fit-content;
 position: absolute;
 animation: bouncing 10s linear infinite;
}

.mw-wiki-logo {
 background-color: white !important;
 filter: invert(100%);
}

a {
 color: #88F;
}

a:visited {
 color: #AAD;
}

a:hover {
 animation: rainbowtext 0.25s linear infinite !important;
 font-weight: bold;
 font-size: 2em;
}

a:active {
 background-color: white !important;
}