API tools faq
paste
Guest User

flat firefox css

a guest
Jun 17th, 2015
276
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.88 KB | None | 0 0
raw download clone embed print report
  1. /*===============================================
  2. DISABLE FIREFOX DEFAULT BACKGROUND
  3. ===============================================*/
  4. #TabsToolbar:not(:-moz-lwtheme)::after {
  5. display: none;
  6. }
  7.  
  8. /*===============================================
  9. TABS BACKGROUND SETTINGS
  10. ===============================================*/
  11. #main-window[sizemode="normal"]:not([inFullscreen]) #3TabsToolbar {
  12. background: transparent !important;
  13. margin-bottom: -1px !important;
  14. margin-top: 4px !important;
  15. margin-right: -25px !important;
  16. margin-left: -18px !important;
  17. }
  18.  
  19. #main-window[sizemode="normal"]:not([inFullscreen]) #TabsToolbar .tabbrowser-tabs {
  20. min-height: 26px !important;
  21. margin-top: 1px !important;
  22. }
  23.  
  24. /*===============================================
  25. INACTIVE TABS
  26. ===============================================*/
  27. #TabsToolbar .tabbrowser-tab {
  28. text-align: left!important;
  29. -moz-border-top-colors: none !important;
  30. -moz-border-left-colors: none !important;
  31. -moz-border-right-colors: none !important;
  32. -moz-border-bottom-colors: none !important;
  33. background: #484747 !important;
  34. border-top: 1px solid transparent!important;
  35. border-bottom: 1px solid transparent!important;
  36. border-left: 1px solid transparent!important;
  37. border-right: 1px solid transparent!important;
  38. border-radius: 3px 3px 0px 0px !important;
  39. color: #757983 !important;
  40. margin: 0px 3px 0px 2px !important;
  41. font-family: "Segoe UI",Helvetica,Arial,sans-serif;
  42. font-size: 11px;
  43. }
  44.  
  45. /*===============================================
  46. ACTIVE TABS
  47. ===============================================*/
  48. #TabsToolbar .tabbrowser-tab[selected] {
  49. font-weight: normal !important;
  50. border-top: 0px solid #282B34!important;
  51. border-bottom: 0px solid #282B34!important;
  52. border-left: 0px solid #282B34!important;
  53. border-right: 0px solid #282B34!important;
  54. border-radius: 3px 3px 0px 0px !important;
  55. background: #333333 !important;
  56. color: #757983 !important;
  57. }
  58.  
  59. /*===============================================
  60. DISABLE AUSTRALIS TAB
  61. ===============================================*/
  62. #TabsToolbar .tab-background {
  63. margin: 0;
  64. background: transparent;
  65. }
  66.  
  67. #TabsToolbar .tab-background-start, #TabsToolbar .tab-background-end {
  68. display: none !important;
  69. }
  70.  
  71. #TabsToolbar .tab-background-middle {
  72. background: transparent !important;
  73. }
  74.  
  75. #TabsToolbar .tabbrowser-tab:after, #TabsToolbar .tabbrowser-tab:before {
  76. display: none !important;
  77. }
  78.  
  79. /*===============================================
  80. ON MAXIMIZED WINDOW
  81. ===============================================*/
  82. #main-window[sizemode="maximized"] #TabsToolbar {
  83. background: transparent !important;
  84. margin-bottom: 0px !important;
  85. margin-top: 4px !important;
  86. margin-right: -25px !important;
  87. margin-left: -13px !important;
  88. }
  89.  
  90. #TabsToolbar .tabbrowser-tabs {
  91. min-height: 26px !important;
  92. margin-top: 1px !important;
  93. }
  94.  
  95. #main-window[sizemode="maximized"] #nav-bar {
  96. border-radius: 0px 0px 0px 0px !important;
  97. margin-left: -4px !important;
  98. margin-right: -6px !important;
  99. }
  100.  
  101. /*===============================================
  102. HIDES TAB ICON
  103. ===============================================*/
  104. tab .tab-icon, .tab-icon-image {
  105. display: none !important;
  106. }
  107.  
  108. /*===============================================
  109. HIDES TAB LOADING ICON
  110. ===============================================*/
  111. .tab-throbber {
  112. display: none !important;
  113. }
  114.  
  115. /*===============================================
  116. HIDES ANNOYING ELEMENTS ON ADDRESS BAR
  117. ===============================================*/
  118. #addonbar-closebutton ,#feed-button,#go-button,#star-button,#identity-box,.autocomplete-history-dropmarker,.scrollbutton-up,.scrollbutton-down {
  119. display: none!important;
  120. }
  121.  
  122. /*===============================================
  123. NAVIGATION BAR/ADDRESS BAR/SEARCH BAR SETTING
  124. ===============================================*/
  125. #nav-bar {
  126. background: #333333 !important;
  127. margin-top: -1px !important;
  128. margin-left: 0px !important;
  129. margin-right: 0px !important;
  130. margin-bottom: 0px !important;
  131. padding: 0px !important;
  132. border-radius: 0px 0px 0px 0px !important;
  133. border-top: 1px #333333!important;
  134. box-shadow: none !important;
  135. }
  136.  
  137. #urlbar {
  138. background: #333333 !important;
  139. padding: 4.5px !important;
  140. text-align: left!important;
  141. padding-left: 8px !important;
  142. margin-top: 0px !important;
  143. margin-bottom: 0px !important;
  144. margin-left: 12px !important;
  145. margin-right: 4px !important;
  146. border-top: 0px solid #282B34!important;
  147. border-bottom: 0px solid #282B34!important;
  148. border-left: 0px solid #282B34!important;
  149. border-right: 0px solid #282B34!important;
  150. color: #757983 !important;
  151. font-family: "Segoe UI Semibold",Helvetica,Arial,sans-serif;
  152. font-size: 11px;
  153. box-shadow: none !important;
  154. }
  155.  
  156. #searchbar .search-go-button {
  157. visibility: hidden !important;
  158. }
  159.  
  160. #searchbar .searchbar-dropmarker-image {
  161. display: none !important;
  162. }
  163.  
  164. #searchbar .searchbar-engine-image {
  165. width: 0 !important;
  166. padding-left: 18px !important;
  167. margin-left: -20px !important;
  168. margin-top: 0px !important;
  169. margin-bottom: 0px !important;
  170. margin-right: 2px !important;
  171. }
  172.  
  173. #searchbar .searchbar-textbox {
  174. background: #333333 !important;
  175. text-align: left!important;
  176. margin-top: 7px !important;
  177. margin-bottom: 7px !important;
  178. margin-left: 1px !important;
  179. margin-right: 10px !important;
  180. border-top: 1px solid #282B34!important;
  181. border-bottom: 1px solid #282B34!important;
  182. border-left: 1px solid #282B34!important;
  183. border-right: 1px solid #282B34!important;
  184. padding-left: 5px !important;
  185. color: #757983 !important;
  186. font-family: "Segoe UI Semibold",Helvetica,Arial,sans-serif;
  187. font-size: 11px;
  188. box-shadow: none !important;
  189. }
  190.  
  191. #urlbar, .searchbar-textbox {
  192. border-radius: 11px !important;
  193. }
  194.  
  195.  
  196. /*===============================================
  197. REMOVES VS SEPARATOR
  198. ===============================================*/
  199. #browser-bottombox {
  200. border: none !important;
  201. }
  202.  
  203. #browser-border-end, #browser-border-start {
  204. display: none !important;
  205. }
  206.  
  207. #nav-bar {
  208. border: none !important;
  209. visibility: visible !important;
  210. }
  211.  
  212. #navigator-toolbox:after {
  213. height: 0px !important;
  214. }
  215.  
  216. /*===============================================
  217. BORDERLESS EFFECT FOR BORDERLESS VS
  218. ===============================================*/
  219. #main-window {
  220. -moz-appearance: -moz-win-borderless-glass !important;
  221. -moz-appearance: -moz-win-glass !important;
  222. }
  223.  
  224. /*===============================================
  225. TABS CLOSE BUTTON
  226. ===============================================*/
  227. .tabs-closebutton-box, .tab-close-button {
  228. margin-top: -5px !important;
  229. margin-bottom: -5px !important;
  230. margin-right: 0px !important;
  231. }
  232.  
  233. .tabbrowser-tabs tab .tab-close-button .toolbarbutton-icon, .tabbrowser-tabs tab .tabs-closebutton .toolbarbutton-icon {
  234. display: none !important;
  235. }
  236.  
  237. .tabbrowser-tabs tab:hover .tab-close-button .toolbarbutton-icon, .tabbrowser-tabs tab:hover .tabs-closebutton .toolbarbutton-icon {
  238. display: -moz-box !important;
  239. }
  240.  
  241. .tab-close-button, .tabs-closebutton, #find-closebutton {
  242. list-style-image: url("data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%00%10%00%00%00%10%08%06%00%00%00%1F%F3%FFa%00%00%00%04sBIT%08%08%08%08%7C%08d%88%00%00%00%09pHYs%00%00%0D%D7%00%00%0D%D7%01B%28%9Bx%00%00%00%19tEXtSoftware%00www.inkscape.org%9B%EE%3C%1A%00%00%00%E3IDAT8%8D%ED%91%B1J%C3P%14%86%BF%3F%B9q%C9%24%A2T%AD%E0%E6%E4%E4%D0%CD%A1%BE%90%60%09I%5DB%C0v%F0%91%04%2B8%0A%0E.%EDj%11%17%9F%40%93%DE%E3%D0%0A5%09%88%7B%BF%ED%FC%7C%FC%E7p%2Flhe%90%15%BD%CB%E1%CD%FE%CF%9C%24%F9%C1%20%2Bzm%AE%EA%C1UZ%9C%05%D2%3D%D8%7B%A9%B0%0F%10y%3FAtP%D0%BF%1D%5D%3F%AF%FB%AE%5E%B0%257%AFX%BC%82N%23%F3O%AB5%87%C0%8B%FF%2C%E7%7F%5E%00%90e%A3%DD%CA%AAG%A4%93eb3%87%3B%1F%8F%87%1Fu7h%2B0%FB%8A%81xM%8BWY%83FA%9A%E6%C7%0B%85%0FH%5D%C4%141%05%3B%AA%E4%EE%92%24%EF%D6%FD%C6%1B%94%04%3B%01l%83%CDJ%C2%0B%80%C8%FCD%B2%8E%B9h%0Fxk%BB%E4%17%FF%F9%C6%0D%F0%0D%BA%A9F%FB%14G%C1%19%00%00%00%00IEND%AEB%60%82") !important;
  243. -moz-image-region: rect(0,16px,16px,0) !important;
  244. }
  245.  
  246. tab[selected="true"] .tab-close-button, .tabs-closebutton, tab:hover .tab-close-button, #find-closebutton {
  247. }
  248.  
  249. tab .tab-close-button:hover, .tabs-closebutton:hover, #find-closebutton:hover {
  250. }
  251.  
  252. /*===============================================
  253. CUSTOM NEW TAB BUTTON
  254. ===============================================*/
  255. #main-window .tabbrowser-tabs .tabs-newtab-button {
  256. list-style-image: url("data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%00%10%00%00%00%10%08%06%00%00%00%1F%F3%FFa%00%00%00%04sBIT%08%08%08%08%7C%08d%88%00%00%00%09pHYs%00%00%0D%D7%00%00%0D%D7%01B%28%9Bx%00%00%00%19tEXtSoftware%00www.inkscape.org%9B%EE%3C%1A%00%00%00.IDAT8%8Dc%60%18%05x%C1%7F%28%C0%A7%86%89RK%286%80%11%5D%80%90%93%19%19%19Q%F4P%EC%02%BC%60h%04%E2%28%60%60%00%00b%3C%13%FC%EA%AB%8D1%00%00%00%00IEND%AEB%60%82") !important;
  257. background: transparent !important;
  258. margin-left: -20px !important;
  259. border: transparent !important;
  260. border-top: transparent !important;
  261. border-left: transparent !important;
  262. border-right: transparent !important;
  263. }
  264.  
  265. #main-window .tabbrowser-tabs .tabs-newtab-button:hover {
  266. list-style-image: url("data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%00%10%00%00%00%10%08%06%00%00%00%1F%F3%FFa%00%00%00%04sBIT%08%08%08%08%7C%08d%88%00%00%00%09pHYs%00%00%0D%D7%00%00%0D%D7%01B%28%9Bx%00%00%00%19tEXtSoftware%00www.inkscape.org%9B%EE%3C%1A%00%00%00.IDAT8%8Dc%60%18%05x%C1%7F%28%C0%A7%86%89RK%286%80%11%5D%80%90%93%19%19%19Q%F4P%EC%02%BC%60h%04%E2%28%60%60%00%00b%3C%13%FC%EA%AB%8D1%00%00%00%00IEND%AEB%60%82") !important;
  267. }
  268.  
  269. /* hide urlbars stop/reload/go buttons */
  270. #urlbar-container #urlbar-reload-button, #urlbar-container #urlbar-go-button, #urlbar-container #urlbar-stop-button {
  271. visibility: collapse !important;
  272. }
  273.  
  274. /*===============================================
  275. CHANGES MENU BUTTON'S IMAGE
  276. ===============================================*/
  277. #PanelUI-menu-button {
  278. list-style-image: url('data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%00%10%00%00%00%10%08%06%00%00%00%1F%F3%FFa%00%00%00%04sBIT%08%08%08%08%7C%08d%88%00%00%00%09pHYs%00%00%0D%D7%00%00%0D%D7%01B%28%9Bx%00%00%00%19tEXtSoftware%00www.inkscape.org%9B%EE%3C%1A%00%00%009IDAT8%8Dc%60%A0%1002000TT%B4%0B%92%A3%B9%A3%A3%F2%3DciES%0A%03%23%E3l%B2%AC%FF%FF%3F%95%89%2C%8D%83%0A%8C%06"%15%C0h%20R%01%00%00%E2%86%1A%86%C2%C8%D8%A4%00%00%00%00IEND%AEB%60%82') !important;
  279. -moz-image-region: rect(0,16px,16px,0) !important;
  280. background: transparent !important;
  281. border: transparent !important;
  282. border-top: transparent !important;
  283. border-left: transparent !important;
  284. border-right: transparent !important;
  285. }
  286.  
  287. #PanelUI-menu-button:hover:not([disabled="true"]) {
  288. -moz-image-region: rect(0,16px,16px,0px) !important;
  289. background: transparent !important;
  290. border: transparent !important;
  291. border-top: transparent !important;
  292. border-left: transparent !important;
  293. border-right: transparent !important;
  294. }
  295.  
  296. #PanelUI-menu-button[open] {
  297. list-style-image: url('data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%00%10%00%00%00%10%08%06%00%00%00%1F%F3%FFa%00%00%00%04sBIT%08%08%08%08%7C%08d%88%00%00%00%09pHYs%00%00%0D%D7%00%00%0D%D7%01B%28%9Bx%00%00%00%19tEXtSoftware%00www.inkscape.org%9B%EE%3C%1A%00%00%00%3AIDAT8%8Dc%60%A0%1002000444p%91%A3%B9%A1%A1%E1%1Bcyy%8B%CD%3Ff%86Xr%0C%60%FA%CB%B0%98%89%1C%8D%83%0B%8C%06"%15%C0h%20R%01%00%00l%A5%1A%17%2A%AE_%A5%00%00%00%00IEND%AEB%60%82') !important;
  298. -moz-image-region: rect(0,16px,16px,0px) !important;
  299. background: transparent !important;
  300. border: transparent !important;
  301. border-top: transparent !important;
  302. border-left: transparent !important;
  303. border-right: transparent !important;
  304. }
  305.  
  306. #PanelUI-button {
  307. list-style-image: url('data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%00%10%00%00%00%10%08%06%00%00%00%1F%F3%FFa%00%00%00%04sBIT%08%08%08%08%7C%08d%88%00%00%00%09pHYs%00%00%0D%D7%00%00%0D%D7%01B%28%9Bx%00%00%00%19tEXtSoftware%00www.inkscape.org%9B%EE%3C%1A%00%00%009IDAT8%8Dc%60%A0%1002000TT%B4%0B%92%A3%B9%A3%A3%F2%3DciES%0A%03%23%E3l%B2%AC%FF%FF%3F%95%89%2C%8D%83%0A%8C%06"%15%C0h%20R%01%00%00%E2%86%1A%86%C2%C8%D8%A4%00%00%00%00IEND%AEB%60%82') !important;
  308. width: 0px !important;
  309. margin-left: -6px !important;
  310. margin-right: 3px !important;
  311. background: none !important;
  312. }
  313.  
  314. /*===================================================================
  315. HIDES PLUGINS NOTIFICATION ICON THAT MAY CHANGE ADDRESS BAR'S HEIGHT
  316. ====================================================================*/
  317. #plugins-notification-icon {
  318. display: none !important;
  319. }
  320.  
  321. /*===================================================================
  322. HIDES BACKGROUND EFFECT ON HOVER AND ACTIVE MENU BUTTON
  323. ====================================================================*/
  324. .toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-container {
  325. background: none !important;
  326. border: none !important;
  327. box-shadow: none !important;
  328. }
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!