Share your custom Firefox/Minefield 4 stylish scripts

[vasa1]

This works:

toolbarspacer {background-color: green !important; opacity: 1 !important; }

though I'll see if the opacity bit is necessary.

Help still wanted for the tab-close-button !

toolbarspacer {background-color: green !important; }

is enough.

And for the tab stuff,

.tab-close-button {background-color: grey!important; }

works.

[Ziz4rD]

could someone tell me the correct way to put this code?

The idea is if the addon-bar is inactive, then the border top of the bottom-box gets none.

	#addon-bar[collapsed="true"] #browser-bottombox{
		border-top: none !important;}

thanks

[foxxyn8]

could someone tell me the correct way to put this code?

#browser-bottombox is the parent of #addon-bar. You can't use the child element and/or its attributes to style the parent.

[Konstantine]

Hello! What code do I need to paste in stylish so I won't see this again:

:)

[Kudo]

Hello! What code do I need to paste in stylish so I won't see this again:

:)

This style http://userstyles.org/styles/43710 works for me :) try it.

[Konstantine]

:OOO Thanks a lot! You saved me! :D

[Ziz4rD]

#browser-bottombox is the parent of #addon-bar. You can't use the child element and/or its attributes to style the parent.

Ok Thanks, I did not know about attributes and style parent.

thanks foxxyn8

[Semtex]

HI

I've question, how to change distance between tabs (tabs are in title bar) and URL bar?

[withoutn]

Hi everyone,

I'd like to make the firefox bars (status, navigation & tab) of shorter/smaller height.

Given some help i've received on the mozilla irc, so far i have made the fonts smaller, and added

toolbar {height} [...] line to userChrome.css file.

The navigation bar and the tab bar are indeed smaller (cant tell if status is), however the class didn't:

-change icon rendering size

-size of tabs themselves in the tab bar which currently overlap with the navigation bar.

I'd like to know how to go about modifying the above.

Thank you

[Drifus]

Hi everyone,

I'd like to make the firefox bars (status, navigation & tab) of shorter/smaller height.

Given some help i've received on the mozilla irc, so far i have made the fonts smaller, and added

toolbar {height} [...] line to userChrome.css file.

The navigation bar and the tab bar are indeed smaller (cant tell if status is), however the class didn't:

-change icon rendering size

-size of tabs themselves in the tab bar which currently overlap with the navigation bar.

I'd like to know how to go about modifying the above.

Thank you

Take a look at my style, you might find something interesting inside.

Tabbar with 21px and URLbar with 22px.

http://userstyles.org/styles/36813

[Konstantine]

Could someone tell me the code to change the throbber in Firefox 4? I want it to be like the blue one(the mac firefox 4 throbber if I recall correctly?)

And one more: is there any stylish script to let me choose whether I want to save or run an .exe or not? :)

[Semtex]

This is blue one http://userstyles.org/styles/38669

I'm using it also, looks much better than green :cool:

[Drifus]

Could someone tell me the code to change the throbber in Firefox 4? I want it to be like the blue one(the mac firefox 4 throbber if I recall correctly?)

And one more: is there any stylish script to let me choose whether I want to save or run an .exe or not? :)

1 - Change the throbber:

This is not blue, but gray:

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

2 - Run an .exe. Maybe this link is usefull for you:

http://support.mozilla.com/en-US/kb/Managing%20file%20types

This addon will do the job:

https://addons.mozilla.org/en-US/firefox/addon/opendownload-271182/

Edited February 22, 2011 by Drifus

[grayscale]

Status 4evah increases the height of the address bar. Is there a way to remove those extra spaces?

[foxxyn8]

Status 4evah increases the height of the address bar. Is there a way to remove those extra spaces?

try this:

.urlbar-over-link-box {
  min-height: 0 !important;
}

[grayscale]

Nope, unfortunately, it did not work. I think it's part of the addon (those that are filled when you choose either 'top' or 'bottom' in the "show progress in the location bar" option.

Anyway, how can I make the buttons in the addon bar look embossed like the default buttons in firefox?

here's my code:

#addonbar-closebutton {
  display: none;
}
#navigator-toolbox:not([customizing]) ~ #browser-bottombox {
	position: fixed;
	bottom: 0;
	left: 0;
}
#navigator-toolbox:not([customizing]) ~ #browser-bottombox #addon-bar {
	-moz-appearance: none !important;
	margin-bottom: -1px !important;
	border: none !important;
	border-radius: 2px 2px 0 0 !important;
	margin-right: 25px !important;
	background-image: -moz-linear-gradient(rgba(255,255,255,.8), rgba(200,200,200,.8)) !important;
	box-shadow: 0 0 0 1px rgba(0,0,0,.25) inset, 0 0 0 2px rgba(255,255,255,.5) inset !important;
	position: fixed;
        top: 54px;
        padding-top: 5px;
        padding-left: 3px;
        width: 30px;
	left: 0;
	opacity: 0;
	-moz-transition: bottom 0.25s 0.5s ease-in, opacity 0.1s 0.65s ease-in;
}
#addon-bar .toolbarbutton-1 {
	padding-bottom: 4px !important;
}
#navigator-toolbox:not([customizing]) ~ #browser-bottombox #addon-bar:hover {
	opacity: 1;
	-moz-transition: bottom .25s .25s ease-out, opacity 0.1s 0.25s ease-out;
}

