Shrinking Tabs

Discussion of general topics about Mozilla Firefox
Post Reply
rudylorren
Posts: 6
Joined: May 6th, 2014, 3:42 pm

Re: Australis Ico/Text, Text Only and more...

Post by rudylorren »

Shrinking tabs doesn't seem to work properly..

http://imgur.com/jNPsUGN

I'd like the tabs/url bar as small as possible also without gradients ie: http://portix.bitbucket.org/dwb/resources/normal.jpg

Ive been looking at domi, but TBH it might as well be chinese.

Thank you for your input :)


Code: Select all

    @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */
       
   /* Autohide bookmark toolbar */
   #PersonalToolbar {
      visibility: collapse !important;
   }

   #navigator-toolbox:hover > #PersonalToolbar {
      visibility: visible !important;
   }
   
    /* Kill bookmark icons in the Personal Toolbar */
    toolbarbutton.bookmark-item > .toolbarbutton-icon {
      display: none;
    }

    /* Kill "normal" bookmark icons in the bookmarks menu */
    menuitem.bookmark-item > .menu-iconic-left {
      display: none;
    }
     
    #urlbar {
        height: 10px;
    }
    #searchbar {
        height: 10px;
    }
     
/* Tab bar */

.tabbrowser-strip *[class^="scrollbutton"] {
    /* Hide tab scroll buttons */
    display: none;
}

.tabbrowser-strip *[class^="tabs-alltabs"] {
    /* Hide tab drop-down list */
    display: none;
}

.tabbrowser-strip *[class^="tabs-newtab-button"] {
    /* Hide new-tab button */
    display: none;
}

#TabsToolbar {
  max-height : 16px !important;
  border-bottom: 2px solid #C8C8C8 !important;
  margin-top: -4px !important;
  margin-bottom: -4px !important;
}

/*Frank Icon and Text Mode....
.toolbarbutton-text {
   display: -moz-box !important;
}   
*/
    /*Frank Text Only Mode....*/
/*    .toolbarbutton-text {
       display: -moz-box !important;
    }   
    .toolbarbutton-icon {
       display : none !important;}
*/
/*Frank Small Icon Mode...*/
#back-button > .toolbarbutton-icon {
  border-radius: 0px !important;
  -moz-image-region: rect(0, 54px, 18px, 36px) !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

osearchbar er-tabs {max-height : 10px !important;}
.tab-content,.tabs-newtab-button { margin-bottom: 5px !important;}

autocomplete-textbox::-moz-placeholder,#urlbar .autocomplete-textbox::-moz-placeholder {  color: transparent !important; }
rudylorren
Posts: 6
Joined: May 6th, 2014, 3:42 pm

Re: Shrinking Tabs

Post by rudylorren »

Im making progress, but its still kinda ugly...

http://imgur.com/OIseOf2,P8G60rL

http://imgur.com/OIseOf2,P8G60rL#1

Id prefer to be able to do this without the classic theme restorer, but we will see what happens

Code: Select all

    @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */
       
   /* Autohide bookmark toolbar */
   #PersonalToolbar {
      visibility: collapse !important;
   }

   #navigator-toolbox:hover > #PersonalToolbar {
      visibility: visible !important;
      margin-top: -8px !important;
        margin-bottom: -8px !important;
   }
    /* Kill bookmark icons in the Personal Toolbar */
    toolbarbutton.bookmark-item > .toolbarbutton-icon {
      display: none;
    }

    /* Kill "normal" bookmark icons in the bookmarks menu */
    menuitem.bookmark-item > .menu-iconic-left {
      display: none;
    }
     
    #urlbar {
        height: 10px;
    }
    #searchbar {
        height: 10px;
    }
     
/* Tab bar */
#TabsToolbar {
  height: 20px !important;
  max-height : 20px !important;
  margin-top: -4px !important;
  margin-bottom: -2px !important;
}
.titlebar-placeholder, #titlebar-buttonbox-container #titlebar-buttonbox {display:none!important;}
/*Frank Icon and Text Mode....
.toolbarbutton-text {
   display: -moz-box !important;
}   
*/ /*Frank Text Only Mode....*/ /*    .toolbarbutton-text { display: -moz-box !important; }   .toolbarbutton-icon {
       display : none !important;}
*/
/*Frank Small Icon Mode...*/
#back-button > .toolbarbutton-icon {
  border-radius: 0px !important;
  -moz-image-region: rect(0, 54px, 18px, 36px) !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

osearchbar er-tabs {max-height : 10px !important;}
.tab-content,.tabs-newtab-button { margin-bottom: 5px !important;}

autocomplete-textbox::-moz-placeholder,#urlbar .autocomplete-textbox::-moz-placeholder {  color: transparent !important; }
rudylorren
Posts: 6
Joined: May 6th, 2014, 3:42 pm

Re: Shrinking Tabs

Post by rudylorren »

OK, I know theres many people out there bitching about how big ff29 is. So lets fix it!!

http://imgur.com/a/vVv2L

Ive gotten the URL bar down to an acceptable size (i'm not sure its possible to shrink it more, though it would be awesome if it was) with the australis slimmr extension, and the tabs to lose the gradient with the classic theme restorer but the tabs still look wonky, If i put the height any lower than 23px it cuts off the bottom of the tabs...

Code: Select all

#TabsToolbar {
  -moz-appearance: none !important;
  height: 23px !important;
  min-height: 18px !important;
 /* margin-top: -4px !important;*/
  margin-bottom: -2px !important;
  background: transparent !important;
  border: 0 !important;*/
}


it would be ok if I could remove the favicons and newtab button, but I can't figure it out :( any help would be most appreciated.

Thanks again.
User avatar
smsmith
Moderator
Posts: 19979
Joined: December 7th, 2004, 8:51 pm
Location: Indiana

Re: Shrinking Tabs

Post by smsmith »

Try this for a start:

Code: Select all

    /*Franks very quick native squared off tabs fix.....*/
.tab-background {
  opacity: 0!important;
}

#tabbrowser-tabs {
  min-height: 25px !important;
  height: 25px !important;
}

.tab-content {
  margin-top: -9px !important;
}   

.tabbrowser-tab {
  border-top: 1px #F0F0F0 solid !important;
  border-radius: 0px !important ;
  background: #CECECE !important;
}

.tabbrowser-tab[selected] {
  background: #F0F0F0 !important;
}

.tabs-newtab-button {
  display: -moz-box !important;
  visibility: visible !important;
  margin-top: -7px !important;
  background: unset!important;}

.tabbrowser-tab:not([selected]):hover {
   text-decoration: underline !important;}
Give a man a fish, and he eats for a day. Teach a man to fish, and he eats for a lifetime.
I like poetry, long walks on the beach and poking dead things with a stick.
Please do not PM me for personal support. Keep posts here in the Forums instead and we all learn.
rudylorren
Posts: 6
Joined: May 6th, 2014, 3:42 pm

Re: Shrinking Tabs

Post by rudylorren »

:D :D :D

I dare say this looks better than my FF28 ;)

http://i.imgur.com/SpkeVP0.png
remove tab bar with single tab ;;
australis slimmr ;;


http://i.imgur.com/VNCcUaR.png
tiny tabs ;;
hover activated bookmark toolbar ;;
list of extensions used ;;

http://pastebin.com/8ttn9tH5
Post Reply