Sign in to follow this  
Followers 0
bogas04

Meet Firefox 4.0.1

5,775 posts in this topic

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

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

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

Are Opera and Mozilla doing this on purpose?

post-9398-12775784811343.png.png]

Share this post


Link to post
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.

Share this post


Link to post
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.

Share this post


Link to post
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

Share this post


Link to post
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?

Share this post


Link to post
Share on other sites

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

How did you change background?

using that

post-254628-12775930161621.png

Share this post


Link to post
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

1 person likes this

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
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.

Share this post


Link to post
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.

Share this post


Link to post
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:

Share this post


Link to post
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;
}

Share this post


Link to post
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!

Share this post


Link to post
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.

Share this post


Link to post
Share on other sites

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

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

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

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  
Followers 0

  • Recently Browsing   0 members

    No registered users viewing this page.