Share your custom Firefox/Minefield 4 stylish scripts

By Steven P.
in Web Browser Discussion & Support

 Share

Recommended Posts

Grand Master

Steven P. Administrators

Posted
  • Administrators
Posted

Apologies to bogas04 but I thought it would be cool to have a thread where customizations were shared, for reference, as well as the Firefox 4 Beta 1 thread.

Here's mine (Firefox 4, Beta 1)

post-2-12794439181988.png

Blue Button & Home Button

#appmenu-button-container{

margin: 0px 0px 4px 4px !important;

}

#appmenu-button{

padding: 2px 10px 2px 7px !important;

}

#appmenu-button dropmarker:before {

padding-right: 5px !important;

}

#appmenu-button{

background: -moz-linear-gradient(top, rgba(58,127,197,1), rgba(47,119,189,1), rgba(0,58,229,1)) !important;

-moz-border-radius: 0px 0px 4px 4px !important;

border-top: 0px !important;

margin-top: 0px !important;

}

#appmenu-button:hover{

background: -moz-linear-gradient(top, rgba(78,147,229,1), rgba(0,78,213,1)) !important;

}

#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 1px !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: 3px !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;

}

Blue Toolbar (was Aqua Vista Toolbar)

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

/* Thanks to Carl Booth for the aqua image - public domain license I assume */

background-image: -moz-linear-gradient(top, rgba(58,127,197,1), rgba(47,119,189,1), rgba(0,58,229,1)) !important;

padding: 1px 3px 0px 3px !important;

color: white !important;

}

#main-window #navigator-toolbox #PersonalToolbar toolbarbutton

{

padding: 0 5px !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;

}

Tabs in Titlebar (with inactive tab text tweak, and window controls clearance tweak)

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

#appmenu-button-container{

position: fixed !important;

}

#navigator-toolbox[tabsontop=true] #TabsToolbar{

padding-left: 95px !important;

}

#appmenu-button .button-text { display:none !important; }

#appmenu-button dropmarker:before { content: "Firefox" !important;

}

#appmenu-button{

padding: 1px 10px 3px 9px !important;

height: 22px !important;

}

#navigator-toolbox[tabsontop=true] #TabsToolbar{

padding-left: 90px !important;

padding-top:3px !important;

}

#main-window #navigator-toolbox[tabsontop=true] #TabsToolbar

{

margin-right: 92px !important;

}

tab:not([selected=true])

{

color: white !important;

}

Some of my scripts were modified, so if there are errors, fixes appreciated, except for the toolbar stylish script, all customizations were found in the original Firefox Beta 1 thread (Y) :p

Grand Master

Brandon H Supervisor

Posted
  • Supervisor
Posted

how do i make it so tabs are only in the title bar when maximized?

i'm probably gonna be asking a lot of questions on here until i get it like i like, because honestly, i'm terrible with this kind of thing

:p

Mentor

Inklin

Posted
Posted

Here is mine (originally posted in other thread but many many pages back now)

This is not all my work, so thank you to other users who have been working on these scripts.

post-251146-12795092674992.jpg

Tabs in Titlebar

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

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

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


#navigator-toolbox[tabsontop="true"] #TabsToolbar{
padding-left: 78px !important;
padding-top:1px !important;
padding-right:107px !important;
}


#appmenu-button{
padding: 3px 14px 3px 14px !important;
margin-top:3px !important;
}

#appmenu-button
{
background-color: rgba(54, 121, 166, 0.2) !important;
}

#appmenu-button .button-text { display:none !important; }
#appmenu-button dropmarker:before { content: "Fx " !important; }

Glassy Nav/bookmarks bar

/*:::::::::::::::::::::::::::::::::::::::Do Not Remove This Line::::::::::::::::::::::::::::::::::::::: */

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

#navigator-toolbox:not([tabsontop=true]) #nav-bar
{
-moz-box-shadow: threedshadow 0 -1px inset !important;
padding-bottom: 7px !important;
}

#navigator-toolbox:not([tabsontop=true]) toolbar:not(#nav-bar):not(#toolbar-menubar)
{
background-color: rgba(223,233,245, 0.5) !important;
}

