API tools faq
paste
Advertisement
GodieGun

ogx_tree-tabs.css

GodieGun
Nov 27th, 2024
42
0
21 hours
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 22.33 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.tree-tabs") and ((not (-moz-bool-pref:"sidebar.verticalTabs")) and (not (-moz-bool-pref:"firefoxgx.oneline"))) {
  5.    
  6. /* __________________________________________________________ For Tree-tabs extensions __________________________________________________________
  7.    _________________________ https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/hide_tabs_toolbar_v2.css _________________________ */
  8.  
  9.     /* This requires Firefox 133+ to work */
  10.  
  11.     @media (-moz-bool-pref: "sidebar.verticalTabs"){
  12.         #sidebar-main{
  13.             visibility: collapse;
  14.         }
  15.     }
  16.     @media (-moz-bool-pref: "userchrome.force-window-controls-on-left.enabled"){
  17.         #nav-bar > .titlebar-buttonbox-container{
  18.             order: -1 !important;
  19.             > .titlebar-buttonbox{
  20.                 flex-direction: row-reverse;
  21.             }
  22.         }
  23.     }
  24.     @media not (-moz-bool-pref: "sidebar.verticalTabs"){
  25.         #TabsToolbar{
  26.             visibility: collapse;
  27.         }
  28.         :root[sizemode="fullscreen"] #nav-bar > .titlebar-buttonbox-container{
  29.             display: flex !important;
  30.         }
  31.         :root[tabsintitlebar] #toolbar-menubar:not([autohide="false"]) ~ #nav-bar{
  32.             > .titlebar-buttonbox-container{
  33.                 display: flex !important;
  34.             }
  35.             :root[sizemode="normal"] & {
  36.                 > .titlebar-spacer{
  37.                     display: flex !important;
  38.                 }
  39.             }
  40.             :root[sizemode="maximized"] & {
  41.                 > .titlebar-spacer[type="post-tabs"]{
  42.                     display: flex !important;
  43.                 }
  44.                 @media (-moz-bool-pref: "userchrome.force-window-controls-on-left.enabled"),
  45.                     (-moz-gtk-csd-reversed-placement),
  46.                     (-moz-platform: macos){
  47.                         > .titlebar-spacer[type="post-tabs"]{
  48.                             display: none !important;
  49.                         }
  50.                         > .titlebar-spacer[type="pre-tabs"]{
  51.                             display: flex !important;
  52.                         }
  53.                 }
  54.             }
  55.         }
  56.         :root:not([chromehidden~="toolbar"]):has(#toolbar-menubar[autohide="true"]) #nav-bar{
  57.             /*border-inline: var(--uc-window-drag-space-pre,0px) solid transparent;
  58.             padding-inline: var(--uc-window-drag-space-pre,0px) solid transparent !important;/**/
  59.             /*border-inline-style: solid !important;/**/
  60.             /*border-right-width: calc(var(--uc-window-control-width,0px) + var(--uc-window-drag-space-post,0px));/**/
  61.             background-color: var(--toolbar-bgcolor) !important;
  62.             margin-inline-start: 0px !important;/* !My edit - remove unganted margin from ogx_left-sidebar */
  63.             /* !My edit -replace for padding */
  64.             padding-inline-start: calc(var(--padding-left-tab,0px) + var(--uc-window-drag-space-pre, 0px)) !important;
  65.             padding-inline-end: calc(var(--uc-window-control-width,0px) + var(--uc-window-drag-space-post,0px)) !important;
  66.             background-clip: border-box !important;
  67.         }
  68.     }
  69.    
  70. /* ___________________________________________ Makes menubar appear as overlay in the top left corner ___________________________________________
  71.    _________________________ https://github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/hide_tabs_toolbar_v2.css _________________________ */
  72.  
  73.     /* Makes menubar appear as overlay in the top left corner */
  74.  
  75.     :root {
  76.         --tab-height-personal: var(--toolbar-height-personal) !important;     /* My code */
  77.         --my-content-border-color: var(--toolbarbutton-hover-personal);
  78.     }
  79.  
  80.     #toolbar-menubar[autohide="false"] > .titlebar-buttonbox-container,
  81.     #toolbar-menubar[autohide="false"] > spacer{ display: none; }
  82.  
  83.     /* Makes menubar appear as overlay in the top left corner */
  84.  
  85.     #toolbar-menubar{
  86.         position: fixed;
  87.         display: flex;
  88.         top: 0;
  89.         width: 100vw;/**/
  90.         height: initial !important;
  91.         z-index: 10;
  92.     }
  93.  
  94.     #toolbar-menubar[autohide="true"][inactive="true"]{ height: 0px !important; }
  95.  
  96.     #toolbar-menubar > spacer{ flex-grow: 1 }
  97.     #toolbar-menubar[inactive] > .titlebar-buttonbox-container{ display: none }
  98.  
  99.     #main-menubar{
  100.         height: calc(var(--toolbar-height-personal)) !important;
  101.         background-image: linear-gradient(                                              /* My code v */
  102.             var(--toolbar-bgcolor,--toolbar-non-lwt-bgcolor),var(--toolbar-bgcolor,--toolbar-non-lwt-bgcolor)),
  103.             var(--lwt-additional-images,none), var(--lwt-header-image, none);
  104.         background-attachment: scroll, fixed, fixed;
  105.         background-position: 0 0, var(--lwt-background-alignment), right top;
  106.         background-repeat: repeat-x, var(--lwt-background-tiling), no-repeat;
  107.         background-size: auto 100%, var(--lwt-background-size, auto auto), auto auto;
  108.         color: var(--arrowpanel-color);
  109.     }
  110.  
  111.     #menubar-items{
  112.         flex-direction: row !important;
  113.     }
  114.  
  115.     @media (-moz-gtk-csd-reversed-placement){
  116.         #toolbar-menubar[autohide="true"]:not([inactive]) > .titlebar-buttonbox-container{ display: none }  
  117.     }
  118.  
  119.     /* ________________________________ My code - Style when menubar is visible-enable */
  120.  
  121.     :root:has(#toolbar-menubar[autohide="false"]) {
  122.         & #toolbar-menubar{
  123.             position: initial !important;
  124.             /*display: flex;
  125.             top: 0;
  126.             width: 100vw;/**/
  127.             height: initial !important;
  128.             z-index: initial;
  129.             background-image: linear-gradient(                                              /* My code v */
  130.                 var(--toolbar-bgcolor,--toolbar-non-lwt-bgcolor),var(--toolbar-bgcolor,--toolbar-non-lwt-bgcolor)),
  131.                 var(--lwt-additional-images,none), var(--lwt-header-image, none) !important;
  132.             background-attachment: scroll, fixed, fixed;
  133.             background-position: 0 0, var(--lwt-background-alignment), right top;
  134.             background-repeat: repeat-x, var(--lwt-background-tiling), no-repeat;
  135.             background-size: auto 100%, var(--lwt-background-size, auto auto), auto auto;
  136.         }
  137.     }
  138.  
  139.     /* Display window controls */
  140.     #toolbar-menubar[autohide="false"] > .titlebar-buttonbox-container,
  141.     #toolbar-menubar[autohide="false"] > spacer{ display: flex; }
  142. }
  143.  
  144. /* ___________________________________________________________________________________________________________________________________________
  145.    ___________________________________________________________________________________________________________________________________________ */
  146.  
  147. @media (not (-moz-bool-pref:"firefoxgx.tree-tabs")) and (-moz-bool-pref:"sidebar.verticalTabs") and (not ( -moz-bool-pref:"firefoxgx.oneline")){
  148.    
  149.     /* _________________________________________________ Keep window controls when removing tab bar _________________________________________________
  150.     __________________ https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/window_control_placeholder_support.css __________________ */
  151.  
  152.     /* !My edit - added presintax ':root:...' */
  153.     :root:not([chromehidden~="toolbar"]) #nav-bar{
  154.         background-color: var(--toolbar-bgcolor) !important;
  155.         margin-inline-start: 0px !important;/* !My edit - remove unganted margin from ogx_left-sidebar */
  156.         /* !My edit -replace for padding */
  157.         padding-inline-start: calc(var(--padding-left-tab,0px) + var(--uc-window-drag-space-pre, 0px)) !important;
  158.         padding-inline-end: calc(var(--uc-window-control-width,0px) + var(--uc-window-drag-space-post,0px)) !important;
  159.         background-clip: border-box !important;
  160.     }
  161.  
  162.     @media (-moz-bool-pref: "userchrome.force-window-controls-on-left.enabled"){
  163.         .titlebar-buttonbox-container{
  164.             order: -1 !important;
  165.         }
  166.         .titlebar-buttonbox{
  167.             flex-direction: row-reverse;
  168.         }
  169.     }
  170.  
  171. /* ______________________________________________________________ Hide TABS-BAR ______________________________________________________________
  172.    ________________________ https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/hide_tabs_toolbar.css  _________________________ */
  173.  
  174.     :root[tabsintitlebar]{ --uc-toolbar-height: var(--toolbar-height-personal); }                       /* !My edit - default 40px */
  175.     :root[tabsintitlebar][uidensity="compact"]{ --uc-toolbar-height: var(--toolbar-height-personal) }   /* !My edit - default 32px */
  176.  
  177.  
  178.     :root:not([inFullscreen]) #nav-bar{
  179.         margin-top: calc(0px - var(--uc-toolbar-height,0px));
  180.     }
  181.  
  182.     :root[tabsintitlebar] #toolbar-menubar[autohide="true"]{
  183.         min-height: unset !important;
  184.         height: var(--uc-toolbar-height,0px) !important;
  185.         /*position: relative; /* nav-bar was set to relative too and cause problems */
  186.     }
  187.  
  188.     /* Style when menubar is enable-active */
  189.  
  190.     #toolbar-menubar[autohide="false"] {
  191.         margin-bottom: var(--uc-toolbar-height,0px);
  192.     }
  193.  
  194.     :root[tabsintitlebar] #toolbar-menubar[autohide="true"] #main-menubar{
  195.         flex-grow: 1;
  196.         align-items: stretch;
  197.         background-attachment: scroll, fixed, fixed;
  198.         background-position: 0 0, var(--lwt-background-alignment), right top;
  199.         background-repeat: repeat-x, var(--lwt-background-tiling), no-repeat;
  200.         background-size: auto 100%, var(--lwt-background-size, auto auto), auto auto;
  201.         padding-right: 20px;
  202.     }
  203.     :root[tabsintitlebar] #toolbar-menubar[autohide="true"]:not([inactive]) #main-menubar{
  204.         background-color: var(--lwt-accent-color);
  205.         background-image: linear-gradient(var(--toolbar-bgcolor,--toolbar-non-lwt-bgcolor),var(--toolbar-bgcolor,--toolbar-non-lwt-bgcolor)), var(--lwt-additional-images,none), var(--lwt-header-image, none);
  206.         mask-image: linear-gradient(to left, transparent, black 20px);
  207.     }
  208.  
  209.     #toolbar-menubar:not([inactive]){ z-index: 1 !important; }
  210.     #toolbar-menubar[autohide="true"][inactive] > #menubar-items {
  211.         opacity: 0;
  212.         pointer-events: none;
  213.         margin-left: var(--uc-window-drag-space-pre,0px)
  214.     }
  215.     /* Menubar bottom separator gradient line */
  216.     :root:has(#toolbar-menubar[autohide="false"]) {
  217.         & #toolbar-menubar::after{
  218.             content: ""; position: absolute !important;
  219.             display: flex;
  220.             top: calc(var(--menubar-height-personal) - 1px);
  221.             left: var(--padding-left-tab);
  222.             width: 60vw;
  223.             height: initial !important;
  224.             z-index: initial;                                              /* My code v */
  225.             border-bottom: 1px solid var(--general-color) !important;
  226.             border-image: linear-gradient(to right,var(--general-color) 52% , transparent) 1 !important;
  227.         }
  228.        
  229.         & #main-menubar{
  230.             height: var(--menubar-height-personal);
  231.         }
  232.     }
  233.  
  234. /* _________________________________________________________________ My Code _________________________________________________________________
  235.    ___________________________________________________ Additionally <overwrite> Code Above ___________________________________________________ */
  236.    
  237.     /* ¡Necessary for the hamburger button to be above the sidebar */
  238.        
  239.     .browser-titlebar {
  240.         :root[tabsintitlebar] & {
  241.             will-change: unset !important;
  242.             transition: none !important;
  243.         }
  244.     }
  245.  
  246.     /* _______ Border around web content when using 'sidebar.verticalTabs' */
  247.    
  248.     #appcontent {
  249.         border-top-color: var(--toolbarbutton-hover-personal) !important;
  250.     }
  251.  
  252.     :root:is([lwtheme-image],[style*="--lwt-additional-images"]) #appcontent {
  253.         border-top-color: color-mix(in srgb, var(--toolbarbutton-hover-personal) 60%, var(--contrast-color)) !important;
  254.     }
  255.  
  256.     :root:is([lwtheme-image],[style*="--lwt-additional-images"]) #sidebar-box[checked="true"] ~ #appcontent {
  257.         border-top-color: color-mix(in srgb, var(--toolbarbutton-hover-personal) 80%, var(--contrast-color)) !important;
  258.     }
  259.  
  260.     /* _______ Menubar, necessary when you don't use the 'left sidebar' or Firefox sidebar */
  261.    
  262.     /* Hide menubar in costomization mode */
  263.     :root[customizing] #wrapper-menubar-items{
  264.         opacity: 0 !important;
  265.     }
  266.    
  267.     /* Margin to the left of tabs when menu-bar is displayed
  268.     #toolbar-menubar{
  269.         padding-inline-start: calc(var(--my-vertical-toolbar-width,0) + 1px) !important;
  270.     }*/
  271. }
  272.  
  273. /* ______________________________________________ Code for both 'tree-tabs' or 'Firefox vertical tabs' _______________________________________________ */
  274.  
  275. @media ((-moz-bool-pref:"firefoxgx.tree-tabs") or (-moz-bool-pref:"sidebar.verticalTabs")) and (not ( -moz-bool-pref:"firefoxgx.oneline")) {
  276.    
  277.     /* My Personal Variables */
  278.  
  279.     :root {
  280.         /* Remove unnecessary padding for window controls in [sizemode="normal"] */
  281.         --windowed-top-padding: 0px !important;
  282.     }
  283.    
  284.     :root[lwtheme],
  285.     :root:not([lwtheme]){
  286.         /* New background for toolbarbuttons on 'hover' */
  287.         --toolbarbutton-hover-background: var(--toolbarbutton-hover-personal) !important;
  288.     }
  289.    
  290.     /* _______ Windows Controls */
  291.  
  292.     @media (-moz-platform: windows) {      
  293.  
  294.         /* Restore the position of the 'minimize' button to center it */
  295.         .titlebar-min{
  296.             padding-top: 2px !important;
  297.         }
  298.     }
  299.    
  300.     /* Overwrite variable to fix height of buttons */
  301.    
  302.     .titlebar-buttonbox-container {
  303.         --tab-height-personal: var(--toolbar-height-personal) !important;
  304.     }
  305.  
  306.     /* Separator between <window controls> and other buttons */
  307.  
  308.     :root:not([chromehidden~="toolbar"]):is([sizemode="fullscreen"],[sizemode="maximized"]):has(#toolbar-menubar[autohide="true"]) .titlebar-buttonbox::before{
  309.         content: ""; position: absolute !important; align-self: center !important;
  310.         background: url("../icons/urlbar-separator.svg") no-repeat left !important;
  311.         background-size: 6px 16px !important;
  312.         width: 6px !important;
  313.         height: 16px !important;
  314.         fill: var(--toolbarbutton-icon-fill) !important;
  315.         -moz-context-properties: fill !important;
  316.         opacity: 0.2 !important;
  317.         fill-opacity: 1 !important;
  318.         margin-inline-start: -24px !important;
  319.     }
  320.    
  321.     /* Separator between <window controls> and other buttons - LinuxOS*/
  322.    
  323.     @media (-moz-bool-pref: "userchrome.force-window-controls-on-left.enabled"),
  324.        (-moz-gtk-csd-reversed-placement),
  325.        (-moz-platform: macos){
  326.            :root:not([chromehidden~="toolbar"]):is([sizemode="fullscreen"],[sizemode="maximized"]):has(#toolbar-menubar[autohide="true"]) .titlebar-buttonbox::before{
  327.                margin-inline-start: calc(106px) !important;
  328.            }
  329.     }
  330.  
  331.     /* _______ trick to be able to click on extensions from the top edge of the nav-bar */
  332.  
  333.     :root:not([chromehidden~="toolbar"]){    
  334.         toolbar .toolbaritem-combined-buttons toolbarbutton {
  335.             margin-top: -7px !important;
  336.             padding-top: 7px !important;
  337.         }
  338.     }
  339.  
  340.     /* _______ Make border top of url dragable */
  341.  
  342.     #urlbar-container {
  343.         margin-block: 1px 1px !important;
  344.     }
  345.  
  346.     #urlbar-container[breakout] {
  347.         --urlbar-container-height: calc(var(--toolbar-height-personal) - 2px) !important;
  348.     }
  349.  
  350.     /* _______ Urlbar text centered */
  351.  
  352.     #urlbar:not([open],[focused]) .urlbar-input{
  353.         text-align: center !important;
  354.     }
  355.    
  356.     /* _______ New position of Zoom button */
  357.  
  358.     #urlbar-zoom-button{
  359.         order: -1 !important;
  360.     }
  361.    
  362.     /* Bug fix: Trick to hide urlbar when menu appears (Alt key) */
  363.  
  364.     :root:has(#toolbar-menubar[autohide="true"]) #urlbar {
  365.         display: none !important;
  366.     }
  367.  
  368.     :root:has(#toolbar-menubar[autohide="true"][inactive="true"]) {
  369.         & #urlbar {
  370.             display: initial !important;
  371.         }
  372.     }
  373.  
  374. /* ___________________________________________________                                    ___________________________________________________
  375.    ___________________________________________________ Tab-center-reborn autohide sidebar ___________________________________________________
  376.    ___________________________________________________                                    ___________________________________________________ */
  377.    
  378.     /* Hide the sidebar header when using vertical tab extensions */
  379.  
  380.     #sidebar-box:is(
  381.     [sidebarcommand*="tabcenter"],
  382.     [sidebarcommand*="treestyletab"],
  383.     [sidebarcommand*="_3c078156-979c-498b-8990-85f7987dd929"]) #sidebar-header {
  384.         visibility: collapse;
  385.         display: none;
  386.     }
  387.    
  388.     /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/autohide_sidebar.css */
  389.  
  390.     #sidebar-box:is(
  391.     [sidebarcommand*="tabcenter"]){
  392.         --uc-sidebar-width: 49px;
  393.         --uc-sidebar-hover-width: 250px;
  394.         --uc-autohide-sidebar-delay: 50ms; /* Wait 0.6s before hiding sidebar - !Neccesary to avoid bug when bookmarksbar is enable */
  395.         --uc-autohide-transition-duration: 115ms;
  396.         --uc-autohide-transition-type: linear;
  397.         --browser-area-z-index-sidebar: 3;
  398.         position: relative;
  399.         min-width: var(--uc-sidebar-width) !important;
  400.         width: var(--uc-sidebar-width) !important;
  401.         max-width: var(--uc-sidebar-width) !important;
  402.         z-index: var(--browser-area-z-index-sidebar,3);
  403.     }
  404.     #sidebar-box[positionend]{ direction: rtl }
  405.     #sidebar-box[positionend] > *{ direction: ltr }
  406.  
  407.     #sidebar-box[positionend]:-moz-locale-dir(rtl){ direction: ltr }
  408.     #sidebar-box[positionend]:-moz-locale-dir(rtl) > *{ direction: rtl }
  409.  
  410.     #main-window[sizemode="fullscreen"] #sidebar-box{ --uc-sidebar-width: 1px; }
  411.  
  412.     :root:has(#sidebar-box:is(
  413.     [sidebarcommand*="tabcenter"],
  414.     [sidebarcommand*="treestyletab"],
  415.     [sidebarcommand*="_3c078156-979c-498b-8990-85f7987dd929"])) #sidebar-splitter{ display: none }
  416.    
  417.     /* Behavior when boomarks-bar is enable */
  418.    
  419.     @media not (-moz-bool-pref:"firefoxgx.left-sidebar"){
  420.  
  421.         :root:has(#sidebar-box:is(
  422.         [sidebarcommand*="tabcenter"],
  423.         [sidebarcommand*="treestyletab"],
  424.         [sidebarcommand*="_3c078156-979c-498b-8990-85f7987dd929"])):not([sizemode="fullscreen"]) #sidebar {
  425.             margin-block-start: calc( 0px - var(--bookmarksbar-height-personal, 0px));
  426.         }
  427.     }
  428.  
  429.     #sidebar-header{
  430.         overflow: hidden;
  431.         color: var(--chrome-color, inherit) !important;
  432.         padding-inline: 0 !important;
  433.     }
  434.  
  435.     #sidebar-header::before,
  436.     #sidebar-header::after{
  437.         content: "";
  438.         display: flex;
  439.         padding-left: 8px;
  440.     }
  441.  
  442.     #sidebar-header,
  443.     #sidebar{
  444.         transition: min-width var(--uc-autohide-transition-duration) var(--uc-autohide-transition-type) var(--uc-autohide-sidebar-delay) !important;
  445.         min-width: var(--uc-sidebar-width) !important;
  446.         will-change: min-width;
  447.     }
  448.     #sidebar-box:hover > #sidebar-header,
  449.     #sidebar-box:hover > #sidebar{
  450.         z-index: 10000 !important;
  451.         min-width: var(--uc-sidebar-hover-width) !important;
  452.         transition-delay: 0ms !important;
  453.     }
  454.  
  455.     .sidebar-panel{
  456.         background-color: transparent !important;
  457.         color: var(--newtab-text-primary-color) !important;
  458.     }
  459.  
  460.     .sidebar-panel #search-box{
  461.         -moz-appearance: none !important;
  462.         background-color: rgba(249,249,250,0.1) !important;
  463.         color: inherit !important;
  464.     }
  465.  
  466.     /* Add sidebar divider and give it background */
  467.  
  468.     @media (-moz-bool-pref:"sidebar.position_start") {
  469.        
  470.         :root:has(#sidebar-box:is(
  471.         [sidebarcommand*="tabcenter"])) #sidebar {
  472.             background-color: inherit !important;
  473.             border-inline: 0px solid rgb(80,80,80);
  474.             border-inline-width: 0px 1px;
  475.             border-inline-end: 1px solid var(--toolbar-bgcolor);
  476.             border-image: linear-gradient(to bottom,
  477.                 var(--general-color) 80%, transparent) 1;
  478.             box-shadow: 0 -1px 0 0 var(--general-color);
  479.         }
  480.     }
  481.  
  482.     #sidebar-box:not([positionend]) > :-moz-locale-dir(rtl),
  483.     #sidebar-box[positionend] > *{
  484.         border-inline-width: 1px 0px;
  485.     }
  486.  
  487.     /* Move statuspanel to the other side when sidebar is hovered so it doesn't get covered by sidebar */
  488.  
  489.     #sidebar-box:not([positionend]):hover ~ #tabbrowser-tabbox #statuspanel{
  490.         inset-inline: auto 0px !important;
  491.     }
  492.     #sidebar-box:not([positionend]):hover ~ #tabbrowser-tabbox #statuspanel-label{
  493.         margin-inline: 0px !important;
  494.         border-left-style: solid !important;
  495.     }
  496. }
  497.  
  498. @media (not (-moz-bool-pref:"firefoxgx.menu.disabled")) and (((-moz-bool-pref:"sidebar.verticalTabs") and (not (-moz-bool-pref:"sidebar.position_start"))) or (-moz-bool-pref:"firefoxgx.left-sidebar")) {
  499.     @media (-moz-platform: windows), (-moz-platform: linux) {
  500.  
  501.         :root:not([chromehidden~="toolbar"]) {
  502.  
  503.             /* New menu height size */
  504.  
  505.             & #PanelUI-button,
  506.             & #appMenu-popup {
  507.                 --tab-height-personal: var(--toolbar-height-personal) !important;
  508.             }
  509.         }
  510.     }
  511. }
  512.  
  513. /* New padding top and bottom for 'Left-sidebar' config when using 'tree-tabs' style*/
  514.  
  515. @media (-moz-bool-pref:"firefoxgx.tree-tabs") or (-moz-bool-pref:"sidebar.verticalTabs") {
  516.     :root:not([chromehidden~="toolbar"]) #PersonalToolbar {
  517.         --padding-top-left-sidebar: 118px !important;
  518.         --padding-bottom-left-sidebar: 38px !important;
  519.     }
  520. }
  521.  
  522. /* __________________________ toolbar_bottom_separator when not using 'Firefox vertical tabs' */
  523.  
  524. @media (-moz-bool-pref:"firefoxgx.tree-tabs") and (not (-moz-bool-pref:"sidebar.verticalTabs")){
  525.  
  526.     #navigator-toolbox{
  527.         border-bottom-color: color-mix(in srgb, var(--toolbar-bgcolor) 90%, var(--lwt-tab-text)) !important;
  528.     }
  529.  
  530.     :root:is([lwtheme-image],[style*="--lwt-additional-images"]) #navigator-toolbox{
  531.         border-bottom-color: color-mix(in srgb, var(--lwt-tab-text) 14%, var(--contrast-color)) !important;
  532.     }
  533. }
  534.  
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!