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