#main-window:not([sizemode="maximized"]) #navigator-toolbox:not([tabsontop=true]) toolbar:not(#nav-bar):not(#toolbar-menubar)
{
border-left: 1px solid threedshadow !important;
border-right: 1px solid threedshadow !important;
}

#navigator-toolbox:not([tabsontop=true]) #PersonalToolbar
{
background: -moz-linear-gradient(top, rgba(255,255,255,.5), rgba(255,255,255,0)) !important;
}

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

#navigator-toolbox[tabsontop=true]
{
border-bottom: 1px solid threedshadow !important;
}

#navigator-toolbox[tabsontop=true] #TabsToolbar
{
-moz-box-shadow: inset threedshadow 0px -1px !important;
}

#navigator-toolbox[tabsontop=true] toolbar:not(#TabsToolbar):not(#toolbar-menubar)
{
background-color: rgba(223,233,245,.3) !important;
}

#main-window:not([sizemode="maximized"]) #navigator-toolbox[tabsontop=true] toolbar:not(#TabsToolbar):not(#toolbar-menubar)
{
border-left: 1px solid threedshadow !important;
border-right: 1px solid threedshadow !important;
}

#navigator-toolbox[tabsontop=true] #nav-bar
{
padding-top: 0px !important;
padding-bottom: 1px !important;
background: -moz-linear-gradient(top, rgba(242,246,251,1), rgba(255,255,255,0)) !important;
}

.tabbrowser-tab[selected=true]
{
font-weight: bold !important;
}

Only works with tabs on top, placing tabs on bottom places the nav bar in the title bar rendering the nav bar over the top of the menu button and window toggles.

this works with small buttons only but to make it look good with the default large button option change:

#navigator-toolbox[tabsontop=true] #nav-bar
{
padding-top: 0px !important;
padding-bottom: 1px !important;
background: -moz-linear-gradient(top, rgba(242,246,251,1), rgba(255,255,255,0)) !important;
}

to:

#navigator-toolbox[tabsontop=true] #nav-bar
{
padding-top: 5px !important;
padding-bottom: 5px !important;
background: -moz-linear-gradient(top, rgba(242,246,251,1), rgba(255,255,255,0)) !important;
}

Note: You may need to make some adjustments depending on the windows theme you are using.

Mentor

SoapyHamHocks Member

Posted
  • Member
Posted

how do i make it so tabs are only in the title bar when maximized?

i'm probably gonna be asking a lot of questions on here until i get it like i like, because honestly, i'm terrible with this kind of thing

:p

This should do it, you might have to change some values if you use any custom styles for the Firefox button.

#main-window[sizemode="maximized"] #appmenu-button-container {
  position: fixed !important;
}

#main-window[sizemode="maximized"] #TabsToolbar {
  padding: 0 110px 0 110px !important;
}

Veteran

Darrian

Posted
Posted

post-1972-1279509563683.png

Menu Buttons (adjust margin-top to fit your Firefox version and/or Windows theme)

Red

#appmenu-button-container{
margin: 0px 0px 4px 4px !important;
}

#appmenu-button{
padding: 2px 10px 2px 7px !important;
}

#appmenu-button dropmarker:before {
padding-right: 5px !important;
}

#appmenu-button{
background: -moz-linear-gradient(top, rgba(251,89,65,1), rgba(189,40,25,1), rgba(157,6,0 ,1)) !important;
-moz-border-radius: 0px 0px 4px 4px !important;
border-top: 0px !important;
margin-top: -1px !important;
}

#appmenu-button:hover{
background: -moz-linear-gradient(top, rgba(251,89,65,1), rgba(251,55,65,1)) !important;
}

Green

#appmenu-button-container{
margin: 0px 0px 4px 4px !important;
}

#appmenu-button{
padding: 2px 10px 2px 7px !important;
}

#appmenu-button dropmarker:before {
padding-right: 5px !important;
}

#appmenu-button{
background: -moz-linear-gradient(top, rgba(112,178,66,1), rgba(0,147,14,1), rgba(77,154,6,1)) !important;
-moz-border-radius: 0px 0px 4px 4px !important;
border-top: 0px !important;
margin-top: -1px !important;
}

