Advertisement
hu6

Dark userChrome.css for Windows Elune - Based on Ahoka's

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