dwb/userstyles/wikipedia.org.css

   1 /* Wikipedia Dark Theme v1.0.4 (12/22/2014)
   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   .dwb_hint {
  15       background-color: #222222 ! important;
  16   }
  17
  18   /*** Overall ***/
  19   * {
  20     color: #9a9a9a !important;
  21   }
  22
  23   a, .CategoryTreeToggle {
  24     color: /*[[base-color]]*/ #4183C4 !important;
  25   }
  26
  27   a:visited {
  28     color: #ccc !important;
  29   }
  30
  31   a:hover, a:hover span {
  32     color: #fff !important;
  33     text-decoration: underline !important;
  34   }
  35
  36   /*** Red links (non-existant pages) ***/
  37   a.new {
  38     color: #980000 !important;
  39   }
  40
  41   /*** Background ***/
  42   html, body {
  43     background-color: #222 !important;
  44     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;
  45     background-clip: border-box !important;
  46     background-origin: padding-box !important;
  47     /*[[bg-options]]*/
  48     /*[[bg-options2]]*/
  49   }
  50
  51   .mw-ui-button, .mw-ui-button * {
  52     background-color: /*[[base-color]]*/ #4183C4 !important;
  53     color: #fff !important;
  54   }
  55
  56   #mw-page-base, div.vectorTabs, div.vectorTabs * {
  57     background-image: none !important;
  58   }
  59
  60   #bodyContent pre, #bodyContent code, span.plainlinks * {
  61     background-color: #111 !important;
  62   }
  63
  64   table, input, button, select,
  65   tr[style*="background: antiquewhite;"], #toc, td[style*="background-color"], td[style*="background:#F5FAFF"],
  66   #mw-content-text div[style*="background: #"], .vevent td, .referencetooltip li, .suggestions,
  67   .mw-ui-button[style*="background"], .mw-ui-button[style*="background"] * {
  68     background-color: #222 !important;
  69   }
  70
  71   table[style*="background-color:#fff;"], .search-form fieldset, table.ambox, tr[style*="background-color: #fff;"],
  72   .mw-ui-button[style*="background-color:#008B6D"], tr[style*="background-color: #f5faff;"] {
  73     background-color: #282828 !important;
  74   }
  75
  76   table.wikitable > tr > th, table.wikitable > * > tr > th {
  77     background-color: #333 !important; /* don't include !important flag */
  78   }
  79
  80   td[style*="background: #ececec;"], th[style*="background:#eee"], th[style*="background-color: #eee"],
  81   tr[style*="background-color: #f7f7f7;"], th[style*="background:#F2F2F2"], #filetoc, .toccolours,
  82   th[style*="background:#F9F9F9"], table.plainlinks, th[style*="background-color: lightgrey"],
  83   th[style*="background:#ddd"], .infobox th[style*="background"], .infobox td[style*="background"] {
  84     background-color: #333 !important;
  85   }
  86
  87   hr {
  88     background-color: #555 !important;
  89   }
  90
  91   /*** Background Color Styles ***/
  92   /* Red */
  93   td[style*="background: #FDD;"] {
  94     background: #722 !important;
  95   }
  96
  97   /* Green */
  98   #mp-left h2, #mp-left h2 span, td[style*="background: #99FF99;"] {
  99     background: #244024 !important;
 100   }
 101
 102   /* Blue */
 103   div[style*="background"] h2, div[style*="background"] h2 *, #mp-right h2, #mp-right h2 span, .navbox th,
 104   .navbox-title, .navbox-title *, tr[style*="background-color:tan;"],
 105   div[style*="background: #444444;"], div[style*="background: #444444;"] *,
 106   ol.references li:target, sup.reference:target, span.citation:target,
 107   ol.references li:target *, sup.reference:target *, span.citation:target *,
 108   td[style*="background:#CEDFF2"], tr[bgcolor="#CEDFF2"], table[style*="background-color:#cef2e0"] * {
 109     background-color: #182030 !important;
 110   }
 111
 112   .navbox-abovebelow, th.navbox-group, .navbox-subgroup .navbox-title,
 113   .navbox-abovebelow *, th.navbox-group *, .navbox-subgroup .navbox-title * {
 114     background-color: #212C43 !important;
 115   }
 116
 117   /* Purple */
 118   #mp-bottom h2, #mp-bottom h2 span {
 119     background-color: #382B4A !important;
 120   }
 121
 122   /* Brown */
 123   #mp-center h2, #mp-center h2 span {
 124     background-color: #383812 !important;
 125   }
 126
 127   /*** Border ***/
 128   div, span, table, tr:not([style*="border-bottom"]), th, td:not([style*="border-bottom"]),
 129   h1, h2, h3, h4, h5, h6, ul, li, input, select {
 130     border-color: #555 !important;
 131   }
 132
 133   td[style*="border-bottom"] {
 134     border-right-color: #555 !important;
 135     border-left-color: #555 !important;
 136     border-top-color: #555 !important;
 137   }
 138
 139   #content, #toc {
 140     -moz-border-radius: 10px !important;
 141     -webkit-border-radius: 10px !important;
 142     border-radius: 10px !important;
 143   }
 144
 145   div.vectorTabs li:not(.selected) {
 146     border-bottom: #555 1px solid !important;
 147   }
 148
 149   /* arrow down */
 150   .referencetooltip > li + li, .referencetooltip > li + li::after {
 151     border-top-color: #555 !important;
 152     border-right-color: transparent !important;
 153     border-left-color: transparent !important;
 154   }
 155
 156   /* Orange */
 157   #centralNotice > div {
 158     border-color: #e08b26 !important;
 159   }
 160
 161   table.ambox-content, table.ambox-style {
 162     border-left-color: #e08b26 !important;
 163   }
 164
 165   /* add border */
 166   div.vectorTabs li.selected {
 167     border-bottom: #e08b26 1px solid !important;
 168   }
 169
 170   /*** Text ***/
 171   .wikitable th {
 172     color: #fff !important;
 173   }
 174
 175   .CategoryTreeEmptyBullet {
 176     color: #ccc !important;
 177   }
 178
 179   /*** Misc ***/
 180   #p-cactions li.selected a, #p-cactions li a, #p-cactions li a:hover {
 181     padding: 0 1em 0.1em !important;
 182   }
 183
 184   ul, .portlet li {
 185     list-style-image: none !important;
 186   }
 187
 188   table[style*="border:4px ridge"] {
 189     border: none !important;
 190   }
 191
 192   /*** invert images ***/
 193   img[title="Wikipedia"], .bookshelf-container .bookend, img.mwe-math-fallback-image-inline,
 194   #mw-wsmfinal-close, img[src*="Speaker_Icon"], .infobox img[src*=".svg"], img[src*=".png"]:active {
 195     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");
 196     -webkit-filter: invert(100%) !important;
 197     background-color: transparent !important;
 198   }