Sign in to follow this  

Meet Firefox 4.0.1

Recommended Posts

SkyDX    49

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

Share this post


Link to post
Share on other sites
bogas04    198

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

Share this post


Link to post
Share on other sites
DrCheese    102

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.

Share this post


Link to post
Share on other sites
Beastage    3

Are Opera and Mozilla doing this on purpose?

post-9398-12775784811343.png.png]

Share this post


Link to post
Share on other sites
NightSt@lk3r    3

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.

Share this post


Link to post
Share on other sites
Udedenkz    51

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.

Share this post


Link to post
Share on other sites
dmarijan    0

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

Share this post


Link to post
Share on other sites
WigglesTheFish    6

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?

Share this post


Link to post
Share on other sites
Kurt    0

How did you change background?

Are Opera and Mozilla doing this on purpose?

post-9398-12775784811343.png.png]

Share this post


Link to post
Share on other sites
Ci7    187

How did you change background?

using that

post-254628-12775930161621.png

Share this post


Link to post
Share on other sites
Brandon H    1,453

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

Share this post


Link to post
Share on other sites
kyller    0

Look awesome! :D :woot:

post-70619-12775601774908.jpg

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

Share this post


Link to post
Share on other sites
Darrian    217

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

Share this post


Link to post
Share on other sites
Inklin    28

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.

Share this post


Link to post
Share on other sites
WigglesTheFish    6

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.

Share this post


Link to post
Share on other sites
RoomKid    15

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

Share this post


Link to post
Share on other sites
SkyDX    49

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:

Share this post


Link to post
Share on other sites
mame32kawaks    0

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

Share this post


Link to post
Share on other sites
Inklin    28

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!

Share this post


Link to post
Share on other sites
Skittelor    7

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.

Share this post


Link to post
Share on other sites
LightShadow    39

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

Share this post


Link to post
Share on other sites
Yelreve    2

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

post-251812-12776501915414.png

Share this post


Link to post
Share on other sites
SLK320    0

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.

Share this post


Link to post
Share on other sites
SkyDX    49

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.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.