API tools faq
paste
Advertisement
uriel1998

My Global Dark (as of 9 July 16)

uriel1998
Jul 9th, 2016
186
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 12.57 KB | None | 0 0
raw download clone embed print report
  1. @namespace html url(http://www.w3.org/1999/xhtml);
  2. @namespace xul url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
  3.  
  4. /* incorporates elements from https://userstyles.org/styles/123988/black-firefox here for about: pages */
  5.  
  6.  
  7.  
  8. @-moz-document url-prefix("about:preferences"),url-prefix("about:addons"){
  9.     * { color: #999 !important; background-color: #2C2E2F !important; }
  10. #categories *    {color:#6C7075 }
  11. #categories,
  12. #nav-header    {background:#2C2E2F !important;color:#E0E0E0 !important;}
  13. .main-content     {background:#2C2E2F !important}
  14.     .addon-view[notification], .addon-view[pending] { background-image:none !important; color:#FFF !important;background:#4D679A!important}
  15. #categories [selected="true"],
  16. #categories richlistitem:hover    {color:#E0E0E0 !important;background:#4D679A!important}}
  17.  
  18.  
  19. /*----- SITES TO EXCLUDE -----*/
  20. @-moz-document regexp("https?://(?!(www.your.sites.here.com|www.rememberthemilk.com|youtube.com|facebook.com|keep.google.com|calendar.google.com|mail.google.com|forum.example.com)).*"), url-prefix(ftp://), url-prefix(file://), url-prefix(javascript),url-prefix(about:),regexp("!about:preferences"),url-prefix("about:addons"),url-prefix("https://www.google.com") { html, #newtab-window {background:
  21.  
  22.  
  23.      /***** COPY AND PASTE THE URL OF YOUR BACKROUND-IMAGE INSIDE THE "": *****/
  24.  
  25.      
  26.      /***** FOR A SIMPLE BLACK BACKGROUND JUST REMOVE THE URL LINE ABOVE *****/
  27.      /***** Some background-images (you can also use your own url):
  28.  
  29.    default:     http://abload.de/img/b1fgs11.png
  30.    old default: http://abload.de/img/ultra_x2vm9k.jpg
  31.                 http://abload.de/img/b2w4shd.png
  32.                 http://abload.de/img/b3qrs99.png
  33.                 http://abload.de/img/b4zcse8.png
  34.                 http://abload.de/img/b5b1s7x.png
  35.                 http://abload.de/img/b6umsmy.png
  36.                 http://abload.de/img/b7ars8c.png
  37.                 http://abload.de/img/kubrickbgcolor2darkr8skc.png
  38.                 http://abload.de/img/xpattern_darkq8s3i.png
  39.                 http://abload.de/img/mainpatternolxcq.png
  40.  
  41. */ #222 /* fixed */ !important}
  42.  
  43.  
  44. /*----- DEFAULT TEXT, BORDER & BACKGROUND COLORS -----*/
  45. * {
  46.     color: #999 !important;
  47.     box-shadow: none !important;
  48.     background-color: transparent !important;
  49.     border-color: #444 !important;
  50.     border-top-color: #444 !important;
  51.     border-bottom-color: #444 !important;
  52.     border-left-color: #444 !important;
  53.     text-shadow: none !important;
  54.     border-right-color: #444 !important}
  55. body {background: transparent !important}
  56. *:before, *:after {background-color: transparent !important; border-color: #444 !important}
  57.  
  58. a, a * {
  59.     color: #409B9B !important;
  60.     text-decoration: none !important}
  61. a:hover, a:hover *, a:visited:hover, a:visited:hover *, span[onclick]:hover, div[onclick]:hover, [role="link"]:hover, [role="link"]:hover *, [role="button"]:hover *, [role="menuitem"]:hover, [role="menuitem"]:hover *, .link:hover, .link:hover * {
  62.     color: #F0F0F0 !important;
  63.     }
  64. a:visited, a:visited * {
  65.     color: #607069 !important}
  66. a.highlight, a.highlight *, a.active, a.active *, .selected, .selected *, [href="#"] {
  67.     color: #DDD !important;
  68.     font-weight: bold !important}
  69.  
  70. h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, strong, [id*="headline"], [class*="headline"], [id*="header"], [class*="header"], [class*="header"] td {
  71.     color: #859900 !important}
  72. a h1, a h2, a h3, a h4, a h5, a h6, h1 a, h2 a, h3 a, a strong, a[id*="headline"], a[class*="headline"], a[id*="header"], a[class*="header"] {
  73.     text-decoration: underline !important}
  74. [class*="error"], [class*="alert"], code, span[onclick], div[onclick] {
  75.     color: #900 !important}
  76.  
  77. ::-moz-selection {background: #377 !important; color: #000 !important}
  78. ::selection {background: #377 !important; color: #000 !important}
  79. :focus {outline: none !important}
  80.  
  81. /*----- MENU & CO BACKGROUND-COLORS -----*/
  82. div[style="display: block;"], div[role="navigation"] {background: rgba(0,0,0,.5) !important}
  83.  
  84. table {
  85.     background: rgba(40,30,30,.6) !important;
  86.     border-radius: 6px !important}
  87. table > tbody > tr:nth-child(even), table > tbody > tr > td:nth-child(even) {
  88.     background-color: rgba(0,0,0,.2) !important}
  89.  
  90. iframe, embed, header, nav, footer, label [onclick], nav ul, div[style*="position:"][style*="left:"][style*="visible"], div[style*="z-index:"][style*="left:"][style*="visible"], div[style*="-moz-user-select"], div[role="menu"], div[role="dialog"], span[class*="script"] div, [id*="menu"], [class*="dropdown"], [class*="popup"], [class="title"], ul[style*="display:"], ul[style*="visibility:"] ul, [id*="nav"] ul, [class*="nav"] ul, ul[class*="menu"], a[onclick][style*="display"], a[id*="ghosteryfirefox"], #ghostery-purple-bubble, #translator-popup, .menu, .tooltip, .hovercard, .vbmenu_popup {
  91.     background: rgba(5,5,5,.9) !important;
  92.     border-radius: 5px;
  93.     }
  94. [id*="overlay"], [id*="lightbox"], blockquote {
  95.     background-color: rgba(35,35,35,.9) !important;
  96.     border-radius: 5px}
  97. pre, dl, .Message code {
  98.     background-color: rgba(5,5,5,.5) !important}
  99.  
  100.  
  101. /*----- DEFAULT BUTTONS, SEARCHBOXES & CO -----*/
  102. input, select, button, [role="button"], a.button, a.submit, a.BigButton, a.TabLink, .install[onclick] {
  103.     -moz-appearance: none !important;
  104.     -webkit-appearance: none !important;
  105.     transition: border-color 0.3s !important;
  106.     background: #060606 !important;
  107.     color: #BBB !important;
  108.     border: 2px solid #333 !important;
  109.     border-radius: 4px !important;
  110.     }
  111. a[href="javascript:;"], a[class*="button"]:not(:empty), a[id*="button"]:not(:empty), a[id*="Button"]:not(:empty), div[class*="button"][onclick] {
  112.     transition: border-color 0.3s !important;
  113.     background: #060606 !important;
  114.     color: #BBB !important;
  115.     border-color: #333 !important;
  116.     }
  117. a[href="javascript:;"]:hover, a[class*="button"]:not(:empty):hover, a[id*="button"]:hover, a[id*="Button"]:not(:empty):hover, div[class*="button"][onclick]:hover {
  118.     background: #151515 !important;
  119.     color: #FFF !important}
  120. input *, select *, button *, a.button *, a.submit * {
  121.     color: #BBB !important;
  122.     }
  123. input:hover, input[type="button"]:hover, input[type="checkbox"]:hover, input[type="radio"]:hover, select:hover, button:hover, [role="button"]:hover, a.button:hover, a.submit:hover, a.BigButton:hover, a.TabLink:hover {
  124.     border: 2px solid #555 !important;
  125.     border-top-color: #555 !important;
  126.     border-bottom-color: #555 !important;
  127.     border-left-color: #555 !important;
  128.     border-right-color: #555 !important}
  129. input:focus, select:focus {
  130.     }
  131. input *:hover * {
  132.     color: #F0F0F0 !important;
  133.     }
  134. input[type="checkbox"], input[type="checkbox"]:focus {
  135.     border: 2px solid #333 !important;
  136.     background-color: #111 !important;
  137.     color: #DDD !important;
  138.     border-radius: 4px !important}
  139. input[type="radio"], input[type="radio"]:focus {
  140.     border: 2px solid #333 !important;
  141.     background-color: #111 !important;
  142.     color: #DDD !important}
  143. input[type="checkbox"], input[type="radio"] {min-width: 10px; min-height: 10px}
  144.  
  145. select input[type="button"], select button {border: none !important}
  146. select button {min-height: 8px !important}
  147.  
  148. button:active, input[type="submit"]:active, input[type="button"]:active, a.button:active, a[class*="button"]:not(:empty):active, a.submit:active, a.BigButton:active, a.TabLink:active, .Active .TabLink {
  149.     background: #292929 !important;
  150.     color: #FFF !important}
  151.  
  152. textarea {
  153.     -moz-appearance: none !important;
  154.     -webkit-appearance: none !important;
  155.     background: rgba(0,0,0,.3) !important;
  156.     border-radius: 3px !important;
  157.     border: 1px solid #000 !important;
  158.     transition: border-color, background, 0.3s !important}
  159. textarea, textarea * {
  160.     color: #C8C8C8 !important;
  161.     }
  162. textarea:hover, textarea:focus:hover {
  163.     border-color: #333 !important}
  164. textarea:focus {
  165.     background: rgba(0,0,0,.5) !important;
  166.     border-color: #222 !important}
  167. textarea:focus, textarea:focus > * {
  168.     box-shadow: none !important}
  169.  
  170. option {
  171.     -moz-appearance: none !important;
  172.     -webkit-appearance: none !important;
  173.     background: none !important;
  174.     color: #666 !important}
  175. option:not([disabled]):hover, option:focus, option:checked {
  176.     background: linear-gradient(#333, #292929) !important;
  177.     color: #DDD !important}
  178.  
  179. /* webkit checkbox & select fix */
  180. @media screen and (-webkit-min-device-pixel-ratio:0) {
  181. input[type="checkbox"]:checked, input[type="radio"]:checked {border-color: #DDD !important}
  182. select {
  183.     padding-right: 12px !important;
  184.     background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAYAAABrGwT5AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAApSURBVChTYxjiYObMmf+hTBSASxwDoCskWiMMwDSQrBEGyNY4FAADAwDdpBOHzViE2AAAAABJRU5ErkJggg==) #000 no-repeat !important;
  185.     background-position: right center !important} }
  186.  
  187. /*----- SCROLLBAR CHANGES -----*/
  188. scrollbarbutton {
  189.     -moz-appearance: none !important;
  190.     background-color: transparent;
  191.     border: none !important}
  192. thumb {
  193.     -moz-appearance: none !important;
  194.     border: 2px solid transparent !important;
  195.     background: #999 !important;
  196.     background-clip: padding-box !important;
  197.     border-radius: 3px !important;
  198.     }
  199. scrollbar {
  200.     -moz-appearance: none !important;
  201.     background: transparent !important;
  202.     }
  203. scrollbarbutton:hover, thumb:active, thumb:hover {
  204.     opacity: 0.5 !important}
  205.  
  206. scrollbar[orient="vertical"] thumb {min-width: 12px !important; max-width: 12px !important; min-height: 14px !important}
  207. scrollbar[orient="horizontal"] thumb {min-height: 12px !important; max-height: 12px !important; min-width: 14px !important}
  208. scrollbar[orient="vertical"] {min-width: 12px !important; max-width: 12px !important}
  209. scrollbar[orient="horizontal"] {min-height: 12px !important; max-height: 12px !important}
  210.  
  211.  
  212. /*----- IMAGE CHANGES -----*/
  213. body, *:not(:empty):not(html):not(span):not(a):not(b):not(option):not(img):not([style="display: block;"]):not([onclick*="open"]):not([onclick*="s_objectID"]):not([class*="stars"]):not([id*="stars"]):not([id="rating"]):not([class="rating"]):not([class*="SPRITE"]):not([id*="SPRITE"]):not([class*="item"]):not([id*="item"]):not([class*="thumb"]):not([class*="icon"]):not(.text):not([id*="lbImage"]):not([class*="cc-in"]):not([class*="gr-body"]):not([id*="watch"]):not(#globalsearch):not(.sp),
  214. .r3_hm, .gmbutton2 b, .gtab-i, .ph, .bstab-iLft, .csb, #pagination div, [style*="sprite2.png"], #mw-head-base, #mw-page-base {
  215.     background-image: none !important}
  216.  
  217. img {opacity: .7 !important; transition: opacity .2s}
  218. img:hover, a:hover img {opacity: 1 !important}
  219.  
  220. }
  221.  
  222.  
  223. /*----- ABOUT PAGES BACKGROUND -----*/
  224. @-moz-document url-prefix(about) {
  225. #newtab-window, #addons-page {background: #151515 !important}
  226. * {background-color: transparent}
  227. body > * {background-color: rgba(0,0,0,.5) !important}
  228. #list-view {background: #111 !important}
  229. #detail-view {background: #222 !important}
  230. #addons-page > * > *, #addons-page > * > * > * {border-color: #333 !important} }
  231.  
  232. /*----- SHOW INSTALLS ON USERSTYLES.ORG -----*/
  233. @-moz-document domain(userstyles.org) {
  234. li[total-install-count]:after {
  235.     font-size: .70em !important;
  236.     content: " (Installs: " attr(total-install-count) ", " attr(weekly-install-count) " wk)"} }
  237.  
  238. /*----- RIGHT-CLICK MENUS & TOOLTIP STYLE -----*/
  239. #contentAreaContextMenu menuitem[disabled="true"],
  240. #contentAreaContextMenu menuitem[disabled="true"] menuseparator {
  241.     display: none !important}
  242.  
  243. menupopup, popup,
  244. popup > menu > menupopup,
  245. menupopup > menu > menupopup {
  246.     -moz-appearance: none !important;
  247.     background: rgba(15,15,15,.9) !important;
  248.     border: 1px solid #000 !important;
  249.     border-radius: 3px !important;
  250.     padding: 2px 0 !important}
  251. menupopup * {box-shadow: none !important; color: #777 !important}
  252. menupopup menuitem:hover * {
  253.     color: #F0F0F0 !important;
  254.     }
  255. menupopup menuseparator {
  256.     -moz-appearance: none !important;
  257.     background: transparent !important;
  258.     margin: 2px 0 2px -3px !important;
  259.     padding: 0 !important;
  260.     border-top: none !important;
  261.     border-color: transparent !important;
  262.     }
  263. menupopup menuitem {
  264.     -moz-appearance: none !important;
  265.     background: transparent !important;
  266.     }
  267. menupopup menuitem:hover, menuitem[_moz-menuactive="true"] {
  268.     background: #333 !important;
  269. }
  270. tooltip {
  271.     -moz-appearance: none !important;
  272.     color: #CCC !important;
  273.     background: rgba(0,0,0,.8) !important;
  274.     border: 1px solid #555 !important;
  275.     border-radius: 3px !important}
  276.  
  277. /*----- FIX WHITE NEW TAB FLASH -----*/
  278. browser[type="content-primary"] {background: #151515 !important}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!