Show your browser layout

[mysiskatten]

how do you get the url bar to not stretch to the far left and squeeze the tabs smaller?

maby something like this

#urlbar-container {

max-width: 400px !important;

}

[Excelsis]

Normally I have the window bigger but a bigger screenshot wouldnt show anything more.

I've always hated the fact the address bar uses so much space in browsers since I got a 24" monitor.Its alot of wasted blank space, so I decided to copy IE9.

Actually tried this a few months back but it didnt quite right without Stratiform. So after I saw deathvirus' post I tried again and this is what I ended up with.

[flexkeyboard]

been using this for sometime

http://imgftw.net/img/487568899.png

What theme are you using? thanks.

[Poom]

Normally I have the window bigger but a bigger screenshot wouldnt show anything more.

<image>

I've always hated the fact the address bar uses so much space in browsers since I got a 24" monitor.Its alot of wasted blank space, so I decided to copy IE9.

Actually tried this a few months back but it didnt quite right without Stratiform. So after I saw deathvirus' post I tried again and this is what I ended up with.

How do you get the close tab button to be completely gone (as opposed to hidden) and let the webpage title occupy the place where the close tab button was?

Thanks.

[Excelsis]

How do you get the close tab button to be completely gone (as opposed to hidden) and let the webpage title occupy the place where the close tab button was?

Thanks.

.tab-close-button {
display: none !important;
}

Simple as that. :)

Edit: I saw you found out on your own. Oh well.

[PassionForGod]

I'm using Internet Explorer 9 on my Windows 7 PC. :heart:

[shaggyZ]

Switched the tabs to the bottom and put the nav and address buttons up top as to me thats the best use of space with whats lost to the Firefox button and the window controls. It's more useful to have more space for tabs.

how did you get the nav and address bar up top? I like that. I have been using tabs on top but I think I liked them better on the bottom.

[dragon0823]

:p

[Poom]

My Aurora Layout:

Normal

Maximized

I'm so proud of it. So pretty haha. :D

[dragon0823]

Super preloader :p

[ViperAFK]

My Aurora Layout:

Normal

Maximized

I'm so proud of it. So pretty haha. :D

What are you using to move the firefox button to the toolbar?

[trag3dy]

What are you using to move the firefox button to the toolbar?

I think it's: https://addons.mozilla.org/en-US/firefox/addon/toolbar-appmenu-button/

That's what I'm using and it has the same icon so I assume it's the same addon.

[Poom]

Yep thats what i use. :) Somehow the button has a cogwheel icon for most ppl unlike in the dev's screenshots, but i think its better as a cogwheel. :)

[riceBox]

Firefox Nightly

:sleep2:

[Ji@nBing]

FF4:

[blt]

Plain and simple....just like me!!!! :rolleyes:

[rolarocka]

Mine:

[Ji@nBing]

Mine:

What theme is that?

[+Frank B. Subscriber²]

What theme is that?

He's using the Flow add-on.

[rolarocka]

Better now:

[Ji@nBing]

He's using the Flow add-on.

Cool, thanks. After trying it, I don't like it :p

[dysgenics]

My Aurora Layout:

Normal

big image

Maximized

big image

I'm so proud of it. So pretty haha. :D

could i trouble you for your layout script(s)?

[Mainer82]

Firefox 4

I moved the home and bookmark buttons to the left, where they belong.

[Poom]

could i trouble you for your layout script(s)?

No problem! 80% of it is a compilation of what others have posted anyways. :)

.tabbrowser-tab:not([selected]):not([pinned]) .tab-close-button {
display: none !important;
}

.tabbrowser-tab:not([selected]):hover:not([pinned]) .tab-close-button {
visibility: visible !important;
display: -moz-box !important;
}

#navigator-toolbox[tabsontop=true] #nav-bar
{
padding-top: 4px !important;
padding-bottom: 4px !important;
background: -moz-linear-gradient(rgba(231,237,246,1), rgba(255,255,255,.6)) padding-box !important;
border-radius: 0 !important;
}

#appmenuSecondaryPane { box-shadow: none !important; }

.autocomplete-history-dropmarker.urlbar-history-dropmarker{ display:none !important;}

#star-button { -moz-box-ordinal-group: 2 !important; margin-right: 3px !important;}

#main-window[sizemode=normal][tabsontop] #appmenu-button-container {
position: fixed !important;
z-index: 2 !important;
}
#main-window[sizemode=normal][tabsontop] #toolbar-menubar[autohide="true"]{
margin-top:-6px;
-moz-padding-start:0px!important;
}
#main-window[sizemode=normal] #navigator-toolbox[tabsontop] > #toolbar-menubar[autohide] ~ #TabsToolbar {
-moz-padding-start:0px!important;
-moz-padding-end:103px!important;
}

#TabsToolbar > .titlebar-placeholder { 
    margin-left: 0px !important; 
}

#TabsToolbar > .titlebar-placeholder:last-child { 
    margin-left: 5px !important; 
}

#main-window[sizemode="maximized"] #titlebar  {
  margin-bottom: -23px !important;
}

.tabbrowser-tab[selected] {
background-image: -moz-linear-gradient(rgba(242,246,251,.5), rgba(231,237,246,1))  !important;
}

.tabbrowser-tab:not([selected]){
background-image: -moz-linear-gradient(rgba(242,246,251,.1), rgba(231,237,246,.2)) !important;
}

.tabbrowser-tab:not([selected]):hover{
background-image: -moz-linear-gradient(rgba(242,246,251,.4), rgba(231,237,246,.55)) !important;
}

.tabs-newtab-button {
background-image: -moz-linear-gradient(rgba(242,246,251,.1), rgba(231,237,246,.2)) !important;
}

.tabs-newtab-button:hover{
background-image: -moz-linear-gradient(rgba(242,246,251,.4), rgba(231,237,246,.55)) !important;
}

You'd also need Toolbar Appmenu Button and Download Statusbar. They can be found in Mozilla's addons website. :)

[dysgenics]

many thanks