Windows 7 Forums
Welcome to Windows 7 Forums. Our forum is dedicated to helping you find support and solutions for any problems regarding your Windows 7 PC be it Dell, HP, Acer, Asus or a custom build. We also provide an extensive Windows 7 tutorial section that covers a wide range of tips and tricks.


Windows 7: Firefox 4.0 Theme - Strata40

08 Aug 2009   #1
SpewBoy

Windows 7, Windows XP, Leopard
 
 
Firefox 4.0 Theme - Fits Right into Win7

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
PS: Runs great on Windows 7, Vista and XP.


My System SpecsSystem Spec
.
08 Aug 2009   #2
johngalt

 

SpewBoy,

How well does this take to customizations? I use the following:

Code:
	
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/* Hide the urlbar Bookmark Star if it is already bookmarked */

#urlbar-icons > #star-button[starred="true"]{
  display:  none !important;
}

/* to make Options dialog fit contents */

#BrowserPreferences {
  width: 43em !important;
  height: 43em !important;
}

/* hide the Back button when there's nothing to go back to */

#back-button[disabled="true"] {
  display: none !important;
}

/* hide the Forward button when there's nothing to go forward to */

#forward-button[disabled="true"] {
  display: none !important;
}

/* make inactive tabs fainter */

#content tab:not([selected="true"]) {
  -moz-opacity: 0.5 !important;
}

/* Remove Edit menu (if you already use all the keyboard shortcuts) */
/* #helpMenu, #edit-menu {
  display: none !important;
} */

/* Remove Home button (never use it) */
#home-button {
  display: none !important;
}

/* Show keyword input box when adding a bookmark */
#keywordRow { 
 display: -moz-grid-line !important; 
}

/* Multi-Row Bookmarks Toolbar */
#bookmarks-ptf { 
 display:block !important;
} 
#bookmarks-ptf toolbarseparator {
  display:inline !important;
}

/* Change Cursor for Links that Open in New Window */
:link[target="_blank"], :visited[target="_blank"],
:link[target="_new"],   :visited[target="_new"] {
  cursor:  crosshair !important;
}

/* Show Stop and Reload buttons smartly*/
#stop-button[disabled] {
  display: none !important;
}
#stop-button:not([disabled]) + #reload-button {
  display: none !important;
}

/* remove spacer before Extension/Theme manager Find Update button */
#commandButtonContainer + spacer {
  display: none !important;
}

/* remove space in Extension/Theme manager window just before the Restart icon */
#restart-spacer {
  display: none !important;
}

/* Remove disabled menu items */
menuitem[disabled="true"] {
  display: none !important;
}

/*::::::::::::::Invisible Menubar::::::::::::

How to use it: Move all your Navigation Toolbar items 
(back/forward buttons, address bar, search bar etc. 
from the navigation toolbar to the Menu Bar, either 
on the right side or left side of the Menu Items. 
Now past this code in userChrome.css and restart your 
browser. You will no longer see the menu items. Now 
hover at the right/left edge of the menu bar (whichever 
side the menu items were on) and the menu items will 
appear. You can now hide the navigation bar and save 
vertical space

::::::::::::::*/

#menubar-items {
  padding-left: 5px !important;
}

#menubar-items > #main-menubar {
  margin-left: -9000px !important;
}

#menubar-items:hover > #main-menubar {
  margin-left: 0 !important;
}

#menubar-items:hover {
  background-image: none !important; padding-left:0 !important;
}

/* Always display Go Button */
#urlbar[pageproxystate="valid"] > #urlbar-icons > #go-button {
  visibility: visible !important;
}

/* Never show “Open in New Window” when right clicking */
#context-openlink {
  display: none !important;
}

/* Never show Spell check in Context menu
Useful for users of SpellBound II */
menuitem[label="Check Spelling"] {
  display: none !important;
}

/* Remove Web Search from Tools Menu */
menuitem[label="Web Search"] { 
 display: none !important;
}
menuitem[label="Web Search"] + menuseparator {
  display: none !important;
}
My System SpecsSystem Spec
08 Aug 2009   #3
Stabgotham

Windows 7 x64 (Build 7600 RTM)
 
 

Man, this is sexy! I was using the 3.7 mockup but went to this. Only issue I have had is that Fission doesn't want to play nice with my 3.5 browser. Great theme other than that!
My System SpecsSystem Spec
.

08 Aug 2009   #4
YupYup

Win 7
 
 

Quote   Quote: Originally Posted by johngalt View Post
SpewBoy,

How well does this take to customizations? I use the following:

Code:
    
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/* Hide the urlbar Bookmark Star if it is already bookmarked */

#urlbar-icons > #star-button[starred="true"]{
  display:  none !important;
}

/* to make Options dialog fit contents */

#BrowserPreferences {
  width: 43em !important;
  height: 43em !important;
}

/* hide the Back button when there's nothing to go back to */

#back-button[disabled="true"] {
  display: none !important;
}

/* hide the Forward button when there's nothing to go forward to */

#forward-button[disabled="true"] {
  display: none !important;
}

/* make inactive tabs fainter */

#content tab:not([selected="true"]) {
  -moz-opacity: 0.5 !important;
}

/* Remove Edit menu (if you already use all the keyboard shortcuts) */
/* #helpMenu, #edit-menu {
  display: none !important;
} */

/* Remove Home button (never use it) */
#home-button {
  display: none !important;
}