#appmenu-button:hover{
background: -moz-linear-gradient(top, rgba(112,178,66,1), rgba(82,178,14,1)) !important;
}

Blue

#appmenu-button-container{
margin: 0px 0px 4px 4px !important;
}

#appmenu-button{
padding: 2px 10px 2px 7px !important;
}

#appmenu-button dropmarker:before {
padding-right: 5px !important;
}

#appmenu-button{
background: -moz-linear-gradient(top, rgba(58,127,197,1), rgba(47,119,189,1), rgba(0,58,229,1)) !important;
-moz-border-radius: 0px 0px 4px 4px !important;
border-top: 0px !important;
margin-top: -1px !important;
}

#appmenu-button:hover{
background: -moz-linear-gradient(top, rgba(78,147,229,1), rgba(0,78,213,1)) !important;
}

Tabs in Titlebar

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

#navigator-toolbox[tabsontop="true"] #TabsToolbar{
padding-left: 82px !important;
padding-top:1px !important;
}

Toolbar transparency (may want to change padding-top to 2 or 3 pixels if using large buttons)

#navigator-toolbox:not([tabsontop=true]) #nav-bar
{
-moz-box-shadow: threedshadow 0 -1px inset !important;
padding-bottom: 7px !important;
}

#navigator-toolbox:not([tabsontop=true]) toolbar:not(#nav-bar):not(#toolbar-menubar)
{
background-color: rgba(223,233,245,1) !important;
}

#main-window:not([sizemode="maximized"]) #navigator-toolbox:not([tabsontop=true]) toolbar:not(#nav-bar):not(#toolbar-menubar)
{
border-left: 1px solid threedshadow !important;
border-right: 1px solid threedshadow !important;
}

#navigator-toolbox:not([tabsontop=true]) #PersonalToolbar
{
background: -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0)) !important;
}

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

#navigator-toolbox[tabsontop=true]
{
border-bottom: 1px solid threedshadow !important;
}

#navigator-toolbox[tabsontop=true] #TabsToolbar
{
-moz-box-shadow: inset threedshadow 0px -1px !important;
}

#navigator-toolbox[tabsontop=true] toolbar:not(#TabsToolbar):not(#toolbar-menubar)
{
background-color: rgba(223,233,245,.6) !important;
}

#main-window:not([sizemode="maximized"]) #navigator-toolbox[tabsontop=true] toolbar:not(#TabsToolbar):not(#toolbar-menubar)
{
border-left: 1px solid threedshadow !important;
border-right: 1px solid threedshadow !important;
}

#navigator-toolbox[tabsontop=true] #nav-bar
{
padding-top: 1px !important;
padding-bottom: 0px !important;
background: -moz-linear-gradient(top, rgba(242,246,251,1), rgba(255,255,255,.0)) !important;
}

.tabbrowser-tab[selected=true]
{
font-weight: bold !important;
}

Remove RSS from address bar

/* Remove live feed icon in Address url toolbar */

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

Hide bookmarks "star" button from address bar

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

Remove back button dropmarker

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

Hide favicons in bookmarks toolbar

/* Hide bookmark icons in the Personal Toolbar */
toolbarbutton.bookmark-item > .toolbarbutton-icon {
display: none; }

Or, alternatively, hide bookmark labels in bookmarks toolbar (probably shouldn't be used in conjunction with hiding favicons)

@-moz-document url-prefix('chrome://') {
toolbarbutton.bookmark-item > label[class="toolbarbutton-text"]:not([value="Linux"]),
toolbarbutton.bookmark-item .toolbarbutton-menu-dropmarker { display: none !important; }
}

Fix tab overlap when tabs on top

#main-window #navigator-toolbox[tabsontop="true"] #TabsToolbar{
padding-right: 105px !important;
}

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

Combine stop/reload buttons

#stop-button[disabled="true"] { display:none; } 
#stop-button:not([disabled]) + #reload-button { display:none; }

Home button as app tab (if you're using nightlies, not recommended for beta 1)

#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 1px !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: 3px !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;
}

Whew, I think I got all of them. Some of them are really old, but maybe people will find it convenient that I reposted them instead of making them search for them.

