API tools faq
paste
Advertisement
Guest User

Untitled

a guest
May 22nd, 2025
131
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.51 KB | None | 0 0
raw download clone embed print report
  1. @-moz-document url-prefix("chrome:") {
  2. @media (-moz-bool-pref: "theme.no_gaps.split.gaps") and (-moz-bool-pref: "theme.no_gaps.fixes.center_split_view") {
  3. #zen-appcontent-wrapper:has(
  4. > #zen-tabbox-wrapper
  5. > #tabbrowser-tabbox
  6. > #tabbrowser-tabpanels[zen-split-view="true"]
  7. )
  8. > #zen-tabbox-wrapper {
  9. margin-top: 1px !important;
  10. margin-bottom: 5px !important;
  11. margin-right: 7px !important;
  12.  
  13. :root[zen-compact-mode="true"] & {
  14. @media (-moz-bool-pref: "zen.view.compact.hide-toolbar") {
  15. margin-top: -3px !important;
  16. }
  17. @media (-moz-bool-pref: "zen.view.compact.hide-tabbar") {
  18. margin-left: -3px !important;
  19. }
  20. }
  21. }
  22. }
  23.  
  24. :root[zen-single-toolbar="true"]:not([customizing]) {
  25. @media (-moz-bool-pref: "zen.view.hide-window-controls") {
  26. @media (-moz-bool-pref: "theme.no_gaps.single_toolbar.disable_navbar") {
  27. @media (-moz-bool-pref: "theme.no_gaps.split.single_toolbar.disable_navbar") {
  28. #zen-appcontent-navbar-container {
  29. display: none !important;
  30. }
  31. }
  32.  
  33. @media not (-moz-bool-pref: "theme.no_gaps.split.single_toolbar.disable_navbar") {
  34. #zen-appcontent-wrapper:has(
  35. > #zen-tabbox-wrapper
  36. > #tabbrowser-tabbox
  37. > #tabbrowser-tabpanels:not([zen-split-view="true"])
  38. )
  39. > #zen-appcontent-navbar-container {
  40. display: none !important;
  41. }
  42.  
  43. @media (-moz-bool-pref: "theme.no_gaps.split.single_toolbar.hide_navbar") {
  44. #zen-appcontent-wrapper:has(
  45. > #zen-tabbox-wrapper
  46. > #tabbrowser-tabbox
  47. > #tabbrowser-tabpanels[zen-split-view="true"]
  48. ) {
  49. height: calc(100% + var(--zen-element-separation));
  50. transition: height 0.2s ease;
  51.  
  52. & > #zen-tabbox-wrapper {
  53. top: calc(-1 * var(--zen-element-separation));
  54. z-index: -1 !important;
  55. transition: top 0.2s ease;
  56. }
  57.  
  58. &:not(
  59. :has(
  60. > #zen-appcontent-navbar-container:not(
  61. [zen-has-hover="true"],
  62. [has-popup-menu],
  63. :focus-within
  64. )
  65. )
  66. )
  67. > #zen-tabbox-wrapper {
  68. top: 0;
  69. }
  70. }
  71. }
  72. }
  73. }
  74.  
  75. @media not (-moz-bool-pref: "theme.no_gaps.single_toolbar.disable_navbar") {
  76. @media (-moz-bool-pref: "theme.no_gaps.split.single_toolbar.disable_navbar") {
  77. #zen-appcontent-wrapper:has(
  78. > #zen-tabbox-wrapper
  79. > #tabbrowser-tabbox
  80. > #tabbrowser-tabpanels[zen-split-view="true"]
  81. )
  82. > #zen-appcontent-navbar-container {
  83. display: none !important;
  84. }
  85.  
  86. @media (-moz-bool-pref: "theme.no_gaps.single_toolbar.hide_navbar") {
  87. #zen-appcontent-wrapper:has(
  88. > #zen-tabbox-wrapper
  89. > #tabbrowser-tabbox
  90. > #tabbrowser-tabpanels:not([zen-split-view="true"])
  91. ) {
  92. height: calc(100% + var(--zen-element-separation));
  93. transition: height 0.2s ease;
  94.  
  95. & > #zen-tabbox-wrapper {
  96. top: calc(-1 * var(--zen-element-separation));
  97. z-index: -1 !important;
  98. transition: top 0.2s ease;
  99. }
  100.  
  101. &:not(
  102. :has(
  103. > #zen-appcontent-navbar-container:not(
  104. [zen-has-hover="true"],
  105. [has-popup-menu],
  106. :focus-within
  107. )
  108. )
  109. )
  110. > #zen-tabbox-wrapper {
  111. top: 0;
  112. }
  113. }
  114. }
  115. }
  116.  
  117. @media not (-moz-bool-pref: "theme.no_gaps.split.single_toolbar.disable_navbar") {
  118. @media (-moz-bool-pref: "theme.no_gaps.single_toolbar.hide_navbar") {
  119. @media (-moz-bool-pref: "theme.no_gaps.split.single_toolbar.hide_navbar") {
  120. #zen-appcontent-wrapper {
  121. height: calc(100% + var(--zen-element-separation));
  122. transition: height 0.2s ease;
  123.  
  124. & > #zen-tabbox-wrapper {
  125. top: calc(-1 * var(--zen-element-separation));
  126. z-index: -1 !important;
  127. transition: top 0.2s ease;
  128. }
  129.  
  130. &:not(
  131. :has(
  132. > #zen-appcontent-navbar-container:not(
  133. [zen-has-hover="true"],
  134. [has-popup-menu],
  135. :focus-within
  136. )
  137. )
  138. )
  139. > #zen-tabbox-wrapper {
  140. top: 0;
  141. }
  142. }
  143. }
  144. @media not (-moz-bool-pref: "theme.no_gaps.split.single_toolbar.hide_navbar") {
  145. #zen-appcontent-wrapper:has(
  146. > #zen-tabbox-wrapper
  147. > #tabbrowser-tabbox
  148. > #tabbrowser-tabpanels:not([zen-split-view="true"])
  149. ) {
  150. height: calc(100% + var(--zen-element-separation));
  151. transition: height 0.2s ease;
  152.  
  153. & > #zen-tabbox-wrapper {
  154. top: calc(-1 * var(--zen-element-separation));
  155. z-index: -1 !important;
  156. transition: top 0.2s ease;
  157. }
  158.  
  159. &:not(
  160. :has(
  161. > #zen-appcontent-navbar-container:not(
  162. [zen-has-hover="true"],
  163. [has-popup-menu],
  164. :focus-within
  165. )
  166. )
  167. )
  168. > #zen-tabbox-wrapper {
  169. top: 0;
  170. }
  171. }
  172. }
  173. }
  174.  
  175. @media not (-moz-bool-pref: "theme.no_gaps.single_toolbar.hide_navbar") {
  176. @media (-moz-bool-pref: "theme.no_gaps.split.single_toolbar.hide_navbar") {
  177. #zen-appcontent-wrapper:has(
  178. > #zen-tabbox-wrapper
  179. > #tabbrowser-tabbox
  180. > #tabbrowser-tabpanels[zen-split-view="true"]
  181. ) {
  182. height: calc(100% + var(--zen-element-separation));
  183. transition: height 0.2s ease;
  184.  
  185. & > #zen-tabbox-wrapper {
  186. top: calc(-1 * var(--zen-element-separation));
  187. z-index: -1 !important;
  188. transition: top 0.2s ease;
  189. }
  190. &:not(
  191. :has(
  192. > #zen-appcontent-navbar-container:not(
  193. [zen-has-hover="true"],
  194. [has-popup-menu],
  195. :focus-within
  196. )
  197. )
  198. )
  199. > #zen-tabbox-wrapper {
  200. top: 0;
  201. }
  202. }
  203. }
  204. }
  205. }
  206. }
  207. }
  208. }
  209.  
  210. @media not (-moz-bool-pref: "theme.no_gaps.split.outline") {
  211. hbox.browserSidebarContainer {
  212. outline: none !important;
  213. }
  214. }
  215.  
  216. @media not (-moz-bool-pref: "theme.no_gaps.shadow") {
  217. @media not (-moz-bool-pref: "theme.no_gaps.split.shadow") {
  218. hbox.browserSidebarContainer {
  219. box-shadow: none !important;
  220. }
  221. }
  222.  
  223. @media (-moz-bool-pref: "theme.no_gaps.split.shadow") {
  224. hbox.browserSidebarContainer:not([zen-split="true"]) {
  225. box-shadow: none !important;
  226. }
  227. }
  228. }
  229.  
  230. @media (-moz-bool-pref: "theme.no_gaps.shadow") {
  231. @media not (-moz-bool-pref: "theme.no_gaps.split.shadow") {
  232. hbox.browserSidebarContainer[zen-split="true"] {
  233. box-shadow: none !important;
  234. }
  235. }
  236. }
  237.  
  238. @media not (-moz-bool-pref: "theme.no_gaps.rounded_corners") {
  239. @media not (-moz-bool-pref: "theme.no_gaps.split.rounded_corners") {
  240. #tabbrowser-tabpanels .browserSidebarContainer {
  241. border-radius: 0 !important;
  242. }
  243. }
  244.  
  245. @media (-moz-bool-pref: "theme.no_gaps.split.rounded_corners") {
  246. #tabbrowser-tabpanels:not([zen-split-view="true"]) .browserSidebarContainer {
  247. border-radius: 0 !important;
  248. }
  249. }
  250. }
  251.  
  252. @media (-moz-bool-pref: "theme.no_gaps.rounded_corners") {
  253. @media not (-moz-bool-pref: "theme.no_gaps.split.rounded_corners") {
  254. #tabbrowser-tabpanels[zen-split-view="true"] .browserSidebarContainer {
  255. border-radius: 0 !important;
  256. }
  257. }
  258. }
  259.  
  260. @media not (-moz-bool-pref: "theme.no_gaps.gaps") {
  261. hbox.browserSidebarContainer:not([zen-split="true"]) {
  262. margin: 0 !important;
  263. }
  264.  
  265. @media not (-moz-bool-pref: "theme.no_gaps.split.gaps") {
  266. tabbox#tabbrowser-tabbox {
  267. --zen-split-row-gap: 0 !important;
  268. --zen-split-column-gap: 0 !important;
  269. }
  270.  
  271. div.zen-split-view-splitter[orient="vertical"] {
  272. margin-left: calc(-1 * var(--zen-element-separation) + 1px) !important;
  273. }
  274.  
  275. div.zen-split-view-splitter[orient="horizontal"] {
  276. height: calc(var(--zen-element-separation) * 2 - 3px) !important;
  277. margin-top: calc(-1 * var(--zen-element-separation) + 1px) !important;
  278. }
  279.  
  280. #zen-appcontent-wrapper {
  281. margin: 0 !important;
  282. }
  283. #zen-tabbox-wrapper {
  284. margin: 0 !important;
  285. }
  286.  
  287. @media (-moz-bool-pref: "theme.no_gaps.split.outline") {
  288. hbox.browserSidebarContainer[zen-split="true"] {
  289. margin: 1px !important;
  290. }
  291. }
  292. }
  293.  
  294. @media (-moz-bool-pref: "theme.no_gaps.split.gaps") {
  295. #zen-appcontent-wrapper:not(
  296. :has(
  297. > #zen-tabbox-wrapper
  298. > #tabbrowser-tabbox
  299. > #tabbrowser-tabpanels[zen-split-view="true"]
  300. )
  301. ) {
  302. margin: 0 !important;
  303.  
  304. & > #zen-tabbox-wrapper {
  305. margin: 0 !important;
  306. }
  307. }
  308. }
  309. }
  310.  
  311. @media (-moz-bool-pref: "theme.no_gaps.gaps") {
  312. @media not (-moz-bool-pref: "theme.no_gaps.split.gaps") {
  313. tabbox#tabbrowser-tabbox {
  314. --zen-split-row-gap: 0 !important;
  315. --zen-split-column-gap: 0 !important;
  316. }
  317.  
  318. div.zen-split-view-splitter[orient="vertical"] {
  319. margin-left: calc(-1 * var(--zen-element-separation) + 1px) !important;
  320. }
  321.  
  322. div.zen-split-view-splitter[orient="horizontal"] {
  323. height: calc(var(--zen-element-separation) * 2 - 3px) !important;
  324. margin-top: calc(-1 * var(--zen-element-separation) + 1px) !important;
  325. }
  326.  
  327. @media (-moz-bool-pref: "theme.no_gaps.split.outline") {
  328. hbox.browserSidebarContainer[zen-split="true"] {
  329. margin: 1px !important;
  330. }
  331. }
  332.  
  333. #zen-appcontent-wrapper:has(
  334. > #zen-tabbox-wrapper
  335. > #tabbrowser-tabbox
  336. > #tabbrowser-tabpanels[zen-split-view="true"]
  337. ) {
  338. margin: 0 !important;
  339.  
  340. & > #zen-tabbox-wrapper {
  341. margin: 0 !important;
  342. }
  343. }
  344. }
  345. }
  346.  
  347. }
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!