Advertisement
hu6

userChrome.css OSX - Requires FT Deep Dark

hu6
Jul 11th, 2013
299
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.47 KB | None | 0 0
  1. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  2.  
  3.  
  4. /* HIDDEN ELEMENTS */
  5. #identity-box,
  6. #urlbar-icons > image,
  7. #urlbar-container dropmarker,
  8. #tabbrowser-tabs .scrollbutton-up,
  9. #tabbrowser-tabs .scrollbutton-down,
  10. #appmenu-toolbar-button .toolbarbutton-text,
  11. #appmenu-toolbar-button .toolbarbutton-menu-dropmarker,
  12. toolbar#addon-bar toolbarbutton .toolbarbutton-menubutton-dropmarker,
  13. toolbar#addon-bar #addonbar-closebutton
  14. {
  15. display:none!important;
  16. }
  17.  
  18. /* BUTTONS */
  19. #back-button .toolbarbutton-icon,
  20. #forward-button .toolbarbutton-icon,
  21. #reload-button .toolbarbutton-icon,
  22. #urlbar-reload-button .toolbarbutton-icon,
  23. #stop-button .toolbarbutton-icon,
  24. #urlbar-stop-button .toolbarbutton-icon,
  25. #tabbrowser-tabs tab .tab-close-button .toolbarbutton-icon,
  26. #new-tab-button .toolbarbutton-icon,
  27. #appmenu-toolbar-button .toolbarbutton-icon
  28. {
  29. list-style-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAAAMCAYAAADWBmv0AAAAsUlEQVR42u1VSQ7AIAj0/6/QuHyThgOJMQqjJemhTuKlLMIMxRAuLmC01uiNvUeMkWqtlHNexpRSpjaO03Jb9lmtSMxWk5bfrHEmxbNglIieaIiIHaU1fyaBL5+RoU2GFImqhtQrPiklgmJ2SbDiVs1YTVp1cDwf9pMj37R8IgDUp9dE9AqcTITX7zn68N1wj55FjDtB2xGjokj+kz2yJbbHtu5VsF4Na6w/I+Li4r94AMKR3nDHYnbdAAAAAElFTkSuQmCC")!important;
  30. }
  31. #back-button .toolbarbutton-icon
  32. {
  33. -moz-image-region:rect(0, 11px, 11px, 0)!important;
  34. }
  35. #forward-button .toolbarbutton-icon
  36. {
  37. -moz-image-region:rect(0, 22px, 11px, 11px)!important;
  38. }
  39. #reload-button .toolbarbutton-icon,
  40. #urlbar-reload-button .toolbarbutton-icon
  41. {
  42. -moz-image-region:rect(0, 33px, 11px, 22px)!important;
  43. }
  44. #stop-button .toolbarbutton-icon,
  45. #urlbar-stop-button .toolbarbutton-icon,
  46. #tabbrowser-tabs tab .tab-close-button .toolbarbutton-icon
  47. {
  48. -moz-image-region:rect(0, 44px, 11px, 33px)!important;
  49. }
  50. #new-tab-button .toolbarbutton-icon
  51. {
  52. -moz-image-region:rect(0, 55px, 11px, 44px)!important;
  53. }
  54. #new-tab-button
  55. {
  56. max-width:16px!important;
  57. }
  58. #appmenu-toolbar-button .toolbarbutton-icon
  59. {
  60. -moz-image-region:rect(0, 66px, 11px, 55px)!important;
  61. }
  62. #back-button,
  63. #forward-button,
  64. #reload-button,
  65. #stop-button,
  66. .tab-close-button,
  67. #appmenu-toolbar-button
  68. {
  69. background:transparent!important;
  70. border:0!important;
  71. min-height:18px!important;
  72. max-height:18px!important;
  73. min-width:14px!important;
  74. max-width:14px!important;
  75. margin:0!important;
  76. padding:0!important;
  77. -moz-appearance:none!important;
  78. }
  79. #TabsToolbar toolbarbutton .toolbarbutton-icon
  80. {
  81. margin-top:2px!important;
  82. }
  83. #main-window toolbarbutton,
  84. #appmenu-toolbar-button
  85. {
  86. padding-top:2px!important;
  87. }
  88. #main-window #appmenu-toolbar-button
  89. {
  90. padding-left:4px!important;
  91. }
  92. #main-window #appmenu-toolbar-button .toolbarbutton-icon
  93. {
  94. margin:-1px 0 0!important;
  95. }
  96.  
  97. /* URL BAR */
  98. #urlbar
  99. {
  100. background:#1a1a1a none no-repeat right top !important;
  101. border:0 !important;
  102. border-radius:0 !important;
  103. border-left:1px solid #101010 !important;
  104. color:rgba(255,255,255,.6) !important;
  105. margin:-5px 0 0 !important;
  106. max-height:16px !important;
  107. min-height:16px !important;
  108. padding:0 !important;
  109. text-align:left !important;
  110. text-shadow:rgba(0,0,0,.4) 0 0 1px !important;
  111. -moz-transition:color .2s ease-in,background .2s ease-in;
  112. -moz-appearance:none !important;
  113. margin-top:-1px!important;
  114. }
  115. #urlbar:hover,
  116. #main-window #tabbrowser-tabs tab:hover,
  117. #main-window #tabbrowser-tabs tab[selected]
  118. {
  119. background:#252525 none no-repeat right top !important;
  120. color:#fff!important;
  121. }
  122. #urlbar #notification-popup-box
  123. {
  124. background:-moz-linear-gradient(rgba(75,75,75,.2),rgba(0,0,0,.4))!important;
  125. border:0!important;
  126. border-right:1px solid rgba(0,0,0,.4)!important;
  127. max-height:16px!important;
  128. max-width:16px!important;
  129. padding:0 4px!important;
  130. border-radius:1px 0 0 1px!important;
  131. -moz-border-image:none!important;
  132. -moz-margin-end:0!important;
  133. }
  134. #urlbar #notification-popup-box .notification-anchor-icon
  135. {
  136. max-height:10px!important;
  137. max-width:10px!important;
  138. }
  139.  
  140. /* TABS */
  141. #main-window #tabbrowser-tabs tab
  142. {
  143. background:#1b1b1b!important;
  144. border:0!important;
  145. border-left:1px solid #101010!important;
  146. color:rgba(255,255,255,.6)!important;
  147. margin:0!important;
  148. max-height:15px!important;
  149. min-height:15px!important;
  150. padding:0 2px!important;
  151. text-shadow:rgba(0,0,0,.8) 0 0 1px!important;
  152. border-radius:0!important;
  153. }
  154. #main-window #tabbrowser-tabs tab:last-child
  155. {
  156. border-right:1px solid #101010!important;
  157. }
  158.  
  159. #main-window #tabbrowser-tabs tab:first-child
  160. {
  161. border-left:none!important;
  162. }
  163. #main-window #tabbrowser-tabs tab .tab-label
  164. {
  165. margin-top:-1px!important;
  166. }
  167. #main-window #tabbrowser-tabs tab .tab-throbber,
  168. #main-window #tabbrowser-tabs tab .tab-icon-image
  169. {
  170. max-height:10px!important;
  171. max-width:10px!important;
  172. margin-top:-2px!important;
  173. }
  174. #main-window #tabbrowser-tabs tab[fadein]
  175. {
  176. -moz-transition:color .2s ease-in,all .2s!important;
  177. }
  178. #main-window #tabbrowser-tabs tab .tab-close-button
  179. {
  180. margin-top:-4px!important;
  181. opacity:0!important;
  182. -moz-transition:opacity .1s ease-in!important;
  183. }
  184. #main-window #tabbrowser-tabs tab .tab-close-button .toolbarbutton-icon
  185. {
  186. max-height:12px!important;
  187. max-width:12px!important;
  188. }
  189. #main-window #tabbrowser-tabs tab[selected] .tab-close-button,
  190. #main-window #tabbrowser-tabs tab:hover .tab-close-button
  191. {
  192. opacity:1!important;
  193. }
  194. #main-window #tabbrowser-tabs tab[fadein]:not([pinned])
  195. {
  196. min-width:40px!important;
  197. max-width:160px!important;
  198. }
  199. #main-window #tabbrowser-tabs tab[pinned]
  200. {
  201. max-width:18px!important;
  202. min-width:18px!important;
  203. }
  204. #main-window #tabbrowser-tabs tab[pinned] .tab-close-button
  205. {
  206. display:none!important;
  207. }
  208.  
  209. /* ADD ON BAR */
  210. toolbar#addon-bar
  211. {
  212. background:#161616!important;
  213. border:1px solid #101010!important;
  214. max-height:20px!important;
  215. min-height:20px!important;
  216. -moz-appearance:none!important;
  217. }
  218. toolbar#addon-bar toolbarbutton
  219. {
  220. border:0!important;
  221. max-height:18px!important;
  222. min-height:18px!important;
  223. margin:0!important;
  224. padding:0!important;
  225. -moz-appearance:none!important;
  226. }
  227. scrollbox#PlacesToolbarItems toolbarbutton
  228. {
  229. border:0!important;
  230. border-left:1px solid transparent!important;
  231. border-right:1px solid transparent!important;
  232. max-height:18px!important;
  233. min-height:18px!important;
  234. max-width:24px!important;
  235. min-width:24px!important;
  236. padding:0 0 0 3px!important;
  237. -moz-appearance:none!important;
  238. }
  239. scrollbox#PlacesToolbarItems toolbarbutton .toolbarbutton-icon
  240. {
  241. height:16px!important;
  242. opacity:.5;
  243. width:16px!important;
  244. -moz-transition:all .1s linear;
  245. }
  246. scrollbox#PlacesToolbarItems toolbarbutton:hover .toolbarbutton-icon
  247. {
  248. opacity:1;
  249. }
  250. scrollbox#PlacesToolbarItems toolbarbutton:hover
  251. {
  252. background:#222!important;
  253. border-left:1px solid #101010!important;
  254. border-right:1px solid #101010!important;
  255. box-shadow:#0f0f0f 0 -1px 3px;
  256. }
  257. scrollbox#PlacesToolbarItems toolbarbutton:active
  258. {
  259. background:#101010!important;
  260. border-left:1px solid #101010!important;
  261. border-right:1px solid #101010!important;
  262. }
  263. scrollbox#PlacesToolbarItems toolbarbutton:first-child,
  264. scrollbox#PlacesToolbarItems toolbarbutton:first-child:hover,
  265. scrollbox#PlacesToolbarItems toolbarbutton:first-child:active
  266. {
  267. border-left:0!important;
  268. }
  269.  
  270. /* MAIN WINDOW */
  271. #main-window #urlbar,
  272. #main-window #urlbar-container
  273. {
  274. max-width:240px!important;
  275. }
  276. #main-window:not([chromehidden*="toolbar"])
  277. {
  278. margin:0!important;
  279. }
  280. #main-window #TabsToolbar
  281. {
  282. background:#161616!important;
  283. border:1px solid #101010!important;
  284. max-height:16px!important;
  285. min-height:16px!important;
  286. margin:-12px -1px 0 0!important;
  287. padding:0!important;
  288. -moz-appearance:none!important;
  289. }
  290. select > button,
  291. select > input
  292. {
  293. opacity:0!important;
  294. }
  295.  
  296. body > img.decoded {
  297. background:none!important;
  298. }
  299. #content[disablehistory] {
  300. background-color:#161616!important;
  301. }
  302. .db_progress-bar {
  303. background:#7c915a!important;
  304. }
  305. .db_finishedHbox {
  306. background:#424e60!important;
  307. }
  308. .db_progressVbox > description {
  309. font-family:'cure'!important;
  310. font-size:10px!important;
  311. font-weight:400!important;
  312. }
  313. #_dlbar_finTipContent {
  314. background:#222!important;
  315. border:0!important;
  316. border-radius:0px!important
  317. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement