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:
/* NQH's totally cool and amazingly radical dark mode */
+
/* This style sheet works with all skins. */
 +
/* Made by NQH */
  
/* Sets everything to dark background. */
+
/* Set text color and BG color */
body * {background-color: #111 !important; color: #DDD !important;}
+
:not(body, a) {color: #CCC !important; border-width: 1px !important; border-color: #222 !important;}
div.mw-body, div.mw-body * {background-color: #222 !important;}
+
:not(span) {background-color: #020304 !important; font-family: Courier;}
  
/* Vector */
+
/* Diff */
 
 
.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-context, td.diff-context * {color: #777 !important; border-color: #333 !important;}
 
td.diff-deletedline {border-color: #F33 !important;}
 
td.diff-deletedline {border-color: #F33 !important;}
Line 27: Line 13:
 
ins.diffchange-inline {color: #5F5 !important;}
 
ins.diffchange-inline {color: #5F5 !important;}
  
/* Numbers in history view. */
+
/* History */
 
span.mw-plusminus-pos {color: #5F5 !important;}
 
span.mw-plusminus-pos {color: #5F5 !important;}
 
span.mw-plusminus-neg {color: #F55 !important;}
 
span.mw-plusminus-neg {color: #F55 !important;}
Line 33: Line 19:
 
strong.mw-plusminus-pos {color: #0F0 !important; font-size: 1.2em;}
 
strong.mw-plusminus-pos {color: #0F0 !important; font-size: 1.2em;}
  
/* Links. */
+
/* I use Courier font, make the placeholder text in the search box not real. */
a[href$="redlink=1"] {color: #F00 !important; text-decoration: line-through !important;}
+
input[name="search"]::placeholder {opacity: 0 !important;}
a:not([href$="redlink=1"]) {color: #88F !important;}
+
 
a:visited:not([href$="redlink=1"]) {color: #AAF !important;}
+
/* I don't even use Vector. */
a:hover:not([href$="redlink=1"]) {color: #AAF !important; text-decoration: underline !important; font-weight: bold !important;}
+
.mw-wiki-logo {background-color: white !important; filter: invert(100%);}
a:active:not([href$="redlink=1"]) {color: #FFF !important; text-decoration: underline !important; font-weight: bold !important;}
+
 
 +
a[href$="redlink=1"] {text-decoration: line-through !important; color: #922 !important;}
 +
a:not([href$="redlink=1"]) {color: #2C2 !important;}
 +
a:visited:not([href$="redlink=1"]) {color: #5C5 !important;}
 +
a:hover:not([href$="redlink=1"]) {font-weight: bold; text-decoration: underline overline !important;}
 +
a:active:not([href$="redlink=1"]) {color: #FF0 !important;}

Revision as of 20:23, 23 October 2023

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

/* Set text color and BG color */
:not(body, a) {color: #CCC !important; border-width: 1px !important; border-color: #222 !important;}
:not(span) {background-color: #020304 !important; font-family: Courier;}

/* 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;}

/* History */
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-pos {color: #0F0 !important; font-size: 1.2em;}

/* I use Courier font, make the placeholder text in the search box not real. */
input[name="search"]::placeholder {opacity: 0 !important;}

/* I don't even use Vector. */
.mw-wiki-logo {background-color: white !important; filter: invert(100%);}

a[href$="redlink=1"] {text-decoration: line-through !important; color: #922 !important;}
a:not([href$="redlink=1"]) {color: #2C2 !important;}
a:visited:not([href$="redlink=1"]) {color: #5C5 !important;}
a:hover:not([href$="redlink=1"]) {font-weight: bold; text-decoration: underline overline !important;}
a:active:not([href$="redlink=1"]) {color: #FF0 !important;}