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

Explain xkcd: It's 'cause you're dumb.
Jump to: navigation, search
 
(150 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
/* This style sheet works with all skins. */
+
/* NQH's totally cool and amazingly radical dark mode */
−
/* Made by NQH */
+
/* Licensed CC0-1.0, no rights reserved. */
  
−
/* Keyframes */
+
/* Sets everything to dark background. */
−
@keyframes rainbow {
+
body * {background-color: #111 !important; color: #DDD !important;}
−
0% { background-color: #FCC; border-color: #CFF; }
+
div.mw-body, div.mw-body * {background-color: #222 !important;}
−
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 {
+
/* Vector */
−
0% { color: #F99; }
 
−
16% { color: #FF9; }
 
−
33% { color: #9F9; }
 
−
50% { color: #9FF; }
 
−
67% { color: #99F; }
 
−
83% { color: #F9F; }
 
−
100% { color: #F99; }
 
−
}
 
  
−
@keyframes punch {
+
.mw-wiki-logo {background-color: #00000000 !important; filter: invert(100%);}
−
from{font-size: 2em;}
 
−
to  {font-size: 1em;}
 
−
}
 
  
−
@keyframes sizedouble {
+
/* Monobook */
−
from{font-size: 1em;}
 
−
to  {font-size: 2em;}
 
−
}
 
  
−
@keyframes sizehalve {
+
div#column-one > div#p-cactions > div.pBody > ul > li > a {background-color: #222 !important;}
−
from{font-size: 1em;}
 
−
to  {font-size: 0.5em;}
 
−
}
 
  
−
@keyframes sizezero {
+
/* Modern */
−
from{font-size: 1em;}
 
−
to  {font-size: 0em;}
 
−
}
 
  
−
/* The Actual style in the Style Sheet */
+
div#mw_header, div#mw_header h1#firstHeading {background-color: #000 !important;}
 +
div#mw_content {background-color: #222 !important;}
  
−
.rainbow {
+
/* Cologne blue */
−
border: 5px solid black;
 
−
padding: 5px;
 
−
animation: rainbow 10s linear infinite !important;
 
−
}
 
  
−
.oscillate {
+
/* Diff. */
−
animation: sizedouble 1s linear infinite alternate;
+
td.diff-context, td.diff-context * {color: #777 !important; border-color: #333 !important;}
−
}
+
td.diff-deletedline {border-color: #F33 !important;}
 +
td.diff-addedline {border-color: #3F3 !important;}
 +
del.diffchange-inline {color: #F55 !important;}
 +
ins.diffchange-inline {color: #5F5 !important;}
  
−
.displaynot {
+
/* Numbers in history view. */
−
width: 0px !important;
+
span.mw-plusminus-pos {color: #5F5 !important;}
−
height: 0px !important;
+
span.mw-plusminus-neg {color: #F55 !important;}
−
font-size: 0px !important;
+
strong.mw-plusminus-pos {color: #0F0 !important; font-size: 1.2em;}
−
}
+
strong.mw-plusminus-neg {color: #0F0 !important; font-size: 1.2em;}
  
−
:not(.rainbow,body,.rainbow *, a, .ignoreformat) {
+
/* Links. */
−
background-color: black !important;
+
a[href$="redlink=1"] {color: #F00 !important; text-decoration: line-through !important;}
−
color: white !important;
+
a:not([href$="redlink=1"]) {color: #88F !important;}
−
}
+
a:visited:not([href$="redlink=1"]) {color: #AAF !important;}
−
 
+
a:hover:not([href$="redlink=1"]) {color: #AAF !important; text-decoration: underline !important; font-weight: bold !important;}
−
.rainbow * {
+
a:active:not([href$="redlink=1"]) {color: #FFF !important; text-decoration: underline !important; font-weight: bold !important;}
−
background-color: #00000000 !important;
 
−
color: black;
 
−
}
 
−
 
 
−
.mw-wiki-logo {
 
−
background-color: white !important;
 
−
filter: invert(100%);
 
−
}
 
−
 
 
−
a[href$="redlink=1"] {
 
−
text-decoration: line-through !important;
 
−
}
 
−
 
 
−
a:not([href$="redlink=1"]) {
 
−
color: #99F !important;
 
−
}
 
−
 
 
−
a:hover:not([href$="redlink=1"]) {
 
−
animation: rainbowtext 0.25s linear infinite, punch 0.5s;
 
−
font-weight: bold;
 
−
}
 
−
 
 
−
a:active:not([href$="redlink=1"]) {
 
−
animation: rainbow 0.25s linear infinite;
 
−
color: black !important;
 
−
}
 

Latest revision as of 20:22, 6 March 2025

/* NQH's totally cool and amazingly radical dark mode */
/* Licensed CC0-1.0, no rights reserved. */

/* Sets everything to dark background. */
body * {background-color: #111 !important; color: #DDD !important;}
div.mw-body, div.mw-body * {background-color: #222 !important;}

/* Vector */

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

/* Monobook */

div#column-one > div#p-cactions > div.pBody > ul > li > a {background-color: #222 !important;}

/* Modern */

div#mw_header, div#mw_header h1#firstHeading {background-color: #000 !important;}
div#mw_content {background-color: #222 !important;}

/* Cologne blue */

/* Diff. */
td.diff-context, td.diff-context * {color: #777 !important; border-color: #333 !important;}
td.diff-deletedline {border-color: #F33 !important;}
td.diff-addedline {border-color: #3F3 !important;}
del.diffchange-inline {color: #F55 !important;}
ins.diffchange-inline {color: #5F5 !important;}

/* Numbers in history view. */
span.mw-plusminus-pos {color: #5F5 !important;}
span.mw-plusminus-neg {color: #F55 !important;}
strong.mw-plusminus-pos {color: #0F0 !important; font-size: 1.2em;}
strong.mw-plusminus-neg {color: #0F0 !important; font-size: 1.2em;}

/* Links. */
a[href$="redlink=1"] {color: #F00 !important; text-decoration: line-through !important;}
a:not([href$="redlink=1"]) {color: #88F !important;}
a:visited:not([href$="redlink=1"]) {color: #AAF !important;}
a:hover:not([href$="redlink=1"]) {color: #AAF !important; text-decoration: underline !important; font-weight: bold !important;}
a:active:not([href$="redlink=1"]) {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=368142"