Much thanks to Unrealistic for posting the hide bookmarks button; I've been waiting forever for somebody to share that. I won't repost that script here since it's only a few posts back.

Veteran

Unrealistic

Posted
Posted

Here is mine (originally posted in other thread but many many pages back now)

This is not all my work, so thank you to other users who have been working on these scripts.

Looks great, except the transparency doesn't work as well as I thought it would with the bookmarks toolbar. Text is a bit hard to read.

Not to go off topic, but is there an x-marks build that works with FF 4?

edit:

Darian's transparency works much better. Cheers for that one! :)

Veteran

Darrian

Posted
Posted

They're probably virtually identical scripts; we both probably got them from the Firefox 4 beta 1 thread. I just tweaked the padding and opacity some. With the rgba values there are 4 numbers; the 4th number is opacity with 0 being completely transparent and 1 being completely opaque. Use decimals to get somewhere in between.

Veteran

Unrealistic

Posted
Posted

The opacity was what I liked. I didn't know where the opacity setting was, otherwise I would have tweaked his. Regardless, yours works extremely well. The only thing holding me back from using FF 4 Beta 1 as a full fledged browser is getting XMarks to work. I force installed it and it would never let me sign on.

Grand Master

Brandon H Supervisor

Posted
  • Supervisor
Posted (edited)

This should do it, you might have to change some values if you use any custom styles for the Firefox button.

#main-window[sizemode="maximized"] #appmenu-button-container {
 position: fixed !important;
}

#main-window[sizemode="maximized"] #TabsToolbar {
 padding: 0 110px 0 110px !important;
}

i give up it keeps screwing up when posting

Edited by Brando212
Veteran

Darrian

Posted
Posted

@Unrealistic: Thanks. I'm pretty happy with it, myself. I just thought if you might have preferred it slightly more or less transparent I'd lead you to where you could fiddle with it.

I'm waiting on XMarks, myself, but it's not holding me back because it's only useful when I travel so for everyday use it's fine for my 1 PC, and when I work on my daughter's laptop I can just copy my entire profile over on my thumb drive :D

Grand Master

Brandon H Supervisor

Posted
  • Supervisor
Posted

how can i combine these two?

#main-window[sizemode="maximized"] #appmenu-button-container {
  position: fixed !important;
}

#main-window[sizemode="maximized"] #TabsToolbar {
  padding: 0 110px 0 110px !important;
}

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

#appmenu-button-container{
position: fixed !important;
}
#navigator-toolbox[tabsontop="true"] #TabsToolbar{
padding-left: 95px !important;
}
#appmenu-button .button-text { display:none !important; }
#appmenu-button dropmarker:before { content: "Firefox" !important; 
}
#appmenu-button{
padding: 1px 10px 3px 9px !important;
height: 22px !important;
}
#navigator-toolbox[tabsontop="true"] #TabsToolbar{
padding-left: 80px !important;
padding-top:3px !important;
}
#main-window #navigator-toolbox[tabsontop="true"] #TabsToolbar
{
margin-right: 96px !important;
}
tab:not([selected="true"]) 
{
color: white !important;
}

basically i want it like the second script but only to put the tabs on top when maximized

Can you re-post that using code tags rather than quote? The formatting got messed up.

i know, i had to abandon that post and create a new one because the board kept acting up and screwing up the formatting

Mentor

SoapyHamHocks Member

Posted
  • Member
Posted

how can i combine these two?

i know, i had to abandon that post and create a new one because the board kept acting up and screwing up the formatting

Here you go:

#main-window[sizemode="maximized"] #appmenu-button-container {
  position: fixed !important;
}

#appmenu-button{
 padding: 1px 10px 3px 9px !important;
  height: 22px !important;
}

#appmenu-button .button-text { 
  display:none !important; 
}

#appmenu-button dropmarker:before { 
  content: "Firefox" !important; 
}

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

tab:not([selected="true"]) {
  color: white !important;
}

Mentor

Inklin

Posted
Posted

Looks great, except the transparency doesn't work as well as I thought it would with the bookmarks toolbar. Text is a bit hard to read.

Not to go off topic, but is there an x-marks build that works with FF 4?

edit:

Darian's transparency works much better. Cheers for that one! :)

