Meet Firefox 4.0.1

[+Frank B. Subscriber²]

Can i get the tool bar button in beta 4 ?

Which toolbar button?

[XP_2600]

Like this one:

[+Frank B. Subscriber²]

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.

[XP_2600]

Ahuh i will wait, but do you find it offer any facility ?

[TheJudge]

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

[CPJames19]

@TheJudge - Goto http://userstyles.org/styles/33137 for the update.

[TheJudge]

@TheJudge - Goto http://userstyles.org/styles/33137 for the update.

thanks a lot :D

[Hylands]

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

[Brandon H Supervisor]

ok, this is like the 50th time answering this and i think it just needs to be added to the OP

go to about:config and type in useragent, now change it from Minefield to Firefox, problem solved

[vajlent]

ok, this is like the 50th time answering this and i think it just needs to be added to the OP

go to about:config and type in useragent, now change it from Minefield to Firefox, problem solved

Doesn't help!

[Darkmiss]

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 ?

[Steven P. Administrators]

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

[mNiosu]

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?

[Darkmiss]

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:

[Brandon H Supervisor]

- 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

[arrrgh]

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.

[Brandon H Supervisor]

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

[aznkid25]

Anyone else get errors when trying to play youtube videos (embedded and on the actual site) in beta 4? The message I get is "An error has occurred, please try again later." It gets really annoying since I have to switch browsers in order to watch.

[Brandon H Supervisor]

nothing here, youtube, megavideo, all of them work fine for me

[Mr.Dude]

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

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

if i turn on my bookmarktoolbar then it shows so

Why my toolbars become black color???

The black toolbars are gone if i restart my FF.

[Brandon H Supervisor]

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

[+Gary7 Subscriber²]

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.

[Mr.Dude]

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 !

[mNiosu]

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

[torrentthief]

Beta 5 is scheduled for 6th September.