API tools faq
paste
Advertisement
Guest User

Flat firefox

a guest
Jun 13th, 2016
170
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.09 KB | None | 0 0
raw download clone embed print report
  1. /*===============================================
  2. FLAT FIREFOX
  3. CSS THEME FOR STYLISH
  4. V15.07.22
  5. FOR FIREFOX BETA V40.0
  6. BY NADIRP.DEVIANTART.COM
  7. ===============================================*/
  8.  
  9. /*===============================================
  10. DISABLE FIREFOX DEFAULT BACKGROUND
  11. ===============================================*/
  12. #TabsToolbar:not(:-moz-lwtheme)::after {
  13. display: none;
  14. }
  15.  
  16. /*===============================================
  17. TABS BACKGROUND SETTINGS
  18. ===============================================*/
  19. #main-window[sizemode="normal"]:not([inFullscreen]) #TabsToolbar {
  20. background: transparent !important;
  21. margin-bottom: -1px !important;
  22. margin-top: 4px !important;
  23. margin-right: -25px !important;
  24. margin-left: -18px !important;
  25. }
  26.  
  27. #main-window[sizemode="normal"]:not([inFullscreen]) #TabsToolbar .tabbrowser-tabs {
  28. min-height: 26px !important;
  29. margin-top: 1px !important;
  30. }
  31.  
  32. /*===============================================
  33. INACTIVE TABS
  34. ===============================================*/
  35. #TabsToolbar .tabbrowser-tab {
  36. text-align: left!important;
  37. -moz-border-top-colors: none !important;
  38. -moz-border-left-colors: none !important;
  39. -moz-border-right-colors: none !important;
  40. -moz-border-bottom-colors: none !important;
  41. background: #474A53 !important;
  42. border-top: 1px solid transparent!important;
  43. border-bottom: 1px solid transparent!important;
  44. border-left: 1px solid transparent!important;
  45. border-right: 1px solid transparent!important;
  46. border-radius: 3px 3px 0px 0px !important;
  47. color: #757983 !important;
  48. margin: 0px 3px 0px 2px !important;
  49. font-family: "Liberation Sans",Helvetica,Arial,sans-serif;
  50. font-size: 8px;
  51. }
  52.  
  53. /*===============================================
  54. ACTIVE TABS
  55. ===============================================*/
  56. #TabsToolbar .tabbrowser-tab[selected] {
  57. font-weight: normal !important;
  58. border-top: 1px solid #282B34!important;
  59. border-bottom: 1px solid #282B34!important;
  60. border-left: 1px solid #282B34!important;
  61. border-right: 1px solid #282B34!important;
  62. border-radius: 3px 3px 0px 0px !important;
  63. background: #282B34 !important;
  64. color: #757983 !important;
  65. }
  66.  
  67. /*===============================================
  68. DISABLE AUSTRALIS TAB
  69. ===============================================*/
  70. #TabsToolbar .tab-background {
  71. margin: 0;
  72. background: transparent;
  73. }
  74.  
  75. #TabsToolbar .tab-background-start, #TabsToolbar .tab-background-end {
  76. display: none !important;
  77. }
  78.  
  79. #TabsToolbar .tab-background-middle {
  80. background: transparent !important;
  81. }
  82.  
  83. #TabsToolbar .tabbrowser-tab:after, #TabsToolbar .tabbrowser-tab:before {
  84. display: none !important;
  85. }
  86.  
  87. /*===============================================
  88. ON MAXIMIZED WINDOW
  89. ===============================================*/
  90. #main-window[sizemode="maximized"] #TabsToolbar {
  91. background: transparent !important;
  92. margin-bottom: 0px !important;
  93. margin-top: 4px !important;
  94. margin-right: -25px !important;
  95. margin-left: -13px !important;
  96. }
  97.  
  98. #TabsToolbar .tabbrowser-tabs {
  99. min-height: 26px !important;
  100. margin-top: 1px !important;
  101. }
  102.  
  103. #main-window[sizemode="maximized"] #nav-bar {
  104. border-radius: 0px 0px 0px 0px !important;
  105. margin-left: -4px !important;
  106. margin-right: -6px !important;
  107. }
  108.  
  109. /*===============================================
  110. HIDES TAB ICON
  111. ===============================================*/
  112. tab .tab-icon, .tab-icon-image {
  113. display: none !important;
  114. }
  115.  
  116. /*===============================================
  117. HIDES TAB LOADING ICON
  118. ===============================================*/
  119. .tab-throbber {
  120. display: none !important;
  121. }
  122.  
  123. /*===============================================
  124. HIDES ANNOYING ELEMENTS ON ADDRESS BAR
  125. ===============================================*/
  126. #addonbar-closebutton ,#feed-button,#go-button,#star-button,#identity-box,.autocomplete-history-dropmarker,.scrollbutton-up,.scrollbutton-down {
  127. display: none!important;
  128. }
  129.  
  130. /*===============================================
  131. NAVIGATION BAR/ADDRESS BAR/SEARCH BAR SETTING
  132. ===============================================*/
  133. #nav-bar {
  134. background: #282B34 !important;
  135. margin-top: -1px !important;
  136. margin-left: 0px !important;
  137. margin-right: 0px !important;
  138. margin-bottom: 0px !important;
  139. padding: 0px !important;
  140. border-radius: 0px 0px 0px 0px !important;
  141. border-top: 1px #282B34!important;
  142. box-shadow: none !important;
  143. }
  144.  
  145. #urlbar {
  146. background: #282B34 !important;
  147. padding: 4.5px !important;
  148. text-align: left!important;
  149. padding-left: 8px !important;
  150. margin-top: 0px !important;
  151. margin-bottom: 0px !important;
  152. margin-left: 12px !important;
  153. margin-right: 4px !important;
  154. border-top: 1px solid #282B34!important;
  155. border-bottom: 1px solid #282B34!important;
  156. border-left: 1px solid #282B34!important;
  157. border-right: 1px solid #282B34!important;
  158. color: #F0F0F0 !important;
  159. font-family: "Liberation Sans",Helvetica,Arial,sans-serif;
  160. font-size: 11px;
  161. box-shadow: none !important;
  162. }
  163.  
  164. #searchbar .search-go-button {
  165. visibility: hidden !important;
  166. }
  167.  
  168. #searchbar .searchbar-dropmarker-image {
  169. display: none !important;
  170. }
  171.  
  172. #searchbar .searchbar-engine-image {
  173. width: 0 !important;
  174. padding-left: 18px !important;
  175. margin-left: -20px !important;
  176. margin-top: 0px !important;
  177. margin-bottom: 0px !important;
  178. margin-right: 2px !important;
  179. }
  180.  
  181. #searchbar .searchbar-textbox {
  182. background: #282B34 !important;
  183. text-align: left!important;
  184. margin-top: 7px !important;
  185. margin-bottom: 7px !important;
  186. margin-left: 1px !important;
  187. margin-right: 10px !important;
  188. border-top: 1px solid #282B34!important;
  189. border-bottom: 1px solid #282B34!important;
  190. border-left: 1px solid #282B34!important;
  191. border-right: 1px solid #282B34!important;
  192. padding-left: 5px !important;
  193. color: #757983 !important;
  194. font-family: "Segoe UI Semibold",Helvetica,Arial,sans-serif;
  195. font-size: 11px;
  196. box-shadow: none !important;
  197. }
  198.  
  199. #urlbar, .searchbar-textbox {
  200. border-radius: 11px !important;
  201. }
  202.  
  203.  
  204. /*===============================================
  205. REMOVES VS SEPARATOR
  206. ===============================================*/
  207. #browser-bottombox {
  208. border: none !important;
  209. }
  210.  
  211. #browser-border-end, #browser-border-start {
  212. display: none !important;
  213. }
  214.  
  215. #nav-bar {
  216. border: none !important;
  217. visibility: visible !important;
  218. }
  219.  
  220. #navigator-toolbox:after {
  221. height: 0px !important;
  222. }
  223.  
  224. /*===============================================
  225. BORDERLESS EFFECT FOR BORDERLESS VS
  226. ===============================================*/
  227. #main-window {
  228. -moz-appearance: -moz-win-borderless-glass !important;
  229. -moz-appearance: -moz-win-glass !important;
  230. }
  231.  
  232. /*===============================================
  233. TABS CLOSE BUTTON
  234. ===============================================*/
  235. .tabs-closebutton-box, .tab-close-button {
  236. margin-top: -5px !important;
  237. margin-bottom: -5px !important;
  238. margin-right: 0px !important;
  239. }
  240.  
  241. .tabbrowser-tabs tab .tab-close-button .toolbarbutton-icon, .tabbrowser-tabs tab .tabs-closebutton .toolbarbutton-icon {
  242. display: none !important;
  243. }
  244.  
  245. .tabbrowser-tabs tab:hover .tab-close-button .toolbarbutton-icon, .tabbrowser-tabs tab:hover .tabs-closebutton .toolbarbutton-icon {
  246. display: -moz-box !important;
  247. }
  248.  
  249. .tab-close-button, .tabs-closebutton, #find-closebutton {
  250. 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;
  251. -moz-image-region: rect(0,16px,16px,0) !important;
  252. }
  253.  
  254. tab[selected="true"] .tab-close-button, .tabs-closebutton, tab:hover .tab-close-button, #find-closebutton {
  255. }
  256.  
  257. tab .tab-close-button:hover, .tabs-closebutton:hover, #find-closebutton:hover {
  258. }
  259.  
  260. /*===============================================
  261. CUSTOM NEW TAB BUTTON
  262. ===============================================*/
  263. #main-window .tabbrowser-tabs .tabs-newtab-button {
  264. 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;
  265. background: transparent !important;
  266. margin-left: -20px !important;
  267. border: transparent !important;
  268. border-top: transparent !important;
  269. border-left: transparent !important;
  270. border-right: transparent !important;
  271. }
  272.  
  273. #main-window .tabbrowser-tabs .tabs-newtab-button:hover {
  274. 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;
  275. }
  276.  
  277. /* hide urlbars stop/reload/go buttons */
  278. #urlbar-container #urlbar-reload-button, #urlbar-container #urlbar-go-button, #urlbar-container #urlbar-stop-button {
  279. visibility: collapse !important;
  280. }
  281.  
  282. /*===============================================
  283. CHANGES MENU BUTTON'S IMAGE
  284. ===============================================*/
  285. #PanelUI-menu-button {
  286. 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;
  287. -moz-image-region: rect(0,16px,16px,0) !important;
  288. background: transparent !important;
  289. border: transparent !important;
  290. border-top: transparent !important;
  291. border-left: transparent !important;
  292. border-right: transparent !important;
  293. }
  294.  
  295. #PanelUI-menu-button:hover:not([disabled="true"]) {
  296. -moz-image-region: rect(0,16px,16px,0px) !important;
  297. background: transparent !important;
  298. border: transparent !important;
  299. border-top: transparent !important;
  300. border-left: transparent !important;
  301. border-right: transparent !important;
  302. }
  303.  
  304. #PanelUI-menu-button[open] {
  305. 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;
  306. -moz-image-region: rect(0,16px,16px,0px) !important;
  307. background: transparent !important;
  308. border: transparent !important;
  309. border-top: transparent !important;
  310. border-left: transparent !important;
  311. border-right: transparent !important;
  312. }
  313.  
  314. #PanelUI-button {
  315. 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;
  316. width: 0px !important;
  317. margin-left: -6px !important;
  318. margin-right: 3px !important;
  319. background: none !important;
  320. }
  321.  
  322. /*===================================================================
  323. HIDES PLUGINS NOTIFICATION ICON THAT MAY CHANGE ADDRESS BAR'S HEIGHT
  324. ====================================================================*/
  325. #plugins-notification-icon {
  326. display: none !important;
  327. }
  328.  
  329. /*===================================================================
  330. HIDES BACKGROUND EFFECT ON HOVER AND ACTIVE MENU BUTTON
  331. ====================================================================*/
  332. .toolbarbutton-icon, .toolbarbutton-text, .toolbarbutton-badge-container {
  333. background: none !important;
  334. border: none !important;
  335. box-shadow: none !important;
  336. }
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!