Firefox 4.0 Theme - Strata40


  1. Posts : 2
    Windows 7, Windows XP, Leopard
       #1

    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 Computer


  2. Posts : 4,364
    Windows 11 21H2 Current build
       #2

    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 Computer


  3. Posts : 63
    Windows 7 x64 (Build 7600 RTM)
       #3

    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 Computer


  4. Posts : 910
    Win 7
       #4

    johngalt said:
    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 Computer


  5. Posts : 4,364
    Windows 11 21H2 Current build
       #5

    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 Computer


  6. Posts : 62
    Windows 7 Ultimate x64 SP1
       #6

    personas + strata40 by spewboy would be a good mix!
      My Computer


 

  Related Discussions
Our Sites
Site Links
About 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 04:35.
Find Us