MozillaZine

Shrinking Tabs

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

Post Posted May 6th, 2014, 4:42 pm

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

Post Posted May 7th, 2014, 10:43 am

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

Post Posted May 7th, 2014, 3:32 pm

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.

smsmith
Moderator

User avatar
 
Posts: 19845
Joined: December 7th, 2004, 8:51 pm
Location: Indiana

Post Posted May 8th, 2014, 12:20 pm

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

Post Posted May 8th, 2014, 2:14 pm

: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

Return to Firefox General


Who is online

Users browsing this forum: No registered users and 5 guests