here's the screenshot:

How do you guys know the div class, and ids of the UI?

[foxxyn8]

How do you guys know the div class, and ids of the UI?

DOMi - https://addons.mozilla.org/en-US/firefox/addon/dom-inspector-6622/

[grayscale]

One more question (sorry foxxy XD)

I'm currently using the code above for my addon bar but it does not use the persona. Is there a way for the addonbar to adapt the color of the persona?

I found these:

#main-window #browser-bottombox {
opacity: 0.1;
 position: fixed;
 -moz-box-shadow: 0 0 10px #000000;
 bottom: 0px;
 width: auto;
 background: #EDEDED;
 -moz-border-radius: 0px 7px 0 0;
 left: -71px; 
 padding-right: 5px;
 padding-left: 5px;
 -moz-transition: bottom 0.25s 0.5s ease-in, opacity 0.1s 0.65s ease-in;
}

#main-window #browser-bottombox:hover {
opacity: 1 !important;
-moz-transition: bottom .25s .25s ease-out, opacity 0.1s 0.25s ease-out;
}

Problem is, the find bar also becomes transparent except when hovered.

Hope you can help me :D

[mysiskatten]

how can I fix so bookmark sidebar show without resize webpage. I Want sidebar on top of webpage not push it to the right when it appear.

thx

[foxxyn8]

One more question (sorry foxxy XD)

I'm currently using the code above for my addon bar but it does not use the persona. Is there a way for the addonbar to adapt the color of the persona?

I found these:

#main-window #browser-bottombox {
opacity: 0.1;
 position: fixed;
 -moz-box-shadow: 0 0 10px #000000;
 bottom: 0px;
 width: auto;
 background: #EDEDED;
 -moz-border-radius: 0px 7px 0 0;
 left: -71px; 
 padding-right: 5px;
 padding-left: 5px;
 -moz-transition: bottom 0.25s 0.5s ease-in, opacity 0.1s 0.65s ease-in;
}

#main-window #browser-bottombox:hover {
opacity: 1 !important;
-moz-transition: bottom .25s .25s ease-out, opacity 0.1s 0.25s ease-out;
}

Problem is, the find bar also becomes transparent except when hovered.

Hope you can help me :D

You've adjusted the opacity of #browser-bottombox which means its children(addon-bar, findbar) are only going to be as visible as it is.

how can I fix so bookmark sidebar show without resize webpage. I Want sidebar on top of webpage not push it to the right when it appear.

thx

Have a look at this - http://userstyles.org/styles/38954

[mysiskatten]

Have a look at this - http://userstyles.org/styles/38954

what is the code for my Q that did to much change ...don´t like it.... and it´s not working on my Mac.

thx again

[mysiskatten]

what is the code for my Q that did to much change ...don´t like it.... and it´s not working on my Mac.

thx again

this worked on mac

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

/* GENERAL */

#sidebar-box{

-moz-appearance: none !important;

-moz-window-shadow: none !important;

opacity: 1 !important;

}

#sidebar-splitter{display:none}

#sidebar-box{position:fixed!important;top:57px;bottom:0px}

#sidebar-header{width:65%;background-color:#E6E6E6!important;-moz-appearance:none!important}

#sidebar{height:100%;background-color:#E6E6E6!important;width:65%!important}

[SleweD]

so " -moz-border-radius: 7px 7px 0 0;" creates a curve on the top left and right of whatever you're applying it to, but beta 12 seems to add a curve on the bottom of the addon bar too.

How do you do the opposite of this and force the bottom of the addon bar to not have a curve?

[foxxyn8]

so " -moz-border-radius: 7px 7px 0 0;" creates a curve on the top left and right of whatever you're applying it to, but beta 12 seems to add a curve on the bottom of the addon bar too.

How do you do the opposite of this and force the bottom of the addon bar to not have a curve?

Make it explicit by adding !important:

#addon-bar {border-radius: 7px 7px 0 0 !important;}

or just the bottom:

 #addon-bar {
        border-bottom-right-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
}

[SleweD]

Make it explicit by adding !important:

#addon-bar {border-radius: 7px 7px 0 0 !important;}

Worked! Someone really ought to buy you a pizza or something for all the free help you give...