Difference between revisions of "User:Certified nqh/common.css"
| Line 1: | Line 1: | ||
/* One can only dream. */ | /* One can only dream. */ | ||
| − | + | .blink { animation: blink 1s step-end infinite; } | |
| − | + | .marquee { | |
| + | display: flex; | ||
| + | overflow: hidden; | ||
| + | animation: marquee 20s linear infinite; | ||
| + | } | ||
@keyframes blink { | @keyframes blink { | ||
| Line 8: | Line 12: | ||
@keyframes marquee { | @keyframes marquee { | ||
| − | + | from { | |
| − | + | transform: translateX(0); | |
| + | } | ||
| + | to { | ||
| + | transform: translateX(calc(-100% - 1rem)); | ||
| + | } | ||
} | } | ||
Revision as of 19:56, 12 October 2023
/* One can only dream. */
.blink { animation: blink 1s step-end infinite; }
.marquee {
display: flex;
overflow: hidden;
animation: marquee 20s linear infinite;
}
@keyframes blink {
67% { opacity: 0 }
}
@keyframes marquee {
from {
transform: translateX(0);
}
to {
transform: translateX(calc(-100% - 1rem));
}
}
* {
background-color: black !important;
color: white !important;
}
@keyframes bouncing {
0% {left:0%;}
50% {left:20%;}
100% {left:0%;}
}
span.bounce {
width: fit-content;
position: absolute;
animation-name: bouncing;
animation-duration: 10s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
.mw-wiki-logo {
background-color: white !important;
filter: invert(100%);
}
a {
background-color: black !important;
color: #88F !important;
}
a:visited {
color: #AAD !important;
}
a:hover {
color: #F00 !important;
}
a:active {
background-color: white !important;
color: black !important;
}
