Advertisement
Galinoa

Browser - uBlock Origin Restyled Popup

Apr 28th, 2017
322
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 4.17 KB | None | 0 0
  1. @-moz-document url(chrome://browser/content/browser.xul) {
  2.   #ublock0-button label.toolbarbutton-badge {
  3.     background: #242424 !important;
  4.     border-radius: 20px !important;
  5.     font-size: 9px !important;
  6.     padding: 0px 3px !important; } }
  7.   /* ↑ if you don't want the badge edit, delete ALL this up here ↑ */
  8.  
  9. @-moz-document url(chrome://ublock0/content/popup.html) {
  10.   #panes h2 {
  11.     color: white !important;
  12.     font-size: 10px !important;
  13.     font-weight: bold !important;
  14.     text-transform: uppercase !important;
  15.     background-color: #484848 !important;
  16.   }
  17.   #switch span.fa {
  18.     font-size: 26px !important;
  19.   }
  20.   #switch .fa {
  21.     color: #7db67c;
  22.   }
  23.   #gotoPrefs {
  24.     position: absolute !important;
  25.     bottom: 0px !important;
  26.     font-size: 8px !important;
  27.     text-transform: uppercase !important;
  28.     width: 100% !important;
  29.     background-color: white !important;
  30.     margin-bottom: -5px !important;
  31.   }
  32.   #gotoPrefs #version {
  33.     font-size: 8px !important;
  34.   }
  35.   #gotoPrefs span.fa {
  36.     display: none !important;
  37.   }
  38.   body {
  39.     padding-bottom: 15px;
  40.   }
  41.   #refresh {
  42.     background-color: #cf4747 !important;
  43.     border: 0px !important;
  44.     border-radius: 0px !important;
  45.     color: #EAEAEA;
  46.     display: none;
  47.     font-size: 24px !important;
  48.     left: 0px !important;
  49.     right: 0px !important;
  50.     line-height: 1.10 !important;
  51.     padding: 8px 8px !important;
  52.     position: absolute !important;
  53.     top: 0px !important;
  54.   }
  55.   #refresh:hover {
  56.     /*transform: rotate(30deg);*/
  57.     transition-duration: 0.2s;
  58.     color: #484848 !important;
  59.   }
  60.   #extraTools {
  61.     padding: 2px 0 4px 0 !important;
  62.   }
  63.   #extraTools > span {
  64.     font-size: 0px !important;
  65.     margin: 0 8px !important;
  66.     position: relative;
  67.     width: 16px;
  68.     height: 16px;
  69.     opacity: 0.6;
  70.     transition-duration: 0.2s;
  71.   }
  72.   #extraTools > span:hover {
  73.     opacity: 1;
  74.     transition-duration: 0.2s;
  75.   }
  76.   #no-popups {
  77.     background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAJNJREFUOI2l0rEJAkEQheFvD7UNwRKMtA4RrEPECgQT+9DAPhQMrMA2DNTAwGQ5Fpy9e7DBPHb+GXhDT6WCt8Aw2P9qCuYan+Dblqin4HQ45xscMa9oBjkg4dIH0EkNHpj1Adxw7QoYFLy3eBJP2eea+DalDcZYBQFLHNqAPUZBwC4vqi6vbSS/GO9BwBSTioH/9QX5kRvrrZlnVQAAAABJRU5ErkJggg==');
  78.   }
  79.   #no-large-media {
  80.     background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAPxJREFUOI3N0k0rhGEUBuBreGMx2aDETllYSpbWk7CVkt0s/RORlbKSyUbNpNjIH7DQZOMjNCvFH7BjMRbvGT1N7zSsuOvUec7Hfe6ec/hrlH5RO4dZbOE1YuUMNZR7NF1jO/w97KONLGLtflPPEv+kqKCEMexgpCC/gGb48zhIFH1jHRv9pBQoGsRkFio+fkjwiQlUsYipgSQ5hCM84RQNXKKFtaiZwS6usIJWlhAs4QZ3uMcFjmPaIepBtplKShU0sYpKEMF5ND/HezoIhjtNqYK3aE5RD+vgRf55DdxiPMM7lrvIemFUfng1+YofS/ItVBTfQTcewv4RvgClai1lFJCFxAAAAABJRU5ErkJggg==');
  81.   }
  82.   #no-cosmetic-filtering {
  83.     background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAPVJREFUOI2N0r1KA0EUBeBv408QG0kjKWzsbLTxJYQUYiWIL6CvoHWeQrAMwS5oYWFnJ/gAYi1YWCjBwt9iZ8MoM8MeGPZy7pkzM2cveexhgkvs5kRVwWCCMb5wiJ2UaL5gMMVnWNOCLotRVF/kRJ2CQZWpWxt0o3ohJ2oyWFSHtBT1euHkDlawH/XecYWPuUAMw/cV32Gd4xk/uAuGTW8NA9w0jtmQChhRzqAVmgxu8YaXlvt6OEleqSVmT049ocJmgu9jFWcxmRrlAQ78/W1b2FCP9XIs/n+DCkcJ09MEN9vQ4BEPuMYx7qPeNp7UM9AP3Dr8Aq0QKAh+gDZPAAAAAElFTkSuQmCC');
  84.   }
  85.   #no-remote-fonts {
  86.     background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABPElEQVR4Xo2SwW2DQBBFYwlfsIQBCXywBOHEgQO4ApcAJaQDJxXYqYASSAfQgZMKcA4+O1dOuAGYfKLB2iyYBOlpNP8zo8+yswfp2Ww2LsqXIB3KsnzlZoAiC03TJJL0BO4uGCQIgqBEiSQ5Op/Pn38m8H3fRYJ+uACJkOJlegHHn81uoQ7gUUozjed5JSBQc78Hx38NO44TAmKyTnNdNwRb9i/sXUYXrNfrFBATS14MSCAUzmD4+4goWq1WEZr3qqo+BO8EosGhWpYVAhphy34NyLbt/r36V3zDMFLTNIkpwRHk7MW93vXsU6ffFmiaVgPq0HV9CUn0MvZ23O+5z36GF4tFDIjJxWFVVZesj1F3viLd/UJc0LZt711xwU7iIaPogP07zOfzHBDYSXrKeq5MLRDSFZL+hvIMkm+dKIZi93ERXAAAAABJRU5ErkJggg==');
  87.   }
  88.   .statName .tool {
  89.     font-size: 12px !important;
  90.   }
  91.   #tooltip {
  92.     background-color: #fafafa;
  93.     border: 0px !important;
  94.     border-radius: 2px;
  95.     box-shadow: 1px 1px 4px gray;
  96.     color: #484848;
  97.     font: 11px sans-serif;
  98.   }
  99. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement