API tools faq
paste
Advertisement
Guest User

4chan CSS

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