Meet Firefox 4.0.1

By bogas04
in Web Browser Discussion & Support

 Share

Recommended Posts

Grand Master

+Frank B. Subscriber²

Posted
  • Subscriber²
Posted

Ah, the Firefox button in the titlebar.

It didn't make it into beta 4 for XP/Windows Classic/Aero Basic. That particular feature lands (again after having been backed out) in today's nightly and will be in beta 5.

Enthusiast

TheJudge

Posted
Posted

since the yesterday's nightly i've had a big gap bet. my FF button and the tab bar... i've waited till 2day nightly hoping it would be fixed but it didn't... anyone know a solution to this?

here is my stylish script:

/* L.H.O.O.Q. Firefox Menu With Slide-out Menubar [Minefield] */
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

#appmenu-button-container
{
    position: fixed !important;
    z-index: 1000 !important;
    top: 1px !important;
}

#main-window[sizemode=maximized] #appmenu-button-container
{
    top: 8px !important;
}

#appmenu-button
{
    border: 1px solid rgba(90,30,0,0.8)!important;
    border-top:none!important;
    padding: 1px 5px 1px 5px !important;
    height: 20px !important;
    min-width: 43px !important;
    width: 43px !important;
    background-image: -moz-linear-gradient(rgba(255,220,150,0.8), rgba(255,220,150,0.5) 40%, rgba(255,220,150,0.2) 50%, rgba(255,255,255,0.05) 51%), -moz-radial-gradient(12.5px, circle cover, rgba(248, 233, 164, 0.85) 28%, rgba(248, 233, 164, 0.45) 34%, rgba(248, 233, 164, 0) 50%) !important;
    -moz-box-shadow: 0 0 3px rgba(255,255,255,.5) inset, 0 0 1px rgba(255,250,200,0.8) inset, 0 0 1px rgba(255,250,200,0.8) inset, 0 0 1px rgba(255,250,200,0.8) inset, 0 0 1px rgba(255,250,240,0.5) !important;
}

#appmenu-button:hover:active, #appmenu-button[open] 
{
    background-image: -moz-linear-gradient(rgba(0,0,0,.2), rgba(0,0,0,.1) 10%, transparent 60%), -moz-radial-gradient(14px, circle cover, rgba(248, 233, 164, 0.5) 29%, rgba(248, 233, 164, 0.2) 35%, rgba(248, 233, 164, 0) 50%) !important;
    -moz-box-shadow: 0 0 4px rgba(0,0,0,.4) inset !important;
}

#appmenu-button .button-text
{ 
    color: transparent !important;
    text-shadow: none !important;
    margin-left: -27px !important;
    margin-right: -33px !important;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAADK0lEQVQ4jV2TTWxUZRSGn++7d+bey3SYMgMzdNLMTCu2VcE0CjG1qYqRSEhYKElTA66MooaNLozDwh8WjAs3JsSFSxeKRg0axSj+EApFYotAS0ctWmeEOpTS6fx0fu+9n4v+pPqsTk7yvuck57wCIGXIT4BUsu6OBbr2bO+p5J71OfWHxvzxMEuMA6eBLwu/nxxlDWLZQAGcDG09Ou/xDR3IXegE2F9zEMDg/rd59eky1z467575pfLdrrmLRw7dqJxjWXwgZUh1682gShlSra2Ha0qdK9nq63xDbXniLTUx8pz68Y1+9U5XuPrhwMZBACkEjwRDGgD7hoLE457V9c4GNF5u9XK1WGfw4B4efT1B594eHnvlHrNUku99/mRks9SkuL/jTk+jkrVxF6ps7/Ovmu0bChKXUEQnH9uCMrx8MNJK4sEIoZgVKN9sJqXHENFou+ZtVl18iaXp1UKEjbuf4dPj86hTC1y+eJuJM3/hojF5rUGhYNO9K8TiXG2nrhTrfa0SXQoqJUnLwB0A6J5JAGamcuQn05RmctiuzlhaYkmHSNxkMe/06PWaa2CD2SYZ/rZE8/tRZnIKgKOPv0vz/Y8RysGSLtWaIJKo0Lp+nnylQq1o69LwiHKpoEBAMKKxye/S1iYBOPzNi3zW9wOv7chQnJ2jUczzcHsW8vOUf72J1SIqugZX/sk2+/0bNLruNvl73GZbXOfeHSY+0+ZC5hacOI3d/jwxK8vB3jT1XIPrZ/Nowh3XbUcdnxpv3BcI6VY4ZtK+LYjdcBj7aZHMHw3gKknfU/Sv+40Xdt8mpNVZmFpg8mcNb2vwlEgZssXSGNaF6N055Mc0dBxHR5oa03kvc8Ua68QisXCTRMKgik56pMyfGau4ObapWwAcMeQDluQLS4rw1j6LSFRD1ySapjCkjeMIbMAMQSarmLhUr81NOwPJujsqVr4uZcheQ+MrBdFQi6Sz20sgKNAtwCOYvd4kc0OgqnYlN+v2J+vupdUwrXDMp3W4gpdcpfY6UiQce+k6piHYEJA1p6lOlBfU4UOLzvR/0vh/jvm0DuAuILrcmgHSa4Ur/AsXclHwqDchzQAAAABJRU5ErkJggg==") no-repeat 16px !important;
}

