Difference between revisions of "User:Certified nqh/common.css"
| Line 5: | Line 5: | ||
overflow: hidden; | overflow: hidden; | ||
width: 100%; | width: 100%; | ||
| − | animation: marquee | + | animation: marquee 20s linear infinite; |
} | } | ||
| Line 13: | Line 13: | ||
@keyframes marquee { | @keyframes marquee { | ||
| − | + | from { | |
transform: translateX(0%); | transform: translateX(0%); | ||
} | } | ||
| − | + | to { | |
transform: translateX(calc(100% - 1rem)); | transform: translateX(calc(100% - 1rem)); | ||
| − | |||
| − | |||
| − | |||
} | } | ||
} | } | ||
Revision as of 20:09, 12 October 2023
/* One can only dream. */
.blink { width: fit-content; animation: blink 1s step-end infinite; }
.marquee {
display: flex;
overflow: hidden;
width: 100%;
animation: marquee 20s linear infinite;
}
@keyframes blink {
67% { opacity: 0.5 }
}
@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;
}
