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

Explain xkcd: It's 'cause you're dumb.
Jump to: navigation, search
Line 1: Line 1:
−
/* This style sheet works with all skins. */
+
/* NQH's totally cool and amazingly radical dark mode */
−
/* Made by NQH */
+
:not(a, .mw-wiki-logo) {
−
 
 
−
/* 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;
 
  background-color: black !important;
 
  color: white !important;
 
  color: white !important;
−
}
 
−
 
−
.rainbow * {
 
−
background-color: #00000000 !important;
 
−
color: black;
 
 
}
 
}
  
Line 74: Line 8:
 
  background-color: white !important;
 
  background-color: white !important;
 
  filter: invert(100%);
 
  filter: invert(100%);
 +
}
 +
 +
a {
 +
color: #88F !important;
 +
}
 +
 +
a:visited {
 +
color: #AAF !important;
 
}
 
}
  
 
a:hover {
 
a:hover {
−
  animation: rainbowtext 0.25s linear infinite, punch 0.5s;
+
  color: #AAF !important;
−
  font-weight: bold;
+
text-decoration: underline !important;
 +
  font-weight: bold !important;
 
}
 
}
  
 
a:active {
 
a:active {
−
  animation: rainbow 0.25s linear infinite;
+
  color: #FFF !important;
−
  color: black !important;
+
text-decoration: underline !important;
 +
  font-weight: bold !important;
 
}
 
}

Revision as of 23:25, 19 October 2023

/* NQH's totally cool and amazingly radical dark mode */
:not(a, .mw-wiki-logo) {
 background-color: black !important;
 color: white !important;
}

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

a {
 color: #88F !important;
}

a:visited {
 color: #AAF !important;
}

a:hover {
 color: #AAF !important;
 text-decoration: underline !important;
 font-weight: bold !important;
}

a:active {
 color: #FFF !important;
 text-decoration: underline !important;
 font-weight: bold !important;
}
Retrieved from "https://www.explainxkcd.com/wiki/index.php?title=User:Certified_nqh/common.css&oldid=326431"