inverse.js

   1 /*
   2  * CSS from NightShift - Eye Care by vetinari
   3  * http://userstyles.org/styles/18192
   4  */
   5
   6 function inverse() {
   7         var css = "
   8             body, html { min-height: 100%!important; }
   9             html, body { background-color:#111!important }
  10             body>*:not(:empty) { background-color:#222!important }
  11             body>*>*:not(:empty) { background-color:#222!important }
  12             body>*>*>*:not(:empty) { background-color:#282828!important }
  13             body>*>*>*>*:not(:empty) { background-color:#282828!important }
  14             body>*>*>*>*>*:not(:empty) {background-color:#383838!important }
  15             body>*>*>*>*>* * { background-color:#383838!important }
  16             body table[border=\"0\"] td { background-color:#111!important }
  17             body table table[border=\"0\"] td {
  18                 background-color:#333!important
  19             }
  20             body table table table[border=\"0\"] td {
  21                 background-color:#222!important
  22             }
  23             body table table table table[border=\"0\"] td {
  24                 background-color:#444!important
  25             }
  26             body *:empty { background-color: #252525!important }
  27
  28             body p:not(:empty),
  29             body p *,
  30             body h1,
  31             body h1 *,
  32             body h2,
  33             body h2 *,
  34             body h3,
  35             body h3 *,
  36             body h4,
  37             body h4 *,
  38             body h5,
  39             body h5 *,
  40             body strong>*,
  41             body b>*,
  42             body em>*,
  43             body i>*,
  44             body span>*:not(img){ background:transparent none!important }
  45
  46             body h1,
  47             body h1 *,
  48             body h2,
  49             body h2 *,
  50             p>strong:only-of-type,
  51             p>b:only-of-type{ color: #a98!important }
  52
  53             body h3,
  54             body h3 *,
  55             body h4,
  56             body h4 *{ color: #aaa!important }
  57             *:not([onclick]):not(input):not(a):not(img):not([class^=\"UI\"]),
  58             body a:not(:empty),
  59             div:not([onclick]) {
  60                 background-image:none!important;
  61                 text-indent:0!important
  62             }
  63             *[onclick] { color:#79a!important }
  64             *[onclick]:hover { color:#99a8aa!important }
  65             body hr {
  66                 background: #666 none!important;
  67                 color: #666!important;
  68                 border:1px solid #666!important;
  69                 height: 1px!important;
  70                 overflow:hidden!important;
  71                 display: block!important }
  72             * { color: #c0c0c0!important; border-color:#666!important; }
  73             * body a, body a *{ color: #B6AA7B!important; }
  74             body a:hover, body a:hover * {
  75                 color: #D9C077!important;
  76                 text-decoration: underline!important
  77             }
  78             body img,a[href] img,
  79             a[href] button,
  80             input[type=\"image\"],*[onclick]:empty,
  81             body a:empty{ opacity:.5!important }
  82             body img:hover,
  83             a[href]:hover img,
  84             a[href]:hover button,
  85             *[onclick]:empty:hover,
  86             body a:empty:hover{ opacity:1!important }
  87
  88             body input[type],
  89             body textarea[name],
  90             body input[name],
  91             body input[id],
  92             body select[name] {
  93                 -webkit-appearance:none!important;
  94                 color: #bbb!important;
  95                 -webkit-border-radius:4px !important;
  96                 border-width: 1px!important;
  97                 border-color: #778!important;
  98                 border-style:solid!important;
  99                 background:#555 none!important
 100             }
 101             body select[name] {
 102                 -webkit-appearance:none!important;
 103                 color: #bbb!important;
 104                 -webkit-border-radius:4px !important;
 105                 border-width: 1px!important;
 106                 border-color: #778!important;
 107                 border-style:solid!important;
 108                 background-color:#555!important
 109             }
 110             body input>*, body textarea>* {
 111                 background:transparent none!important;
 112                 color: #bbb!important;
 113                 border-style:solid!important;
 114                 border-width: 0px!important;
 115             }
 116             body select * {
 117                 background-color:transparent !important;
 118                 color: #bbb!important;
 119                 border-style:solid!important;
 120                 border-width: 0px!important;
 121             }
 122             pre:not(:empty),
 123             code:not(:empty),
 124             cite:not(:empty),
 125             pre:not(:empty) *,
 126             code:not(:empty) *,
 127             cite:not(:empty) * {
 128                 background-image:url(data:image/gif; base64,
 129                 R0lGODlhBAAEAIAAABERESIiIiH5BAAAAAAALAAAAAAEAAQAAAIGTACXaHkFADs=
 130                 )
 131             !important;
 132             color: #bcc8dc!important;
 133             }";
 134         var heads = document.getElementsByTagName("head");
 135         var orig = inverse;
 136
 137         if (heads.length == 0)
 138                 return function() {};
 139
 140         var node = document.createElement("style");
 141         node.type = "text/css";
 142         node.appendChild(document.createTextNode(css));
 143         heads[0].appendChild(node);
 144         return function() {
 145                 node.parentNode.removeChild(node);
 146                 return orig;
 147         };
 148 }
 149 /*
 150  * CSS from NightShift - Eye Care by vetinari
 151  * http://userstyles.org/styles/18192
 152  */
 153
 154 function inverse() {
 155         var css = "
 156             body, html { min-height: 100%!important; }
 157             html, body { background-color:#111!important }
 158             body>*:not(:empty) { background-color:#222!important }
 159             body>*>*:not(:empty) { background-color:#222!important }
 160             body>*>*>*:not(:empty) { background-color:#282828!important }
 161             body>*>*>*>*:not(:empty) { background-color:#282828!important }
 162             body>*>*>*>*>*:not(:empty) {background-color:#383838!important }
 163             body>*>*>*>*>* * { background-color:#383838!important }
 164             body table[border=\"0\"] td { background-color:#111!important }
 165             body table table[border=\"0\"] td {
 166                 background-color:#333!important
 167             }
 168             body table table table[border=\"0\"] td {
 169                 background-color:#222!important
 170             }
 171             body table table table table[border=\"0\"] td {
 172                 background-color:#444!important
 173             }
 174             body *:empty { background-color: #252525!important }
 175
 176             body p:not(:empty),
 177             body p *,
 178             body h1,
 179             body h1 *,
 180             body h2,
 181             body h2 *,
 182             body h3,
 183             body h3 *,
 184             body h4,
 185             body h4 *,
 186             body h5,
 187             body h5 *,
 188             body strong>*,
 189             body b>*,
 190             body em>*,
 191             body i>*,
 192             body span>*:not(img){ background:transparent none!important }
 193
 194             body h1,
 195             body h1 *,
 196             body h2,
 197             body h2 *,
 198             p>strong:only-of-type,
 199             p>b:only-of-type{ color: #a98!important }
 200
 201             body h3,
 202             body h3 *,
 203             body h4,
 204             body h4 *{ color: #aaa!important }
 205             *:not([onclick]):not(input):not(a):not(img):not([class^=\"UI\"]),
 206             body a:not(:empty),
 207             div:not([onclick]) {
 208                 background-image:none!important;
 209                 text-indent:0!important
 210             }
 211             *[onclick] { color:#79a!important }
 212             *[onclick]:hover { color:#99a8aa!important }
 213             body hr {
 214                 background: #666 none!important;
 215                 color: #666!important;
 216                 border:1px solid #666!important;
 217                 height: 1px!important;
 218                 overflow:hidden!important;
 219                 display: block!important }
 220             * { color: #c0c0c0!important; border-color:#666!important; }
 221             * body a, body a *{ color: #B6AA7B!important; }
 222             body a:hover, body a:hover * {
 223                 color: #D9C077!important;
 224                 text-decoration: underline!important
 225             }
 226             body img,a[href] img,
 227             a[href] button,
 228             input[type=\"image\"],*[onclick]:empty,
 229             body a:empty{ opacity:.5!important }
 230             body img:hover,
 231             a[href]:hover img,
 232             a[href]:hover button,
 233             *[onclick]:empty:hover,
 234             body a:empty:hover{ opacity:1!important }
 235
 236             body input[type],
 237             body textarea[name],
 238             body input[name],
 239             body input[id],
 240             body select[name] {
 241                 -webkit-appearance:none!important;
 242                 color: #bbb!important;
 243                 -webkit-border-radius:4px !important;
 244                 border-width: 1px!important;
 245                 border-color: #778!important;
 246                 border-style:solid!important;
 247                 background:#555 none!important
 248             }
 249             body select[name] {
 250                 -webkit-appearance:none!important;
 251                 color: #bbb!important;
 252                 -webkit-border-radius:4px !important;
 253                 border-width: 1px!important;
 254                 border-color: #778!important;
 255                 border-style:solid!important;
 256                 background-color:#555!important
 257             }
 258             body input>*, body textarea>* {
 259                 background:transparent none!important;
 260                 color: #bbb!important;
 261                 border-style:solid!important;
 262                 border-width: 0px!important;
 263             }
 264             body select * {
 265                 background-color:transparent !important;
 266                 color: #bbb!important;
 267                 border-style:solid!important;
 268                 border-width: 0px!important;
 269             }
 270             pre:not(:empty),
 271             code:not(:empty),
 272             cite:not(:empty),
 273             pre:not(:empty) *,
 274             code:not(:empty) *,
 275             cite:not(:empty) * {
 276                 background-image:url(data:image/gif; base64,
 277                 R0lGODlhBAAEAIAAABERESIiIiH5BAAAAAAALAAAAAAEAAQAAAIGTACXaHkFADs=
 278                 )
 279             !important;
 280             color: #bcc8dc!important;
 281             }";
 282         var heads = document.getElementsByTagName("head");
 283         var orig = inverse;
 284
 285         if (heads.length == 0)
 286                 return function() {};
 287
 288         var node = document.createElement("style");
 289         node.type = "text/css";
 290         node.appendChild(document.createTextNode(css));
 291         heads[0].appendChild(node);
 292         return function() {
 293                 node.parentNode.removeChild(node);
 294                 return orig;
 295         };
 296 }
 297 /*
 298  * CSS from NightShift - Eye Care by vetinari
 299  * http://userstyles.org/styles/18192
 300  */
 301
 302 function inverse() {
 303         var css = "
 304             body, html { min-height: 100%!important; }
 305             html, body { background-color:#111!important }
 306             body>*:not(:empty) { background-color:#222!important }
 307             body>*>*:not(:empty) { background-color:#222!important }
 308             body>*>*>*:not(:empty) { background-color:#282828!important }
 309             body>*>*>*>*:not(:empty) { background-color:#282828!important }
 310             body>*>*>*>*>*:not(:empty) {background-color:#383838!important }
 311             body>*>*>*>*>* * { background-color:#383838!important }
 312             body table[border=\"0\"] td { background-color:#111!important }
 313             body table table[border=\"0\"] td {
 314                 background-color:#333!important
 315             }
 316             body table table table[border=\"0\"] td {
 317                 background-color:#222!important
 318             }
 319             body table table table table[border=\"0\"] td {
 320                 background-color:#444!important
 321             }
 322             body *:empty { background-color: #252525!important }
 323
 324             body p:not(:empty),
 325             body p *,
 326             body h1,
 327             body h1 *,
 328             body h2,
 329             body h2 *,
 330             body h3,
 331             body h3 *,
 332             body h4,
 333             body h4 *,
 334             body h5,
 335             body h5 *,
 336             body strong>*,
 337             body b>*,
 338             body em>*,
 339             body i>*,
 340             body span>*:not(img){ background:transparent none!important }
 341
 342             body h1,
 343             body h1 *,
 344             body h2,
 345             body h2 *,
 346             p>strong:only-of-type,
 347             p>b:only-of-type{ color: #a98!important }
 348
 349             body h3,
 350             body h3 *,
 351             body h4,
 352             body h4 *{ color: #aaa!important }
 353             *:not([onclick]):not(input):not(a):not(img):not([class^=\"UI\"]),
 354             body a:not(:empty),
 355             div:not([onclick]) {
 356                 background-image:none!important;
 357                 text-indent:0!important
 358             }
 359             *[onclick] { color:#79a!important }
 360             *[onclick]:hover { color:#99a8aa!important }
 361             body hr {
 362                 background: #666 none!important;
 363                 color: #666!important;
 364                 border:1px solid #666!important;
 365                 height: 1px!important;
 366                 overflow:hidden!important;
 367                 display: block!important }
 368             * { color: #c0c0c0!important; border-color:#666!important; }
 369             * body a, body a *{ color: #B6AA7B!important; }
 370             body a:hover, body a:hover * {
 371                 color: #D9C077!important;
 372                 text-decoration: underline!important
 373             }
 374             body img,a[href] img,
 375             a[href] button,
 376             input[type=\"image\"],*[onclick]:empty,
 377             body a:empty{ opacity:.5!important }
 378             body img:hover,
 379             a[href]:hover img,
 380             a[href]:hover button,
 381             *[onclick]:empty:hover,
 382             body a:empty:hover{ opacity:1!important }
 383
 384             body input[type],
 385             body textarea[name],
 386             body input[name],
 387             body input[id],
 388             body select[name] {
 389                 -webkit-appearance:none!important;
 390                 color: #bbb!important;
 391                 -webkit-border-radius:4px !important;
 392                 border-width: 1px!important;
 393                 border-color: #778!important;
 394                 border-style:solid!important;
 395                 background:#555 none!important
 396             }
 397             body select[name] {
 398                 -webkit-appearance:none!important;
 399                 color: #bbb!important;
 400                 -webkit-border-radius:4px !important;
 401                 border-width: 1px!important;
 402                 border-color: #778!important;
 403                 border-style:solid!important;
 404                 background-color:#555!important
 405             }
 406             body input>*, body textarea>* {
 407                 background:transparent none!important;
 408                 color: #bbb!important;
 409                 border-style:solid!important;
 410                 border-width: 0px!important;
 411             }
 412             body select * {
 413                 background-color:transparent !important;
 414                 color: #bbb!important;
 415                 border-style:solid!important;
 416                 border-width: 0px!important;
 417             }
 418             pre:not(:empty),
 419             code:not(:empty),
 420             cite:not(:empty),
 421             pre:not(:empty) *,
 422             code:not(:empty) *,
 423             cite:not(:empty) * {
 424                 background-image:url(data:image/gif; base64,
 425                 R0lGODlhBAAEAIAAABERESIiIiH5BAAAAAAALAAAAAAEAAQAAAIGTACXaHkFADs=
 426                 )
 427             !important;
 428             color: #bcc8dc!important;
 429             }";
 430         var heads = document.getElementsByTagName("head");
 431         var orig = inverse;
 432
 433         if (heads.length == 0)
 434                 return function() {};
 435
 436         var node = document.createElement("style");
 437         node.type = "text/css";
 438         node.appendChild(document.createTextNode(css));
 439         heads[0].appendChild(node);
 440         return function() {
 441                 node.parentNode.removeChild(node);
 442                 return orig;
 443         };
 444 }