Új hozzászólás Aktív témák

  • movax

    őstag

    Itt a kód, összehúzza a szellős menüket, a címsor alá teszi a tabokat és a konténerjelző színes csíkokat is szabályozza :

    /* userChrome.css */
     
     
    #navigator-toolbox #nav-bar {
        order: 1 !important;
    }
    #navigator-toolbox #PersonalToolbar {
        order: 2 !important;
    }
    #tab-notification-deck {
        order: 3 !important;
    }
    #titlebar{
        order: 4 !important;
    }
     
     
    /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom_menubar_on_top_patch.css made available under Mozilla Public License v. 2.0
    See the above repository for updates as well as full license text. */
     
    /* Menubar on top patch - use with tabs_on_bottom.css */
    /* Only really useful if menubar is ALWAYS visible */
     
    :root{ --uc-window-control-width: 0px !important }
     
    #navigator-toolbox{ padding-top: calc(29px + var(--uc-titlebar-padding,0px)) !important }
     
    #toolbar-menubar{
    position: fixed;
    display: flex;
    top: var(--uc-titlebar-padding,0px);
    height: 29px;
    width: 100%;
    overflow: hidden;
    }
     
    #toolbar-menubar > .titlebar-buttonbox-container{ height: 29px; order: 100; }
     
    #toolbar-menubar > [flex]{ flex-grow: 100; }
    #toolbar-menubar > spacer[flex]{
    order: 99;
    flex-grow: 1;
    min-width: var(--uc-window-drag-space-width,20px);
    }
     
    #toolbar-menubar .titlebar-button{ padding: 2px 17px !important; }
     
    #toolbar-menubar .toolbarbutton-1 { --toolbarbutton-inner-padding: 3px }

    /* Override Normal Density height to Compact Density height only for tabs */
     
    #TabsToolbar, #tabbrowser-tabs {
        --tab-min-height: 31px !important;
    }

        /* [Connected Tabs] Set a max height based on min-height plus margin-block: 1px 0 */
    #TabsToolbar, #TabsToolbar > hbox, #TabsToolbar-customization-target, #tabbrowser-arrowscrollbox  {
        max-height: calc(var(--tab-min-height) + 1px) !important;
    }
        /* [Connected Tabs] Adjust padding around icons on buttons to avoid crushed images */
    #TabsToolbar-customization-target toolbarbutton > .toolbarbutton-icon, 
    #TabsToolbar-customization-target .toolbarbutton-text, 
    #TabsToolbar-customization-target .toolbarbutton-badge-stack,
    #scrollbutton-up,#scrollbutton-down {
        padding-top: 7px !important;
        padding-bottom: 6px !important;
    }

    /* Remove padding between tabs */
    .tabbrowser-tab {
        padding-left: 1 !important;
        padding-right: 1 !important;
    }

    /***Tighten up drop-down/context/popup menu spacing ***/
     
    menupopup > menuitem, menupopup > menu {
    padding-block: 2px !important;
    }
    :root {
    --arrowpanel-menuitem-padding: 2px 8px !important;
    }

    #tabbrowser-tabs {
        --user-tab-rounding: 2px;
    }
     
    .tab-background {
        border-radius: var(--user-tab-rounding) var(--user-tab-rounding) 0px 0px !important;
        margin-block: 1px 0 !important;
    }
    #scrollbutton-up, #scrollbutton-down { /* 6/10/2021 */
        border-top-width: 1px !important;
        border-bottom-width: 0 !important;
    }
    /* Container color bar visibility */
    .tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line {
        margin: 1.5px max(calc(var(--user-tab-rounding) - 3px), 0px) !important;
    }

    /* Inactive tabs: Separator line style */
     
    .tabbrowser-tab:not([selected=true]):not([multiselected=true]):not([beforeselected-visible="true"]) .tab-background {
        border-right: 1px solid var(--lwt-background-tab-separator-color, rgba(0, 0, 0, .20)) !important;
    }

Új hozzászólás Aktív témák