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

Explain xkcd: It's 'cause you're dumb.
Jump to: navigation, search
 
(265 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
/* One can only dream. */
+
/* NQH's totally cool and amazingly radical dark mode */
−
.blink { animation: blink 1s step-end infinite; }
+
/* Licensed CC0-1.0, no rights reserved. */
−
.marquee {
 
−
display: flex;
 
−
overflow: hidden;
 
−
animation: marquee 40s linear infinite;
 
−
animation-delay: -10s;
 
−
}
 
  
−
@keyframes blink {
+
/* Sets everything to dark background. */
−
67% { opacity: 0 }
+
body * {background-color: #111 !important; color: #DDD !important;}
−
}
+
div.mw-body, div.mw-body * {background-color: #222 !important;}
  
−
@keyframes marquee {
+
/* Vector */
−
from {
 
−
  transform: translateX(-50%);
 
−
}
 
−
to {
 
−
  transform: translateX(150%);
 
−
}
 
−
}
 
  
−
@keyframes rainbow {
+
.mw-wiki-logo {background-color: #00000000 !important; filter: invert(100%);}
−
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 {
+
/* Monobook */
−
0% { color: #F33; }
 
−
16% { color: #FF3; }
 
−
33% { color: #3F3; }
 
−
50% { color: #3FF; }
 
−
67% { color: #33F; }
 
−
83% { color: #F3F; }
 
−
100% { color: #F33; }
 
−
}
 
  
−
.rainbow {
+
div#column-one > div#p-cactions > div.pBody > ul > li > a {background-color: #222 !important;}
−
border: 5px solid black;
 
−
padding: 5px;
 
−
animation: rainbow 10s linear infinite !important;
 
−
}
 
  
−
.rainbowtext {
+
/* Modern */
−
animation: rainbowtext 10s linear infinite !important;
 
−
}
 
  
−
.displaynot {
+
div#mw_header, div#mw_header h1#firstHeading {background-color: #000 !important;}
−
width: 0px !important;
+
div#mw_content {background-color: #222 !important;}
−
height: 0px !important;
 
−
font-size: 0px !important;
 
−
}
 
  
−
:not(.rainbow,body,.rainbow *, a) {
+
/* Cologne blue */
−
background-color: black !important;
 
−
color: white !important;
 
−
}
 
  
−
.rainbow * {
+
/* Diff. */
−
background-color: #00000000 !important;
+
td.diff-context, td.diff-context * {color: #777 !important; border-color: #333 !important;}
−
color: black !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;}
  
−
@keyframes bouncing {
+
/* Numbers in history view. */
−
0%  {left:0%;}
+
span.mw-plusminus-pos {color: #5F5 !important;}
−
50%  {left:20%;}
+
span.mw-plusminus-neg {color: #F55 !important;}
−
100% {left:0%;}
+
strong.mw-plusminus-pos {color: #0F0 !important; font-size: 1.2em;}
−
}
+
strong.mw-plusminus-neg {color: #0F0 !important; font-size: 1.2em;}
  
−
span.bounce {
+
/* Links. */
−
width: fit-content;
+
a[href$="redlink=1"] {color: #F00 !important; text-decoration: line-through !important;}
−
position: absolute;
+
a:not([href$="redlink=1"]) {color: #88F !important;}
−
animation: bouncing 10s linear infinite;
+
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;}
−
.mw-wiki-logo {
 
−
background-color: white !important;
 
−
filter: invert(100%);
 
−
}
 
−
 
 
−
a {
 
−
color: #88F !important;
 
−
}
 
−
 
 
−
a:visited {
 
−
color: #AAD !important;
 
−
}
 
−
 
 
−
a:hover {
 
−
animation: rainbowtext 1s linear infinite !important;
 
−
}
 
−
 
 
−
a:active {
 
−
background-color: white !important;
 
−
color: black !important;
 
−
}
 
−
 
 
−
a[href="wiki/index.php/User:Certified_nqh"] {
 
−
animation: rainbow 0.5s linear infinite;
 
−
font-size: 1.5em;
 
−
font-weight: bold;
 
−
background-color: white;
 
−
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"