#appmenu-button dropmarker 
{ 
    margin: 0 1px 0 0 !important; 
}

#navigator-toolbox[tabsontop="true"] #TabsToolbar
{
    padding: 25px 0 0 0 !important;
}

#main-window[sizemode=maximized] #navigator-toolbox[tabsontop="true"] #TabsToolbar
{
    padding: 25px 0 0 0 !important;
}

#navigator-toolbox:not([tabsontop="true"]) #nav-bar
{
    padding-top: 27px !important;
}

#navigator-toolbox:not([tabsontop="true"]) #nav-bar[iconsize="small"]
{
    padding-top: 24px !important;
}

#toolbar-menubar
{
    position: fixed !important;
    z-index: 100 !important;
    left: -220px !important;
    height: 21px !important;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.5) 100%), -moz-linear-gradient(left, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.2) 1.4%, rgba(0, 0, 0, 0) 2.5%) !important;
    -moz-border-radius: 0 0 4px 0 !important;
    text-shadow: 0 0 4px rgba(255, 255, 255, 0.8), 0 0 3px rgba(255, 255, 255, 0.8), 0 0 3px rgba(255, 255, 255, 0.8), 0 0 3px rgba(255, 255, 255, 0.8) !important;
    -moz-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5), 0 0 1px rgba(30, 30, 30, 0.5) inset, 0 0 1px rgba(60, 60, 60, 0.9) inset, 0 0 3px rgba(0, 0, 0, 0.7) inset !important;
    -moz-transition-property: opacity, left;
    -moz-transition-duration: 0.2s;
    -moz-transition-timing-function: linear;
    opacity: 0;
}

#toolbar-menubar:hover
{
    -moz-transition-property: opacity, left;
    -moz-transition-duration: 0.2s;
    -moz-transition-timing-function: linear;
    left: 40px !important;
    opacity: 1;
}

menubar
{
   padding: 2px 2px 0 5px !important;
}

#main-window[sizemode=maximized] #toolbar-menubar
{
   height: 20px !important;
}

#main-window[sizemode=maximized] menubar
{
   padding: 1px 2px 0 5px !important;
}

the menu bar is hidden but when i hover my mouse beside the FF button (currently *under*) it slides out :D

Enthusiast

Darkmiss

Posted
Posted

hello all, First time user of Firefox 4 (beta4) here and would like to ask a question, (that's already been answered I'm sure) but lost in the many pages here.

I Googled and found a web page that explains a little about how to get the tabs all the way up to the top of the screen next to the Firefox button. here My link

which talk s about making a text file and saving it as a userChrome.css file and placing it into the Defaults/Profile/Chrome folder.

but after running firefox again, nothing has changed.

would anyone mind explaining to me where i might have gone wrong ?

Grand Master

Steven P. Administrators

Posted
  • Administrators
Posted

hello all, First time user of Firefox 4 (beta4) here and would like to ask a question, (that's already been answered I'm sure) but lost in the many pages here.

I Googled and found a web page that explains a little about how to get the tabs all the way up to the top of the screen next to the Firefox button. here My link

which talk s about making a text file and saving it as a userChrome.css file and placing it into the Defaults/Profile/Chrome folder.

but after running firefox again, nothing has changed.

would anyone mind explaining to me where i might have gone wrong ?

At the top of the page he writes:

Edit: As of the 2010-08-26 nightly, this hack seems to have stopped working. I’ll let you know if I find a new solution. It should still work with beta 4 though.

I just tried that hack using Stylish, and can confirm that it doesn't work (put tabs in the title bar).

NM Just realised you're using Firefox 4 Beta 4 lol

Enthusiast

mNiosu

Posted
Posted

I have two questions:

- first of all is there a script to reduce the space between buttons in the navigation toolbar?

- second, I can't seem to find the line to edit so I can reduce the space between the home button and the first tab in the "home button as a tab" stylish script ...