if you don't ikeitquite so glassy, you can oen the stylish script for the class nav/bookmarks bar I posted and change:

#navigator-toolbox[tabsontop=true] toolbar:not(#TabsToolbar):not(#toolbar-menubar)
{
background-color: rgba(223,233,245,.3) !important;
}

to:

#navigator-toolbox[tabsontop=true] toolbar:not(#TabsToolbar):not(#toolbar-menubar)
{
background-color: rgba(223,233,245,.8) !important;
}

still glassy but more opacity. :)

I made it more transparent as I am trying not to use the bookmarks toolbar now to make more screen space for browsing on this 17" 1280x1024 screen... I need to get a new one :p

Mentor

SoapyHamHocks Member

Posted
  • Member
Posted

thank you SoapyHamHocks, one more thing

i want to increase to space between the tabs and the menu button when not maximized, how would i do this?

post-335698-12795140974433.png

Add this:

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

Mentor

lordtinuviel

Posted
Posted

post-1972-1279509563683.png

Menu Buttons (adjust margin-top to fit your Firefox version and/or Windows theme)

Red

#appmenu-button-container{
margin: 0px 0px 4px 4px !important;
}

#appmenu-button{
padding: 2px 10px 2px 7px !important;
}

#appmenu-button dropmarker:before {
padding-right: 5px !important;
}

#appmenu-button{
background: -moz-linear-gradient(top, rgba(251,89,65,1), rgba(189,40,25,1), rgba(157,6,0 ,1)) !important;
-moz-border-radius: 0px 0px 4px 4px !important;
border-top: 0px !important;
margin-top: -1px !important;
}

#appmenu-button:hover{
background: -moz-linear-gradient(top, rgba(251,89,65,1), rgba(251,55,65,1)) !important;
}

Green

#appmenu-button-container{
margin: 0px 0px 4px 4px !important;
}

#appmenu-button{
padding: 2px 10px 2px 7px !important;
}

#appmenu-button dropmarker:before {
padding-right: 5px !important;
}

#appmenu-button{
background: -moz-linear-gradient(top, rgba(112,178,66,1), rgba(0,147,14,1), rgba(77,154,6,1)) !important;
-moz-border-radius: 0px 0px 4px 4px !important;
border-top: 0px !important;
margin-top: -1px !important;
}

#appmenu-button:hover{
background: -moz-linear-gradient(top, rgba(112,178,66,1), rgba(82,178,14,1)) !important;
}

Blue

#appmenu-button-container{
margin: 0px 0px 4px 4px !important;
}

#appmenu-button{
padding: 2px 10px 2px 7px !important;
}

#appmenu-button dropmarker:before {
padding-right: 5px !important;
}

#appmenu-button{
background: -moz-linear-gradient(top, rgba(58,127,197,1), rgba(47,119,189,1), rgba(0,58,229,1)) !important;
-moz-border-radius: 0px 0px 4px 4px !important;
border-top: 0px !important;
margin-top: -1px !important;
}

#appmenu-button:hover{
background: -moz-linear-gradient(top, rgba(78,147,229,1), rgba(0,78,213,1)) !important;
}

Tabs in Titlebar

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

#navigator-toolbox[tabsontop="true"] #TabsToolbar{
padding-left: 82px !important;
padding-top:1px !important;
}

Toolbar transparency (may want to change padding-top to 2 or 3 pixels if using large buttons)

#navigator-toolbox:not([tabsontop=true]) #nav-bar
{
-moz-box-shadow: threedshadow 0 -1px inset !important;
padding-bottom: 7px !important;
}

#navigator-toolbox:not([tabsontop=true]) toolbar:not(#nav-bar):not(#toolbar-menubar)
{
background-color: rgba(223,233,245,1) !important;
}

#main-window:not([sizemode="maximized"]) #navigator-toolbox:not([tabsontop=true]) toolbar:not(#nav-bar):not(#toolbar-menubar)
{
border-left: 1px solid threedshadow !important;
border-right: 1px solid threedshadow !important;
}

#navigator-toolbox:not([tabsontop=true]) #PersonalToolbar
{
background: -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0)) !important;
}

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

