Firefox 3.7 concept screenshots emerge at Mozilla Wiki

That does look very nice. The Glasser add-on is good but it doesn't play nicely with Stylish bookmarks toolbar since I upgraded to 3.5. :(
 
Yeah I disabled Glasser because on 3.5 no matter what I do I cannot get the address bar AND favicon inline (normal size) - I can get both thin but thin is not cool and looks rubbish. I need them both to be as wide as normal.

I do prefer the raised buttons of the 3.7 screens though.

Someone will theme it for 3.5 surely...
 
Very cool -- seem Mozilla has changed for new 3.6 and 3.7 date so the 3.6 coming up by between October to November and then Fx 3.7 coming up in 2010 wonder where is Fx 4.0??? could be change to 3.7??

Anyway find out when it come out -- I would say Fx 3.7 look really nicely with Aero glass and toolbar - really cool!
 
Someone will need to code it for "3.7" first. These are mockups at best, and there's the small matter of even assigning a number to the next version (right now it's 3.6, but that's only because it has to have a number greater than 3.5 and it's easier to go up than down).

Those with short memories might well want to note the ambitious mockups that were produced when the subject of a visual refresh for 3.0 was on the cards, and how much (or, indeed, little) came of it.

braveheart: those dates are extremely tenuous There's still a bit of heavy lifting to go with things like Compositor phase 1, nsImage refactoring (which landed last night), any proceeds from Electrolysis (multi-process browser) and any regressions from making the Smart Location Bar asynchronous.

More interesting (and current) is the progress being made on having working tab previews, jump boxes etc. in Windows 7.
 
Dam it, Glasser wanted me to update FireFox, so I did, it then moaned saying Glasser is for older versions of FireFox :confused:

Oh well, I'll just wait for 3.7.
 
After having the troubles mentioned above with strange gaps etc. on the day FF3.5 was released I somehow managed to get Glasser working perfectly with Firefox 3.5.

I'm using "MR Tech Toolkit" to enable Glasser regardless of whether it's compatible or not.

21-07-2009%2015-01-15.png


Looking at that screenshot I realise now I can remove my "New Tab" button from the right hand side of my bookmark toolbar :rolleyes:.

I have the following code in stylish (1 for the blue bookmark toolbar, 1 to fix the shape of the address bar):
Code: 
/******************************************************************************
Copyright 1994-2008 Matthew Holder. All rights reserved.

Redistribution and use in source and binary forms, with or without
modification, are permitted provided that the following conditions are met:

   1. Redistributions of source code must retain the above copyright notice,
   this list of conditions and the following disclaimer.
   2. Redistributions in binary form must reproduce the above copyright notice,
   this list of conditions and the following disclaimer in the documentation
   and/or other materials provided with the distribution.

THIS SOFTWARE IS PROVIDED BY THE AUTHOR ``AS IS'' AND ANY EXPRESS OR IMPLIED
WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO
EVENT SHALL THE AUTHOR OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT,
INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF
LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE
OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF
ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
******************************************************************************/
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

#main-window #navigator-toolbox #PersonalToolbar
{
	border-top: 0 none !important;
	-moz-appearance: none !important;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAfCAYAAAAmyadiAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9cCEwYDIgFDQ7MAAAAYdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My4wOGVynOEAAACjSURBVBhXY9hw4sZ/hvpl+/8zVC/e+5+hbMHu/wyFc3b8Z8iesfU/Q9rUzf8ZEiZs+M8Q1bP2P0NIx6r/DL7Ny/4zeNQv+c/gVL3wP4Ntxbz/DJalc/4zsHiUgoiS/wysIILdE8jl8C77z8DtU/6fgd+/6j+DSHDtfwapiMb/DAqxrf8ZNNN6/jOYFE39z2DfOP8/g9cEoPGTD5z7z8Ck4fgfAAdOR5a0f2FqAAAAAElFTkSuQmCC) !important;
	padding: 2px 3px 3px 3px !important;
	color: white !important;
}

#main-window #navigator-toolbox #PersonalToolbar toolbarbutton
{
	padding: 0 3px !important;
}

#main-window #navigator-toolbox #PersonalToolbar toolbarbutton > label
{
	color: white !important;
}

#main-window #navigator-toolbox #PersonalToolbar > toolbaritem > menubar > menu
{
padding-top: 2px;
margin-bottom: 1px !important;
}

