Firefox 1.x Classic themes available

Winstripe preview
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.

69 thoughts on “Firefox 1.x Classic themes available

  1. 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. 😀

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

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

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

  5. 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!

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

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

  8. 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 😀

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

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

  11. 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?

  12. @netster007x,

    that sounds like your not using the default theme. Anyway…
    #go-button {
    -moz-box-flex: 0 !important;
    }
    …should fix the go button.

  13. Thank you for the Fx 2b2 theme fix!

    Thank you!

    Thank you!

    Did I say thank you?!

    🙂

  14. 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!

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

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

  17. 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.)

  18. Pingback: The new fox at BOK
  19. 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!

  20. 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/

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

  22. What about Linux? Can we install Winstripe or are you going to release a specific Gnomestripe version?
    Thanks.

Comments are closed.