API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Apr 2nd, 2025
18
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.74 KB | None | 0 0
raw download clone embed print report
  1. /* Source file made available under Mozilla Public License v. 2.0 See the main repository for updates as well as full license text.
  2. https://github.com/Godiesc/firefox-gx */
  3.  
  4. @media (-moz-bool-pref:"firefoxgx.tab-shapes") {
  5.  
  6. /* ############################# Sobreescribir codigo de <ogx_tab-bar.css> ############################# */
  7.  
  8. /* Pestaña activa - ogx-tabs-bar.css */
  9.  
  10. .tab-background{
  11. clip-path: none !important;
  12. }
  13.  
  14. .tab-background[selected]{
  15. border-radius: 0 !important;
  16. }
  17.  
  18. .tabbrowser-tab[selected] > .tab-stack::before{
  19. display: none !important;
  20. }
  21.  
  22. /* Color :hover de las pestañas no seleccionadas */
  23.  
  24. /* used for smooth transition */
  25. .tabbrowser-tab:not(:hover) > .tab-stack > .tab-background:not([selected], [multiselected]) {
  26. transition: background-color 0.2s ease !important;
  27. }
  28.  
  29. .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected], [multiselected]) {
  30. background-color: color-mix(in srgb, var(--general-color) 25%, transparent) !important;
  31. border-radius: 0px !important;
  32. margin-block-start: 0px !important;
  33. transition: background-color 0.2s ease !important;
  34. }
  35.  
  36. /* ############################# Newtab button ############################# */
  37.  
  38. @media (-moz-bool-pref:"userChrome.tab.bottom_rounded_corner.wave") or
  39. (-moz-bool-pref:"userChrome.tab.bottom_rounded_corner.australis") or
  40. (-moz-bool-pref:"userChrome.tab.bottom_rounded_corner.chrome") {
  41.  
  42. :root{ --border-radius-urlbar-personal: 14px !important; }
  43.  
  44. .tab-close-button { padding: 2px !important; }
  45.  
  46. #TabsToolbar #tabs-newtab-button image:not(.menu-iconic-icon), #TabsToolbar #new-tab-button image:not(.menu-iconic-icon){
  47. border-radius: 50% !important;
  48. }}
  49.  
  50. @media (-moz-bool-pref:"userChrome.tab.bottom_rounded_corner.wave") or
  51. (-moz-bool-pref:"userChrome.tab.bottom_rounded_corner.australis") or
  52. (-moz-bool-pref:"userChrome.tab.bottom_rounded_corner.chrome") or
  53. (-moz-bool-pref:"userChrome.tab.bottom_rounded_corner.edge") or
  54. (-moz-bool-pref:"userChrome.tab.bottom_rounded_corner.chrome_legacy"){
  55.  
  56. #tabs-newtab-button{
  57. padding-inline-start: calc(var(--tab-height-personal) - 31px + var(--uc-margin-left-newtab)) !important;
  58. }}
  59.  
  60. /* ############################# Sobreescribir - ogx_containers.css ############################# */
  61.  
  62. .tab-context-line {
  63. width: 18px !important;
  64. margin-inline-start: var(--uc-margin-left-newtab, 6px) !important;
  65. box-shadow: 0 0px 3px 0 var(--identity-tab-color) !important;
  66. transition-duration: 100ms !important;
  67. clip-path: none !important;
  68. }
  69.  
  70. tab:not([pinned])[selected] .tab-context-line {
  71. width: calc(100% - calc(6px + var(--uc-margin-left-newtab))) !important;
  72. transition-duration: 200ms !important;
  73. }
  74.  
  75. /* Pinned */
  76.  
  77. tab:is([pinned]) .tab-context-line {
  78. position: absolute !important;
  79. width: 14px !important;
  80. margin-inline: 0px !important;
  81. align-self: center !important;
  82. bottom: 0 !important;
  83. }
  84.  
  85. /* trick para mantener margen left-right de las pestañas */
  86.  
  87. .tabbrowser-tab:not(#tabbrowser-tabs[haspinnedtabs]:is([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab):nth-child(1 of :not([hidden])){
  88. margin-inline-start: calc( 0px - var(--uc-margin-left-right, 0px) + var(--uc-tab-corner-half-size, 4px)) !important;
  89. }
  90.  
  91. /* Margen left de la barra de pestañas cuando está en overflow */
  92.  
  93. #tabbrowser-tabs[haspinnedtabs]:is([positionpinnedtabs]){
  94. margin-inline-start: calc( 4px - var(--uc-margin-left-right) + var(--uc-tab-corner-half-size)) !important;
  95. }
  96.  
  97. #tabbrowser-tabs[haspinnedtabs]> #tabbrowser-arrowscrollbox > .tabbrowser-tab:nth-child(1 of :not([pinned], [hidden])) {
  98. margin-inline-start: 6px !important;
  99. }
  100.  
  101. /* ######################################### Multi Selected Color ######################################### */
  102.  
  103. #TabsToolbar {
  104. --uc-multiselected-tab-bgcolor: color-mix(in srgb, var(--contrast-color) 46%, var(--general-color, transparent));
  105. }
  106. #TabsToolbar[brighttext] {
  107. --uc-multiselected-tab-bgcolor: color-mix(in srgb, var(--contrast-color) 46%, var(--general-color, transparent));
  108. }
  109. #tabbrowser-tabs:not([movingtab])
  110. > #tabbrowser-arrowscrollbox
  111. > .tabbrowser-tab
  112. > .tab-stack
  113. > .tab-background[multiselected]:not([selected]){
  114. background-attachment: scroll, fixed !important;
  115. background-color: transparent !important;
  116. background-image: linear-gradient(var(--uc-multiselected-tab-bgcolor), var(--uc-multiselected-tab-bgcolor)),
  117. var(--lwt-header-image, none) !important;
  118. background-position: 0 0, right top !important;
  119. background-repeat: repeat-x, no-repeat !important;
  120. background-size: auto auto, auto auto !important;
  121. border-radius: 0px !important;
  122. }
  123. .tab-background[multiselected="true"]{
  124. outline-color: transparent !important;
  125. }
  126.  
  127. /* ########################################## Selected Tab - Box Shadow ########################################## */
  128.  
  129. @media (-moz-bool-pref:"firefoxgx.tab-shapes") {
  130. #TabsToolbar {
  131. --uc-tab-shadow-color: var( --general-color, var(--lwt-tab-line-color, var(--tabs-border-color, rgba(128, 128, 142, 0.9))) );
  132. --uc-tab-shadow-color-bundle: var(--general-color, var(--lwt-tab-line-color, rgba(128, 128, 142, 0.9)));
  133. }
  134. #tabbrowser-tabs:not([noshadowfortests]) .tab-background:is([selected], [multiselected]) {
  135. box-shadow: unset !important;
  136. filter: drop-shadow(-1px -0.5px 0px var(--general-color, transparent))
  137. drop-shadow(1px -0.5px 0px var(--general-color, transparent));
  138. /* This next rule set is needed for Fx 120, otherwise themes with translucent tabs would seem to have extra border separating them from toolbar below. */
  139. /* background-attachment: scroll, fixed, fixed !important; */
  140. background-color: transparent !important;
  141. background-image: linear-gradient(var(--toolbar-bgcolor, transparent), var(--toolbar-bgcolor, transparent)),
  142. var(--lwt-additional-images,none), var(--lwt-header-image, none) !important;
  143. background-position: 0 0, var(--lwt-background-alignment), right top !important;
  144. background-repeat: repeat-x, var(--lwt-background-tiling), no-repeat !important;
  145. background-size: auto 100%, var(--lwt-background-size, auto auto), auto auto !important;
  146. }
  147. /*.tab-background:not([selected])[multiselected]{
  148. background: color-mix(in srgb, currentColor 11%, transparent) !important;
  149. margin-inline-start: -1px;
  150. }*/
  151. }
  152.  
  153. /*= Selected Tab - Bottom Rounded Corner =====================================*/
  154. @media (-moz-bool-pref:"firefoxgx.tab-shapes") {
  155. @media not (-moz-bool-pref:"userChrome.tab.bottom_rounded_corner.wave") {
  156. @media not (-moz-bool-pref:"userChrome.tab.bottom_rounded_corner.australis") {
  157. @media not (-moz-bool-pref:"userChrome.tab.bottom_rounded_corner.chrome") {
  158. @media not (-moz-bool-pref:"userChrome.tab.bottom_rounded_corner.chrome_legacy") {
  159. @media not (-moz-bool-pref:"userChrome.tab.bottom_rounded_corner.edge") {
  160. #TabsToolbar {
  161. --uc-tab-corner-rounding: 3px; /* 10px looks about like chromium - 17px looks close to Australis tabs */
  162. --uc-tab-corner-padding: 0px;
  163. --uc-tab-corner-position: calc(var(--uc-tab-corner-padding) - var(--uc-tab-corner-rounding));
  164. --uc-tab-corner-left-side-svg: url("../icons/tab-bottom-corner-left.svg");
  165. --uc-tab-corner-right-side-svg: url("../icons/tab-bottom-corner-right.svg");
  166. }
  167.  
  168. .tab-background[selected]{ border-radius: 4px 4px 0 0 !important; } /* My edit */
  169.  
  170. :root:not([customizing="true"]) .tabbrowser-tab .tab-background::before,
  171. :root:not([customizing="true"]) .tabbrowser-tab .tab-background::after {
  172. /* Box */
  173. display: block;
  174. position: absolute;
  175. z-index: 1;
  176. bottom: 0;
  177. /* Shape */
  178. width: var(--uc-tab-corner-rounding);
  179. height: 100%;
  180. /* Color */
  181. fill: transparent;
  182. stroke: transparent;
  183. -moz-context-properties: fill, stroke;
  184. /* Image */
  185. background-size: var(--uc-tab-corner-rounding);
  186. background-repeat: no-repeat;
  187. background-position-y: bottom;
  188. }
  189. @media (-moz-bool-pref:"firefoxgx.tab-shapes") {
  190. :root:not([customizing="true"]) .tabbrowser-tab .tab-background::before,
  191. :root:not([customizing="true"]) .tabbrowser-tab .tab-background::after {
  192. content: "";
  193. }
  194. }
  195. :root:not([customizing="true"]) .tabbrowser-tab .tab-background::before {
  196. left: var(--uc-tab-corner-position);
  197. background-image: var(--uc-tab-corner-left-side-svg);
  198. }
  199. :root:not([customizing="true"]) .tabbrowser-tab .tab-background::after {
  200. right: var(--uc-tab-corner-position);
  201. background-image: var(--uc-tab-corner-right-side-svg);
  202. }
  203. :root:not([customizing="true"]) .tabbrowser-tab[visuallyselected] .tab-background::before,
  204. :root:not([customizing="true"]) .tabbrowser-tab[visuallyselected] .tab-background::after {
  205. fill: var(--tab-selected-bgcolor, var(--toolbar-bgcolor));
  206. stroke: var(--tab-line-color, var(--tabs-border-color, rgba(128, 128, 142, 0.9)));
  207. }
  208. @media not (-moz-bool-pref:"firefoxgx.tab-shapes") {
  209. :root:not([customizing="true"]) .tabbrowser-tab[visuallyselected] .tab-background::before,
  210. :root:not([customizing="true"]) .tabbrowser-tab[visuallyselected] .tab-background::after {
  211. content: "";
  212. }
  213. }
  214. :root:not([customizing="true"]) .tabbrowser-tab[multiselected] .tab-background::before,
  215. :root:not([customizing="true"]) .tabbrowser-tab[multiselected] .tab-background::after {
  216. fill: var(--tab-selected-bgcolor, var(--toolbar-bgcolor));
  217. }
  218.  
  219. @media (-moz-gtk-csd-available) {
  220. :root:not([customizing="true"]) {
  221. /* Fill color for GTK */
  222. }
  223. :root:not([customizing="true"]):not([lwtheme="true"])
  224. .tabbrowser-tab:is([visuallyselected], [multiselected])
  225. .tab-background::before,
  226. :root:not([customizing="true"]):not([lwtheme="true"])
  227. .tabbrowser-tab:is([visuallyselected], [multiselected])
  228. .tab-background::after {
  229. /* As GTK Toolbar's background-color + background-image
  230. * --toolbar-non-lwt-bgcolor: -moz-dialog;
  231. * --toolbar-non-lwt-bgimage: linear-gradient(rgba(255,255,255,.15), rgba(255,255,255,.15));
  232. */
  233. fill: color-mix(in srgb, rgb(255, 255, 255) 15%, -moz-dialog);
  234. stroke: transparent;
  235. opacity: 1;
  236. }
  237. :root:not([customizing="true"]):not([lwtheme="true"])
  238. #TabsToolbar[brighttext]
  239. .tabbrowser-tab[visuallyselected]
  240. .tab-background::before,
  241. :root:not([customizing="true"]):not([lwtheme="true"])
  242. #TabsToolbar[brighttext]
  243. .tabbrowser-tab[visuallyselected]
  244. .tab-background::after {
  245. stroke: transparent;
  246. }
  247. }
  248. }
  249. }
  250. }
  251. }
  252. }
  253. @media
  254. (-moz-bool-pref:"userChrome.tab.bottom_rounded_corner.wave") or
  255. (-moz-bool-pref:"userChrome.tab.bottom_rounded_corner.australis") or
  256. (-moz-bool-pref:"userChrome.tab.bottom_rounded_corner.chrome_legacy") or
  257. (-moz-bool-pref:"userChrome.tab.bottom_rounded_corner.chrome") or
  258. (-moz-bool-pref:"userChrome.tab.bottom_rounded_corner.edge") {
  259. #TabsToolbar {
  260. --uc-tab-corner-height: calc(var(--tab-min-height) + 1px);
  261. --uc-tab-corner-size: var(--uc-tab-corner-height);
  262. --uc-tab-corner-half-size: calc(var(--uc-tab-corner-size) / 2);
  263. --uc-tab-corner-half-size-reverse: calc(var(--uc-tab-corner-half-size) * -1);
  264. --uc-tab-corner-bgimage: none;
  265. }
  266. @media (-moz-bool-pref:"userChrome.tab.bottom_rounded_corner.wave") {
  267. #TabsToolbar {
  268. --uc-tab-corner-left-side-svg: url("../icons/tab-bottom-corner-left-wave1.svg");
  269. --uc-tab-corner-left-side-clipPath: url("../icons/tab-bottom-corner-left-wave1.svg#svgClipPath");
  270. --uc-tab-corner-right-side-svg: url("../icons/tab-bottom-corner-right-wave1.svg");
  271. --uc-tab-corner-right-side-clipPath: url("../icons/tab-bottom-corner-right-wave1.svg#svgClipPath");
  272. --uc-tab-corner-left-side-svg-clipped: url("../icons/tab-bottom-corner-left-wave-clipped.svg");
  273. --uc-tab-corner-right-side-svg-clipped: url("../icons/tab-bottom-corner-right-wave-clipped.svg");
  274.  
  275. --uc-margin-left-right: 7px;
  276. --uc-margin-left-newtab: 7px;
  277. }
  278. }
  279. @media (-moz-bool-pref:"userChrome.tab.bottom_rounded_corner.australis") {
  280. #TabsToolbar {
  281. --uc-tab-corner-left-side-svg: url("../icons/tab-bottom-corner-left-australis1.svg");
  282. --uc-tab-corner-left-side-clipPath: url("../icons/tab-bottom-corner-left-australis1.svg#svgClipPath");
  283. --uc-tab-corner-right-side-svg: url("../icons/tab-bottom-corner-right-australis1.svg");
  284. --uc-tab-corner-right-side-clipPath: url("../icons/tab-bottom-corner-right-australis1.svg#svgClipPath");
  285. --uc-tab-corner-left-side-svg-clipped: url("../icons/tab-bottom-corner-left-australis-clipped.svg");
  286. --uc-tab-corner-right-side-svg-clipped: url("../icons/tab-bottom-corner-right-australis-cilpped.svg");
  287.  
  288. --uc-margin-left-right: 4px;
  289. --uc-margin-left-newtab: 8px;
  290. }
  291. }
  292. @media (-moz-bool-pref:"userChrome.tab.bottom_rounded_corner.chrome") {
  293. #TabsToolbar {
  294. --uc-tab-corner-left-side-svg: url("../icons/tab-bottom-corner-left-chrome1.svg");
  295. --uc-tab-corner-left-side-clipPath: url("../icons/tab-bottom-corner-left-chrome1.svg#svgClipPath");
  296. --uc-tab-corner-right-side-svg: url("../icons/tab-bottom-corner-right-chrome1.svg");
  297. --uc-tab-corner-right-side-clipPath: url("../icons/tab-bottom-corner-right-chrome1.svg#svgClipPath");
  298. --uc-tab-corner-left-side-svg-clipped: url("../icons/tab-bottom-corner-left-chrome-clipped.svg");
  299. --uc-tab-corner-right-side-svg-clipped: url("../icons/tab-bottom-corner-right-chrome-clipped.svg");
  300. --uc-tab-corner-size: 12px;
  301.  
  302. --uc-margin-left-right: 0px;
  303. --uc-margin-left-newtab: 7px;
  304. }
  305. }
  306. @media (-moz-bool-pref:"userChrome.tab.bottom_rounded_corner.chrome_legacy") {
  307. #TabsToolbar {
  308. --uc-tab-corner-left-side-svg: url("../icons/tab-bottom-corner-left-chromeLegacy1.svg");
  309. --uc-tab-corner-left-side-clipPath: url("../icons/tab-bottom-corner-left-chromeLegacy1.svg#svgClipPath");
  310. --uc-tab-corner-right-side-svg: url("../icons/tab-bottom-corner-right-chromeLegacy1.svg");
  311. --uc-tab-corner-right-side-clipPath: url("../icons/tab-bottom-corner-right-chromeLegacy1.svg#svgClipPath");
  312. --uc-tab-corner-left-side-svg-clipped: url("../icons/tab-bottom-corner-left-chromeLegacy-clipped.svg");
  313. --uc-tab-corner-right-side-svg-clipped: url("../icons/tab-bottom-corner-right-chromeLegacy-clipped.svg");
  314.  
  315. --uc-margin-left-right: 7px;
  316. --uc-margin-left-newtab: 12px;
  317. }
  318. }
  319. @media (-moz-bool-pref:"userChrome.tab.bottom_rounded_corner.edge") {
  320. #TabsToolbar {
  321. --uc-tab-corner-left-side-svg: url("../icons/tab-bottom-corner-left-edge.svg");
  322. --uc-tab-corner-left-side-clipPath: url("../icons/tab-bottom-corner-left-edge.svg#svgClipPath");
  323. --uc-tab-corner-right-side-svg: url("../icons/tab-bottom-corner-right-edge.svg");
  324. --uc-tab-corner-right-side-clipPath: url("../icons/tab-bottom-corner-right-edge.svg#svgClipPath");
  325. --uc-tab-corner-left-side-svg-clipped: url("../icons/tab-bottom-corner-left-edge-clipped.svg");
  326. --uc-tab-corner-right-side-svg-clipped: url("../icons/tab-bottom-corner-right-edge-clipped.svg");
  327. --uc-tab-corner-size: 12px;
  328.  
  329. --uc-margin-left-right: 4px;
  330. --uc-margin-left-newtab: 8px;
  331. }
  332. }
  333. @media (-moz-bool-pref:"firefoxgx.tab-shapes") {
  334. .tabbrowser-tab {
  335. padding-inline: 0 !important;
  336. overflow-clip-margin: var(--uc-tab-corner-half-size) !important;
  337. }
  338. .tabbrowser-tab .tab-background {
  339. --tab-border-radius: 0px;
  340. margin-inline: var(--uc-tab-corner-half-size) !important;
  341. position: relative;
  342. }
  343. }
  344. .tabbrowser-tab .tab-background::before,
  345. .tabbrowser-tab .tab-background::after {
  346. /* Box */
  347. display: block;
  348. position: absolute;
  349. z-index: -1;
  350. bottom: -1px;
  351. /* Shape */
  352. width: var(--uc-tab-corner-size);
  353. height: var(--uc-tab-corner-height);
  354. /* Color */
  355. fill: transparent;
  356. -moz-context-properties: fill;
  357. /* Image */
  358. background-size: cover, auto auto;
  359. background-repeat: repeat;
  360. background-position: top, right top;
  361. /*background-attachment: scroll, fixed;*/
  362. }
  363. @media (-moz-bool-pref:"firefoxgx.tab-shapes") {
  364. .tabbrowser-tab .tab-background::before,
  365. .tabbrowser-tab .tab-background::after {
  366. content: "";
  367. }
  368. }
  369. .tabbrowser-tab .tab-background::before {
  370. right: 100%;
  371. background-image: var(--uc-tab-corner-left-side-svg), var(--uc-tab-corner-bgimage);
  372. clip-path: var(--uc-tab-corner-left-side-clipPath);
  373. }
  374. .tabbrowser-tab .tab-background::after {
  375. left: 100%;
  376. background-image: var(--uc-tab-corner-right-side-svg), var(--uc-tab-corner-bgimage);
  377. clip-path: var(--uc-tab-corner-right-side-clipPath);
  378. }
  379. .tabbrowser-tab[beforeselected-visible] .tab-background::after {
  380. --uc-tab-corner-right-side-svg: var(--uc-tab-corner-right-side-svg-clipped);
  381. }
  382. .tabbrowser-tab[visuallyselected] + .tabbrowser-tab .tab-background::before {
  383. /* --uc-tab-corner-left-side-svg: var(--uc-tab-corner-left-side-svg-clipped); */
  384. }
  385. .tabbrowser-tab:is([visuallyselected], [multiselected]) .tab-background {
  386. --uc-tab-corner-bgimage: linear-gradient(var(--toolbar-bgcolor, transparent), var(--toolbar-bgcolor, transparent)),
  387. linear-gradient(transparent, transparent),
  388. var(--lwt-header-image, var(--lwt-additional-images, none)) !important;
  389. }
  390. .tabbrowser-tab:is([visuallyselected]) .tab-background::before,
  391. .tabbrowser-tab:is([visuallyselected]) .tab-background::after {
  392. /*My code*/
  393. /*background-attachment: scroll, fixed, fixed !important;*/
  394. background-color: transparent !important;
  395. background-image: linear-gradient(var(--toolbar-bgcolor, transparent), var(--toolbar-bgcolor, transparent)),
  396. var(--lwt-additional-images,none), var(--lwt-header-image, none) !important;
  397. background-position: 0 0, var(--lwt-background-alignment), right top !important;
  398. background-repeat: repeat-x, var(--lwt-background-tiling), no-repeat !important;
  399. background-size: auto 100%, var(--lwt-background-size, auto auto), auto auto !important;
  400. }
  401. }
  402.  
  403. /* used for smooth transition*/
  404. .tabbrowser-tab:not(:hover):not([visuallyselected], [multiselected]) .tab-background::before,
  405. .tabbrowser-tab:not(:hover):not([visuallyselected], [multiselected]) .tab-background::after {
  406. transition: fill 0.2s ease !important;
  407. }
  408. .tabbrowser-tab:hover:not([visuallyselected], [multiselected]) .tab-background::before,
  409. .tabbrowser-tab:hover:not([visuallyselected], [multiselected]) .tab-background::after {
  410. fill: color-mix(in srgb, var(--general-color) 25%, transparent) !important;
  411. height: calc(var(--tab-height-personal) + 2px) !important; /* My edit */
  412. width: calc(var(--uc-tab-corner-size) + 2px) !important; /* My edit */
  413. transition: fill 0.2s ease !important;
  414. }
  415. @media (-moz-bool-pref:"firefoxgx.tab-shapes") {
  416. .tabbrowser-tab[multiselected]:not([visuallyselected]) .tab-background::before,
  417. .tabbrowser-tab[multiselected]:not([visuallyselected]) .tab-background::after {
  418. fill: var(--uc-multiselected-tab-bgcolor);
  419. }
  420. }
  421. #tabbrowser-tabs[movingtab] .tabbrowser-tab:is([visuallyselected], [multiselected]) .tab-background {
  422. /* My edit */
  423. /* --uc-tab-corner-bgimage: none;*/
  424. }
  425. #tabbrowser-tabs[movingtab] .tabbrowser-tab:is([multiselected]):not([visuallyselected]) .tab-background {
  426. /* My edit - Fondo de pestañas al mover un grupo de pestañas */
  427. background: color-mix(in srgb, var(--contrast-color) 46%, var(--general-color, transparent)) !important;
  428. }
  429. @media (-moz-gtk-csd-available) {
  430. /* Fill color for GTK */
  431. @media (-moz-bool-pref:"firefoxgx.tab-shapes") {
  432. :root:not([lwtheme="true"]) .tabbrowser-tab {
  433. --uc-tab-shadow-color: rgba(0, 0, 0, 0.4);
  434. }
  435. }
  436. :root:not([lwtheme="true"]) .tabbrowser-tab[visuallyselected] .tab-background {
  437. background-clip: content-box;
  438. }
  439. :root:not([lwtheme="true"]) .tabbrowser-tab[visuallyselected] .tab-background::before,
  440. :root:not([lwtheme="true"]) .tabbrowser-tab[visuallyselected] .tab-background::after {
  441. /* As GTK Toolbar's background-color + background-image
  442. * --toolbar-non-lwt-bgcolor: -moz-dialog;
  443. --toolbar-non-lwt-bgimage: linear-gradient(rgba(255,255,255,.15), rgba(255,255,255,.15));
  444. */
  445. --uc-tab-corner-bgimage: linear-gradient(var(--toolbar-non-lwt-bgcolor), var(--toolbar-non-lwt-bgcolor));
  446. fill: rgba(255, 255, 255, 0.075);
  447. }
  448. @media not (-moz-bool-pref:"firefoxgx.tab-shapes") {
  449. :root:not([lwtheme="true"]) .tabbrowser-tab[visuallyselected] .tab-background::before,
  450. :root:not([lwtheme="true"]) .tabbrowser-tab[visuallyselected] .tab-background::after {
  451. fill: rgba(255, 255, 255, 0.15);
  452. }
  453. }
  454. }
  455. }
  456. /* ####################################################### Compatibilidad con "one-line" config ####################################################### */
  457.  
  458. @media (-moz-bool-pref:"firefoxgx.oneline") {
  459.  
  460. /* ############################# Sobreescribir codigo de <ogx_tab-shapes.css> + <ogx_oneline.css> ############################# */
  461.  
  462. /* Sobreescribir ogx_oneline.css */
  463.  
  464. .tab-background:is([selected]){
  465. background-image: linear-gradient(var(--toolbar-bgcolor, transparent), var(--toolbar-bgcolor, transparent)),
  466. var(--lwt-additional-images,none), var(--lwt-header-image, none) !important;
  467. }
  468.  
  469. /* -------------------------------------------------------------------------------------- */
  470.  
  471. .tabbrowser-tab:is([visuallyselected]) .tab-background::before,
  472. .tabbrowser-tab:is([visuallyselected]) .tab-background::after {
  473. background-image: linear-gradient(var(--lwt-selected-tab-background-color, transparent), var(--lwt-selected-tab-background-color, transparent)),
  474. var(--lwt-additional-images,none), var(--lwt-header-image, none) !important;
  475. }
  476.  
  477. #tabbrowser-tabs:not([noshadowfortests]) .tab-background:is([selected], [multiselected]) {
  478. background-image: linear-gradient(var(--lwt-selected-tab-background-color, transparent), var(--lwt-selected-tab-background-color, transparent)),
  479. var(--lwt-header-image, var(--lwt-additional-images, none)) !important;
  480. }
  481. }}
  482.  
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!