API tools faq
paste
Guest User

my theme

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