Thanks in advance ;) !

LE: Also, is there a script to make the bookmark toolbar thinner?

post-344974-12829055565953.jpg

Enthusiast

Darkmiss

Posted
Posted

At the top of the page he writes:

I just tried that hack using Stylish, and can confirm that it doesn't work (put tabs in the title bar).

NM Just realised you're using Firefox 4 Beta 4 lol

I have it working now thank you, i had the .css file in the firefox installed folder, not my PC user profile folder :blush:

Grand Master

Brandon H Supervisor

Posted
  • Supervisor
Posted

- second, I can't seem to find the line to edit so I can reduce the space between the home button and the first tab in the "home button as a tab"

that's a bug, create an app tab then close the app tab and the space is gone for that session, not sure if there's a more permanent fix though

Mentor

arrrgh

Posted
Posted

Is there a way I can stop the Hotmail site from being the mobile version? It's starting to get on my nerves.

That is caused by Hotmail's broken user agent sniffing. If you are using Beta 4 or haven't updated to today's nightly build yet you can create general.useragent.extra.notfox pref in about:config and set it to Firefox/4.0 to work around the broken sniffing.

Note that today's nightly removes the ability to add arbitrary data to user agent strings so that no longer works. The fix is to wait until they land the new user agent which changes Minefield to Firefox in all builds.

Grand Master

Brandon H Supervisor

Posted
  • Supervisor
Posted

That is caused by Hotmail's broken user agent sniffing. If you are using Beta 4 or haven't updated to today's nightly build yet you can create general.useragent.extra.notfox pref in about:config and set it to Firefox/4.0 to work around the broken sniffing.

Note that today's nightly removes the ability to add arbitrary data to user agent strings so that no longer works. The fix is to wait until they land the new user agent which changes Minefield to Firefox in all builds.

that's exactly what i said to do, just in simpler words lol

Rookie

Mr.Dude

Posted
Posted

Hallo,

i use FF4 Beta4 and i have a problem with my transparent statusbar and searchbar. I use this code

#browser-bottombox, statusbarpanel, #status-bar, #downbarHolder, .findbar-container
{ -moz-appearance: none !important;
  border: transparent !important;
  border-bottom: 0px !important;
  background: transparent !important;
  text-shadow: 0 0 1em white, 0 0 1ex white; }
.findbar-textbox.findbar-find-fast:not(:hover)
{ opacity:0.7!important; }

and i get this on start my firefox

post-350070-12829269197245.jpg

if i load more websites, for example Forumlink1 then Forum and use search words, my searchbar looks so

post-350070-12829269347828.jpg

if i turn on my bookmarktoolbar then it shows so

post-350070-12829268874281.jpg

Why my toolbars become black color???

The black toolbars are gone if i restart my FF.

Grand Master

Brandon H Supervisor

Posted
  • Supervisor
Posted

for transparent status bar i've been using this

#browser-bottombox,
#status-bar,
#status-bar *,
#FindToolbar {
  -moz-appearance: -moz-win-glass !important;
  background: transparent !important;
  border: 0 !important;
  text-shadow: 0 0 3px white !important;
}

but no ones really been able to get the finderbar to cooperate

Grand Master

+Gary7 Subscriber²

Posted
  • Subscriber²
Posted

That is caused by Hotmail's broken user agent sniffing. If you are using Beta 4 or haven't updated to today's nightly build yet you can create general.useragent.extra.notfox pref in about:config and set it to Firefox/4.0 to work around the broken sniffing.

Note that today's nightly removes the ability to add arbitrary data to user agent strings so that no longer works. The fix is to wait until they land the new user agent which changes Minefield to Firefox in all builds.

In about:config

set general.useragent.compatMode.firefox to true

This will fix it if you are using the nightly builds.

Rookie

Mr.Dude

Posted
Posted

for transparent status bar i've been using this

#browser-bottombox,
#status-bar,
#status-bar *,
#FindToolbar {
  -moz-appearance: -moz-win-glass !important;
  background: transparent !important;
  border: 0 !important;
  text-shadow: 0 0 3px white !important;
}

but no ones really been able to get the finderbar to cooperate

your code works also, but if you open a another tab (middle click) in this forum the search bar is also black !

Enthusiast

mNiosu

Posted
Posted

that's a bug, create an app tab then close the app tab and the space is gone for that session, not sure if there's a more permanent fix though

I managed to obtain the look I wanted editing an older version of the script. Thanks anyway!

Still, isn't any script out there to reduce the distance between buttons in the navigation toolbar?

