Recommended Posts

/* Home Tab */

#TabsToolbar #home-button {
 -moz-appearance: none !important;
 background-image: -moz-linear-gradient(hsla(0,0%,50%,.1), hsla(0,0%,37%,.1) 50%) !important;
 background-position: -5px -2px !important;
 background-repeat: no-repeat !important;
 background-size: 200% !important;
 margin: 0 !important;
 padding: 0 1px !important;
 -moz-border-image: url("chrome://browser/skin/tabbrowser/tab.png") 4 5 3 6 / 4px 5px 3px 6px !important;
 -moz-border-radius: 10px 8px 0 0 !important;
}

#TabsToolbar #home-button:hover {
 background-image: -moz-linear-gradient(left, transparent, transparent 1px, rgba(255,255,255,.4) 1px, rgba(255,255,255,.4)) !important;
}

#TabsToolbar #home-button:-moz-lwtheme-brighttext {
 background-image: -moz-linear-gradient(left, transparent, transparent 1px, rgba(40%,40%,40%,.6) 1px, rgba(40%,40%,40%,.6)) !important;
}

#TabsToolbar #home-button:-moz-lwtheme-brighttext:hover {
 background-image: -moz-linear-gradient(left, transparent, transparent 1px, rgba(60%,60%,60%,.6) 1px, rgba(60%,60%,60%,.6)) !important;
}

#TabsToolbar #home-button:-moz-lwtheme-darktext {
 background-image: -moz-linear-gradient(left, transparent, transparent 1px, rgba(60%,60%,60%,.5) 1px, rgba(60%,60%,60%,.5)) !important;
}

#TabsToolbar #home-button:-moz-lwtheme-darktext:hover {
 background-image: -moz-linear-gradient(left, transparent, transparent 1px, rgba(80%,80%,80%,.5) 1px, rgba(80%,80%,80%,.5)) !important;
}

#main-window[sizemode="maximized"][tabsontop="true"][chromemargin]:not([inFullscreen]) #TabsToolbar #home-button { 
 background-image: -moz-linear-gradient(hsla(0,0%,80%,.6), hsla(0,0%,75%,.4) 50%, hsla(0,0%,70%,.4) 51%) !important;
 text-shadow: white 0 0 1px;
}

#main-window[sizemode="maximized"][tabsontop="true"][chromemargin]:not([inFullscreen]) #TabsToolbar #home-button:hover { 
 background-image: -moz-linear-gradient(hsla(0,0%,100%,.8), hsla(0,0%,90%,.6) 50%, hsla(0,0%,85%,.6) 51%) !important;
}

@media all and (-moz-touch-enabled) {
 #TabsToolbar #home-button {
	min-width: 1cm !important;
 }
}

#TabsToolbar #home-button {
 width: 31px !important;
}

#TabsToolbar #home-button > .toolbarbutton-icon {
 margin-top: -1px !important;
 margin-bottom: -1px !important;
}

/* Rename App Button */

#appmenu-button{
padding-left: 18px !important;
padding-right: 18px !important;
}

#appmenu-button .button-box .box-inherit:before {
 content: "Firefox";
}

#appmenu-button .button-box .box-inherit .button-text {
 display: none;
}

/* Reduce Tab Width */

.tabbrowser-tab[fadein]:not([pinned])
{ max-width: 200px !important; }


/* Move the tab bar in the title bar when maximized */

window[sizemode="maximized"]:not([inFullscreen]) #navigator-toolbox[tabsontop="true"] #TabsToolbar {
 margin-top: -22px !important;
 -moz-box-ordinal-group: 1 !important;
}

#main-window[tabsontop="true"]:not([inFullscreen]) #appmenu-button-container { 
 position: fixed !important;
 z-index: 1;
}

#main-window[tabsontop="true"]:not([inFullscreen]) #titlebar-buttonbox { 
 position: relative !important;
 z-index: 1;
}

#main-window[tabsontop="true"]:not([inFullscreen]) #TabsToolbar { 
 position: relative !important;
 background-color: transparent !important;
}

#main-window[tabsontop="true"][sizemode="maximized"] 
#titlebar:-moz-lwtheme{visibility:hidden}#titlebar-content{visibility:visible
}

