Meet Firefox 4.0.1

[SkyDX]

Any Stylish code yet that makes the baby-blue part of the UI slightly translucent like in Strata40?^^

[bogas04]

Any Stylish code yet that makes the baby-blue part of the UI slightly translucent like in Strata40?^^

i have not seen any , btw this is what it should look like

[DrCheese]

The latest nightly with the buggy menu button also breaks Aero snap, you can't drag it to the top and have it auto maximise.

[Beastage]

Are Opera and Mozilla doing this on purpose?

.png]

[NightSt@lk3r]

The latest nightly with the buggy menu button also breaks Aero snap, you can't drag it to the top and have it auto maximise.

It also breaks Auto Hide Taskbar the Taskbar no longer appears when you move the cursor to the bottom of the screen.

[Udedenkz]

Ever since the button landed there have been lots of bugs and performance issues.

Same thing happened when the new addon manager landed.

Are Opera and Mozilla doing this on purpose?

.png]

It looks nice, lets hope other browsers follow as well.

[dmarijan]

Is there any way that I can have both button and menu at same time (all time).

I can have them both only when i presss ALT button.

I mean, something like option in Windows 'Allways show menus'.

[WigglesTheFish]

I have to say, after watching the screenies progress through this thread, I am very impressed with the look of Firefox here. My only question, as I am a Mac user, will the tab on top option be available on Mac and if so will it be possible to make the tabs merge into the title bar like I see in some of the screenshots?

[Kurt]

How did you change background?

Are Opera and Mozilla doing this on purpose?

.png]

[Ci7]

How did you change background?

using that

[Brandon H Supervisor]

I have to say, after watching the screenies progress through this thread, I am very impressed with the look of Firefox here. My only question, as I am a Mac user, will the tab on top option be available on Mac and if so will it be possible to make the tabs merge into the title bar like I see in some of the screenshots?

yes you can have tabs on top in mac, no they do not merge into the title bar as of yet but they will by the time 4.0 reaches final, they're more worried about getting the windows version working correctly atm

[kyller]

Look awesome! :D :woot:

How can I style the Home Button to make it looks like an "app tab" ?

[Darrian]

I think someone made a home button tab extension last year.

[Inklin]

Any Stylish code yet that makes the baby-blue part of the UI slightly translucent like in Strata40?^^

I found and am using this (although it seems to have vanished from userstyles.org)

here is my code slightly modified:

/*:::::::::::::::::::::::::::::::::::::::Do Not Remove This Line::::::::::::::::::::::::::::::::::::::: */

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

#navigator-toolbox:not([tabsontop=true]) #nav-bar
{
-moz-box-shadow: threedshadow 0 -1px inset !important;
padding-bottom: 7px !important;
}

#navigator-toolbox:not([tabsontop=true]) toolbar:not(#nav-bar):not(#toolbar-menubar)
{
background-color: rgba(223,233,245, 0.5) !important;
}

#main-window:not([sizemode="maximized"]) #navigator-toolbox:not([tabsontop=true]) toolbar:not(#nav-bar):not(#toolbar-menubar)
{
border-left: 1px solid threedshadow !important;
border-right: 1px solid threedshadow !important;
}

#navigator-toolbox:not([tabsontop=true]) #PersonalToolbar
{
background: -moz-linear-gradient(top, rgba(255,255,255,.5), rgba(255,255,255,0)) !important;
}

#navigator-toolbox:not([tabsontop="true"]) #TabsToolbar
{
padding-top: 2px !important;
}

#navigator-toolbox[tabsontop=true]
{
border-bottom: 1px solid threedshadow !important;
}

#navigator-toolbox[tabsontop=true] #TabsToolbar
{
-moz-box-shadow: inset threedshadow 0px -1px !important;
}

#navigator-toolbox[tabsontop=true] toolbar:not(#TabsToolbar):not(#toolbar-menubar)
{
background-color: rgba(223,233,245,.3) !important;
}

#main-window:not([sizemode="maximized"]) #navigator-toolbox[tabsontop=true] toolbar:not(#TabsToolbar):not(#toolbar-menubar)
{
border-left: 1px solid threedshadow !important;
border-right: 1px solid threedshadow !important;
}

#navigator-toolbox[tabsontop=true] #nav-bar
{
padding-top: 0px !important;
padding-bottom: 0px !important;
background: -moz-linear-gradient(top, rgba(242,246,251,1), rgba(255,255,255,0)) !important;
}

.tabbrowser-tab[selected=true]
{
font-weight: bold !important;
}

P.S. Is anybody having issues with hiding and showing the status bar? when I set it to show it doesn't until I have minimized the window and maximized it again... same for hiding it.

[mame32kawaks]

How can I style the Home Button to make it looks like an "app tab" ?

http://userstyles.org/styles/31274

[WigglesTheFish]

yes you can have tabs on top in mac, no they do not merge into the title bar as of yet but they will by the time 4.0 reaches final, they're more worried about getting the windows version working correctly atm

Thanks, I was really interested in that particular feature. I am happy to know they'll eventually get that done for Mac users.

[RoomKid]

http://userstyles.org/styles/31274

Doesn't seem to work :( I can't get the code at all, shows the loading cursor for a really long time

[SkyDX]

I found and am using this (although it seems to have vanished from userstyles.org)

here is my code slightly modified:

/*:::::::::::::::::::::::::::::::::::::::Do Not Remove This Line::::::::::::::::::::::::::::::::::::::: */

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

#navigator-toolbox:not([tabsontop=true]) #nav-bar
{
-moz-box-shadow: threedshadow 0 -1px inset !important;
padding-bottom: 7px !important;
}

#navigator-toolbox:not([tabsontop=true]) toolbar:not(#nav-bar):not(#toolbar-menubar)
{
background-color: rgba(223,233,245, 0.5) !important;
}

#main-window:not([sizemode="maximized"]) #navigator-toolbox:not([tabsontop=true]) toolbar:not(#nav-bar):not(#toolbar-menubar)
{
border-left: 1px solid threedshadow !important;
border-right: 1px solid threedshadow !important;
}

#navigator-toolbox:not([tabsontop=true]) #PersonalToolbar
{
background: -moz-linear-gradient(top, rgba(255,255,255,.5), rgba(255,255,255,0)) !important;
}

#navigator-toolbox:not([tabsontop="true"]) #TabsToolbar
{
padding-top: 2px !important;
}

#navigator-toolbox[tabsontop=true]
{
border-bottom: 1px solid threedshadow !important;
}

#navigator-toolbox[tabsontop=true] #TabsToolbar
{
-moz-box-shadow: inset threedshadow 0px -1px !important;
}

#navigator-toolbox[tabsontop=true] toolbar:not(#TabsToolbar):not(#toolbar-menubar)
{
background-color: rgba(223,233,245,.3) !important;
}

#main-window:not([sizemode="maximized"]) #navigator-toolbox[tabsontop=true] toolbar:not(#TabsToolbar):not(#toolbar-menubar)
{
border-left: 1px solid threedshadow !important;
border-right: 1px solid threedshadow !important;
}

#navigator-toolbox[tabsontop=true] #nav-bar
{
padding-top: 0px !important;
padding-bottom: 0px !important;
background: -moz-linear-gradient(top, rgba(242,246,251,1), rgba(255,255,255,0)) !important;
}

.tabbrowser-tab[selected=true]
{
font-weight: bold !important;
}

P.S. Is anybody having issues with hiding and showing the status bar? when I set it to show it doesn't until I have minimized the window and maximized it again... same for hiding it.

Works like a charm, thanks!^^ Just a question, what padding must I change so it works properly for normal sized buttons? I don't like small toolbar buttons that much :pinch:

[mame32kawaks]

Doesn't seem to work :( I can't get the code at all, shows the loading cursor for a really long time

Try again.. its work for me. Don't forget to drag home button into tabbar.

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

#TabsToolbar > #home-button {
  -moz-appearance: none !important;
  background: transparent -moz-linear-gradient(left center , transparent, transparent 1px, rgba(128, 128, 128, 0.1) 1px, rgba(128, 128, 128, 0.1)) repeat scroll -6px 0 !important;
  background-clip: border-box !important;
  background-origin: padding-box !important;
  background-size: 200% auto !important;
  margin: 0 !important;
  padding: 0 !important;
  -moz-border-image: url("chrome://browser/skin/tabbrowser/tab.png") 3 5 3 6 / 3px 5px 3px 6px !important;
  -moz-border-radius: 6px 4px 0 0 !important;
  margin-left: 3px !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 > .toolbarbutton-icon {
  margin-top: -1px !important;
  margin-bottom: -1px !important;
}

#TabsToolbar > #home-button + #tabbrowser-tabs {
  margin-left: 0 !important;
}

[Inklin]

Works like a charm, thanks!^^ Just a question, what padding must I change so it works properly for normal sized buttons? I don't like small toolbar buttons that much :pinch:

here, see if this works:

Replace

#navigator-toolbox[tabsontop=true] #nav-bar
{
padding-top: 0px !important;
padding-bottom: 0px !important;
background: -moz-linear-gradient(top, rgba(242,246,251,1), rgba(255,255,255,0)) !important;
}

with:

#navigator-toolbox[tabsontop=true] #nav-bar
{
padding-top: 5px !important;
padding-bottom: 5px !important;
background: -moz-linear-gradient(top, rgba(242,246,251,1), rgba(255,255,255,0)) !important;
}

:) you could also play with the rgba colors if you wanted, but if you're happy with how it looks then no need!

[Skittelor]

I just installed the latest hourly, and I'm really impressed by it. :)

Sadly, I cant install Stylish, even after setting "extensions.checkCompatibility.3.7a = false".

I've tweaked FF 3.6 to look like the FF 4.0 mockups (using Strata40, Stratabuddy, Tab Progress Bar & Fission). It works very well & looks almost identical to the mockups, however there's one little thing about it that annoys me. Pic says it all:

Any Stylish script to fix that?

Hate to quote myself here but... anything to fix that? I'd appreciate any little tidbit of knowledge from the masters of scripting.

[LightShadow]

How do you install stylish? I got the code so it installs. But I can't use it and add codes to it etc.

[Yelreve]

Is it just me getting this problem when the window is maximised?

[Karl-Johan]

Is it just me getting this problem when the window is maximised?

It's the same for me and most of my extensions stopped working.

[SkyDX]

here, see if this works:

Replace

#navigator-toolbox[tabsontop=true] #nav-bar
{
padding-top: 0px !important;
padding-bottom: 0px !important;
background: -moz-linear-gradient(top, rgba(242,246,251,1), rgba(255,255,255,0)) !important;
}

with:

#navigator-toolbox[tabsontop=true] #nav-bar
{
padding-top: 5px !important;
padding-bottom: 5px !important;
background: -moz-linear-gradient(top, rgba(242,246,251,1), rgba(255,255,255,0)) !important;
}

:) you could also play with the rgba colors if you wanted, but if you're happy with how it looks then no need!

Thanks it looks amazing!^^ Can you give me the same for the statusbar now please? :unsure:

Is it just me getting this problem when the window is maximised?

Look a few pages back for a Stylish fix.

As for Stylish not working you have to call it from the statusbar.