And another question: I love the "Stop-Refresh-Go Button" script but I don't like/use the go button at all. How do I disable the go button in the script or in general in FF4 ?

By the way this is my current setup using following scripts (I took some time to clean my scripts of unnecessary lines):

1. No Firefox button, tabs on top (don't see the point of FF button as I use personal menu):

#TabsToolbar{
padding-left: 0px !important;
padding-top: 0px !important;
padding-right:112px !important;
}

#appmenu-button-container{
position: fixed !important;
top: 999999999px !important;}

2. No drop marker after back-forward buttons:

#back-forward-dropmarker { display: none !important; }

3. Home button as tab:

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

#TabsToolbar > #home-button {
  -moz-appearance: none !important;
  background: transparent -moz-linear-gradient(left center , transparent, transparent 1px, rgba(128, 128, 128, 0.1) 1px, rgba(128, 128, 128, 0.1)) repeat scroll -6px 0 !important;
  background-clip: border-box !important;
  background-origin: padding-box !important;
  background-size: 200% auto !important;
  margin: 0 !important;
  padding: 0 !important;
  -moz-border-image: url("chrome://browser/skin/tabbrowser/tab.png") 3 5 3 6 / 3px 5px 3px 6px !important;
  -moz-border-radius: 6px 4px 0 0 !important;
  margin-left: 1px !important;
}

#TabsToolbar > #home-button:hover {
  background-image: -moz-linear-gradient(left, transparent, transparent 1px, rgba(255,255,255,.4) 1px, rgba(255,255,255,.4)) !important;
}

#TabsToolbar > #home-button > .toolbarbutton-icon {
  margin-top: -1px !important;
  margin-bottom: -1px !important;
}

#TabsToolbar > #home-button + #tabbrowser-tabs {
  margin-left: 0 !important;
}

#TabsToolbar > #home-button {
  width: 35px !important;

4. Bigger new tab button:

.tabs-newtab-button {
width: 36px !important;
}

5. No RSS:

#feed-button 
{
  display: none !important;
}

6. No star button:

toolbar #star-button{
display:none !important;
}

7. Stop-refresh-go button:

#urlbar {
  -moz-border-radius: 4px 0 0 4px !important;
  border-right: 0 !important;
  position: relative !important;
  z-index: 1 !important;
}

#urlbar-container + #reload-button,
#urlbar-container + #reload-button + #stop-button,
#go-button{
  border: 1px solid !important;
  border-color: ThreeDDarkShadow !important;
  border-left-color: rgba(0,0,0,.20) !important;
  -moz-border-radius: 0 4px 4px 0!important; 
  -moz-box-shadow: 0 1px 0 rgba(0,0,0,.1) inset, 0 1px 0 rgba(255,255,255,.4) !important;
  background: rgba(255,255,255,.725) !important;
  margin-left: -3px !important;
  padding: 0 3px 0 3px !important;
}

#go-button {
  margin: -3px -43px -3px 0 !important;
  list-style-image: url("chrome://browser/skin/Toolbar.png") !important;
  -moz-image-region: rect(0pt, 36px, 18px, 18px) !important;
  padding: 2px 3px !important;
  background: #F8F8F8 !important;
  background-image: -moz-linear-gradient(#72d572, #60be60 49%, #52ae52 50%, #4f9b4f) !important;
}

#urlbar-container + #reload-button:not([disabled]):not(:hover) image,
#urlbar-container + #reload-button + #stop-button:not([disabled]):not(:hover) image {
  opacity: 0.8 !important;
}

#urlbar-container + #reload-button:-moz-lwtheme,
#urlbar-container + #reload-button + #stop-button:-moz-lwtheme,
#urlbar-container + #reload-button:hover,
#urlbar-container + #reload-button + #stop-button:hover,
#go-button{
  border-color: rgba(0,0,0,.25) rgba(0,0,0,.32) rgba(0,0,0,.37) rgba(0,0,0,.20) !important;
}

#urlbar-container + #reload-button:not([disabled]):hover{
  background-image: -moz-linear-gradient(#9eccf1, #6fb1e1 49%, #5b9fd9 50%, #5198d2 60%, #3e8ac9) !important;
}

#urlbar-container + #reload-button + #stop-button:not([disabled]):hover{
  background-image: -moz-linear-gradient(#e6a18a, #d17764 49%, #c05d4e 50%, #b95546 60%, #c15a4a) !important;
}

#go-button:not([disabled]):hover{
  background-image: -moz-linear-gradient(#5edd5e, #47bf47 49%, #36ab36 50%, #34a234 60%, #329332) !important;
}

