RiDeag

userChrome

May 31st, 2013
866
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 24.26 KB | None | 0 0
  1. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  2. /*
  3. #main-window {
  4.   margin-top: -16px !important;
  5.   -moz-appearance: -moz-win-glass !important;
  6. }*/
  7.  
  8. #urlbar-reload-button,
  9. .urlbar-history-dropmarker,
  10. #star-button,
  11. #page-proxy-favicon,
  12. #go-button,
  13. #notification-popup-box,
  14. /*#browser-bottombox,
  15. #browser-topbox,*/
  16. #tabbrowser-tabs .scrollbutton-up,
  17. #tabbrowser-tabs .scrollbutton-down,
  18. #browser-border-start,
  19. #browser-border-end,
  20. statusbarpanel,
  21. #identity-box,
  22. #urlbar-container dropmarker,
  23. toolbar#addon-bar toolbarbutton .toolbarbutton-menubutton-dropmarker,
  24. toolbar#addon-bar #addonbar-closebutton,
  25. #appmenu-button,
  26. #appmenu-toolbar-button {
  27.   display: none !important;
  28. }
  29.  
  30. #main-menubar {
  31.   margin-bottom: 20px !important;
  32. }
  33.  
  34. select > button,
  35. select > input {
  36.   opacity: 0 !important;
  37. }
  38.  
  39. #content[disablehistory] {
  40.   background-color: #161616 !important;
  41. }
  42.  
  43. #_dlbar_finTipContent {
  44.   background: #fafafa !important;
  45.   border: 1px solid gray !important;
  46.   border-radius: 0px !important
  47. }
  48.  
  49. /**
  50.     TABS
  51. */
  52.  
  53. #TabsToolbar {
  54.   padding-left: 5px !important;
  55.   border: none !important;
  56. }
  57.  
  58. #main-window .tabbrowser-tab {
  59.   border: 0 !important;
  60.   background: 0 !important;
  61.   border-radius: 0 !important;
  62.   padding: 0 !important;
  63.   box-shadow: none !important;
  64. }
  65.  
  66. #main-window .tabbrowser-tab:first-of-type .tab-stack {
  67.   border-top-left-radius: 2px !important;
  68. }
  69.  
  70. #main-window .tabbrowser-tab:last-of-type .tab-stack {
  71.   border-top-right-radius: 2px !important;
  72. }
  73.  
  74. tab {
  75.   font-family: "Segoe UI", sans-serif !important;
  76.   text-align: center !important;
  77. }
  78.  
  79. #main-window #tabbrowser-tabs tab[fadein]:not([pinned]):first-of-type .tab-stack,
  80. #main-window #tabbrowser-tabs tab[pinned]:first-of-type .tab-stack {
  81.   margin-left: 0px !important;
  82.   border-left-color: rgba(71,79,115,.35) !important;
  83. }
  84.  
  85. #main-window #tabbrowser-tabs tab[fadein]:not([pinned]) {
  86.   min-width: 10px !important;
  87.   max-width: 160px !important;
  88. }
  89.  
  90. .tabbrowser-tab:not([pinned]) .tab-throbber,
  91. .tabbrowser-tab .tab-close-button,
  92. .tabbrowser-tab:not([pinned]) .tab-icon-image {
  93.    visibility: collapse !important;
  94. }
  95.  
  96. /* Tab Height */
  97.  
  98. #main-window .tabbrowser-tab .tab-stack {
  99.   height: 26px !important;
  100.   min-height: 26px !important;
  101. }
  102.  
  103. /* Standard Tabs */
  104.  
  105. #main-window .tabbrowser-tab > .tab-stack {
  106.   border-width: 1px 0 0 1px !important;
  107.   border-style: solid !important;
  108.   border-top-color: rgba(71,79,115,.25) !important;
  109.   border-left-color: rgba(71,79,115,.20) !important;
  110.   background-clip: padding-box !important;
  111.   border-radius: 0 !important;
  112.   padding: 0 2px !important;
  113.   margin-top: 1px !important;
  114.   margin-left: -1px !important;
  115.   box-shadow: 0px -1px 0px rgba(20,23,26,.04),
  116.               0px  1px 0px rgba(255,255,255,.25) inset,
  117.               1px  0px 0px rgba(255,255,255,.15) inset,
  118.              -1px  0px 0px rgba(255,255,255,.15) inset !important;
  119.  
  120. }
  121.  
  122. #main-window .tabbrowser-tab:last-of-type > .tab-stack {
  123.   border-right: 1px solid rgba(71,79,115,.25) !important;
  124. }
  125.  
  126. #main-window .tabbrowser-tab > .tab-stack:not(:-moz-lwtheme)  {
  127.   background-color: #e6e6e6 !important;
  128.   box-shadow: inset 0 -5px 15px -15px rgba(0, 0, 0, .3) !important;
  129.   color: #666 !important;
  130. }
  131.  
  132.  
  133. /* Tab Hover */
  134.  
  135. .tabbrowser-tab:-moz-any(:not([pinned]),[pinned]:not([titlechanged])):not([selected]):hover > .tab-stack {
  136.   background-image: -moz-linear-gradient(rgba(255, 255, 255, .4), rgba(255, 255, 255, .6)) !important;
  137. }
  138.  
  139. /* Selected Tab */
  140.  
  141. #main-window .tabbrowser-tab[selected] .tab-stack {
  142.   background-color: #f2f2f2 !important;
  143.   box-shadow: none !important;
  144.   background-image: -moz-linear-gradient(rgba(255,255,255,.7), rgba(255,255,255,.5) 50%) !important;
  145.   color: #444 !important;
  146. }
  147.  
  148. /* Pinned tab titlechange */
  149.  
  150. .tabbrowser-tab[titlechanged] .tab-icon-image {
  151.   animation: newpost .9s ease infinite;
  152. }
  153.  
  154. .tabbrowser-tab[titlechanged] {}
  155. @keyframes newpost {
  156.   25% {  transform: scale(1.1);   }
  157. }
  158.  
  159. /**
  160.     URL BAR
  161. */
  162.  
  163. #main-window[sizemode=normal] #browser-bottombox {
  164.   border: 0 !important;
  165. }
  166.  
  167. #navigator-toolbox {
  168.   margin-bottom: -1px !important;
  169. }
  170.  
  171. /* url bar container */
  172.  
  173. #nav-bar {
  174.   border-radius: 0 !important;
  175.   background: #f7f7f8 !important;
  176.   -moz-appearance: none !important;
  177.   border-right: none !important;
  178.   border-left: none !important;
  179.   padding: 5px 0 !important;
  180.   margin-top: 1px !important;
  181.   margin-bottom: -1px !important;
  182.   border-bottom: none !important;
  183.   border-top: none !important;
  184. }
  185.  
  186. /* "combines" stop and reload button */
  187. #stop-button[disabled="true"],
  188. #stop-button:not([disabled]) + #reload-button {
  189.   display: none !important;
  190. }
  191.  
  192. toolbarbutton {
  193.   margin: 0 5px !important;
  194. }
  195.  
  196. /* actual url bar */
  197.  
  198. #urlbar {
  199.   box-shadow: none !important;
  200.   color: rgb(98,98,98) !important;
  201.   border-radius: 2px !important;
  202.   background: white !important;
  203.   height: 26px !important;
  204.   font-family:"Segoe UI", sans-serif !important;
  205.   font-size: 10pt !important;
  206.  
  207.   margin-top: -2px !important;
  208.   padding: 0 0 2px 5px !important;
  209.   border-color: rgba(220, 220, 220, .5) !important;
  210.   border-width: 1px !important;
  211. }
  212.  
  213. #urlbar-container {
  214.   background: #f7f7f8!important;
  215.   padding-top:2px!important;
  216. }
  217.  
  218. /* URL bar drop down */
  219.  
  220. #PopupAutoCompleteRichResult:not([width]) {
  221.   opacity: 0!important;
  222. }
  223.  
  224. #PopupAutoCompleteRichResult {
  225.   -moz-transition: opacity .15s linear 0s !important;
  226.   padding: 0 !important;
  227.   margin-top: -1px !important;
  228.   border: 1px solid hsla(0,0%,50%,.5) !important;
  229.   background: Window padding-box!important;
  230.   -moz-appearance: none!important;
  231.   border-radius: 1px;
  232. }
  233.  
  234. #PopupAutoCompleteRichResult .autocomplete-richlistbox {
  235.   background: transparent -moz-linear-gradient(left, hsla(0,0%,95%,.5) 27px, hsla(0,0%,83%,.5) 28px, transparent 0) repeat-y !important;
  236.   background-size: 28px auto!important;
  237.   margin: 1px !important;
  238. }
  239.  
  240. #PopupAutoCompleteRichResult .ac-site-icon {
  241.   margin: 0 12px 0 0 !important;
  242. }
  243.  
  244. #PopupAutoCompleteRichResult .ac-title-box {
  245.   margin: 0!important;
  246.   padding: 0!important;
  247. }
  248.  
  249. #PopupAutoCompleteRichResult .ac-url-box {
  250.   margin: 1px 0 0 0 !important;
  251.   padding: 0!important;
  252.   -moz-transition: opacity .21s linear 0.02s, -moz-transform .21s ease-out 0.02s !important;
  253.   font-size: 95.5% !important;
  254. }
  255.  
  256. #PopupAutoCompleteRichResult .ac-extra {
  257.   color: hsla(210,15%,44%,1) !important;
  258. }
  259.  
  260. .autocomplete-richlistitem {
  261.   border-radius: 0 !important;
  262.   outline: 0px!important;
  263.   border: 1px solid transparent !important;
  264.   border-bottom-color: transparent !important;
  265.   border-top: 1px solid hsla(0,0%,97.5%,.22) !important;
  266.   box-shadow: none !important;
  267.   padding: 3px 5px !important;
  268.   margin: 0 !important;
  269. }
  270.  
  271. .autocomplete-richlistitem[current] + .autocomplete-richlistitem, .autocomplete-richlistitem:first-child {
  272.   border-top-color: transparent !important;
  273. }
  274.  
  275. .autocomplete-richlistitem[type*="uggest"] {
  276.   background-color: hsla(0,0%,97.5%,.5) !important;
  277. }
  278.  
  279. .autocomplete-richlistitem[actiontype="switchtab"] .ac-title .ac-normal-text.ac-comment:before {
  280.   content: "\a0Switch to tab:\a0";
  281.   background: hsla(210,35%,87%,.2) border-box !important;
  282.   box-shadow: inset hsla(210,50%,35%,.15) 0 0 0 1px, inset hsla(0,0%,100%,.2) 0 0 0 2px !important;
  283.   border-radius: 2px !important;
  284.   -moz-margin-end: .4ex!important;
  285.   pointer-events: none;
  286. }
  287.  
  288. .autocomplete-richlistitem[actiontype="switchtab"] .ac-url .ac-normal-text.ac-action-text {
  289.   visibility: collapse!important;
  290. }
  291.  
  292. .autocomplete-richlistitem[actiontype="switchtab"] .ac-normal-text.ac-url-text {
  293.   visibility: visible!important;
  294. }
  295.  
  296. /*
  297.     Icon replacements
  298.     Credit to hdni for these. https://github.com/hdni
  299. */
  300. .tabs-newtab-button .toolbarbutton-icon {
  301.     list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH3QgJAhMQUNAkggAAAC5JREFUOMtjYBjeoKh78f+i7sX/8alhotSSgTeAEd3PxGjqK41lpJoLRmNhWAAAHjsOjI3QxdAAAAAASUVORK5CYII=) !important;
  302.     -moz-image-region: rect(0,16px,16px,0) !important;
  303.     opacity: 1.0;
  304.     transition: all 0.2s ease 0s;
  305. }
  306.  
  307. .tabs-newtab-button:hover .toolbarbutton-icon,
  308. .tabs-newtab-button:active .toolbarbutton-icon {
  309.     list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH3QgJAhkOUDDxawAAACdJREFUOMtjYBje4D8U4FPDRKklA28AI7qfidLEyMhINReMxsKwAACAUhQA+0tI1AAAAABJRU5ErkJggg==) !important;
  310.     -moz-image-region: rect(0,16px,16px,0) !important;
  311.     transition: all 0.2s ease 0s;
  312. }
  313.  
  314. #back-button .toolbarbutton-icon {
  315.     list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH3QcOFy0m28VklQAAAMZJREFUOMvd0T1KA1EYheEnmj2ICVFQCaS3DSSmcA0WF7dwFzDlXcD0llOmiBuQKW1Mo6JL8KdxBYLNLQTHSaYS/OpzXj7ew19fb1OgKKs9LDFNMfzI9zeU93GDCZ6bMjst5SPc5vIj5lsDirI6Ro1D3GORYnjbClCU1UkuH+AOsxTD+2+fNn1whRE+cZli+Gjz1AS4wBN2sSrKatAJkGJ4xVkWN0bdBmmUmIUt8PANMuw0YxZ3nvcf47oTIENe8v5rnPqf9wUzkTMMOOq3ogAAAABJRU5ErkJggg==) !important;
  316.     -moz-image-region: rect(0,16px,16px,0)!important;
  317. }
  318.  
  319. #back-button:hover .toolbarbutton-icon {
  320.     list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH3QcOFy8ewfG+iQAAAMNJREFUOMvd0T1KA1EYheEnmj2IEQ2oBNJbjhBNkWY2EBhwYba3szDFbUOaCzbaGNEl+NO4gkCaWwQcJ5lK8KvPefl4D399nW2BoqwOcIfLFMOPfHdL+RBzDPFWl9lrKJ/iIZdfcLUzoCirMyzQxzPGKYbPnQBFWZ3n8gkeMUoxfP32ad0HtzjGCjcphu8mT3WAKV6xj/uirHqtACmGD1xncQMsmiC1ErOwMZYbkKNWM2Zxk7z/ALNWgAx5z/s/4cL/vDUkuzMMFHQPlgAAAABJRU5ErkJggg==) !important;
  321.     -moz-image-region: rect(0,16px,16px,0)!important;
  322.     transition: all 0.2s ease 0s;
  323. }
  324.  
  325. #back-button[disabled] .toolbarbutton-icon {
  326.     list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH3QcOFzIZoPlHNgAAAL9JREFUOMvd0TFKQ0EUheEvmj2IigZUAvbTDsRkwDWkcmEuwUIX8EKKV9iMjQZdQhIbVyDYTBHI8yWvErz1OT+X//DX19sVqOp8hAfEFMNWvr+jfIwZrvHRlDloKV/guZQXuNkbUNX5EnMM8IpJimG9F6Cq81UpnyNjlGL4/O3Tpg/ucYZv3KUYvto8NQGmeMchHqs6n3QCpBhWGBdxQ8zbII0Si7AJ3jYgp51mLOJuy/5DPHUCFMiy7P+C4H/eD40jMwzOh18wAAAAAElFTkSuQmCC) !important;
  327.     -moz-image-region: rect(0,16px,16px,0)!important;
  328.     transition: all 0.2s ease 0s;
  329. }
  330.  
  331. #forward-button .toolbarbutton-icon {
  332.     list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH3QcOFy4pYFcqxwAAAMxJREFUOMvd0jFKQ0EYxPFfPIWB2BkUWxsbIUQQe+v1DHuAV7xiD7AHsNvWMxhJIYiFIiiCdoqgjZYWFjavkGCeeTaCUw7Mn+Gbj79W7zuzyuUdF9hPMTy1AZbm+LfYwkmVy+A3gF1cYYjTKpfVToAUwwtGOMcKJlUuwy4NpBhemyZnGGBa5bKxMKCBvOEAH1jGYV3XvR9X+LJGH8dYxz3GKYaHhRrMhG+wPRtu+4M+JljDNXZSDM9djnjUhO+wNy/cBtjEJUYphkf/W59X/DjuQnsxTQAAAABJRU5ErkJggg==) !important;
  333.     -moz-image-region: rect(0,16px,16px,0)!important;
  334. }
  335.  
  336. #forward-button:hover .toolbarbutton-icon {
  337.     list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH3QcOFzA3ThkoewAAAMlJREFUOMvd0rFKA0EYxPFffAoDsTMotjYWJwQFsdgu7eKz3INYbmm5tRFZBLFQBEXQLiJoo6WFhc0VEsyZsxGccmD+DN98/LV635lViO+4xLjk9NQGWJrj32ELJ1WIg98A9nCNIc6qEFc7AUpOLxjhAiuYVCEOuzRQcnptmpxjgNMqxI2FAQ3kDQf4wDIO67ru/bjClzX6OMY6HrBTcpou1GAmfIvt2XDbH/QxwRpusFtyeu5yxKMmfI/9eeE2wCauMCo5Pfrf+gS94Dm5ts5PgAAAAABJRU5ErkJggg==) !important;
  338.     -moz-image-region: rect(0,16px,16px,0)!important;
  339.     transition: all 0.2s ease 0s;
  340. }
  341.  
  342. #forward-button[disabled] .toolbarbutton-icon {
  343.     list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH3QcOFzIraC4WtgAAAMdJREFUOMvd0jFKQ0EYxPFfPIWB2BkUW7ewWQi6iL29Z3kH8QgeYTGSBUF8oAiKoF2CoI2WFhY2r5Bgnnk2glMOzJ/hm4+/Vu87M5f6HVc4TDE8tQFWFvj32MFZLvXgN4B93GCI81zq9U6AFMMLRrjEGsa51MMuDaQYXpsmFxhgkku9tTSggbzhCB9YxXFVVb0fV/iyRh+n2MQjdlMM06UazIXvEOfDbX/QxxgbuMVeiuG5yxFPmvADDhaF2wDbuMYoxTDzv/UJkwA4UtKByTsAAAAASUVORK5CYII=) !important;
  344.     -moz-image-region: rect(0,16px,16px,0)!important;
  345.     transition: all 0.2s ease 0s;
  346. }
  347.  
  348. #downloads-indicator-icon {
  349.     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH3QcOFy4FUo9GJAAAAK5JREFUOMvtky8KQkEQxn+aPYHgHWxmq8UmGKYqBmUOsHEOsFXrnuCdwSIWy7uBoFkQk6DlhWV15YmIxYEJ8+cbPuabgV9bI1dwPtzi2FSe9jY/ZfAfEKngfFgCk5q4lalMUwYzoKgBLqrexztwPrSANdDNgLdA31Qu2UNyPrSBDdBJSnugZyrHl0s0lQMwBM5R+gQMUnBWBVPZASPgWvnYVMq3JXI+LJwP869+4x06qSlbSJ678AAAAABJRU5ErkJggg==)!important;
  350.     -moz-image-region: rect(0,16px,16px,0) !important;
  351. }
  352.  
  353. /* The hover state for the downloads button doesn't work! Neither does the notification icon */
  354. #downloads-indicator:hover #downloads-indicator-anchor {
  355.     list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH3QcOFy8zhC7i/AAAALhJREFUOMvtk60KAlEQhT+1+gSCRqPYLLdY5YJNEG5WfCTN4wMs3GJ2glgEMYlJQfOCmAQtG5Z1ryyIWByYMDPnDIf5gV9bKVQw1j3SsXrJxZY/VfBvkNqCsW4KjAryZuplnFUwAaIC5CjBvt6Bsa4KLIF2gLwGuurlFjwkY10NWAH1TOkEdNTL5e0Q1csZ6APXVDoGellycAvqZQMMgHviQ/Wyy8NWQpM67reHRrMVAwv1Mv/aNz4ByvQwmCXjePkAAAAASUVORK5CYII=) !important;
  356.     -moz-image-region: rect(0,16px,16px,0)!important;
  357.     transition: all 0.2s ease 0s;
  358. }
  359.  
  360. #downloads-indicator-notification {
  361.     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH3QcOFy8zhC7i/AAAALhJREFUOMvtk60KAlEQhT+1+gSCRqPYLLdY5YJNEG5WfCTN4wMs3GJ2glgEMYlJQfOCmAQtG5Z1ryyIWByYMDPnDIf5gV9bKVQw1j3SsXrJxZY/VfBvkNqCsW4KjAryZuplnFUwAaIC5CjBvt6Bsa4KLIF2gLwGuurlFjwkY10NWAH1TOkEdNTL5e0Q1csZ6APXVDoGellycAvqZQMMgHviQ/Wyy8NWQpM67reHRrMVAwv1Mv/aNz4ByvQwmCXjePkAAAAASUVORK5CYII=) !important;
  362.     -moz-image-region: rect(0,16px,16px,0) !important;
  363. }
  364.  
  365. #urlbar-reload-button .toolbarbutton-icon {
  366.     list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH3QcOFzk4D2SOowAAASJJREFUOMvN0r9qVEEUBvDfLku0CAsJWBmrNFsFAwNuM1Umdlb7BqaJkBR5i9VCn0FLhTSBNLnd7bKXkEaJbSBpRSzUbTbNCJfN3evaeWA4M3P4vvOdP/zFirL6WJTVxqJ4ZwmCGX7iDcYphl+tBEVZreAl9rCJtVr4CocphuLPR28O/Bgn2F4gaHWOULcGfojTDL7GCI9yeIrXGKQYPtUJ6gpeYSuDn6YYvmXiAgcphq+tTSzKaoKAUYrh2JLWrd0H2Z/5B+s1qJm1jLSP7/iRYujPK/iS/U5LwufZf24q4X3246Ks1hqyr+Ntfn5oauIDnNcmcZT70cEu3uEJLvEsxTC9t4lLLNIFXqQYbptKkGK4wTDvRIXf+Uywj2Ed/H/YHV+FUeRkRIlHAAAAAElFTkSuQmCC) !important;
  367.     -moz-image-region: rect(0,16px,16px,0)!important;
  368.     opacity: 1.0 !important;
  369. }
  370.  
  371. #reload-button .toolbarbutton-icon {
  372.     list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QAvADDAMwtT/joAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH3QgJAh8PcW1mewAAASFJREFUOMvN0r9KXEEUBvCfskiKIKxgpVZptgoRLOwl6aysp1EQBS1yYd5h9cL4AlqY20WwCaTRNzCIjaKtoK2IhZpm00zgslzXtfPAcGbm8H3nO394xYqy+lmU1fRL8ZEhCHp4xDa6KYangQRFWY1hGSv4hHYtfInNFMPx/49WH3gKvzD7gqCPfYRGa+AP+J3B11jCZA7/xRY6KYaDOkFdwTo+Z/CXFMNdJj7GRorhamATi7I6wRyWUgyHhrTR2r2T/ZE3WKtBTW/ASMdxj4cUw3i/govsFwYk/Jb9eVMJ+9l3i7JqN2SfQMrPH00l7GI1T+KsKKvvuR8j+IodzOAMe42bOMQinWIxxXDbVIIUww3m8078wXM+J1jDfB38PuwfO61OvO23THsAAAAASUVORK5CYII=) !important;
  373.     -moz-image-region: rect(0,16px,16px,0)!important;
  374.     opacity: 1.0 !important;
  375. }
  376.  
  377. #urlbar-reload-button:hover .toolbarbutton-icon,
  378. #reload-button:hover .toolbarbutton-icon {
  379.     list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH3QcOFzEU9WVoSAAAAS5JREFUOMvN0j9LXFEQBfDfGgkpZEElICSxCYiVGLB8nWj1rGxflYAgMUU+QxpjkXwBRZRbKaTJxSaWtwsYCSiJpYWtiEWCIKa5C4/l7bp2mebcO8OcOfOHe6woq72irJ73ircGILjDH2xgPcXwty9BUVaP8Rpv8BKjtfAvvEsxHHYcw13Jz/AVr3oIGukiNFRLfoKDnHyOZTzN4Rt8xHSKYb9OUFewipmcPJtiuMzEh1hLMfzuO8SirL5jDssphi8GtKHaezrjNw+w4QY1d31W2sYVrlMM7W4Fpxnn+xRczHjS1MJOxvWirEYbqo/hU/7uNrWwiZW8ieOirN7nebSwgM94gWNsNV7iAId0hKUUw0XH8agePT/7eT05NbONC0xgHLf4gQ94m2K48l/ZPxI6TSaEYWgiAAAAAElFTkSuQmCC) !important;
  380.     -moz-image-region: rect(0,16px,16px,0)!important;
  381.     transition: all 0.2s ease 0s;
  382. }
  383.  
  384. #urlbar-stop-button .toolbarbutton-icon {
  385.     list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH3QcOFzoIApDtzAAAALNJREFUOMvtkrEOwVAUhj8ixGDyAH2Ju17TTRpBotjwdMREmiAS0knXPonYlYXlH6RKPUDPdPLnP+d+58+FsipZIYqTM3AFps6am7QmsALazprOu7+Ws/QCjIEwipOhtBDwgXXWnLdgBrQ0sBGlD5yAeeEJQq7rtYGkHTBx1jyy3uqPfJ5f+sIQG0LvAQd5usBeFPcigqWGjwpzpL4PLP45wQO2QOCsSZ01KRAoB6/8+Z/1ApYcK4kA4duDAAAAAElFTkSuQmCC) !important;
  386.     -moz-image-region: rect(0,16px,16px,0)!important;
  387.     opacity: 1.0 !important;
  388. }
  389.  
  390. #stop-button .toolbarbutton-icon {
  391.     list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QAcgCLAKPY7g7jAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH3QgJAiESU64R3wAAALNJREFUOMvtkjEKwkAQRZ8iioWVB8hNbIOoYNRO9xKBPUVgLxGxUgIqgpYeR+yNNtr8QtZoPECmGj5/Zt98Fqqq+UKcpGfgCsydNTdpbWAFdJ01vXd/o2DpBZgCWZykY2kZEAJr31y0YAF0NLARZQicAFN6gpCbem0kaQfMnDUP31v/kc/zS18aYkvoA+AgTx/Yi+JeRrDU8FFhTtQPgfSfEwJgC0TOmtxZkwORcgiqn/9ZLx6sLDQ8GAC5AAAAAElFTkSuQmCC) !important;
  392.     -moz-image-region: rect(0,16px,16px,0)!important;
  393.     opacity: 1.0 !important;
  394. }
  395.  
  396. #urlbar-stop-button:hover .toolbarbutton-icon,
  397. #stop-button:hover .toolbarbutton-icon {
  398.     list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH3QcOFzElpLtocgAAAK9JREFUOMvtkjEKwkAQRZ8iioWVB8hFgm0QVzBq53o6FysloIugpexpxN5oo80vJEbjATLV8Pkz++azUFejKMTGnoErsAje3aR1gTXQD94N3v2tkqUXYAZksbETaRmQAJuiuWyBBXoa2IoyAU7AsvIEIbf12ljSHpgH7x5Fb/NHPs8vfWWIHaGPgIM8Q8CL4l5F4DR8VJhT9QZY/XNCBOyANHiXB+9yIFUOUf3zP+sFmxgs8DCnbAkAAAAASUVORK5CYII=) !important;
  399.     -moz-image-region: rect(0,16px,16px,0)!important;
  400.     transition: all 0.2s ease 0s;
  401. }
  402.  
  403. #urlbar-go-button .toolbarbutton-icon,
  404. #go-button .toolbarbutton-icon {
  405.     list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH3QcOFzktYrlqSAAAAKRJREFUOMvNkz0KAkEMhT9FPIVnsEolpAt7AEvdAwh2nsArWIpgYWW1JxgQnGaLuYulgvhTCTLKMswi+LrkhS88QuDXcj6MmvxuAuPgfCjbAPrAzvmw/GZ2EiI83sotMDOV6wcgGmxSBZSmck6NEGsM1M6HQS4AYAhs2gCOwCQXsAcKUznlXGENzE3l9mr0ErfegYWprGIjBXABpqZS5f5CwV/rCfTQK2u0QHHkAAAAAElFTkSuQmCC) !important;
  406.     -moz-image-region: rect(0,16px,16px,0)!important;
  407.     opacity: 1.0 !important;
  408. }
  409.  
  410. #urlbar-go-button:hover .toolbarbutton-icon,
  411. #go-button:hover .toolbarbutton-icon {
  412.     list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH3QcOFzEHcdsplgAAAKJJREFUOMvNkz0KAkEMhT9FPIVn8AAy9VZTWWoOINh5Aq9gKYKFpLDaKr0gKfY2lgriTyXIKsswi+Drkhe+8AiBXytEGTX53QTGIUSRNoA+sAtRlt/MTkKEx1u5BWZuev0A1AabVALipufUCHWNgSpEGeQCAIbApg3gCExyAXugcNNTzhXWwNxNb69GL3HrHVi46apupAAuwNRNy9xfKPhrPQHpqSidAzUQrAAAAABJRU5ErkJggg==) !important;
  413.     -moz-image-region: rect(0,16px,16px,0)!important;
  414.     transition: all 0.2s ease 0s;
  415. }
  416.  
  417. #home-button .toolbarbutton-icon {
  418.     list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAMAAADjyg5GAAAAUVBMVEV7j6F8kKN8kKN8kKN8kKN8kKN3i518kKN8kKN1h5l8kKN0h5l8kKN8kKN4i518kKN8kKN8kKN8kKN8kKN8kKMAAAB7j6J7jqF2iZt1iJp8kKOXqiNLAAAAFnRSTlOmnXdxTEjGBSvpE+uWKMOVEgQ/Mw8AETRxYgAAAExJREFUeNqlxzcWgDAQQ8ElZwy2RdD9Dwpe4JmCjt9IIwjNpq/0KKeRLNuHQ8Ozrr5Y7NS2PDBbebekkISvRHSinY2wTuAjPb4J/OcB04wSkK49jr4AAAAASUVORK5CYII=) !important;
  419.     -moz-image-region: rect(0,16px,16px,0)!important;
  420. }
  421.  
  422. #home-button:hover .toolbarbutton-icon {
  423.     list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAMAAADjyg5GAAAATlBMVEU7S1s8TFw8TFw8TFw8TFw8TFw4R1Y8TFw8TFw6SVk8TFw4R1Y5SVg8TFw8TFw8TFw8TFw8TFw8TFw8TFw8TFwAAAA5SFc4R1Y7S1s8TFwQbC15AAAAFnRSTlOmnXdxTEjpBSvDE+vGligEEpU/Mw8AQxGXrgAAAEtJREFUeNqlx0kWgCAQQ8F2nkWBKLn/RZVWHy7c+TdJCWJmnRo9yqUjx/7hXPNsaC9WO7WtjCwC70IOyfhKRCfZ2QTrBD7R45vAfx6mWhIb4vPofAAAAABJRU5ErkJggg==) !important;
  424.     -moz-image-region: rect(0,16px,16px,0)!important;
  425.     opacity: 1.0 !important;
  426. }
  427.  
  428. #bookmarks-button .toolbarbutton-icon {
  429.     list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAV1BMVEV0h5l8kKN6jqB8kKN8kKN8kKN6jqB0h5l8kKN8kKN3ipx3ipx5jJ92iZt8kKN2ipx8kKN2ipx8kKN8kKN1iJp8kKN1iJp8kKN8kKN8kKMAAAB7j6J8kKP+CkikAAAAG3RSTlPsia0QiA+s65iXzcy42DjRg9ATNN4N3QFMWgBqox/DAAAAX0lEQVR42n3P2wqAIAyAYTufPKeW0/d/zqLVwKD+u32wwVh+9Qnz8oJ9L8FtmysgAkSCMa4ezvwapwuChTsbcEU0OHfiuaEQFB1lCAMBR+AELUhjJFQEuk45p17/PkcdysYZkV4wb2cAAAAASUVORK5CYII=) !important;
  430.     -moz-image-region: rect(0,16px,16px,0)!important;
  431.     opacity: 1.0 !important;
  432. }
  433.  
  434. #bookmarks-button:hover .toolbarbutton-icon {
  435.     list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAV1BMVEU7Slo8TFw4R1Y8TFw8TFw8TFw4R1Y7S1o8TFw8TFw5SVg5SVg5SFc8TFw6Slk5SFg8TFw5SFg8TFw5SFc8TFw8TFw5SFc8TFw8TFw8TFwAAAA7S1s8TFwOeUCpAAAAG3RSTlOtiOyJEA/rrJiXzM3YOLjRg9AT3jQN3QFMWgAM3HECAAAAX0lEQVR42n3P2wqAIAyAYTufPKeW0/d/zqLVwKD+u32wwVh+9QnL/IJ9L2HdtrWACBAJxug8nHkXpwuChTsbcIW3OHf8uaEQFB2tEXoCiSAJKhDGCGgINEs5p0H/PkcdyqsZkWd+h1oAAAAASUVORK5CYII=) !important;
  436.     -moz-image-region: rect(0,16px,16px,0)!important;
  437.     opacity: 1.0 !important;
  438. }
  439.  
  440. #new-tab-button .toolbarbutton-icon {
  441.     list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAD1BMVEU8TFw8TFw8TFwAAAB8kKNhTh9eAAAABHRSTlMQDwEA8c1HeQAAAC1JREFUeNqlzzEKAAAIAsDK/v/mhqLBIILcPHBQnPIAMwJgBVQaJLuOyRX+XwIORgPeAFHppAAAAABJRU5ErkJggg==) !important;
  442.     -moz-image-region: rect(0,16px,16px,0)!important;
  443.     opacity: 1.0 !important;
  444. }
  445.  
  446. #new-tab-button:hover .toolbarbutton-icon {
  447.     list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAD1BMVEU8TFw8TFw8TFwAAAA8TFwRW/cAAAAABHRSTlMQDwEA8c1HeQAAAC1JREFUeNqlzzEKAAAIAsDK/v/mhqLBIILcPHBQnPIAMwJgBVQaJLuOyRX+XwIORgPeAFHppAAAAABJRU5ErkJggg==) !important;
  448.     -moz-image-region: rect(0,16px,16px,0)!important;
  449.     opacity: 1.0 !important;
  450. }
  451.  
  452. /**
  453.   SCROLLBAR
  454. */
  455.  
  456. scrollbar,
  457. scrollbar > slider,
  458. scrollbar > slider > thumb,
  459. scrollbar > scrollbarbutton {
  460.   -moz-appearance: none !important;
  461. }
  462.  
  463. scrollbar > scrollbarbutton {
  464.   display: none !important;
  465. }
  466.  
  467. scrollbar,
  468. scrollbar > scrollbarbutton {
  469.   border: none !important;
  470.   background: none !important;
  471. }
  472.  
  473. scrollbar[orient="vertical"] {
  474.   min-width: 4px !important;
  475.   max-width: 4px !important;
  476. }
  477. scrollbar[orient="horizontal"] {
  478.   min-height: 4px !important;
  479.   max-height: 4px !important;
  480. }
  481.  
  482. scrollbar[orient='horizontal'] > slider > thumb {
  483.   min-width: 42px !important;
  484.   max-height: 4px !important;
  485. }
  486.  
  487. scrollbar[orient='vertical'] > slider > thumb {
  488.   min-height: 42px !important;
  489.   max-width: 4px !important;
  490. }
  491.  
  492. scrollbar > slider {
  493.   background-color: #fff !important;
  494. }
  495.  
  496. scrollbar > slider > thumb {
  497.   border: none !important;
  498.   background-color: #cbced7 !important;
  499.   border-radius: 16px !important;
  500.   opacity: 1 !important;
  501. }
  502.  
  503. scrollbar > slider > thumb:hover,
  504. scrollbar > slider > thumb:active {
  505.   background-color: #9b9eaf !important;
  506. }
  507.  
  508. /**
  509.     ADD-ONS PAGE
  510. */
  511.  
  512. #categories {
  513.   width:  160px !important;
  514.   font-size : 10px !important;
  515. }
  516.  
  517. .category {
  518.   padding-top: 0px !important;
  519.   height: 35px !important;
  520. }
  521.  
  522. #retirement-box {
  523.   height: 60px !important;
  524. }
  525.  
  526. .category[disabled] {
  527.   display: none !important;
  528. }
  529.  
  530. .category-icon {
  531.   width:  25px !important;
  532.   height: 25px !important;
  533. }
  534.  
  535. #addon-list > richlistitem:nth-child(even){
  536.   background: AliceBlue !important;
  537. }
  538.  
  539. #list-view .addon.addon-view * {
  540.   font-size: 100% !important;
  541.   margin-top: 0 !important;
  542.   margin-bottom: 0 !important;
  543. }
  544.  
  545. #list-view > #addon-list .addon.addon-view {
  546.   padding: 0px !important;
  547. }
  548.  
  549. .content-inner-container{
  550.   -moz-box-orient: horizontal !important;
  551. }
  552.  
  553. .icon-container ,
  554. .icon-container > .icon {
  555.   width:  16px !important;
  556.   height: 16px !important;
  557. }
  558.  
  559. .basicinfo-container{
  560.   width:  350px !important;
  561.   -moz-box-align: center !important;
  562. }
  563.  
  564. .name-container{
  565.   font-size: 100% !important
  566. }
  567.  
  568. #search-list *,
  569. #addon-list *,
  570. #updates-list{
  571.   border: none !important;
  572. }
  573.  
  574. #addon-list .addon.addon-view {
  575.   border-bottom: 1px rgb(230,227,218) solid !important;
  576. }
  577.  
  578. #search-list .addon-control,
  579. #addon-list .addon-control,
  580. #updates-list .addon-control {
  581.   border: 1px solid #888 !important;
  582. }
  583.  
  584. .details.button-link{
  585.   display: none !important;
  586. }
  587.  
  588. #list-view > #addon-list .status-control-wrapper{
  589.   width: 250px !important;
  590. }
  591.  
  592. .control-container>button{
  593.   margin: 1px !important;
  594. }
  595.  
  596. .addon-control{
  597.   padding: 0px !important;
  598. }
Advertisement
Add Comment
Please, Sign In to add comment