The Firefox 1.x classic default themes, called Pinstripe on Mac and Winstripe on Windows, are available for your installing and downloading pleasure.
These are simply stand-alone versions of the Firefox themes before the Firefox “visual refresh” landed. The themes require at least Firefox 2.0b1. I will work on them in the coming weeks to smooth out the rough spots. I tested the themes on my machines but they may be buggy. Please let me know if they don’t work for you.
Install Pinstripe FF Classic (Mac only)
Install Winstripe FF Classic (Windows only)
Download Pinstripe FF Classic
Download Winstripe FF Classic
By the way, you can get the Illustrator and Photoshop files used to make these themes here.
Whilst I can see the theme refresh has broader appeal and does actually work quite well within Windows XP’s Luna theme… it really feels out of place under Classic with OS palette changed to that of Windows 2000.
So I’m glad that Winstripe is sticking around and hopefully carry on being maintained too. 😀
Do you know why the “Go” button was combined w/ the search field? I don’t like having the “Go” button up there. It’s very strange.
Also, a nit. The magnifying glass seems off in Winstripe Classic for Windows. It seems out of place. But thanks for maintaining this theme.
Rafael, I think the Go button being attached to the search field is a bug. Here are all the bugs related to the visual refresh landing.
I haven’t had a chance to clean up the Classic themes yet. The first step was packaging them up into stand-alone themes. I’ll be updating them soon.
thanks
I’m using Firefox 2.0 beta2 and this theme looks extremely weird… the go button is enormous! Please fix this!
I’ll have a new version of Pinstripe soon. I haven’t worked on Winstripe at all yet. If someone wants to help out, that’d be great.
For those having problems with the go button in the new beta…
http://forums.mozillazine.org/viewtopic.php?p=2449400#2449400
Thanks for this theme! Beta 2 looks really ugly on Windows Classic. I also installed the extension mentioned by Will to fix the Go button.
Thanks for this theme, the “refresh” is disgustingly non-native. Speaking of which, when you update Winstripe, can you make the search go button like the other navigation bar buttons please? Native bevel included …
Thanks again!
What about Linux? Can we install Winstripe or are you going to release a specific Gnomestripe version?
Thanks.
I installed this on 2.0, and it looks like the new theme coding has made the Go Button FUBAR. Adding the following to userChrome.css seems to fix it, plus some other issues…
* Classic Theme Fixes */
#go-button {
-moz-box-flex: 0 !important;
margin-right: 5px !important;
padding-right: 3px !important;
padding-left: 2px !important;
}
#go-button .toolbarbutton-text {
display: none !important;
}
.search-go-button-container {
border: none !important;
margin-right: 2px !important;
margin-left: -1px !important;
-moz-appearance: none !important;
}
.search-go-button {
padding-right: 0 !important;
padding-left: 4px !important;
margin-top: 2px !important;
margin-right: 2px !important;
margin-bottom: 2px !important;
-moz-appearance: toolbarbutton !important;
}
.searchbar-textbox {
height: 22px !important;
}[/code]
I’ve only tested this on Windows XP. If your OS theme is Classic, remove the margin-top and margin-bottom styles from .search-go-button.
Hope that helps.
http://www.mozilla.org/support/firefox/edit#css
PS: ^That’s for those who don’t want to install an additional extension;)
Or a bit simpler
#go-button {
-moz-box-flex: 0 !important;
margin-right: 5px !important;
padding-right: 3px !important;
padding-left: 2px !important;
}
#searchbar {
background-color: -moz-field;
border: 1px solid #96969D;
min-height: 22px;
margin-right: 5px !important;
}
.searchbar-textbox {
margin: 0px !important;
padding: 0px !important;
border: none !important;
-moz-appearance: none !important;
-moz-border: none !important;
}
Thanks Hasan and Legege! I’ll try to incorporate those CSS changes soon.
@Legege,
Nice! Love your search-go-button styling.
@ Kevin, thanks for updating this theme for 2.0. You wouldn’t believe the amount of criticism the new theme is getting @ forums.mozillazine.org.
When you update the theme, maybe you can let people know about it by posting here…
http://forums.mozillazine.org/viewtopic.php?t=459942
Just saying I prefer it with both of the selector and the search go button outside of the box, the former makes it more obvious that the search engine can be selected and the latter just looks better 🙂
Do any of you know how to make the search engine text box the height it is using Legege’s solution, whilst having both of the aforementioned items outside of the box whilst *gasp* getting rid of the grey background of the bevelled search button? Giving the search selector a native bevel on hover would also be great. Thanks in advance 😀
I’m using the latest nightly and i see an incredibly long “go†button, as well as an extra thin search box. It is also connected to the address bar, but I don’t mind that. What I mind is it’s RIDICULOUS horizontal length
Other that that, not bad; although it is pretty noticeable that it’s not real.
GO button and search box MUST be fixed before i can consider actually using this theme.
Please, don’t forget to create a version for Linux!
Thanks.
When will you implement the fixes posted in the above comments. I, and many other people, do not want to have to change their userChrome more than necessary. Also, will you consider putting this on the Addons web site?
Just thought I’d give the heads up that the background for the search button is fixed now, presumably due to the aforementioned button being fixed to inherit the native background – it’s no longer grey.
One of the check ins for the drop down button has caused a problem though – it is too wide and shifts when the length of the string within location bar changes.
Has anyone know the fix for the latter? And also, how to give the search drop down selector a native bevel.
Mm, partial “fix”:
.searchbar-engine-button {
-moz-appearance:toolbarbutton !important;
padding: 5px
}
Simple, really *slaps self on forehead*.
I don’t know how the background hover state works, is it an additional image?
@netster007x,
that sounds like your not using the default theme. Anyway…
#go-button {
-moz-box-flex: 0 !important;
}
…should fix the go button.
Thank you for the Fx 2b2 theme fix!
Thank you!
Thank you!
Did I say thank you?!
🙂
The windows version of the theme works ok in Linux (gnome at least), although the “Go” button is a bit too big – but definitely an improvement on the ffox 2 default theme!
Thanx thanx thanx. Hated that new FF theme ..
I have uploaded a modified version of Kevin’s Winstripe theme here:
http://www.megaupload.com/?d=ZRJADU9E
It fixes the problem regarding the search box being too wide. I have only tested it on my own system, so I can’t guarantee that it will be bug free.
First, thanks for this. I could fill up the whole message box with “HATE”, and it still wouldn’t cover how I feel about the v2 skin.
But I’m having a problem when I visit “The Register” and ONLY when I visit the Reg. I’ve posted a screen capture at ImageShack:
http://img147.imageshack.us/my.phpimage=searchboxglitchatregisterhg6.gif
Please note the TWELVE magnifying glasses next to the oversized search box. They appear whether the I’ve edited the userChrome to remove the Go and Search-Go buttons or not, and nothing like it happens with the default look… which may be the only nice thing I can say about it.
This capture also shows all errors displayed in Console² while at the site. If there’s more I can do to help, let me know.
@Bigbootay,
You can use this userChrome.css:
http://legege.com/mozilla/bugs/userChrome-winstripe-fx2.0rc2.css
And here is a fully 2.0 RC2 compatible version of the 1.5 theme:
https://addons.mozilla.org/firefox/3479/
It doesn’t apply CSS fixes to the theme mentioned here, but has been developed independetly. All areas have been updated carefully so it should feel quite polished. Some icon updates (effects for small icons in address bar) are also included. The theme will at least be maintained for all Firefox 2.0.* versions.
Legege, the link
http://legege.com/mozilla/bugs/userChrome-winstripe-fx2.0rc2.css
is broken. Can you get that file back up on your site, or maybe post the CSS code here as another comment? I’m having the same problem as Bigbootay, and the theme Florian Schmitz links to (Winestripe 0.9.1) doesn’t look as nice as Winstripe. I’d like to know what code I can put into my UserChrome.css file to fix that one remaining issue in Sethramoth’s theme.
Sethramoth, your theme is very nice, and I like how you applied the fixes. I am using your theme. Maybe you can fix this thing with the 12 magnifying glasses? It only comes up rarely, on websites that embed OpenSearch plugins.
And for Kevin Gerich, the original theme developer, I hope you come out with a new version of your Winstripe theme that incorporates these fixes. Thank you everybody for your hard work! I wish I knew how to make themes! (Please don’t tell me.)
Sorry, the link is working now.
Looks like official 2.0 released messed up the search box and the new close tab icons on the Mac. Any chance we could get a quick update on the Pinstripe FF Classic for OS X?
I know you’ll probably say just use the new Pinstripe, but I like the classic FF look.
Regardless, thanks for your work!
Thanks for fixing the link, Legege. So it looks like there are 2 options now for getting a working Winstripe theme, in case anyone is reading this. You can use the modified theme by Sethramoth available here:
http://www.megaupload.com/?d=ZRJADU9E
And in that case you will need to add the following bit of code to your userChrome.css file to fix the issue Bigbootay pointed out (which you will also find if you look at any page at the Wikipedia):
.searchbar-engine-button {
list-style: none !important;
}
I determined that to be the operative line of Legege’s code, for fixing the bug in Sethramoth’s theme. You can find all of it here, in case you want to use Kevin Gerich’s original Winstripe 0.9 instead of the modified one by Sethramoth, since it seems to solve all the problems:
http://legege.com/mozilla/bugs/userChrome-winstripe-fx2.0rc2.css
But it might be tough for you to find your chrome directory in your profile directory (which is in %appdata%\mozilla\firefox\profiles on Windows XP, in case you are interested). And even if you do edit your userChrome.css file (which does not even exist by default), anything you do will impact other themes and possibly ruin them, if you like to switch between themes.
Of course, there is a much simpler solution.
Florian Schmitz’s Winestripe theme is at 1.0 now and he fixed the problems that made the search bar look so ugly for me (I use Windows Classic style). You can get it here:
http://cdburnerxp.se/winestripe/
I didn’t like the original Winestripe he made but it is better now, and does not require any userChrome.css hacking. So, now there are two different themes to choose from, to emulate the classic Firefox 1.x look, and they both work on Firefox 2.0, which has finally been released. If you still do not have Firefox 2.0, get it here:
http://www.mozilla.com/en-US/firefox/
Thank you so much for publishing this! I was about to downgrade back primarily because of the theme.
A big thank you! Something wasn’t sitting right with me on the new default FF2 theme, so glad I found your site!
When will the developers recognize that you can’t give software a new look just for kicks? There are people out here that chose Firefox because of a simpler look. Now, to maintain security, we are forced to upgrade to this. The arrogance. Goodbye, Firefox.
What about Linux? Can we install Winstripe or are you going to release a specific Gnomestripe version?
Thanks.