Meet Firefox 4.0.1

By bogas04
in Web Browser Discussion & Support

 Share

Recommended Posts

Veteran

bogas04

Posted
  • Author
Posted 

/* 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;
}

Veteran

Frylock86

Posted
Posted

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.

Veteran

bogas04

Posted
  • Author
Posted

@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)

Grand Master

Udedenkz

Posted
Posted (edited)

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

Guest mattburles

Posted
Posted

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)

Grand Master

iamawesomewicked

Posted
Posted

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.
 Share
Go to topic listing

  • Recently Browsing   0 members

    • No registered users viewing this page.