API tools faq
paste
Guest User

Untitled

a guest
Jun 15th, 2017
90
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.16 KB | None | 0 0
raw download clone embed print report
  1. @import url('file:///home/foo/.config/firefox.css');
  2. /* FIREFOX.CSS:
  3. :root {
  4. --color0: #1E2A2B;
  5. --color1: #C57750;
  6. --color2: #788871;
  7. --color3: #AF8D6D;
  8. --color4: #CA946B;
  9. --color5: #C2AE9D;
  10. --color6: #CDB09F;
  11. --color7: #E3CFCA;
  12. --color8: #666666;
  13. --color9: #C57750;
  14. --color10: #788871;
  15. --color11: #AF8D6D;
  16. --color12: #CA946B;
  17. --color13: #C2AE9D;
  18. --color14: #CDB09F;
  19. --color15: #E3CFCA;
  20. }
  21. */
  22.  
  23. @namespace html url(http://www.w3.org/1999/xhtml);
  24. @namespace xul url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
  25.  
  26. :root {
  27. /* TAB VARIABLES */
  28. --bg-light: --var(--color15); --bg-dark: var(--color0);
  29. --fg-light: --var(--color0); --fg-dark: var(--color15);
  30. --tab-triangle-correction: -1px;
  31. --tab-height: 18px; --tab-icon-size: 10px; --tab-strip-margin: -11px; --tab-overlap: -5px;
  32. --tab-fonts: "artwiz lemon",monospace,"Dejavu Sans"; --tab-font-size: 7pt;
  33. --tab-text-align: center; /* left | center | right */
  34. --tab-triangle: block; /* block | none */
  35.  
  36. /* URL VARIABLES */
  37. --url-background: var(--bg-dark); --url-color: var(--fg-dark);
  38. --url-height: 18px; --url-right-margin: 5px;
  39. --url-fonts: "artwiz lemon",monospace,"Dejavu Sans"; --url-font-size: 7pt;
  40. --url-text-align: center; /* left | center | right */
  41. --url-position: absolute; /* absolute == top (under tabs) || fixed == bottom of browser */
  42.  
  43. margin-bottom: 0 /* var(--url-height) */ !important;
  44. }
  45.  
  46.  
  47. @-moz-document url(chrome://browser/content/browser.xul) {
  48. /* URL-BAR */
  49. #back-button, #forward-button, #back-button *, #forward-button *, #identity-box, #urlbar-reload-button, #urlbar-stop-button, #urlbar-go-button,
  50. #PanelUI-button, #bookmarks-menu-button, #downloads-button, #home-button, #stylish-toolbar-button, #abp-toolbarbutton,
  51. #notification-popup-box, #new-tab-button, #private-browsing-indicator, #search-container, #nav-bar-overflow-button,
  52. .tabs-newtab-button, .tab-close-button, .tab-close, .tab-throbber, .tab-background-start, .tab-background-end,
  53. #window-controls /*, #alltabs-button, #tabview-button, .tab-icon-image */, .tab-icon-image:not([pinned]) { display: none !important; }
  54.  
  55. /* --- Uncomment the section below to enable the Back/Forward buttons [EXPERIMENTAL] (Requires url-bar) --- */
  56. /*
  57. #back-button, #forward-button { display: block !important; }
  58. #back-button::before, #forward-button::before {
  59. display: inline-block !important; position: absolute !important;
  60. width: var(--url-height) !important; height: var(--url-height) !important; top: 0 !important;
  61. text-align: center !important; line-height: var(--url-height) !important;
  62. }
  63. #back-button::before { content: "<" !important; left: 0 !important; }
  64. #forward-button::before { content: ">" !important; left: calc(var(--url-height) + 8px) !important; }
  65. /**/
  66.  
  67. /* --- Uncomment the section below to enable the New Tab Button [EXPERIMENTAL] --- */
  68. /**/
  69. .tabs-newtab-button { display: block !important; background: transparent !important; margin: 0 8px 0 0 !important; width: 24px !important; }
  70. .tabs-newtab-button::before {
  71. font-family: var(--url-fonts) !important;
  72. font-size: var(--url-font-size) !important;
  73. background: var(--color0) !important;
  74. color: var(--color15) !important;
  75. content: "+" !important;
  76. }
  77. /**/
  78.  
  79. .tab-drop-indicator { margin-bottom: 0 !important; }
  80.  
  81. #nav-bar {
  82. position: var(--url-position) !important; bottom: 0 !important;
  83. width: 100% !important; height: var(--url-height) !important;
  84. min-height: var(--url-height) !important; max-height: var(--url-height) !important;
  85. margin: 0 0 0 0 !important;
  86.  
  87. /* --- Uncomment the section below to attach the url-bar to the tab-bar [EXPERIMENTAL] (Require a line in "#TabsToolbar" below) --- */
  88. /*
  89. position: fixed !important; top: 0 !important; left: 0 !important;
  90. width: 0 !important; max-width: 315px !important;
  91. z-index: 100 !important;
  92. /**/
  93. }
  94. #nav-bar-customization-target { width: 100% !important; }
  95. #urlbar-wrapper {
  96. width: 100% !important; margin-top: -5px !important; /* --- adjust margin-top to ~ -5px if you experience gap --- */
  97. position: absolute !important; top: 0 !important; left: 0 !important;
  98. border: 0px !important;
  99. }
  100. #urlbar {
  101. border: none !important; border-radius: 0 !important;
  102. margin: 0 0 0 0 !important; padding: 0 2px 0 2px !important;
  103. width: calc(100% + var(--url-right-margin)) !important;
  104. height: var(--url-height) !important; min-height: var(--url-height) !important;
  105. background: var(--url-background) !important; color: var(--url-color) !important;
  106. font-family: var(--url-fonts) !important; font-size: var(--url-font-size) !important;
  107. text-align: var(--url-text-align) !important;
  108. display: none;
  109. }
  110. /* #urlbar * { display: none; -moz-appearance: none !important; } */
  111.  
  112. /* --- Comment out the section below to make the url-bar visible --- */
  113. /**/
  114. #nav-bar {
  115. width: 0 !important; height: 0 !important;
  116. position: fixed !important; left: -1px !important; top: -1px !important;
  117. overflow: hidden !important; visibility: hidden !important;
  118. }
  119. /**/
  120.  
  121. /* TABS */
  122. .tabbrowser-tab[fadein]:not([pinned]) { min-width: 50px !important; max-width: /*180px*/ 100% !important; }
  123. tab {
  124. font-family: var(--tab-fonts) !important;
  125. height: var(--tab-height) !important; min-height: var(--tab-height) !important;
  126. background: var(--bg-dark) !important; color: var(--fg-dark) !important;
  127. font-size: var(--tab-font-size); text-shadow: none !important; text-align: var(--tab-text-align) !important;
  128. }
  129.  
  130. .tabbrowser-tab label { padding: 0 14px 0 14px !important; }
  131.  
  132. #tabbrowser-tabs .tabbrowser-tab[pinned] { width: 38px !important; }
  133. #tabbrowser-tabs .tabbrowser-tab[pinned] label { display: none !important; }
  134.  
  135. #tabbrowser-tabs .tabbrowser-tab .tab-icon-image {
  136. margin: 0 -10px 0 14px !important;
  137. width: var(--tab-icon-size) !important;
  138. height: var(--tab-icon-size) !important;
  139. }
  140.  
  141. .tabbrowser-tab *, .tabs-newtab-button * {
  142. background: none !important; list-style-image: none !important;
  143. margin: 0 0 0 0 !important; padding: 0 0 0 0 !important;
  144. -moz-appearance: none !important;
  145. }
  146.  
  147. #tabbrowser-tabs .tabbrowser-tab[pinned] .tab-stack { height: var(--tab-height) !important; width: 100% !important; }
  148. #tabbrowser-tabs .tabbrowser-arrowscrollbox .box-inherit.scrollbox-innerbox { max-height: var(--tab-height) !important; }
  149. .scrollbutton-up, .scrollbutton-down { border: none !important; }
  150.  
  151. .tabbrowser-tab[selected="true"] .tab-stack {
  152. background: var(--color15) !important; color: var(--color0) !important;
  153. border-radius: 0px !important; position: relative !important;
  154. /*
  155. border-top: 2px solid #dc52a5 !important;
  156. /**/
  157. }
  158. .tabbrowser-tab[selected="true"]:before { /* Left Triangle (of selected tab) */
  159. content: '' !important; display: var(--tab-triangle);
  160. position: absolute !important; top: 0 !important; left: var(--tab-overlap) !important;
  161. width: 0 !important; height: 0 !important;
  162. border: none !important; z-index: 2 !important;
  163.  
  164. /*
  165. border-left: calc(var(--tab-height)/2) solid var(--bg-light) !important;
  166. border-top: calc((var(--tab-height)/2) - var(--tab-triangle-correction)) solid var(--bg-light) !important;
  167. border-bottom: calc((var(--tab-height)/2) + var(--tab-triangle-correction)) solid var(--bg-light) !important;
  168. /*
  169. border-top: var(--tab-height) solid var(--bg-dark) !important;
  170. border-right: calc(var(--tab-height)/2) solid var(--bg-light) !important;
  171. /**/
  172. }
  173.  
  174. #TabsToolbar:not([collapsed="true"]) + #nav-bar {
  175. border-top: 0px solid hsla(0,0%,0%,.3) !important;
  176. background-clip: padding-box;
  177. /* Move up into the TabsToolbar for the inner highlight at the top of the nav-bar */
  178. margin-top: calc(-1 * var(--navbar-tab-toolbar-highlight-overlap));
  179. /* Position the toolbar above the bottom of background tabs */
  180. position: relative;
  181. z-index: 1;
  182. }
  183.  
  184. .tabbrowser-tab[selected="true"]:after { /* Right Triangle (of selected tab) */
  185. content: '' !important; display: var(--tab-triangle);
  186. position: absolute !important; top: 0 !important; right: var(--tab-overlap) !important;
  187. width: 0 !important; height: 0 !important;
  188. border: none !important; z-index: 2 !important;
  189.  
  190. /*
  191. border-right: calc(var(--tab-height)/2) solid var(--bg-light) !important;
  192. border-top: calc((var(--tab-height)/2) - var(--tab-triangle-correction)) solid var(--bg-light) !important;
  193. border-bottom: calc((var(--tab-height)/2) + var(--tab-triangle-correction)) solid var(--bg-light) !important;
  194. /*
  195. border-top: var(--tab-height) solid var(--bg-dark) !important;
  196. border-left: calc(var(--tab-height)/2) solid var(--bg-light) !important;
  197. /**/
  198. }
  199.  
  200. #TabsToolbar, #tabbrowser-tabs {
  201. -moz-appearance: none !important;
  202. height: var(--tab-height) !important; min-height: var(--tab-height)!important;
  203. margin: 0 var(--tab-strip-margin) !important;
  204. background: var(--bg-dark) !important;
  205. border: 0px !important;
  206.  
  207. /* --- Uncomment the line below to attach the url-bar to the tab-bar [EXPERIMENTAL] (Require a line in "#nav-bar" above) --- */
  208. /*margin-left: 150px !important;/**/
  209. }
  210. #TabsToolbar::after { display: none !important; }
  211. .tabbrowser-tab::before, .tabbrowser-tab::after { border: 0px !important; background: none !important; opacity: 1 !important; visibility: visible !important; }
  212.  
  213. /*browser, #navigator-toolbox { -moz-appearance: none !important; background: transparent !important; }*/
  214.  
  215. #navigator-toolbox::after { height: 0px !important; background: var(--bg-light) !important; }
  216. #liberator-separator { height: 0px !important; background: var(--bg-light) !important; border-top: 0 !important; }
  217.  
  218. /* MENUS */
  219. menuitem + menuseparator, menu + menuseparator/*, .menu-iconic-left*/ { display: none !important; }
  220. /*menuitem > label { margin-left: var(--tab-height) !important; }*/
  221. menubar, menubutton, menulist, menu, menuitem {
  222. font-family: var(--tab-fonts) !important; font-size: var(--tab-font-size);
  223. height: var(--tab-height) !important;
  224. }
  225.  
  226. /* HIDE ORANGE MENU BUTTON */
  227. #appmenu-toolbar-button, #appmenu-button-container { display: none !important; }
  228.  
  229. /* HIDE STATUS BAR */
  230. #status-bar, #statusbar-display, statuspanel { display: none !important; }
  231.  
  232. /* PRIVATE BROWSING ICON HIDE */
  233. #main-window[privatebrowsingmode=temporary] #private-browsing-indicator,
  234. #main-window[privatebrowsingmode=temporary] #private-browsing-indicator-titlebar { display: none !important; }
  235.  
  236. /* Vimperator icon style */
  237. #liberator {
  238. font-family: var(--url-fonts) !important; font-size: var(--url-font-size) !important;
  239. background: var(--color0) !important; color: var(--color15) !important;
  240. }
  241. #liberator-statusline:not([customizing="true"]) {
  242. font-family: var(--url-fonts) !important; font-size: var(--url-font-size) !important;
  243. background: var(--color0) !important; color: var(--color15) !important;
  244. margin: -2px -2px !important;
  245. padding: 0 0 !important;
  246. height: 24px !important;
  247. }
  248. #liberator-statusline:not([customizing="true"]) :-moz-any(toolbarbutton) {
  249. height: 100% !important;
  250. font-family: var(--url-fonts) !important; font-size: var(--url-font-size) !important;
  251. background: var(--color0) !important; color: var(--color15) !important;
  252. }
  253. #tabview-button {
  254. list-style-image: url(http://twily.info/img/tabview-button.png?v=2) /* 16x16 px image */ !important;
  255. -moz-image-region: rect(0, 0, 0, 0) !important;
  256. font-family: var(--url-fonts) !important; font-size: var(--url-font-size) !important;
  257. background: var(--color0) !important; color: var(--color15) !important;
  258. }
  259.  
  260. #liberator-completions {
  261. font-family: var(--url-fonts) !important; font-size: var(--url-font-size) !important;
  262. background: var(--color0) !important; color: var(--color15) !important;
  263. }
  264.  
  265. /* Tabgroup margin top fix */
  266. #tab-view-deck #tab-view { margin: 24px 12px 12px 12px !important; }
  267. #tab-view-deck { background: var(--bg-light) !important; }
  268.  
  269. window[sizemode="fullscreen"] #liberator-statusline { display: none !important; }
  270. window[sizemode="fullscreen"] #liberator-bottombar {
  271. margin-top: -24px !important;
  272. transition: 1s ease !important; transition-delay: .3s !important;
  273. }
  274. /*window[sizemode="fullscreen"] #browser-panel { margin-top: -1px !important; }*/
  275. }
  276.  
  277.  
  278. /* Tab Group Page Style (Ctrl+Shift+E) */
  279. @-moz-document url(chrome://browser/content/tabview.html) {
  280. #content #bg, #actions, body { background: var(--bg-light) !important; }
  281. body * { color: var(--fg-light) !important; }
  282.  
  283. body .groupItem, #content #actions, body .undo {
  284. background: var(--bg-dark) !important;
  285. border: 0 !important; border-radius: 0 !important; box-shadow: 0 0 0 0 !important;
  286. }
  287. #content #actions {
  288. opacity: 0 !important; display: none !important; /* block | none */
  289. transition: .3s ease-out !important;
  290. }
  291. #content #actions:hover { opacity: 1 !important; }
  292.  
  293. body .appTabTrayContainer { border: 0 !important; }
  294. body .tab, body .tab .thumb {
  295. box-shadow: 0 0 0 0 !important; border: 0 !important; border-radius: 0 !important;
  296. background: transparent !important; padding : 0 !important;
  297. }
  298. body .tab .favicon { display: none !important; }
  299. body .groupItem .name { border: 0 !important; }
  300. body .tab .tab-title { padding-top: 2px !important; }
  301. }
  302.  
  303.  
  304. /* AGENT_SHEET */
  305. @-moz-document url-prefix(http://), url-prefix(https://), url-prefix(chrome://liberator/), url-prefix(file:///) {
  306. /* SCROLLBAR */
  307. scrollbar[orient="vertical"], scrollbar thumb[orient="vertical"],
  308. scrollbar[orient="horizontal"], scrollbar thumb[orient="horizontal"] {
  309. display: none !important; /* none = hide || block = show */
  310. }
  311.  
  312. /*
  313. scrollbar > slider { -moz-appearance: none !important; }
  314.  
  315. scrollbar[orient="vertical"] { margin: -3px -7px -3px -3px !important; }
  316. scrollbar[orient='vertical'] > slider { background: #282333 !important; max-width: 5px !important; }
  317. scrollbar[orient='vertical'] > slider > thumb {
  318. -moz-appearance: none !important;
  319. background: #524C59 !important; border: 0 !important;
  320. width: 5px !important; max-width: 5px !important;
  321. }
  322.  
  323. scrollbar[orient="horizontal"] { margin: -3px -3px -7px -3px !important; }
  324. scrollbar[orient='horizontal'] > slider { background: #282333 !important; max-height: 5px !important; }
  325. scrollbar[orient='horizontal'] > slider > thumb {
  326. -moz-appearance: none !important;
  327. background: #524C59 !important; border: 0 !important;
  328. height: 5px !important; max-height: 5px !important;
  329. }
  330.  
  331. scrollbar > scrollbarbutton { -moz-appearance: none !important; border: none !important; background: none !important; }
  332. scrollbar[orient='vertical'] > scrollbarbutton { min-height: 0 !important; }
  333. scrollbar[orient='horizontal'] > scrollbarbutton { min-width: 0 !important; }
  334. /**/
  335. }
  336.  
  337.  
  338. /* background color around/behind pictures opened in firefox (require html namespace on top) */
  339. @-moz-document regexp("(https?://|file:///)(.*)\\.(jpeg|jpg|gif|png|apng|svg|bmp|webm|webp)") {
  340. body { background: var(--bg-light) !important; }
  341. img.decoded { background-color: transparent !important; }
  342. }
  343.  
  344.  
  345. /* About:Blank background */
  346. @-moz-document url(about:blank) {
  347. html,body { background: var(--bg-dark) !important; }
  348. }
  349.  
  350. /* about:stylish-edit toolbar style */
  351. @-moz-document regexp("about:stylish-edit.*") {
  352. #main-area, textbox { background: var(--bg-light) !important; }
  353. textbox, grid, columns, rows, separator { border: 0 !important; }
  354.  
  355. .devtools-toolbarbutton { background: var(--bg-dark) !important; color: var(--fg-light) !important; }
  356. }
  357.  
  358. /*----- Fix for white flash on new tab -----*/
  359. tabbrowser tabpanels, #appcontent > #content { background: var(--bg-light) !important; }
  360.  
  361.  
  362. /* Set dark text in light textareas */
  363. /*
  364. @-moz-document regexp("https?://(?!(localhost|twily.info|.*.4chan.org|.*.youtube.com)).*") {
  365. input, textarea { color: #222628 !important; -moz-appearance: none !important; }
  366. }
  367. /**/
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!