#go-button:not([disabled]):hover:active {
  -moz-box-shadow: inset 0 0 3px rgba(0,0,0,.8) !important;
}

#urlbar-container + #reload-button:not([disabled]):hover:active,
#urlbar-container + #reload-button + #stop-button:not([disabled]):hover:active,
#go-button:not([disabled]):hover:active {
  -moz-box-shadow: inset 0 0 3px rgba(0,0,0,.8) !important;
}

8. Transparent bookmarks and navigation toollbars:

#nav-bar, #PersonalToolbar {border: none !important;     background: transparent !important; text-shadow: #fff 0px 0px 10px, #fff 1px 1px 10px, #fff 1px 1px 3px !important;}

9. Blue skin for addons page:

 @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
.category {
  background-image: -moz-linear-gradient(#e9eef5, #cfdbe9 50%, #c6d3e3 51%, #ced9e7) !important;
  color: #2d3744 !important;
  margin: 2px 4px !important;
  border: 1px solid #90a3b9 !important;
  -moz-box-shadow: 0 0 0 1px rgba(255,255,255,0.5) inset;
  -moz-border-radius: 3px;
}

.category[selected] {
  background-image: -moz-linear-gradient(#b2becd, #b2becd) !important;
  color: #2d3744 !important;
  margin: 2px 4px !important;
  border: 1px solid #7a8797 !important;
  -moz-box-shadow: 0 0 10px rgba(0,0,0,.20) inset;
  -moz-border-radius: 3px;
  font-weight: bold !important;
}

#categories {
  -moz-appearance: none;
  border: none;
  margin: 0px;
  background: #dee6f1 !important;
}

#header {
  background: -moz-linear-gradient(top, #d4dfed, #bec9d8) !important;
 -moz-box-shadow: 0 -1px 0 0 rgba(255,255,255,.5) inset !important;
 border-bottom: 1px solid rgba(0,0,0,.3)
}

#header-name, #header-link {
  color: #7a8797;
  text-shadow: 1px 1px 1px #EEE;
  font-weight: bold;
}
textbox[type=search] {
  background: black !important;
-moz-border-radius: 15px !important;
}

.list {
  background-color: #e3eaf3 !important;
}

.view-header {
  background-image: -moz-linear-gradient(rgba(255,255,255,.7), rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.05) 51%, rgba(255,255,255,0.2)) !important; 
  -moz-box-shadow: 0 0 0 1px rgba(255,255,255,0.5) inset;
background-color: #d9e0e9 !important;
}

.sorter {
  -moz-appearance: none;
  border: none;
  background-color: transparent;
  -moz-border-radius: 100%;
  padding: 0px 6px;
  margin: 0px 6px;
  min-width: 12px !important;
  -moz-box-direction: reverse;
}
.sorter[checkState="1"],
.sorter[checkState="2"] {
border: 1px solid #A2A6AD;
  -moz-border-radius: 3px !important;
border: 1px solid #90a3b9 !important;
border: 1px solid rgba(0,0,0,.32) !important;
  -moz-box-shadow: 0 0 0 1px rgba(255,255,255,0.5) inset;
background-color: rgba(0,0,0,.02) !important;
}

/*Buttons*/
.addon-control {
  border: 1px solid #A2A6AD;
  -moz-border-radius: 3px !important;
border: 1px solid #90a3b9 !important;
border: 1px solid rgba(0,0,0,.32) !important;
background-image: -moz-linear-gradient(rgba(255,255,255,.7), rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.05) 51%, rgba(255,255,255,0.2)) !important; 
  -moz-box-shadow: 0 0 0 1px rgba(255,255,255,0.5) inset;
background-color: rgba(0,0,0,.06) !important;
}

.addon {
background-color: #edf2f8 !important;
border: 1px solid #b5c2d7 !important;
-moz-box-shadow:0 1px 2px rgba(183,196,217,.5) inset,0 1px 0 rgba(255,255,255,.7) !important;
}

.addon[selected] {
background-color: #edf2f8 !important;
background-image: -moz-linear-gradient(#edf2f8, #d9e0ea) !important;
}

#detail-view {
  background: #dee6f1 !important;
}

.detail-view-container {
  background-color: #edf2f8 !important;
border: 1px solid #b5c2d7 !important;
-moz-box-shadow:0 1px 2px rgba(183,196,217,.5) inset,0 1px 0 rgba(255,255,255,.7) !important;
-moz-border-radius: 10px;
margin: 10px 0;
}

post-344974-12829425323698.png

This topic is now closed to further replies.
 Share
Go to topic listing

  • Recently Browsing   0 members

    • No registered users viewing this page.