#main-window #navigator-toolbox #PersonalToolbar > toolbaritem > menubar > menu > label
{
color: white !important;
}

#main-window #navigator-toolbox #PersonalToolbar .toolbarbutton-menu-dropmarker
{
	margin-left: 5px;
	list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAABh0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjMwQIRHEAAAAHpJREFUKFNjYCABMAPVcgKxEBBLArEMEgbxQeIgeQa2/3gAUF4fiMVACkGqlbCpBYpXAbEfSB5sItQqD2TFQLENQNwIxB5QeQaQG/mhViSCFAPZq4B4MhAnQsVB8mCArDgQyE8BYhANch9IEUgeDmCK5YEiGkAMouGKAOOdSG/rm13TAAAAAElFTkSuQmCC) !important;
}

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

#nav-bar {
    padding: 0 0 3px 0 !important;
    margin: 0 !important;
}

#identity-box,
#identity-box.verifiedIdentity,
#identity-box.verifiedDomain,
#identity-box.unknownIdentity {
    border: 0 !important;
    margin: -1px !important;
    padding: 1px 1px 1px 4px !important;
    -moz-border-radius: 13px 0 0 13px !important;
}

#main-window #searchbar .searchbar-textbox {
    -moz-border-radius: 2px !important;
}

#urlbar[level="high"] > .autocomplete-textbox-container,
#urlbar[level="low"] > .autocomplete-textbox-container {
    -moz-border-radius: 13px 2px 2px 13px !important;
}

#urlbar {
    -moz-border-radius: 13px 2px 2px 13px !important;
}

.textbox-presentation-protocol ,
.textbox-presentation-subdomain ,
.textbox-presentation-port ,
.textbox-presentation-slash ,
.textbox-presentation-path ,
.textbox-presentation-file ,
.textbox-presentation-query ,
.textbox-presentation-fragment {
    color: rgba(0, 0, 0, 0.5) !important;
}

#urlbar[fission="fusion"] > #statusbar-icon .progress-bar{
    margin-left: 1em;
}
 
Last edited:
That looks nice, and if they can make it look like that it may finally rival IE7+8 in the looks market. :p
 
Craig321 said:
After having the troubles mentioned above with strange gaps etc. on the day FF3.5 was released I somehow managed to get Glasser working perfectly with Firefox 3.5.

I'm using "MR Tech Toolkit" to enable Glasser regardless of whether it's compatible or not.

Looking at that screenshot I realise now I can remove my "New Tab" button from the right hand side of my bookmark toolbar :rolleyes:.

I have the following code in stylish (1 for the blue bookmark toolbar, 1 to fix the shape of the address bar):


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

#nav-bar {
    padding: 0 0 3px 0 !important;
    margin: 0 !important;
}

#identity-box,
#identity-box.verifiedIdentity,
#identity-box.verifiedDomain,
#identity-box.unknownIdentity {
    border: 0 !important;
    margin: -1px !important;
    padding: 1px 1px 1px 4px !important;
    -moz-border-radius: 13px 0 0 13px !important;
}

#main-window #searchbar .searchbar-textbox {
    -moz-border-radius: 2px !important;
}

#urlbar[level="high"] > .autocomplete-textbox-container,
#urlbar[level="low"] > .autocomplete-textbox-container {
    -moz-border-radius: 13px 2px 2px 13px !important;
}

#urlbar {
    -moz-border-radius: 13px 2px 2px 13px !important;
}

.textbox-presentation-protocol ,
.textbox-presentation-subdomain ,
.textbox-presentation-port ,
.textbox-presentation-slash ,
.textbox-presentation-path ,
.textbox-presentation-file ,
.textbox-presentation-query ,
.textbox-presentation-fragment {
    color: rgba(0, 0, 0, 0.5) !important;
}

#urlbar[fission="fusion"] > #statusbar-icon .progress-bar{
    margin-left: 1em;
}
Click to expand...
Thanks for the code brah! fixed my addy bar issue :D I don't like the blue bookmarks bar with glasser though as text font has an outer glow so am using no blue bar :p
 
i want office style use of the title bar (much to the horror of people here im sure.....). all i keep thinking is wasted space....wasted space.....wasted space
 
You must log in or register to reply here.
Back
Top Bottom