/* Show keyword input box when adding a bookmark */
#keywordRow { 
 display: -moz-grid-line !important; 
}

/* Multi-Row Bookmarks Toolbar */
#bookmarks-ptf { 
 display:block !important;
} 
#bookmarks-ptf toolbarseparator {
  display:inline !important;
}

/* Change Cursor for Links that Open in New Window */
:link[target="_blank"], :visited[target="_blank"],
:link[target="_new"],   :visited[target="_new"] {
  cursor:  crosshair !important;
}

/* Show Stop and Reload buttons smartly*/
#stop-button[disabled] {
  display: none !important;
}
#stop-button:not([disabled]) + #reload-button {
  display: none !important;
}

/* remove spacer before Extension/Theme manager Find Update button */
#commandButtonContainer + spacer {
  display: none !important;
}

/* remove space in Extension/Theme manager window just before the Restart icon */
#restart-spacer {
  display: none !important;
}

/* Remove disabled menu items */
menuitem[disabled="true"] {
  display: none !important;
}

/*::::::::::::::Invisible Menubar::::::::::::

How to use it: Move all your Navigation Toolbar items 
(back/forward buttons, address bar, search bar etc. 
from the navigation toolbar to the Menu Bar, either 
on the right side or left side of the Menu Items. 
Now past this code in userChrome.css and restart your 
browser. You will no longer see the menu items. Now 
hover at the right/left edge of the menu bar (whichever 
side the menu items were on) and the menu items will 
appear. You can now hide the navigation bar and save 
vertical space

::::::::::::::*/

#menubar-items {
  padding-left: 5px !important;
}

#menubar-items > #main-menubar {
  margin-left: -9000px !important;
}

#menubar-items:hover > #main-menubar {
  margin-left: 0 !important;
}

#menubar-items:hover {
  background-image: none !important; padding-left:0 !important;
}

/* Always display Go Button */
#urlbar[pageproxystate="valid"] > #urlbar-icons > #go-button {
  visibility: visible !important;
}

/* Never show “Open in New Window” when right clicking */
#context-openlink {
  display: none !important;
}

/* Never show Spell check in Context menu
Useful for users of SpellBound II */
menuitem[label="Check Spelling"] {
  display: none !important;
}

/* Remove Web Search from Tools Menu */
menuitem[label="Web Search"] { 
 display: none !important;
}
menuitem[label="Web Search"] + menuseparator {
  display: none !important;
}
I don't see any problems with that. If you use small icons it is perfect. if you use large icons it still works but the back/forward buttons look a little out of place when they get hidden.
My System SpecsSystem Spec
08 Aug 2009   #5
johngalt

 

Thanks yup - I wanted to make sure.

That theme looks very sexy - I ma have to part take of that, especially as I use Personas right now - if I could find a great Personas that will stay transparent with the aero userStyle Spew put up I might have the world's sexiest Fx 4.0 mockup (for all of 2 minutes lol).

Gonna grab this - soon.
My System SpecsSystem Spec
21 Mar 2010   #6
kitji

Windows 7 Ultimate x64 SP1
 
 

personas + strata40 by spewboy would be a good mix!
My System SpecsSystem Spec
Reply

 Firefox 4.0 Theme - Strata40




Thread Tools




Similar help and support threads
Thread Forum
Selected Text Highlights in Firefox Theme
Probably not the right forum or place but seeing as this place is full of tweakers I thought it wouldn't hurt to ask here! I want to eliminate this blue highlight in FF (3.6 btw). It's the same for all text, and yes, it is the system colour. So I need to stop this FF theme using the system...
Browsers & Mail
Firefox changes Windows Theme
I have no idea why this is happening but I"m trying to go to this page: Free sheet music : Bach, Johann Sebastian - Fugue 6 - BWV 851 (Organ solo) and every time I get there I get a notice from Windows that Firefox has changed my theme from Aero to something else. I have disabled my Java...
Browsers & Mail
Firefox Resetting to 'Basic Theme'
I have Aero installed, however lately my Firefox has done this (Pic 1) When it's supposed to look like this (Pic 2) I have to restart FF but it usually does it again within an hour.
Browsers & Mail
Firefox and Dark7 Ultimate2 Theme
Hello, I'm using Mr. GRiM's Dark7 Ultimate2 x64 Theme and it's a really great theme. The only thing is that it's hard to see the text of my current tab and menu boxes on firefox. Chrome doesn't have this problem. http://i2.photobucket.com/albums/y5/nickmaster/FirefoxTab.png ...
Themes and Styles
Firefox 4.0 theme
Does anyone know of a theme that closely resembles some of the latest Firefox 4.0 screenshots?
Browsers & Mail
Firefox 4.0 theme
New theme simulating the firefox 4.0 mockup seen last week Statusbar NOT glassed, and "GO" button not included. Otherwise very much more complete than the last one we saw hace una semana :D Strata40 Beta v0.2 by ~SpewBoy on deviantART
Themes and Styles


Our Sites

Site Links

About Us

Find Us

Windows 7 Forums is an independent web site and has not been authorized, sponsored, or otherwise approved by Microsoft Corporation. "Windows 7" and related materials are trademarks of Microsoft Corp.

© Designer Media Ltd

All times are GMT -5. The time now is 05:48.
Twitter Facebook Google+ Seven Forums iOS App Seven Forums Android App