Firefox 4.0 Mockup Theme

[SpewBoy]

i can`t get the statusbar to be transparent , i pasted the posted above code and nothing happens how can i achieve this

Update to the latest version of Strata40 (v0.4.3) to a get semi-transparent status bar. Make sure to read the instructions as some add-ons and stuff aren't needed. No userstyles are needed for this release.

[vanx]

I have three issues with this theme.

1. The end of the address bar and the beginning of the search bar are overlaying each other.

2. Normally, it's possible to drag-resize the length of AB and search bar but those resizers don't seem to be there any more

3. Stop button isn't on the "Customize" list and only appears when that list is opened.

I'd very much appreciate if someone could give me some guidance with those, thank you.

P.S. How can I turn off the glow of bookmarks in the Bookmarks toolbar? It causes lots of CPU usage on one of my QuadCore cores.

Edited October 11, 2009 by vanx

[SkyDX]

About the search bar overlap issue, I would recommend to install the addon Omnibar.

It combines the address and search bar while retaining all functionality

[Duke D]

I have three issues with this theme.

1. The end of the address bar and the beginning of the search bar are overlaying each other.

2. Normally, it's possible to drag-resize the length of AB and search bar but those resizers don't seem to be there any more

3. Stop button isn't on the "Customize" list and only appears when that list is opened.

I'd very much appreciate if someone could give me some guidance with those, thank you.

P.S. How can I turn off the glow of bookmarks in the Bookmarks toolbar? It causes lots of CPU usage on one of my QuadCore cores.

As far as #3 goes, that's because (and Spew can correct me if I'm wrong), the theme has it set up so that the stop and reload buttons overlap each other automatically (like many extensions/css codes have done up until now) as this is the behavior shown in the FF 3.7/4.0 mockups (as a matter of fact the mockups point to this as one of the changes).

In order to have the best possible stop/reload look, follow this format:

Addressbar -> Stop button -> Reload Button.

~ In fact, if you check Strata40's deviantArt page, you will notice under "Must read below" that Spew himself mentions this.

And I definitely agree with the person above in regards to Omnibar, not only will it solve your problem, but it's a fantastic extension and much more in tune with the 4.0 mockups than keeping the search and address bars separate.

[SkyDX]

Finally switched over to this theme from 3.7 Redux. Looks quite beautiful, even with the few drawbacks because I rely on TabMixPlus, nice work!

There's just one thing that really bothers me, ever since I'm using this theme my splash screen is a bit messed up:

As you can see the transparency is only 1/3 there while the other 2/3 of the pic now on top of a gray box.

Doesn't happens with any other theme, only Strata40 0.4.3

The addon I use is Splash! 2.0.2 on Firefox 3.5.3

Any idea how to fix this?

[vanx]

In order to have the best possible stop/reload look, follow this format:

Addressbar -> Stop button -> Reload Button.

I went for that format, but when I closed the Customise window the Reload button disappeared. When I went into Customise window again it came back on and vanishes when I closed Customise.

I'll give Omnibar a try too.

EDIT: Omnibar is not for me. I already have Smarter Fox and that does the job. There is still a problem with not being able to resize AB and Search bar.

Edited October 11, 2009 by vanx

[robyholmes]

I went for that format, but when I closed the Customise window the Reload button disappeared. When I went into Customise window again it came back on and vanishes when I closed Customise.

I'll give Omnibar a try too.

EDIT: Omnibar is not for me. I already have Smarter Fox and that does the job. There is still a problem with not being able to resize AB and Search bar.

That is odd, if the page loading. The bottoms work by placing both but only the reload shows up when page has loaded, and stop when its loading. I would disable all other addons other than the ones need for the theme. If that works then start enabling them again until you find the one that courses it.

[consume]

Is there anyway to remove the Mozilla Firefox part at the top of the window so the theme looks more like this : ?

Also, why is it that some of my tabs have an italic font?

Edited October 11, 2009 by consume

[Ci7]

Is there anyway to remove the Mozilla Firefox part at the top of the window so the theme looks more like this : ?

Also, why is it that some of my tabs have an italic font?

cool , how did you do that ?

[consume]

cool , how did you do that ?

lol, i didn't. That's the actual firefox 4.0 mockup screenshot and im wondering how to get it exactly like that

[SoapyHamHocks Member]

Also, why is it that some of my tabs have an italic font?

If you are using Informational Tab check under the 'Unread status' pane for 'Emphasise unread tabs'.

[Duke D]

I went for that format, but when I closed the Customise window the Reload button disappeared. When I went into Customise window again it came back on and vanishes when I closed Customise.

I'll give Omnibar a try too.

EDIT: Omnibar is not for me. I already have Smarter Fox and that does the job. There is still a problem with not being able to resize AB and Search bar.

Well that's certainly weird, but it's probably an addon/stylish-css conflict. When I first started using Strata I had all sorts of weird problems because of how many things I already had modifying the default look of FF, and since Strata40 does a lot of modifications of its own, some clash.

I would try disabling all your addons and stylish styles (if you have any) that you have and then re-enabling them till you find the culprit, hopefully that'll do the trick.

Also, on your whole search/address bar issue, I'm going to assume that the ability to resize them was probably not included because Spew recommends using Omnibar which makes both obsolete.

You might try leaving a comment on his dA page and seeing if he can answer you directly, he's fairly good at keeping up to date there.

[ahmz]

thanks for theme, brilliant

[Scirwode]

Try this:

#webdeveloper-toolbar {
margin-left: 2px !important;
margin-right: 2px !important;
-moz-border-image: url("chrome://redux-addon/skin/css/Tab-BG.png") 0 8 0 8 / 0 8px 0 8px !important;}

Where do I put this code in?

Scirwode

[Scirwode]

Never mind, I manage to figure it out. I'm now hoping for another bug to be removed, namely the Norton toolbar. Here is what I mean:

Basically, the background is not skinned. Since I don't really have a need to put a Bookmarks bar below the address bar, can someone whip up something so that the same semi transparent background can be used on Norton Toolbar?

Scirwode

[GDT]

It's not clear to me how to get the green progress bar working... I've installed the fission addon... what else?

[Robomaster]

This is a Firefox theme I have been working on. As the title states, it is based on the Firefox 4.0 mockups that have recently been floating round the net. It's called Strata40. It will transform your Firefox browser into a convincing Firefox 4 lookalike.

Go here to download this theme and for installation instructions. It's easier than it looks ;)

And that's it! Enjoy this Firefox 4 lookalike theme and tutorial :D

I've been using this theme and really enjoy it - keep up the good work!

[consume]

WIth the 3.6 version of firefox, hovering over tabs in the taskbar turns everything that is transparent in firefox black. Is there a way to fix this? :

[SuperKid]

I wish mozilla made this the default theme like NOW for firefox, for the windows version. I bet they could easily do it within a day and release it!

[Black Rider]

Sorry, didn't post right. Please delete.

[Darrian]

WIth the 3.6 version of firefox, hovering over tabs in the taskbar turns everything that is transparent in firefox black. Is there a way to fix this? :

If I had to guess I would say that it's an issue caused by Firefox 3.6 and the way they've implemented the tab previews (perhaps an incompatibility with glasser?) and not the theme. Since beta 1 of Firefox 3.6 hasn't even been released yet I'd say that's an issue that needs to wait until at the least when the beta is released, though I wouldn't be concerned until the final version is publicly released if it hasn't been resolved then.

I don't really expect this will be fixed until the glass transparency is implemented in Firefox properly instead of with an extension.

Edited October 17, 2009 by Darrian

[arrrgh]

Looks good!

One minor issue I see is that quick find bar (not ctrl-f find but the search you get by hitting /) changes size when the "phrase not found" message and icon are displayed on it.

[andrek]

WIth the 3.6 version of firefox, hovering over tabs in the taskbar turns everything that is transparent in firefox black. Is there a way to fix this? :

(...)

Same here.

[Boeing 787]

I've made a tab progress line userstyle for the Strata40 0.4.3 theme in line with the most recent 3.7 mockup (which will most likely carry over in 4.0, but they're currently focusing on 3.7 since it's in the middle of "crunch time" while 4.0 is very "pie in the sky"):

--->

Go get it: http://userstyles.org/styles/21240 :)

I removed the throbber and also made the line appear on current tab. However the line on the current tab is just a little to high?

[rolarocka]

Try this addon:

https://addons.mozilla.org/de/firefox/addon/14644

I use this instead of Informational Tab addon and the progress line fits.

For the green color you need this in stylish:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
.tab-progress > .progress-bar { background-color: #58FD59 !important; }