#navigator-toolbox[tabsontop=true]
{
border-bottom: 1px solid threedshadow !important;
}

#navigator-toolbox[tabsontop=true] #TabsToolbar
{
-moz-box-shadow: inset threedshadow 0px -1px !important;
}

#navigator-toolbox[tabsontop=true] toolbar:not(#TabsToolbar):not(#toolbar-menubar)
{
background-color: rgba(223,233,245,.6) !important;
}

#main-window:not([sizemode="maximized"]) #navigator-toolbox[tabsontop=true] toolbar:not(#TabsToolbar):not(#toolbar-menubar)
{
border-left: 1px solid threedshadow !important;
border-right: 1px solid threedshadow !important;
}

#navigator-toolbox[tabsontop=true] #nav-bar
{
padding-top: 1px !important;
padding-bottom: 0px !important;
background: -moz-linear-gradient(top, rgba(242,246,251,1), rgba(255,255,255,.0)) !important;
}

.tabbrowser-tab[selected=true]
{
font-weight: bold !important;
}

Remove RSS from address bar

/* Remove live feed icon in Address url toolbar */

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

Hide bookmarks "star" button from address bar

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

Remove back button dropmarker

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

Hide favicons in bookmarks toolbar

/* Hide bookmark icons in the Personal Toolbar */
toolbarbutton.bookmark-item > .toolbarbutton-icon {
display: none; }

Or, alternatively, hide bookmark labels in bookmarks toolbar (probably shouldn't be used in conjunction with hiding favicons)

@-moz-document url-prefix('chrome://') {
toolbarbutton.bookmark-item > label[class="toolbarbutton-text"]:not([value="Linux"]),
toolbarbutton.bookmark-item .toolbarbutton-menu-dropmarker { display: none !important; }
}

Fix tab overlap when tabs on top

#main-window #navigator-toolbox[tabsontop="true"] #TabsToolbar{
padding-right: 105px !important;
}

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

Combine stop/reload buttons

#stop-button[disabled="true"] { display:none; } 
#stop-button:not([disabled]) + #reload-button { display:none; }

Home button as app tab (if you're using nightlies, not recommended for beta 1)

#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 1px !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: 3px !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;
}

Whew, I think I got all of them. Some of them are really old, but maybe people will find it convenient that I reposted them instead of making them search for them.

Much thanks to Unrealistic for posting the hide bookmarks button; I've been waiting forever for somebody to share that. I won't repost that script here since it's only a few posts back.

In "Hide favicons in bookmarks toolbar" how you made the line " | " to separate the boormarks

Veteran

Darrian

Posted
Posted

In "Hide favicons in bookmarks toolbar" how you made the line " | " to separate the boormarks

I added a separator between each bookmark item.

I "just" changed that, though, so that they're bullets, instead. To do that I made a new bookmark with the name of • (and a url of wherever, it doesn't even have to be a real address, but I put in my fast dial home page), copied it, and pasted it between each bookmark item. I think it looks slicker now. Either way, though, there's no css involved in that, it's easy.post-1972-1279515940759.png

Veteran

Darrian

Posted
Posted

I was bored again, so I just made a pink menu button for any ladies daring enough to try a beta browser (or anyone who might have a preference for pink).

post-1972-12795162527796.png

#appmenu-button-container{
margin: 0px 0px 4px 4px !important;
}

#appmenu-button{
padding: 2px 10px 2px 7px !important;
}

#appmenu-button dropmarker:before {
padding-right: 5px !important;
}

#appmenu-button{
background: -moz-linear-gradient(top, rgba(255,177,214,1), rgba(255,165,206,1), rgba(247,124,179 ,1)) !important;
-moz-border-radius: 0px 0px 4px 4px !important;
border-top: 0px !important;
margin-top: -1px !important;
}

#appmenu-button:hover{
background: -moz-linear-gradient(top, rgba(256,192,220,1), rgba(255,140,195,1)) !important;
}

Grand Master

Steven P. Administrators

Posted
  • Author
  • Administrators
Posted

I installed Minefield (nightly) so app tabs and the home button works again, but now the button says Minefield instead of Firefox, anyway to fix this?

I'm using Darrians blue button script:

#appmenu-button-container{

