Share your custom Firefox/Minefield 4 stylish scripts

[vasa1]

Nice! Thanks, Drifus :)

Okay, this is very puzzling. Drifus suggested using

.tab-throbber[progress] { list-style-image: url("chrome://browser/skin/places/searching_16.png") !important; }

to change the throbber from green to grey.

It works perfectly. But I can't understand why!

The reason why I don't understand is because I can't find "chrome://browser/skin/places/searching_16.png" in omni.jar as I would expect.

Instead, I find it here:

E:\Program Files\Mozilla Firefox\omni.jar\chrome\browser\skin\classic\browser\places\searching_16.png.

So my question is: how does the URL "chrome://browser/skin/places/searching_16.png" translate to the path "E:\Program Files\Mozilla Firefox\omni.jar\chrome\browser\skin\classic\browser\places\searching_16.png"?

Since Drifus' suggestion works perfectly, I'm not complaining ... just try to understand what's going on!

[Karl-Johan]

Is there any way to add a little space above the tabs, when "tabs on top" are selected? So I can click on it and drag the window.

[foxxyn8]

Okay, this is very puzzling. Drifus suggested using

.tab-throbber[progress] { list-style-image: url("chrome://browser/skin/places/searching_16.png") !important; }

to change the throbber from green to grey.

It works perfectly. But I can't understand why!

The reason why I don't understand is because I can't find "chrome://browser/skin/places/searching_16.png" in omni.jar as I would expect.

Instead, I find it here:

E:\Program Files\Mozilla Firefox\omni.jar\chrome\browser\skin\classic\browser\places\searching_16.png.

So my question is: how does the URL "chrome://browser/skin/places/searching_16.png" translate to the path "E:\Program Files\Mozilla Firefox\omni.jar\chrome\browser\skin\classic\browser\places\searching_16.png"?

Since Drifus' suggestion works perfectly, I'm not complaining ... just try to understand what's going on!

The Gecko runtime maintains a service known as the chrome registry that provides mappings from chrome package names to the physical location of chrome packages on disk.

source: https://developer.mozilla.org/en/chrome_registration

[vasa1]

The Gecko runtime maintains a service known as the chrome registry that provides mappings from chrome package names to the physical location of chrome packages on disk.

source: https://developer.mozilla.org/en/chrome_registration

Thanks, Foxxyn8. So mapping explains it. Tricky stuff!

[Drifus]

Is there any way to add a little space above the tabs, when "tabs on top" are selected? So I can click on it and drag the window.

#main-window[tabsintitlebar] #titlebar-content {
	margin-top: 6px !important;	
}

Try different values, according to your theme and styles.

Once you have space on top, you can reduce the right margin allocated to aero features.

.titlebar-placeholder[type="caption-buttons"] {
	margin-left: 8px !important;
}

Nice! Thanks, Drifus :)

You're welcome Vasa1. ;)

Thanks foxxyn8. Excellent explanation.

[CromoPT]

Can anyone give me the code to increase nav-bar withd? :p

[grayscale]

nav bar as in the location bar?

[marc2003]

is there some code to change the left/right margins of the address bar? i'd like it to line up with the bookmarks/main content area below.

[SoapyHamHocks Member]

is there some code to change the left/right margins of the address bar? i'd like it to line up with the bookmarks/main content area below.

Did you put it in the nav-bar? You can try this:

#nav-bar {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

[marc2003]

that had no effect. but it did point me in the right direction. this works good for me...

#nav-bar {
  margin-left: -2px!important;
  margin-right: -5px!important;
}

thanks.

[Frylock86]

Hey is there a way to kill the chrome and use glass instead? Same as if the tabs were on the bottom?

[kawasabi]

Hey is there a way to kill the chrome and use glass instead? Same as if the tabs were on the bottom?

How did you make your tabs so square?

And the IdentityBox?

Looks really nice.

[trag3dy]

How did you make your tabs so square?

And the IdentityBox?

Looks really nice.

Get the addon from here (yes I'm purposely linking to their deviant art):

http://spewboy.deviantart.com/journal/39127816/

[Frylock86]

How did you make your tabs so square?

And the IdentityBox?

Looks really nice.

Thanks! It's an addon called 'Stratiform'. You can find it here. (Download 1.0)

https://addons.mozilla.org/en-US/firefox/addon/stratiform/versions/?page=1#version-1.0

[CromoPT]

nav bar as in the location bar?

Yes, I want to increase the address bar :p

[grayscale]

If you have the search box on your nav bar, you can just drag the right end of the address bar to adjust the width.

[luving]

Hey is there a way to kill the chrome and use glass instead? Same as if the tabs were on the bottom?

Something like this?

#navigator-toolbox[tabsontop="true"] > toolbar:not(#TabsToolbar):not(#toolbar-menubar) {
	background-color: transparent !important;
}

In case you want to keep the background for the personal toolbar (bookmarks) try

#navigator-toolbox[tabsontop="true"] > toolbar:not(#TabsToolbar):not(#toolbar-menubar):not(#PersonalToolbar) {
	background-color: transparent !important;
}

[CromoPT]

If you have the search box on your nav bar, you can just drag the right end of the address bar to adjust the width.

Oh sorry, I said withd but I want to say height :p

[grayscale]

#urlbar{

height: Xpx;

}

change x to desired height.

[CromoPT]

Thank you very much, Leftsidestar decreases the height of my address bar and I don't like it :p

[Karl-Johan]

#main-window[tabsintitlebar] #titlebar-content {
	margin-top: 6px !important;	
}

Try different values, according to your theme and styles.

Once you have space on top, you can reduce the right margin allocated to aero features.

.titlebar-placeholder[type="caption-buttons"] {
	margin-left: 8px !important;
}

You're welcome Vasa1. ;)

Thanks foxxyn8. Excellent explanation.

This also brings the Firefox menubutton down. Is there a way to keep it on top?

Edit: Nevermind, I found the code.

#appmenu-button-container
{
	margin-top: -6px !important;
}

[luving]

Hey is there a way to kill the chrome and use glass instead? Same as if the tabs were on the bottom?

Just yet realized my code few posts above was a bit complicated for no reason

A different way would be:

#navigator-toolbox[tabsontop="true"] #nav-bar {
	background-color: transparent !important;
}

If you also want the Personal-Toolbar transparent

#navigator-toolbox[tabsontop="true"] #nav-bar,
#navigator-toolbox[tabsontop="true"] #PersonalToolbar {
	background-color: transparent !important;
}

[Frylock86]

Just yet realized my code few posts above was a bit complicated for no reason

A different way would be:

#navigator-toolbox[tabsontop="true"] #nav-bar {
	background-color: transparent !important;
}

If you also want the Personal-Toolbar transparent

#navigator-toolbox[tabsontop="true"] #nav-bar,
#navigator-toolbox[tabsontop="true"] #PersonalToolbar {
	background-color: transparent !important;
}

Close, but no cigar, the borders remain. Is there a way to flawlessly blend in the toolbar with the window?

[luving]

Close, but no cigar, the borders remain. Is there a way to flawlessly blend in the toolbar with the window?

I'm not exactly sure what you mean but more like this?

#navigator-toolbox[tabsontop="true"] #nav-bar {
        background: none !important;
	border: none !important;
}

[foxxyn8]

Close, but no cigar, the borders remain. Is there a way to flawlessly blend in the toolbar with the window?

This provides complete transparency to the nav bar and its border:

#navigator-toolbox[tabsontop="true"] #nav-bar {
                background: none !important; 
                border-color: transparent !important;
}