Difference between revisions of "User:Certified nqh/common.css"

Revision as of 23:26, 19 October 2023

/* This style sheet works with all skins. */
/* Made by NQH */

/* Keyframes */
@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: #F99; }
 16% { color: #FF9; }
 33% { color: #9F9; }
 50% { color: #9FF; }
 67% { color: #99F; }
 83% { color: #F9F; }
 100% { color: #F99; }
}

@keyframes punch {
 from{font-size: 2em;}
 to  {font-size: 1em;}
}

@keyframes sizedouble {
 from{font-size: 1em;}
 to  {font-size: 2em;}
}

@keyframes sizehalve {
 from{font-size: 1em;}
 to  {font-size: 0.5em;}
}

@keyframes sizezero {
 from{font-size: 1em;}
 to  {font-size: 0em;}
}

/* The Actual style in the Style Sheet */

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

.oscillate {
 animation: sizedouble 1s linear infinite alternate;
}

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

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

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

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

a:hover {
 animation: rainbowtext 0.25s linear infinite, punch 0.5s;
 font-weight: bold;
}

a:active {
 animation: rainbow 0.25s linear infinite;
 color: black !important;
}