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

Explain xkcd: It's 'cause you're dumb.
Jump to: navigation, search
 
(148 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. */
 +
body * {background-color: #111 !important; color: #DDD !important;}
 +
div.mw-body, div.mw-body * {background-color: #222 !important;}
  
@keyframes punch {
+
/* Vector */
from{font-size: 2em;}
 
to  {font-size: 1em;}
 
}
 
  
@keyframes sizedouble {
+
.mw-wiki-logo {background-color: #00000000 !important; filter: invert(100%);}
from{font-size: 1em;}
 
to  {font-size: 2em;}
 
}
 
  
@keyframes sizehalve {
+
/* Monobook */
from{font-size: 1em;}
 
to  {font-size: 0.5em;}
 
}
 
  
@keyframes sizezero {
+
div#column-one > div#p-cactions > div.pBody > ul > li > a {background-color: #222 !important;}
from{font-size: 1em;}
 
to  {font-size: 0em;}
 
}
 
  
/* The Actual style in the Style Sheet */
+
/* Modern */
  
:not(body, a) {
+
div#mw_header, div#mw_header h1#firstHeading {background-color: #000 !important;}
background-color: black !important;
+
div#mw_content {background-color: #222 !important;}
color: white !important;
 
}
 
  
.mw-wiki-logo {
+
/* Cologne blue */
background-color: white !important;
 
filter: invert(100%);
 
}
 
  
a[href$="redlink=1"] {
+
/* Diff. */
text-decoration: line-through !important;
+
td.diff-context, td.diff-context * {color: #777 !important; border-color: #333 !important;}
color: #F00 !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;}
  
a:not([href$="redlink=1"]) {
+
/* Numbers in history view. */
color: #0F0 !important;
+
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;}
  
a:visited:not([href$="redlink=1"]) {
+
/* Links. */
color: #0FF
+
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"]) {
+
a:hover:not([href$="redlink=1"]) {color: #AAF !important; text-decoration: underline !important; font-weight: bold !important;}
animation: rainbowtext 0.25s linear infinite, punch 0.5s;
+
a:active:not([href$="redlink=1"]) {color: #FFF !important; text-decoration: underline !important; font-weight: bold !important;}
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;}