/* Tab bar left and right padding */

#main-window[sizemode="maximized"][tabsontop="true"][chromemargin]:not([inFullscreen]) #TabsToolbar { 
 -moz-padding-start: 8.5em !important;
 -moz-padding-end: 9.5em !important;
}


/* -- Addonbar -- */

#browser-bottombox {
 position: fixed;
 bottom: 0;
 background: none !important;
}

#addon-bar {
 position: fixed;
 bottom: -22px;
 right: 1px;
 border: 0 !important;
 opacity: 0;
 -moz-appearance: none !important;
 -moz-transition: bottom .5s 1s ease-in, opacity .5s 1s ease-in;
 padding-top: 22px !important;
}

#addon-bar:hover {
 bottom: 1px;
 opacity: 1;
 -moz-transition: bottom .5s ease-out, opacity .5s ease-in;
}

#main-window[sizemode="maximized"] #addon-bar {
 right: 0;
}

#main-window[sizemode="maximized"] #addon-bar:hover {
 bottom: 0;
}

#addon-bar > #status-bar {
 margin: 0 !important;
 padding: 0 2px 0 2px;
 border-radius: 4px 0 0 0;
 border: 0 !important;
 border-left: 1px solid rgba(0,0,0,.25) !important;
 border-top: 1px solid rgba(0,0,0,.25) !important;
 background-color: rgb(207, 219, 236) !important;
 background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgb(207,220,236)) !important;
 box-shadow: 0 0 0 1px rgba(255,255,255,.5) inset;
}

/* -- FindToolbar -- */

#FindToolbar {
 border:none !important;
}

#FindToolbar .findbar-container {
 margin-left: 1px !important;
 border-radius: 0 4px 0 0;
 border-right: 1px solid rgba(0,0,0,.25) !important;
 border-top: 1px solid rgba(0,0,0,.25) !important;
 background-color: rgb(207, 219, 236) !important;
 background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgb(207,220,236)) !important;
 box-shadow: 0 0 0 1px rgba(255,255,255,.5) inset;
}

#main-window[sizemode="maximized"] #FindToolbar .findbar-container {
 margin-left: 0 !important;
 margin-bottom: -1px !important;
}

#FindToolbar .find-status-icon[status="notfound"] + .findbar-find-status,
#FindToolbar .find-status-icon[status="wrapped"] + .findbar-find-status {
 padding-right: 5px !important;
}

#FindToolbar .find-status-icon[status="notfound"],
#FindToolbar .find-status-icon[status="wrapped"] {
 margin-left: -1px !important;
}

#FindToolbar .find-status-icon:not([status="notfound"]):not([status="wrapped"]) + .findbar-find-status {
 display: none !important;
}

The bottom corners of the firefox button come to a point only when it's clicked. I guess that's intentional and not going to be fixed?

I hope intentional. It looked quite ugly in b6 when it kept the rounded corners. The square corners make it look cleaner when meeting the menu.

@bogas04

The 3rd script is giving me some trouble. The App button disappears and becomes non-functional.

And which script did you use on the add-on bar?

check now , added add-on bar script , u can also use Barlesque addon for same functionality (but uglier)

Currently the worst issue for me is the memory usage. I'd understand high memory usage with 20 tabs or so but if i leave only 1 open the memory usage doesn't decreaste...

I wonder if it's gonna get fixed before releasing 4.0...(too bad multi-process is not for 4.0)

Yes.

See,

https://bugzilla.mozilla.org/show_bug.cgi?id=598466

I see Zarro Boogs as well!

now that we are at 0 blockers we should see a build soon! however, according to mozilla that wont be till thursday though and than there is Q&A to go through so its still gonna be next week most likely before its released.

and for those keeping track: https://bugzilla.mozilla.org/buglist.cgi?quicksearch=blocking2.0:beta9 (53 blockers left for beta 9)

now that we are at 0 blockers we should see a build soon! however, according to mozilla that wont be till thursday though and than there is Q&A to go through so its still gonna be next week most likely before its released.

Source for that ? I just like reading that kinda stuff :)

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.