Skip to content

Instantly share code, notes, and snippets.

@weberjacob

weberjacob/userChrome.css

Last active February 3, 2023 15:43
Show Gist options
  • Save weberjacob/72d243ae6b749916f5ce937a0f22f0d9 to your computer and use it in GitHub Desktop.
Save weberjacob/72d243ae6b749916f5ce937a0f22f0d9 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. weberjacob revised this gist Feb 3, 2023. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion userChrome.css
    View file
    Original file line number Diff line number Diff line change
    @@ -5,7 +5,7 @@

    /*
    * SETUP:
    * Must go to about:config and change browser.tabs.tabMinWidth to 0.
    * Must go to about:config and change browser.tabs.tabMinWidth to 0. -> this is no longer needed (last checked January 2023)
    */


  2. weberjacob revised this gist Feb 3, 2023. 1 changed file with 6 additions and 4 deletions.
    10 changes: 6 additions & 4 deletions userChrome.css
    View file
    Original file line number Diff line number Diff line change
    @@ -10,7 +10,6 @@


    /* General Rules */

    #main-window:not(#f) .tabbrowser-tab {
    -moz-box-sizing: border-box !important;
    height: 33px !important;
    @@ -32,8 +31,12 @@
    }

    .tabbrowser-tab:not([pinned]) {
    min-width: 35px !important;
    /* width: 100%; */
    min-width: 40px !important;
    max-width: 40px !important;
    }
    .tabbrowser-tab:not([pinned]):not([fadein]) {
    max-width: 0.1px !important;
    min-width: 0.1px !important;
    }

    /* Pinned Tabs Rules */
    @@ -78,7 +81,6 @@
    display: none;
    }


    /* THIS IS OTHER STUFF - NOT BEING USED BUT HELPED WITH OVERFLOW ISSUES */

    /* #main-window:not(#f) .tabbrowser-tab:not([pinned]) {
  3. weberjacob revised this gist Jan 30, 2019. 1 changed file with 49 additions and 15 deletions.
    64 changes: 49 additions & 15 deletions userChrome.css
    View file
    Original file line number Diff line number Diff line change
    @@ -1,4 +1,4 @@
    /*
    /*
    * Do not remove the @namespace line, it's required
    */
    @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */
    @@ -8,9 +8,17 @@
    * Must go to about:config and change browser.tabs.tabMinWidth to 0.
    */


    /* General Rules */

    #main-window:not(#f) .tabbrowser-tab {
    -moz-box-sizing: border-box !important;
    height: 33px !important;
    vertical-align: top !important;
    }

    #tabbrowser-tabs .arrowscrollbox-scrollbox {
    overflow: visible;
    /* overflow: visible !important; */
    display: block;
    }

    @@ -23,6 +31,21 @@
    padding: 0 12px !important;
    }

    .tabbrowser-tab:not([pinned]) {
    min-width: 35px !important;
    /* width: 100%; */
    }

    /* Pinned Tabs Rules */
    .tabbrowser-tab[pinned][selected] .tab-content:after{
    /*display: none;*/
    border-color: var(--tab-line-color) transparent transparent transparent;
    }

    .tabbrowser-tab[pinned][selected] .tab-line {
    display: none !important;
    }

    .tabbrowser-tab[pinned] .tab-content {
    position: relative;
    }
    @@ -41,19 +64,7 @@
    opacity: 0.9;
    }

    .tabbrowser-tab[pinned][selected] .tab-content:after{
    /*display: none;*/
    border-color: var(--tab-line-color) transparent transparent transparent;
    }

    .tabbrowser-tab[pinned][selected] .tab-line {
    display: none !important;
    }

    .tabbrowser-tab:not([pinned]) {
    min-width: 40px !important;
    }

    /* NonPinned Tabs Rules */
    .tab-icon-image:not([pinned]) {
    margin-left: 0 !important;
    margin-right: 0 !important;
    @@ -66,3 +77,26 @@
    .tab-close-button {
    display: none;
    }


    /* THIS IS OTHER STUFF - NOT BEING USED BUT HELPED WITH OVERFLOW ISSUES */

    /* #main-window:not(#f) .tabbrowser-tab:not([pinned]) {
    width: auto !important;
    }
    #main-window:not(#f) .titlebar-button {
    height: 33px !important;
    }
    #main-window:not(#f) #titlebar-buttonbox,
    .tabbrowser-arrowscrollbox scrollbox > box {
    display: block !important;
    }
    #main-window:not(#f) #titlebar-buttonbox {
    vertical-align: top !important;
    }
    .tabbrowser-arrowscrollbox scrollbox {
    overflow: visible !important;
    }
    .tab-label-container[textoverflow]:not([pinned]) {
    mask-image: unset !important;
    } */
  4. weberjacob revised this gist Mar 8, 2018. 1 changed file with 48 additions and 29 deletions.
    77 changes: 48 additions & 29 deletions userChrome.css
    View file
    Original file line number Diff line number Diff line change
    @@ -3,9 +3,14 @@
    */
    @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */

    /*
    * SETUP:
    * Must go to about:config and change browser.tabs.tabMinWidth to 0.
    */

    /* General Rules */
    #tabbrowser-tabs .arrowscrollbox-scrollbox {
    overflow: visible;
    overflow: visible;
    display: block;
    }

    @@ -14,36 +19,50 @@
    height: var(--tab-min-height);
    }

    /* Set width of individual tabs */
    /* .tabbrowser-tab:not([pinned]) */
    #tabbrowser-tabs .tabbrowser-tab {
    max-width: 40px !important;
    .tab-stack .tab-content {
    padding: 0 12px !important;
    }

    .tabbrowser-tab[pinned] .tab-content {
    position: relative;
    }

    .tabbrowser-tab[pinned] .tab-content:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0 0;
    border-color: #ffffff transparent transparent transparent;
    opacity: 0.9;
    }

    .tabbrowser-tab[pinned][selected] .tab-content:after{
    /*display: none;*/
    border-color: var(--tab-line-color) transparent transparent transparent;
    }

    .tabbrowser-tab[pinned][selected] .tab-line {
    display: none !important;
    }

    .tabbrowser-tab:not([pinned]) {
    min-width: 40px !important;
    width: 40px !important;
    }

    /* Add a tabs width of space between pinned and non pinned tabs as well as a border left for the non pinned tab */
    .tabbrowser-tab[pinned] + .tabbrowser-tab:not([pinned]) {
    margin-left: 40px !important;
    border-left: 1px solid #808080 !important;
    }

    /* Hide unnecessary buttons and the blank areas at left and right */
    /* Hide individual close tab button */
    /* Hide new tab button */
    #tabbrowser-tabs .scrollbutton-up,
    #tabbrowser-tabs .scrollbutton-down,
    #alltabs-button,
    .tabbrowser-tab:not([fadein]),
    /* .titlebar-placeholder[type="pre-tabs"], */
    .titlebar-placeholder[type="post-tabs"],
    #tabbrowser-tabs .tabbrowser-tab .tab-close-button,
    #TabsToolbar #new-tab-button,
    .tabs-newtab-button {
    }

    .tab-icon-image:not([pinned]) {
    margin-left: 0 !important;
    margin-right: 0 !important;
    }

    .tab-label-container {
    display: none;
    }

    /* Ensure a border between tabs */
    .tabbrowser-tab:not(:last-of-type) {
    border-right: 1px solid #808080 !important;
    .tab-close-button {
    display: none;
    }
  5. weberjacob revised this gist Feb 5, 2018. 1 changed file with 6 additions and 0 deletions.
    6 changes: 6 additions & 0 deletions userChrome.css
    View file
    Original file line number Diff line number Diff line change
    @@ -22,6 +22,12 @@
    width: 40px !important;
    }

    /* Add a tabs width of space between pinned and non pinned tabs as well as a border left for the non pinned tab */
    .tabbrowser-tab[pinned] + .tabbrowser-tab:not([pinned]) {
    margin-left: 40px !important;
    border-left: 1px solid #808080 !important;
    }

    /* Hide unnecessary buttons and the blank areas at left and right */
    /* Hide individual close tab button */
    /* Hide new tab button */
  6. weberjacob revised this gist Feb 5, 2018. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion userChrome.css
    View file
    Original file line number Diff line number Diff line change
    @@ -29,7 +29,7 @@
    #tabbrowser-tabs .scrollbutton-down,
    #alltabs-button,
    .tabbrowser-tab:not([fadein]),
    .titlebar-placeholder[type="pre-tabs"],
    /* .titlebar-placeholder[type="pre-tabs"], */
    .titlebar-placeholder[type="post-tabs"],
    #tabbrowser-tabs .tabbrowser-tab .tab-close-button,
    #TabsToolbar #new-tab-button,
  7. weberjacob created this gist Feb 4, 2018.
    43 changes: 43 additions & 0 deletions userChrome.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,43 @@
    /*
    * Do not remove the @namespace line, it's required
    */
    @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */

    /* General Rules */
    #tabbrowser-tabs .arrowscrollbox-scrollbox {
    overflow: visible;
    display: block;
    }

    .tabbrowser-tab,
    .tab-background {
    height: var(--tab-min-height);
    }

    /* Set width of individual tabs */
    /* .tabbrowser-tab:not([pinned]) */
    #tabbrowser-tabs .tabbrowser-tab {
    max-width: 40px !important;
    min-width: 40px !important;
    width: 40px !important;
    }

    /* Hide unnecessary buttons and the blank areas at left and right */
    /* Hide individual close tab button */
    /* Hide new tab button */
    #tabbrowser-tabs .scrollbutton-up,
    #tabbrowser-tabs .scrollbutton-down,
    #alltabs-button,
    .tabbrowser-tab:not([fadein]),
    .titlebar-placeholder[type="pre-tabs"],
    .titlebar-placeholder[type="post-tabs"],
    #tabbrowser-tabs .tabbrowser-tab .tab-close-button,
    #TabsToolbar #new-tab-button,
    .tabs-newtab-button {
    display: none;
    }

    /* Ensure a border between tabs */
    .tabbrowser-tab:not(:last-of-type) {
    border-right: 1px solid #808080 !important;
    }
    1 change: 1 addition & 0 deletions userContent.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1 @@
    @namespace url(http://www.w3.org/1999/xhtml);