margin: 0px 0px 4px 4px !important;

}

#appmenu-button{

padding: 2px 10px 2px 7px !important;

}

#appmenu-button dropmarker:before {

padding-right: 5px !important;

}

#appmenu-button{

background: -moz-linear-gradient(top, rgba(58,127,197,1), rgba(47,119,189,1), rgba(0,58,229,1)) !important;

-moz-border-radius: 0px 0px 4px 4px !important;

border-top: 0px !important;

margin-top: 1px !important;

}

#appmenu-button:hover{

background: -moz-linear-gradient(top, rgba(78,147,229,1), rgba(0,78,213,1)) !important;

}

Among others :p

And how did you get the address bar and search combined? It's a shame Firefox doesn't support searching from the address bar :/

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

  • Recently Browsing   0 members

    • No registered users viewing this page.

  • Posts

    • This Chinese company is reportedly developing a feature Apple and Samsung can only dream of

      By FloatingFatMan · Posted

      Just what I wanted, an even bigger bomb in my Chinese spy phone.
    • Grand Theft Auto VI pricing revealed alongside Ultimate Edition and pre-loading details

      By TCA · Posted

      Be sure to toss in a couple tacos to sweeten the deal, no one else sells better bridges!
    • Grand Theft Auto VI pricing revealed alongside Ultimate Edition and pre-loading details

      By TCA · Posted

      Online didn't launch until October of 2013. So no one could play it. Even then there were issues.
    • Grand Theft Auto VI pricing revealed alongside Ultimate Edition and pre-loading details

      By TCA · Posted

      NAVARONE if you remember
    • Google Finance is now out of beta with improved portfolio tracking and a new Android app

      By Karthik Mudaliar · Posted

      Google Finance is now out of beta with improved portfolio tracking and a new Android app by Karthik Mudaliar Google is taking its redesigned Google Finance experience out of beta and adding several new features, including portfolio tracking, scheduled market briefings, and a dedicated Android app. The company says the updates are beginning to roll out globally this week, while an iOS app is planned for later in 2026. The most notable addition is the new portfolio feature. Instead of entering every investment manually, users can upload a screenshot, CSV file, or PDF containing their holdings. They can also tell Google Finance what they own using natural language, such as the number of shares held in a particular company or fund. Google Finance will then place those investments into a dashboard showing performance, asset allocation, concentration risk, and the holdings responsible for the biggest gains or losses. Existing portfolios created with the older version of Google Finance should appear automatically. The built-in AI research panel can use the portfolio as context when answering questions. For example, users can ask which sectors are underrepresented or how their fixed-income allocation could affect long-term growth. Google says portfolio data will remain private and that uploaded files and images will not be retained. Users will also be able to edit or delete their portfolio information after it has been imported. Google Finance is also getting scheduled tasks. These let users request recurring reports such as a daily summary of overnight cryptocurrency movements or a weekly update about newly announced initial public offerings. There is also a new Google Finance app for Android. It includes watchlists, interactive charts, real-time market data, a live news feed, and the same AI research panel available on the web. Google has been gradually expanding the AI-powered Finance redesign since it first entered testing. In April, the experience was expanded to more than 100 countries, bringing its research tools, advanced charts, and market news to a much larger audience. That was followed by a wider European rollout in May, which added features including live earnings calls, transcripts, and AI-generated summaries. The ability to import an entire portfolio from a screenshot or document should make Google Finance considerably easier to set up. However, Android users will have to wait for feature parity with the web version, and Google has yet to say exactly when the iOS app will arrive.

  • Recent Achievements

    • First Post
      kinowa earned a badge
      First Post
    • Rookie
      krychek57 went up a rank
      Rookie
    • Grand Master
      Jaybonaut went up a rank
      Grand Master
    • One Year In
      Philsl earned a badge
      One Year In
    • Dedicated
      Scoobystu earned a badge
      Dedicated

  • Popular Contributors

    1. 1
      +primortal
      405
    2. 2
      +Edouard
      167
    3. 3
      PsYcHoKiLLa
      131
    4. 4
      Michael Scrip
      73
    5. 5
      Xenon
      72
    Show More

  • Tell a friend

    Love Neowin? Tell a friend!