Advertisement
hu6

Dark userChrome.css for Windows v2

hu6
Feb 6th, 2013
250
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.74 KB | None | 0 0
  1. /**************
  2. * Download and install this font:
  3. * http://www.mediafire.com/?5d7hhve4pet2c76
  4. * You might need to install and configure the FT DeepDark Theme and Hide Caption Titlebar Plus Addon
  5. ***************/
  6. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  7. /* HIDDEN ELEMENTS */
  8. #identity-box,
  9. #urlbar-icons > image,
  10. #urlbar-container dropmarker,
  11. #appmenu-button .button-text,
  12. #appmenu-button .button-menu-dropmarker
  13. {
  14. display:none!important;
  15. }
  16. #navigator-toolbox {
  17.  
  18. border:none !important;
  19. }
  20. /* BUTTONS */
  21. #back-button .toolbarbutton-icon,
  22. #forward-button .toolbarbutton-icon,
  23. #reload-button .toolbarbutton-icon,
  24. #urlbar-reload-button .toolbarbutton-icon,
  25. #stop-button .toolbarbutton-icon,
  26. #urlbar-stop-button .toolbarbutton-icon,
  27. #tabbrowser-tabs tab .tab-close-button .toolbarbutton-icon,
  28. #new-tab-button .toolbarbutton-icon,
  29. #appmenu-button .button-icon
  30. {
  31. list-style-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAAALCAYAAADLA1tMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA5xJREFUeNrsVk1IG0EU3s3mx1RXY2qxaa0ULFakUogUESUnPaS0Wlo1oifbQ0AUDx704EGIeBAkUXOzEq0/kHpose2h2IbexUKLFA8VokIPKaghrfmpyfa9dELHcTai0FsXNpPZ+d43b9773tsVFUUR/l+CoM38EUWRXZPg1sCdgjuJDzJBI9gT61kukeyFNgrBJ8n/NC9waii+FGWr9vzUdcKb8VWifBVpG8RpVByXent7rywtLSX6+voKeAB8juuII5sIKk5qAZs/OzvrWVxc3Jufn38zPT39hASGjr5mYWEh0NTUVEDxSTgHuy+Ei5tMWP9IJ5W9enp6isDX+OTk5H3CfcKGR64dGhq6UVtbu7OxsXFzYmIizCPH57iOOMRzHNE0NzcXwsE/GAyGYgjE4MrKyrWDgwOvTqezQTAeMwFMra+vO9rb27/bbDYZ5rq6urpch8OxOzMzc0dFDZlsl2VJhuD1eiM4ms1mNySlGLlZGzYQksvlulVZWbm5trZ2fXR0dCuL7JO4jjjEox1NDGuXW1pa3oI0S6uqql5Fo9Ejv9+/Bwp6HYlElnNyclrZQLjd7tDY2JjZ6XRuw9zY3d39rbOz81IgEIhwykWPGLgNsEd6JHO9mnrC4bDParW6MRDE5m/t0nXf1dWV19jYGIHM3B4fH9+Exwm25jj9RN/f319RXV39aXV1Vfb5fD8yzjY0NBQBZxAcGITDvxgYGNhFc1BKUVtb2zYc0gzzGFXLAsmWEaQc7ujowDKJwv1LpRzKyIHEP+4piN0CXiuMRxTvBeD7CXxmUOjLUCj0zGKxPIV5Lqwdps+FP9SbQyJGcciGhZUbg03jEYd4tOPI0zA3N/fe4/E8pDKlnZqaegAOvSNZPLY/9IRCOCSWYz7wHoGUr3J4aUWYAIdqMbGKoHiNBJOHZQx7f4W5QnwWeM0SyyAGkTLV19cHQe4VWWoPy6gCcYhHO04ZJROJxHOTyfQIDn8XlHARxnuyLLfGYrFlBq+x2+0y9IQg9IRSVAKWSU1Nzfbw8DDrR4qoFRUQJ0qIk3mC108IJjkyMhLc3993CRyAwPmWwAAZscsTqfKwOrJuzNLRUZc6aIxOVADgD3HEOeEVqcyl5Q4dvph+a5SXl8uojJKSEr3KHnqw+0yUIPBKmcGIRCEKrUhRpe6572cGe9r7nQ5G5j0unvM7QiL4835HsJhjnLwekfU6C/Ys17/6uj3LuX4LMACwT+lvQQrZSgAAAABJRU5ErkJggg==")!important;
  32. }
  33. #back-button .toolbarbutton-icon
  34. {
  35. -moz-image-region:rect(0, 11px, 12px, 0)!important;
  36. margin-left:-30px !important;
  37. margin-top:-1px !important;
  38. }
  39. #forward-button .toolbarbutton-icon
  40. {
  41. -moz-image-region:rect(0, 22px, 12px, 11px)!important;
  42. margin-left:-15px !important;
  43. margin-top:-1px !important;
  44. }
  45. #reload-button .toolbarbutton-icon,
  46. #urlbar-reload-button .toolbarbutton-icon
  47. {
  48. -moz-image-region:rect(0, 33px, 11px, 22px)!important;
  49. }
  50. #stop-button .toolbarbutton-icon,
  51. #urlbar-stop-button .toolbarbutton-icon,
  52. #tabbrowser-tabs tab .tab-close-button .toolbarbutton-icon
  53. {
  54. -moz-image-region:rect(0, 44px, 11px, 33px)!important;
  55. }
  56. #new-tab-button .toolbarbutton-icon
  57. {
  58. -moz-image-region:rect(0, 55px, 11px, 44px)!important;
  59. }
  60. #new-tab-button
  61. {
  62. max-width:16px!important;
  63. }
  64. #appmenu-button .button-icon
  65. {
  66. -moz-image-region:rect(0, 66px, 11px, 55px)!important;
  67. }
  68. #main-window[sizemode="normal"] .toolbarbutton-1
  69. {
  70. margin-top:3px!important;
  71. }
  72. #main-window *[id*="-button"]:not([disabled]):hover
  73. {
  74. background:transparent!important;
  75. }
  76.  
  77. /* URL BAR */
  78. #urlbar
  79. {
  80. background:#191919!important;
  81. border-radius: 0px !important;
  82. border-right:1px solid #323232 !important;
  83. border-top:1px solid #323232 !important;
  84. border-left:1px solid #323232 !important;
  85. border-bottom:0px solid #323232 !important;
  86. border-style:solid !important;
  87. color:rgba(255,255,255,.6)!important;
  88. margin:0px 1px -2px!important;
  89. margin-top: -4px !important;
  90. margin-left:-5px !important;
  91. margin-bottom:-5px !important;
  92. max-height:14px!important;
  93. min-height:14px!important;
  94. text-shadow:rgba(0,0,0,.6) 0 0 1px!important;
  95. -moz-transition:color .2s ease-in-out;
  96. }
  97. #urlbar:hover
  98. {
  99. color:rgba(255,255,255,.2)!important;
  100. }
  101. #urlbar #notification-popup-box
  102. {
  103. background:-moz-linear-gradient(rgba(75,75,75,.2),rgba(27,27,27,.4))!important;
  104. border-right:1px solid rgba(0,0,0,.4)!important;
  105. max-height:16px!important;
  106. max-width:16px!important;
  107. padding:0 4px!important;
  108. border-radius:1px 0 0 1px!important;
  109. -moz-border-image:none!important;
  110. -moz-margin-end:0!important;
  111. }
  112. #urlbar #notification-popup-box .notification-anchor-icon
  113. {
  114. max-height:10px!important;
  115. max-width:10px!important;
  116. }
  117. #main-window[sizemode="fullscreen"] #urlbar,
  118. #main-window[sizemode="maximized"] #urlbar
  119. {
  120. margin:2px 1px 0!important;
  121. }
  122.  
  123. .tab-throbber,
  124. .tab-icon-image,
  125. .tabbrowser-arrowscrollbox,
  126. .tabbrowser-tabs
  127. {
  128. min-height: 0px !important;
  129. max-height: 16px !important;
  130. margin-bottom:-4px !important;
  131. }
  132.  
  133. /* TABS */
  134. #main-window #tabbrowser-tabs tab
  135. {
  136. font-family:"cure.se"!important;
  137. background:#191919!important;
  138. color:rgba(255,255,255,.6)!important;
  139. text-shadow:rgba(0,0,0,.8) 0 0 1px!important;
  140. border:1px solid #323232 !important;
  141. border-left:1px solid #323232 !important;
  142. border-bottom:1px solid #323232 !important;
  143. /*border-bottom:1px solid #000000 !important; */
  144. }
  145. #main-window[sizemode="normal"] #tabbrowser-tabs tab
  146. {
  147. max-height:15px!important;
  148. padding:0 0px!important;
  149. font-weight: normal !important;
  150. border-radius: 0px !important;
  151. margin-bottom:-2px !important;
  152. margin-right:1px !important;
  153. }
  154. #main-window[sizemode="maximized"] #tabbrowser-tabs tab,
  155. #main-window[sizemode="fullscreen"] #tabbrowser-tabs tab
  156. {
  157. border-top:0!important;
  158. margin:-1px 1px 0!important;
  159. max-height:16px!important;
  160. padding:0 0px!important;
  161. border-radius:0!important;
  162. }
  163. #main-window #tabbrowser-tabs tab[selected]
  164. {
  165. color:#d9c9b8!important;
  166. font-family:"cure.se"!important;
  167. }
  168.  
  169. .tabbrowser-tab .tab-text
  170. {
  171. margin-top:-2px !important;
  172. }
  173.  
  174. #main-window #tabbrowser-tabs tab:not([selected])
  175. {
  176. color:#323232 !important;
  177. }
  178.  
  179. .tab-icon-image:not([selected])
  180. {
  181. opacity:.3 !important;
  182. }
  183.  
  184.  
  185. .tabbrowser-tab[selected] .tab-text
  186. {
  187. margin-top:-2px !important;
  188. }
  189. #main-window #tabbrowser-tabs tab:first-child
  190. {
  191. border-left:1px solid #323232!important;
  192. margin-left:0px !important;
  193. }
  194.  
  195. #main-window #tabbrowser-tabs tab .tab-throbber,
  196. #main-window #tabbrowser-tabs tab .tab-icon-image
  197. {
  198. max-height:10px!important;
  199. max-width:10px!important;
  200. margin-top:-5px!important;
  201. margin-left:2px!important;
  202. }
  203. #main-window #tabbrowser-tabs tab[fadein]
  204. {
  205. -moz-transition:all .2s ease-in-out!important;
  206. }
  207. #main-window #tabbrowser-tabs tab:not([selected]):hover
  208. {
  209. color:rgba(255,255,255,.8)!important;
  210. }
  211. #main-window #tabbrowser-tabs tab .tab-close-button
  212. {
  213. opacity:0!important;
  214. -moz-transition:all .1s ease-in-out!important;
  215. margin-top:-1px !important;
  216. }
  217. #main-window #tabbrowser-tabs tab .tab-close-button .toolbarbutton-icon
  218. {
  219. max-height:7px!important;
  220. max-width:7px!important;
  221. }
  222. #main-window #tabbrowser-tabs tab[selected] .tab-close-button,
  223. #main-window #tabbrowser-tabs tab:hover .tab-close-button
  224. {
  225. opacity:1!important;
  226. }
  227. #main-window #tabbrowser-tabs tab[fadein]:not([pinned])
  228. {
  229. min-width:40px!important;
  230. max-width:160px!important;
  231. }
  232. #main-window #tabbrowser-tabs tab[pinned]
  233. {
  234. max-width:24px!important;
  235. min-width:24px!important;
  236. }
  237. #main-window #tabbrowser-tabs .scrollbutton-up,
  238. #main-window #tabbrowser-tabs .scrollbutton-down,
  239. #main-window #tabbrowser-tabs tab[pinned] .tab-close-button
  240. {
  241. display:none!important;
  242. }
  243.  
  244. /* MAIN WINDOW */
  245. #main-window #urlbar,
  246. #main-window #urlbar-container
  247. {
  248. font-family:"cure.se"!important;
  249. max-width:165px!important;
  250. }
  251. #main-window:not([chromehidden*="toolbar"])[sizemode="normal"]
  252. {
  253. margin-top:-20px!important;
  254. }
  255. #main-window[sizemode="normal"] #TabsToolbar
  256. {
  257. margin-top:1px!important;
  258. padding:0 105px 2px 16px!important;
  259. }
  260. #main-window[sizemode="fullscreen"] #TabsToolbar,
  261. #main-window[sizemode="maximized"] #TabsToolbar
  262. {
  263. margin:6px -14px 0 0!important;
  264. padding:0 105px 2px 16px!important;
  265. }
  266. #main-window #browser-border-start
  267. {
  268. background:#323232!important;
  269. border:0!important;
  270. }
  271. #main-window #appmenu-button
  272. {
  273. background:transparent!important;
  274. border:0!important;
  275. padding:1px 5px!important;
  276. min-width:16px!important;
  277. box-shadow:none!important;
  278. }
  279. #main-window[sizemode="normal"] #appmenu-button
  280. {
  281. margin:20px 0 -20px!important;
  282. }
  283. #main-window[sizemode="fullscreen"] #appmenu-button,
  284. #main-window[sizemode="maximized"] #appmenu-button
  285. {
  286. margin:0!important;
  287. }
  288.  
  289. /*Removes Background-Color From Chrome*/
  290. #appcontent,
  291. #appcontent > #content,
  292. #appcontent > #content > tabbox > tabpanels
  293. {
  294. background-color:transparent!important;
  295. }
  296.  
  297. scrollbar scrollbarbutton ,
  298. scrollbar gripper {
  299. visibility: collapse;
  300. }
  301. scrollbar ,
  302. scrollbar thumb {
  303. -moz-appearance: none !important;
  304. }
  305. scrollbar[orient="vertical"] {
  306. -moz-margin-start: -4px;
  307. min-width: 4px;
  308. max-width: 4px;
  309. }
  310. scrollbar[orient="horizontal"] {
  311. margin-top: -4px;
  312. min-height: 4px;
  313. max-height: 4px;
  314. }
  315. scrollbar {
  316. position: relative;
  317. background-image: none;
  318. z-index: 2147483647;
  319. background-color: transparent;
  320. }
  321. scrollbar:hover {
  322. background-color: ButtonHighlight;
  323. }
  324. scrollbar thumb {
  325. border: none !important;
  326. border-radius: 1.5px !important;
  327. background-color: #92969b;
  328. opacity: .55;
  329. }
  330. scrollbar:hover thumb {
  331. opacity: 1;
  332. }
  333. scrollbar thumb:active ,
  334. scrollbar thumb:hover {
  335. opacity: 1;
  336. background-color: ButtonShadow;
  337. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement