Meet Firefox 4.0.1


Recommended Posts

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

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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?

post-9398-12775784811343.png.png]

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

Link to comment
Share on other sites

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'.

74846368235741915504_thumb.jpg

Link to comment
Share on other sites

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?

Link to comment
Share on other sites

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

  • Like 1
Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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:

Link to comment
Share on other sites

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

Link to comment
Share on other sites

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!

Link to comment
Share on other sites

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:

B29LS.jpg

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.

Link to comment
Share on other sites

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

post-251812-12776501915414.png

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

Link to comment
Share on other sites

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?

post-251812-12776501915414.png

Look a few pages back for a Stylish fix.

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

Link to comment
Share on other sites

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

    • No registered users viewing this page.