API tools faq
paste
Guest User

BrowserTemplate

a guest
Jul 11th, 2018
139
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.15 KB | None | 0 0
raw download clone embed print report
  1. /* AGENT_SHEET - TEMPLATE */
  2. @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
  3. @namespace html url("http://www.w3.org/1999/xhtml");
  4.  
  5. /* Place menu button and panel ui button at the left. Can't do this in customize mode. */
  6. #TabsToolbar > * { -moz-box-ordinal-group: 4 !important; }
  7. #tabbrowser-tabs { -moz-box-ordinal-group: 2 !important; }
  8. #new-tab-button { -moz-box-ordinal-group: 3 !important; }
  9. #tabGroups-tabview-button { -moz-box-ordinal-group: 5 !important; }
  10. #ctraddon_appbutton,
  11. #ctraddon_panelui-button { -moz-box-ordinal-group: 1 !important; }
  12.  
  13. /* Anonymous elements that do nothing. */
  14. #navigator-toolbox::after, #tabbrowser-tabs::before, .tabbrowser-tab::after, .tabbrowser-tab::before, .toolbar-primary::after {
  15. display: none !important;
  16. }
  17.  
  18. #page-proxy-favicon {
  19. -moz-image-region: rect(0px, 14px, 14px, 0px) !important;
  20. width: 14px !important;
  21. height: 14px !important;
  22. }
  23.  
  24. /*
  25. * Urlbar
  26. */
  27.  
  28.  
  29. #urlbar-container {
  30. min-width: 250px !important;
  31. background: inherit !important;
  32. }
  33.  
  34. #urlbar-wrapper {
  35. margin: 0 !important;
  36. padding: 0 !important;
  37. background: transparent !important;
  38. }
  39.  
  40. #urlbar {
  41. margin: 0 !important;
  42. padding: 0 0 0 0 !important;
  43. border: none !important;
  44. text-align: center;
  45. background: transparent !important;
  46. font-family: sans-serif !important;
  47. font-size: 12px !important;
  48. }
  49.  
  50. #back-button, #forward-button {
  51. display: none !important;
  52. }
  53.  
  54. #reader-mode-button[readeractive="true"] {
  55. filter: grayscale(100%) brightness(30) !important;
  56. }
  57.  
  58. #identity-icon {
  59. filter: grayscale(100%) !important;
  60. }
  61.  
  62. /* Hiding this in customize mode breaks that mode. */
  63. #main-window:not([customizing]) #nav-bar {
  64. /*display: none !important;*/
  65. }
  66.  
  67. #ctraddon_extra-bar, #customToolbars, #PersonalToolbar,
  68. #addon-bar, #nav-bar, #toolbar-menubar {
  69. padding: 0 !important;
  70.  
  71. }
  72.  
  73. .urlbar-history-dropmarker, #urlbar-go-button,
  74. #urlbar-reload-button, #urlbar-stop-button {
  75. display: none !important;
  76. }
  77.  
  78. #identity-icon-labels {
  79. display: none !important;
  80. }
  81.  
  82. #identity-box {
  83. width: 23px !important;
  84. height: inherit !important;
  85. min-width: 0 !important;
  86. min-height: 0 !important;
  87. border: 0 !important;
  88. border-radius: 0px !important;
  89. margin: 0 !important;
  90. padding: 0 !important;
  91. background: transparent !important;
  92. }
  93.  
  94. #tracking-protection-icon, #connection-icon {
  95. display: none !important;
  96. }
  97.  
  98. #notification-popup-box {
  99. position: static !important;
  100. background: #ffffff !important;
  101. padding: 0 !important;
  102. border-radius: 0 !important;
  103. border: none !important;
  104. margin: 0 !important;
  105. }
  106.  
  107. #identity-icon {
  108. display: none;
  109. }
  110.  
  111. #page-proxy-favicon[pageproxystate="invalid"] {
  112. opacity: 0.3 !important;
  113. }
  114.  
  115.  
  116.  
  117. /*
  118. * Toolbars
  119. */
  120.  
  121. .toolbar-primary,
  122. #TabsToolbar,
  123. .browserContainer > findbar {
  124. height: 18px !important;
  125. padding: 0 !important;
  126. margin: 0 !important;
  127. background: #000000 !important;
  128. -moz-appearance: none !important;
  129. transition: none !important;
  130. }
  131.  
  132. #tabs-closebutton, #ctraddon_tabs-closebutton, #alltabs-button,
  133. #private-browsing-indicator {
  134. display: none !important;
  135. }
  136.  
  137. /*
  138. * Tabs
  139. */
  140.  
  141.  
  142. #tabbrowser-tabs {
  143. min-height: 0 !important;
  144. background: transparent !important;
  145.  
  146. }
  147.  
  148. .tabbrowser-tab {
  149. background: transparent !important;
  150. font-family: kakwafont, Zpix !important;
  151. font-size: 12px !important;
  152. color: #777777!important;
  153. border: none !important;
  154. padding: 0 0 0 0 !important;
  155. }
  156.  
  157. .tabbrowser-tab > .tab-stack {
  158. padding: 0 0 0 18px !important;
  159. text-align: center;
  160.  
  161. }
  162.  
  163. .tabbrowser-tab[selected=false] {
  164. font-weight: bold !important;
  165. }
  166.  
  167. .tab-background-start, .tab-background-end, .tab-icon {
  168. display: none !important;
  169. }
  170.  
  171. .tab-background-middle, .tab-background, .tab-content,
  172. .tab-text-stack, .arrowscrollbox-scrollbox {
  173. margin: 0 !important;
  174. padding: 0 !important;
  175. background: inherit !important;
  176. }
  177. /* Progressbar from tab mix plus. */
  178. .tab-progress {
  179. margin: 0 !important;
  180. }
  181.  
  182.  
  183.  
  184.  
  185.  
  186.  
  187. .tabbrowser-tab .tab-icon-image {
  188. display: none !important;
  189. }
  190.  
  191.  
  192.  
  193. .tabbrowser-tab[fadein]:not([pinned]) { min-width: 100px !important; max-width: /*180px*/ 100% !important; }
  194. tab {
  195. font-family: var(--tab-fonts) !important;
  196. height: var(--tab-height) !important; min-height: var(--tab-height) !important;
  197. background: var(--bg-dark) !important; color: var(--fg-dark) !important;
  198. font-size: var(--tab-font-size); text-shadow: none !important; text-align: var(--tab-text-align) !important;
  199. }
  200.  
  201. .tabbrowser-tab * {
  202. background: none !important; list-style-image: none !important;
  203. margin: 0 0 0 0 !important; padding: 0 0 0 0 !important;
  204. -moz-appearance: none !important;
  205. }
  206. .tabbrowser-tab[selected="true"] .tab-stack {
  207. background: #000000 !important; color: #ffffff !important;
  208. border-radius: 0px !important; position: relative !important;
  209. /*border-top: 1px solid #dc52a5 !important;/**/
  210. }
  211.  
  212.  
  213.  
  214.  
  215.  
  216.  
  217. /*
  218. * Toolbar buttons
  219. */
  220.  
  221. #TabsToolbar toolbarbutton,
  222. .browserContainer > findbar toolbarbutton {
  223. -moz-appearance: none !important;
  224. border-radius: 0 !important;
  225. box-shadow: none !important;
  226. padding: 0 1px 0 1px !important;
  227. margin: 0 !important;
  228. min-height: 0 !important;
  229. border: none !important;
  230. height: inherit !important;
  231. }
  232.  
  233. #TabsToolbar toolbarbutton > label {
  234. display: none !important;
  235. }
  236.  
  237. #TabsToolbar toolbarbutton > image,
  238. /* #addon-bar toolbarbutton > image */
  239. #PanelUI-menu-button > .toolbarbutton-badge-container > image {
  240. margin: 0 !important;
  241. padding: 0 !important;
  242. border: none !important;
  243. width: 14px !important;
  244. height: 14px !important;
  245. min-width: 0 !important;
  246. min-height: 0 !important;
  247. background: transparent !important;
  248. border-radius: 0 !important;
  249. box-shadow: none !important;
  250. }
  251.  
  252. #PanelUI-menu-button > .toolbarbutton-badge-stack {
  253. margin: 0 !important;
  254. padding: 0 !important;
  255. border: none !important;
  256. background: transparent !important;
  257. border-radius: 0 !important;
  258. box-shadow: none !important;
  259. }
  260.  
  261. #PanelUI-menu-button > .toolbarbutton-badge-stack > image {
  262. /* high-contrast white firefox icon */
  263. list-style-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" height="14" width="14"><path fill="%231a1a1a" d="m5.26 13.8c-1.9-0.4-3.51-1.6-4.28-3.2-0.631-1.25-0.952-2.08-0.867-4.06 0.107-2.45 0.819-4.04 1.9-5.25l0.51-0.569 0.07 1.02c0.0669 0.999 0.0773 1.02 0.453 1.07 0.295 0.0341 0.528-0.089 1-0.528 0.656-0.609 1.57-1.1 2.07-1.1 0.298-0.00299 0.296 0.00673-0.0983 0.652-0.22 0.36-0.5 0.89-0.61 1.18-0.21 0.51-0.21 0.52 0.14 0.66 0.195 0.0746 0.619 0.136 0.944 0.136s0.657 0.0809 0.738 0.18c0.23 0.28-0.26 0.94-0.98 1.33-0.63 0.34-0.64 0.36-0.64 1v0.659l-0.41-0.21c-0.76-0.4-0.94 0.11-0.29 0.77 0.52 0.52 1.02 0.52 2.07-0.01 0.94-0.48 1.24-0.51 1.55-0.16 0.33 0.37 0.28 0.69-0.15 0.88-0.21 0.09-0.6 0.36-0.88 0.61-0.45 0.39-0.86 0.57-1.82 0.77-0.53 0.12 0.88 0.67 1.71 0.67 1.26 0 2.62-0.86 3.22-1.96 0.5-0.95 0.4-2.31-0.3-3.33-0.2-0.29-0.3-0.52-0.3-0.52 0.153 0 0.995 0.742 1.27 1.12l0.331 0.452v-0.623c0-1.11-0.662-2.87-1.49-3.98l-0.33-0.472 0.73 0.402c2.3 1.27 3.8 4.26 3.3 6.87-0.4 2.44-2.2 4.64-4.44 5.44-0.97 0.3-2.92 0.4-4.1 0.1z"/></svg>') !important;
  264. -moz-image-region: rect(0px, 14px, 14px, 0px) !important;
  265. }
  266.  
  267.  
  268. toolbarbutton.tabs-newtab-button,
  269. toolbarbutton#new-tab-button {
  270.  
  271. display: none !important;
  272.  
  273. /* white plus icon */
  274. list-style-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" height="14" width="14"><path fill="%23000000" d="m7 11h-1v-1.5-1.5h-1.5-1.5v-1-1h1.5 1.5v-1.5-1.5h1 1v1.5 1.5h1.5 1.5v1 1h-1.5-1.5v1.5 1.5h-1z"/></svg>') !important;
  275. width: 12px !important;
  276. }
  277.  
  278. .scrollbutton-up, .scrollbutton-down,
  279. .browserContainer .findbar-find-previous.tabbable,
  280. .browserContainer .findbar-find-next.tabbable {
  281. /* right arrow triangle icon */
  282. list-style-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" height="14" width="14"><path fill="%23fff" d="m11.4 1.95 0.000001 5.05v5.05l-4.4-2.48-4.37-2.52 4.37-2.52z"/></svg>') !important;
  283. }
  284.  
  285. .browserContainer .findbar-find-previous {
  286. transform: rotate(90deg) !important;
  287. }
  288. .browserContainer .findbar-find-next {
  289. transform: rotate(-90deg) !important;
  290. }
  291.  
  292. .scrollbutton-up > .toolbarbutton-icon,
  293. .scrollbutton-down > .toolbarbutton-icon {
  294. -moz-appearance: none !important;
  295. }
  296.  
  297. /* Elements adjecent to scroll arrows (overflowing to tab). */
  298. .arrowscrollbox-overflow-end-indicator,
  299. .arrowscrollbox-overflow-start-indicator {
  300. display: none !important;
  301. }
  302.  
  303. /* Hover effect. */
  304. #identity-box:hover,
  305. .tabbrowser-tab:hover,
  306. #TabsToolbar toolbarbutton:hover,
  307. .browserContainer findbar toolbarbutton:hover {
  308. background: #979797 !important;
  309. opacity: 1 !important;
  310. box-shadow: none !important;
  311. transition-duration: 1ms !important;
  312. }
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!