dwb/userstyles/wikipedia.org.css

   1 /* Wikipedia Dark Theme v1.0.9 (10/3/2015)
   2  * https://github.com/StylishThemes/Wikipedia-Dark
   3  * http://userstyles.org/styles/
   4  * Modified from https://userstyles.org/styles/47161/dark-wikipedia-rounded
   5  */
   6
   7   /* transparent background */
   8   div, span:not(.legend-color), .MainPageBG, .navbox-list, div#mw-head, .mw-wsmfinal-content, #bodyContent,
   9   .referencetooltip > li + li, div.vectorTabs ul li, tr[style*="background:#F5FFFA"],
  10   th[style*="background-color: #fff"] {
  11     background-color: transparent !important;
  12   }
  13
  14   /*** Overall ***/
  15   * {
  16     color: #9a9a9a !important;
  17   }
  18
  19   a, .CategoryTreeToggle, #toc a, #toc a span {
  20     color: /*[[base-color]]*/ #4183C4 !important;
  21   }
  22
  23   a:visited, #toc a:visited, #toc a:visited span {
  24     color: /*[[visited-color]]*/ #ff32a0 !important;
  25   }
  26
  27   a:hover, a:hover span, #toc a:hover, #toc a:hover span {
  28     color: #fff !important;
  29     text-decoration: underline !important;
  30   }
  31
  32   /*** Red links (non-existant pages) ***/
  33   a.new {
  34     color: #980000 !important;
  35   }
  36
  37   /*** Background ***/
  38   html, body {
  39     background-color: #222 !important;
  40     background-image: /*[[bg-choice]]*/ url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkAgMAAAANjH3HAAAACVBMVEUaGhohISElJSUh9lebAAAB20lEQVRIx4XWuZXDMAwE0C0SAQtggIIYoAAEU+aKOHhYojTrYP2+QfOW/5QIJOih/q8HwF/pb3EX+UPIveYcQGgEHiu9hI+ihEc5Jz5KBIlRRRaJ1JtoSAl5Hw96hLB1/up1tnIXOck5jZQy+3iU2hAOKSH1JvwxHsp+5TLF5MOl1/MQXsVs1miXc+KDbYydyMeUgpPQreZ7fWidbNhkXNJSeAhc6qHmHD8AYovunYyEACWEbyIhNeB9fRrH3hFi0bGPLuEW7xCNaohw1vAlS805nfsrTspclB/hVdoqusg53eH7FWot+wjYpOViX8KbFFKTwlnzvj65P9H/vD0/hibYBGhPwlPO8TmxRsaxsNnrUmUXpNhirlJMPr6Hqq9k5Xn/8iYQHYIuQsWFC6Z87IOxLxHphSY4SpuiU87xJnJr5axfeRd+lnMExXpEWPpuZ1v7qZdNBOjiHzDREHX5fs5Zz9p6X0vVKbKKchlSl5rv+3p//FJ/PYvoKryI8vs+2G9lzRmnEKkh+BU8yDk515jDj/HAswu7CCz6U/Mxb/PnC9N41ndpU4hUU7JGk/C9PmP/M2xZYdvBW2PObyf1IUiIzoHmHW9yTncliYs9A9tVNppdShfgQaTLMf+j3X723tLeHgAAAABJRU5ErkJggg==) !important;
  41     background-clip: border-box !important;
  42     background-origin: padding-box !important;
  43     background-attachment: /*[[bg-attachment]]*/ fixed !important;
  44     /*[[bg-options]]*/
  45   }
  46
  47   .mw-ui-button, .mw-ui-button * {
  48     background-color: /*[[base-color]]*/ #4183C4 !important;
  49     color: #fff !important;
  50   }
  51
  52   #mw-page-base, div.vectorTabs, div.vectorTabs *, .wikiEditor-ui-toolbar {
  53     background-image: none !important;
  54   }
  55
  56   #bodyContent pre, #bodyContent code, span.plainlinks * {
  57     background-color: #111 !important;
  58   }
  59
  60   table, input, button, select, textarea,
  61   tr[style*="background: antiquewhite;"], #toc, td[style*="background-color"], td[style*="background:#F5FAFF"],
  62   #mw-content-text div[style*="background: #"], .vevent td, .referencetooltip li, .suggestions,
  63   .mw-ui-button[style*="background"], .mw-ui-button[style*="background"] *, .wikiEditor-ui,
  64   table.navbox.collapsible tr:nth-child(2) > td {
  65     background-color: #222 !important;
  66   }
  67
  68   table[style*="background-color:#fff;"], .search-form fieldset, table.ambox, tr[style*="background-color: #fff;"],
  69   .mw-ui-button[style*="background-color:#008B6D"], tr[style*="background-color: #f5faff;"],
  70   tr[style*="background:#E9E9E9"] > *, table.infobox.hproduct > tbody > tr[style*="background: #F0F0F0;"],
  71   td[style*="background:lightyellow"] {
  72     background-color: #282828 !important;
  73   }
  74
  75   table.wikitable > tr > th, table.wikitable > * > tr > th, div.barbox > table > tbody > tr > th {
  76     background-color: #333; /* don't include !important flag */
  77   }
  78
  79   td[style*="background: #ececec;"], th[style*="background:#eee"], th[style*="background-color: #eee"],
  80   tr[style*="background-color: #f7f7f7;"], th[style*="background:#F2F2F2"], #filetoc, .toccolours,
  81   th[style*="background:#F9F9F9"], table.plainlinks, th[style*="background-color: lightgrey"],
  82   th[style*="background:#ddd"], .infobox th[style*="background"], .infobox td[style*="background"],
  83   td[style*="background:#F2F2F2"] {
  84     background-color: #333 !important;
  85   }
  86
  87   /* remove background image/gradient */
  88   .keyboard-key, div#editpage-specialchars a {
  89     background: #333 !important;
  90     border-color: #555 !important;
  91   }
  92
  93   .keyboard-key {
  94     box-shadow: 0.1em 0.2em 0.2em #444 !important;
  95   }
  96
  97   hr {
  98     background-color: #555 !important;
  99   }
 100
 101   /*** Background Color Styles ***/
 102   /* Red */
 103   td[style*="background: #FDD;"], .table-no {
 104     background: #722 !important;
 105   }
 106
 107   /* Green */
 108   #mp-left h2, #mp-left h2 span, td[style*="background: #99FF99;"], .table-yes {
 109     background: #244024 !important;
 110   }
 111
 112   /* Blue */
 113   div[style*="background"] h2, div[style*="background"] h2 *, #mp-right h2, #mp-right h2 span, .navbox th,
 114   .navbox-title, .navbox-title *, tr[style*="background-color:tan;"],
 115   div[style*="background: #444444;"], div[style*="background: #444444;"] *,
 116   ol.references li:target, sup.reference:target, span.citation:target,
 117   ol.references li:target *, sup.reference:target *, span.citation:target *,
 118   td[style*="background:#CEDFF2"], tr[bgcolor="#CEDFF2"], table[style*="background-color:#cef2e0"] * {
 119     background-color: #182030 !important;
 120   }
 121
 122   .navbox-abovebelow, th.navbox-group, .navbox-subgroup .navbox-title,
 123   .navbox-abovebelow *, th.navbox-group *, .navbox-subgroup .navbox-title * {
 124     background-color: #212C43 !important;
 125   }
 126
 127   /* Purple */
 128   #mp-bottom h2, #mp-bottom h2 span, th[style*="background:lavender"], td[style*="background:lavender"] {
 129     background-color: #382B4A !important;
 130   }
 131
 132   /* Brown */
 133   #mp-center h2, #mp-center h2 span, .table-partial, tr[style*="background:orange"] {
 134     background-color: #321 !important;
 135   }
 136
 137   /*** Border ***/
 138   fieldset {
 139     border-color: /*[[base-color]]*/ #4183C4 !important;
 140   }
 141
 142   div, span, table, tr:not([style*="border-bottom"]), th, td:not([style*="border-bottom"]),
 143   h1, h2, h3, h4, h5, h6, ul, li, input, select, #bodyContent code {
 144     border-color: #555 !important;
 145   }
 146
 147   td[style*="border-bottom"] {
 148     border-right-color: #555 !important;
 149     border-left-color: #555 !important;
 150     border-top-color: #555 !important;
 151   }
 152
 153   div.vectorTabs li:not(.selected) {
 154     border-bottom: #555 1px solid !important;
 155   }
 156
 157   /* arrow down */
 158   .referencetooltip > li + li, .referencetooltip > li + li::after {
 159     border-top-color: #555 !important;
 160     border-right-color: transparent !important;
 161     border-left-color: transparent !important;
 162   }
 163
 164   /* Orange */
 165   #centralNotice > div {
 166     border-color: #e08b26 !important;
 167   }
 168
 169   table.ambox-content, table.ambox-style {
 170     border-left-color: #e08b26 !important;
 171   }
 172
 173   /* add border */
 174   div.vectorTabs li.selected {
 175     border-bottom: #e08b26 1px solid !important;
 176   }
 177
 178   /*** Text ***/
 179   .wikitable th {
 180     color: #fff !important;
 181   }
 182
 183   .CategoryTreeEmptyBullet {
 184     color: #ccc !important;
 185   }
 186
 187   /*** Misc ***/
 188   #p-cactions li.selected a, #p-cactions li a, #p-cactions li a:hover {
 189     padding: 0 1em 0.1em !important;
 190   }
 191
 192   ul, .portlet li {
 193     list-style-image: none !important;
 194   }
 195
 196   table[style*="border:4px ridge"] {
 197     border: none !important;
 198   }
 199
 200   /*** invert images ***/
 201   img[title="Wikipedia"], .bookshelf-container .bookend, img.mwe-math-fallback-image-inline,
 202   #mw-wsmfinal-close, img[src*="Speaker_Icon"], .infobox img[alt*="structure"][src*=".svg"], img[src*=".png"]:active {
 203     filter: url("data:image/svg+xml;utf8, <svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'i\'><feColorMatrix color-interpolation-filters=\'srgb\' values=\'-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0\'/></filter></svg>#i");
 204     -webkit-filter: invert(100%) !important;
 205     background-color: transparent !important;
 206   }
 207
 208   /* grunt build - remove to end of file */