Share your custom Firefox/Minefield 4 stylish scripts

[Duke D]

.tab-throbber {
display:none !important;
}

or

.tab-throbber  {
list-style-image: none !important;
}

use the second one if you don't want to see the text "jump" when the favicon is loaded

Thanks a lot :D

[TheJudge]

Amazing guys! I'm using a few of the scripts, works great. Here's mine(thanks Bogas!)

could u pls share ur script(s)?

[Deo Domuique]

Quazzi Thank you! It worked!

Something last left... Please help if you can...

I got this code from "Soap-Something" ( his nickname ):

#navigator-toolbox > toolbar:not(#TabsToolbar) {
  background-color: rgb(227,237,246) !important;
}

#navigator-toolbox[tabsontop="true"] .tabbrowser-tab[selected="true"] {
  background-image: -moz-radial-gradient(center top, white, rgba(255,255,255,0) 60%),
                    -moz-linear-gradient(left, transparent, transparent 1px,
                                               rgba(255,255,255,.5) 1px, rgba(255,255,255,.5)),
                    -moz-linear-gradient(left, transparent, transparent 1px,
                                               rgb(227,237,246) 1px, rgb(227,237,246)) !important;
}

It gave me the color of 4beta6 to MineField 4 b8 pre... But when I press alt, the Menu Bar isn't transparent... Gets the same color and looks weird...

[foxxyn8]

Quazzi Thank you! It worked!

Something last left... Please help if you can...

I got this code from "Soap-Something" ( his nickname ):

#navigator-toolbox > toolbar:not(#TabsToolbar) {
  background-color: rgb(227,237,246) !important;
}

#navigator-toolbox[tabsontop="true"] .tabbrowser-tab[selected="true"] {
  background-image: -moz-radial-gradient(center top, white, rgba(255,255,255,0) 60%),
                    -moz-linear-gradient(left, transparent, transparent 1px,
                                               rgba(255,255,255,.5) 1px, rgba(255,255,255,.5)),
                    -moz-linear-gradient(left, transparent, transparent 1px,
                                               rgb(227,237,246) 1px, rgb(227,237,246)) !important;
}

It gave me the color of 4beta6 to MineField 4 b8 pre... But when I press alt, the Menu Bar isn't transparent... Gets the same color and looks weird...

Try this:

#navigator-toolbox > toolbar:not(#TabsToolbar):not(#toolbar-menubar) {
  background-color: rgb(227,237,246) !important;
}

#navigator-toolbox[tabsontop="true"] .tabbrowser-tab[selected="true"] {
  background-image: -moz-radial-gradient(center top, white, rgba(255,255,255,0) 60%),
                    -moz-linear-gradient(left, transparent, transparent 1px,
                                               rgba(255,255,255,.5) 1px, rgba(255,255,255,.5)),
                    -moz-linear-gradient(left, transparent, transparent 1px,
                                               rgb(227,237,246) 1px, rgb(227,237,246)) !important;
}

#main-menubar {
background: none !important;
}

[vajlent]

I'm pretty satisfied with my setup of the addon bar

Still getting an error though...

• 22:0 Error in parsing value for 'right' declaration dropped.

Bring back the tab progress lines and give us the home tab button now! :p

[Deo Domuique]

Thank you foxxyn! Are you the user "Soap-Something"? He knew very well scripting but he stopped writing and you came up... Lol

Vajilent how you see if you get errors? Through error console? I don't see there something about the css script but only for sites etc...

[vajlent]

Vajilent how you see if you get errors? Through error console? I don't see there something about the css script but only for sites etc...

[foxxyn8]

Thank you foxxyn! Are you the user "Soap-Something"? He knew very well scripting but he stopped writing and you came up... Lol

Vajilent how you see if you get errors? Through error console? I don't see there something about the css script but only for sites etc...

Are you talking about SoapyHamHocks? No, that's not me. I'm just foxxy!

:D

Still getting an error though...

22:0 Error in parsing value for 'right' declaration dropped.

Post the code!

[Deo Domuique]

Through Stylish? Nice! Thank you! Didn't know about...

Foxxyn ok! I'm just saying... Lol

OMG... Lol there are freakin' errors... New Headache now.

[Deo Domuique]

#navigator-toolbox:not([customizing]) ~ #browser-bottombox
#addon-bar {
position: fixed;
bottom: -1px;
right: -130px !important;
padding: 0 2px 0 6px;
border-radius: 4px 4px 0 0;
border: 0 !important;
border-left: 1px solid rgba(0,0,0,.25) !important;
border-right: 1px solid rgba(0,0,0,.25) !important;
border-top: 1px solid rgba(0,0,0,.25) !important;
border-bottom: 2px solid rgba(0,0,0,.25) !important;
background-color: rgb(227,237,246) !important;
box-shadow: 0 0 0 1px rgba(255,255,255,.5) inset;
-moz-appearance: none !important;
-moz-transition: right .5s 1s ease-in;
}
#browser-bottombox {
border-radius: 0 4px 4px 0;
border: 0 !important;
border-right: 2px solid rgba(0,0,0,.25) !important;
border-top: 1px solid rgba(0,0,0,.25) !important;
border-bottom: 2px solid rgba(0,0,0,.25) !important;
background-color: rgb(227,237,246) !important;
box-shadow: 0 0 0 1px rgba(255,255,255,.5) inset;
}
#navigator-toolbox:not([customizing]) ~
#browser-bottombox {
position: fixed;
bottom: 0px;
left: -1px;
}
#navigator-toolbox:not([customizing]) ~ #browser-bottombox
#addon-bar:hover {
right: 0 !important;
-moz-transition: right .5s .4s ease-out;
}
#navigator-toolbox:not([customizing]) ~ #browser-bottombox
#main-window[sizemode="maximized"] #addon-bar {
right: 0;
}
#navigator-toolbox:not([customizing]) ~ #browser-bottombox
#addon-bar > #status-bar {
margin: 0 !important;
padding: 2px 2px 2px 2px;
background: none !important;
}

@-moz-document url(chrome://browser/content/browser.xul) {
#status-bar,
#status-bar > statusbarpanel,
}

#addon-bar toolbarbutton,
#addon-bar dropmarker,
#addon-bar #zoom-controls,
#addon-bar .searchbar-textbox {
margin: 0 !important;
border: none 0 transparent !important;
border-radius: 0 !important;
padding: 2px !important;
box-shadow: none !important;
}

#addon-bar toolbarseparator {
height: 100% !important; /* AH OH... NOT WORKING */
min-height: 18px !important; /* TENTATIVELY */
}

#addon-bar toolbarbutton,
#addon-bar dropmarker {
background: transparent none !important;
}

#addon-bar #status4evar-status-widget,
#addon-bar #status4evar-progress-widget {
margin: 0 !important;
border: none 0 transparent !important;
padding: 0 !important;
min-height: 18px !important;
}

#addon-bar #status4evar-status-text {
height: 18px !important; /* TENTATIVELY */
}
}

Here only I get many errors... It's for my Addon-Bar to work with Status4Evah addon.... Working like Google Chrome's bar and when I hover on text "done" the entire bar appearing...

Lines:

54:0 Selector exptected. Ruleset ignored due to bad sectors

87:1 Selector exptected. Ruleset ignored due to bad sectors

87:1 Unexpected end of file while searching for closing } of invalid rule set.

It's rob64rocks code taken from http://forum.userstyles.org/comments.php?DiscussionID=22585

but when I changed colors etc... messed up.

[foxxyn8]

Here only I get many errors... It's for my Addon-Bar to work with Status4Evah addon.... Working like Google Chrome's bar and when I hover on text "done" the entire bar appearing...

Lines:

54:0 Selector exptected. Ruleset ignored due to bad sectors

87:1 Selector exptected. Ruleset ignored due to bad sectors

87:1 Unexpected end of file while searching for closing } of invalid rule set.

It's rob64rocks code taken from http://forum.userstyles.org/comments.php?DiscussionID=22585

but when I changed colors etc... messed up.

Fixed:

@-moz-document url(chrome://browser/content/browser.xul) {

#navigator-toolbox:not([customizing]) ~ #browser-bottombox
#addon-bar {
position: fixed;
bottom: -1px;
right: -130px !important;
padding: 0 2px 0 6px;
border-radius: 4px 4px 0 0;
border: 0 !important;
border-left: 1px solid rgba(0,0,0,.25) !important;
border-right: 1px solid rgba(0,0,0,.25) !important;
border-top: 1px solid rgba(0,0,0,.25) !important;
border-bottom: 2px solid rgba(0,0,0,.25) !important;
background-color: rgb(227,237,246) !important;
box-shadow: 0 0 0 1px rgba(255,255,255,.5) inset;
-moz-appearance: none !important;
-moz-transition: right .5s 1s ease-in;
}

#browser-bottombox {
border-radius: 0 4px 4px 0;
border: 0 !important;
border-right: 2px solid rgba(0,0,0,.25) !important;
border-top: 1px solid rgba(0,0,0,.25) !important;
border-bottom: 2px solid rgba(0,0,0,.25) !important;
background-color: rgb(227,237,246) !important;
box-shadow: 0 0 0 1px rgba(255,255,255,.5) inset;
}

#navigator-toolbox:not([customizing]) ~
#browser-bottombox {
position: fixed;
bottom: 0px;
left: -1px;
}

#navigator-toolbox:not([customizing]) ~ #browser-bottombox
#addon-bar:hover {
right: 0 !important;
-moz-transition: right .5s .4s ease-out;
}

#navigator-toolbox:not([customizing]) ~ #browser-bottombox
#main-window[sizemode="maximized"] #addon-bar {
right: 0;
}

#navigator-toolbox:not([customizing]) ~ #browser-bottombox
#addon-bar > #status-bar {
margin: 0 !important;
padding: 2px 2px 2px 2px;
background: none !important;
}

#addon-bar toolbarbutton,
#addon-bar dropmarker,
#addon-bar #zoom-controls,
#addon-bar .searchbar-textbox {
margin: 0 !important;
border: none 0 transparent !important;
border-radius: 0 !important;
padding: 2px !important;
box-shadow: none !important;
}

#addon-bar toolbarseparator {
height: 100% !important; /* AH OH... NOT WORKING */
min-height: 18px !important; /* TENTATIVELY */
}

#addon-bar toolbarbutton,
#addon-bar dropmarker {
background: transparent none !important;
}

#addon-bar #status4evar-status-widget,
#addon-bar #status4evar-progress-widget {
margin: 0 !important;
border: none 0 transparent !important;
padding: 0 !important;
min-height: 18px !important;
}

#addon-bar #status4evar-status-text {
height: 18px !important; /* TENTATIVELY */
}
}

I removed

#status-bar,
#status-bar > statusbarpanel,
}

because that's what was causing all your errors.

[Deo Domuique]

Thank you bro! Can I remove also the text "TENTATIVELY" etc without problem, right?

[foxxyn8]

Thank you bro! Can I remove also the text "TENTATIVELY" etc without problem, right?

You can remove anything contained in /**/. They're just comments. You could even add your own if you wanted to.

[Deo Domuique]

@-moz-document url(chrome://browser/content/browser.xul) {

What's that? I removed it too and worked again... Do I need it?

[foxxyn8]

@-moz-document url(chrome://browser/content/browser.xul) {

What's that? I removed it too and worked again... Do I need it?

In this case, technically, no. That's a rule that applies the styling ONLY to browser.xul elements. It's just good habit. If you removed it, make sure you removed the "}" at the very end of your code.

[Deo Domuique]

Yes I removed the last bracket. Ok then, thank you!

Do you know why I can't load your script "flat and dark" through userChrome.css file? I can only through Stylish...

[foxxyn8]

Yes I removed the last bracket. Ok then, thank you!

Do you know why I can't load your script "flat and dark" through userChrome.css file? I can only through Stylish...

The "Hide NavBar" Section goes in userChrome

The rest goes in userContent

[Deo Domuique]

I learned enough today! Really thank you again!

[vajlent]

Post the code!

#addon-bar {
 position: fixed;
 bottom: -19px;
 right: 18px;
 border: 0 !important;
 -moz-appearance: none !important;
 -moz-transition: bottom .5s 1s ease-in;
 padding-top: 22px !important;
}

#browser-bottombox {
 position: fixed;
}

#addon-bar:hover {
 bottom: 0;
 -moz-transition: bottom .5s .4s ease-out;
}

#main-window[sizemode="maximized"] #addon-bar {
 right: 17;
}

#addon-bar > #status-bar {
 margin: 0 !important;
 padding: 0 2px 0 2px;
 border-radius: 4px 4px 0 0;
 border: 0 !important;
 border-left: 1px solid rgba(0,0,0,.25) !important;
 border-right: 1px solid rgba(0,0,0,.25) !important;
 border-top: 1px solid rgba(0,0,0,.25) !important;
 background-color: rgb(207, 219, 236) !important;
 background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgb(207,220,236)) !important;
 box-shadow: 0 0 0 1px rgba(255,255,255,.5) inset;
}

 #browser-bottombox, #status-bar {
 background-image: -moz-linear-gradient(white, rgba(255,255,255,.5) 30%), -moz-linear-gradient(hsl(214,44%,87%), hsl(214,44%,87%));
}

[foxxyn8]

I'm pretty satisfied with my setup of the addon bar

Still getting an error though...

• 22:0 Error in parsing value for 'right' declaration dropped.

Bring back the tab progress lines and give us the home tab button now! :p

You didn't specify the unit of measurement.

Fixed:

#addon-bar {
 position: fixed;
 bottom: -19px;
 right: 18px;
 border: 0 !important;
 -moz-appearance: none !important;
 -moz-transition: bottom .5s 1s ease-in;
 padding-top: 22px !important;
}

#browser-bottombox {
 position: fixed;
}

#addon-bar:hover {
 bottom: 0;
 -moz-transition: bottom .5s .4s ease-out;
}

#main-window[sizemode="maximized"] #addon-bar {
 right: 17px;
}

#addon-bar > #status-bar {
 margin: 0 !important;
 padding: 0 2px 0 2px;
 border-radius: 4px 4px 0 0;
 border: 0 !important;
 border-left: 1px solid rgba(0,0,0,.25) !important;
 border-right: 1px solid rgba(0,0,0,.25) !important;
 border-top: 1px solid rgba(0,0,0,.25) !important;
 background-color: rgb(207, 219, 236) !important;
 background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgb(207,220,236)) !important;
 box-shadow: 0 0 0 1px rgba(255,255,255,.5) inset;
}

 #browser-bottombox, #status-bar {
 background-image: -moz-linear-gradient(white, rgba(255,255,255,.5) 30%), -moz-linear-gradient(hsl(214,44%,87%), hsl(214,44%,87%));
}

Changed :

right: 17;

to  

right: 17px;

:)

[vajlent]

You didn't specify the unit of measurement.

Changed :

right: 17;

to 

right: 17px;

:)

Aaah, didn't see that :D

Thanx!

[Deo Domuique]

foxxyn I'd like to hire you to sit in front of my pc. Lol

Which theme you are using in Windows?

[Deo Domuique]

foxxyn save me bro!... With this code I make the "New Tab Button" -> Cross to be transparent without border...

But I'd like also when I hover to show me the transparent border... How can I?

.tabs-newtab-button {
        background: none !important;
        border: transparent !important;
}

[TheJudge]

is there a way to change the new throbber (green) back to the old blue one?..

[foxxyn8]

foxxyn save me bro!... With this code I make the "New Tab Button" -> Cross to be transparent without border...

But I'd like also when I hover to show me the transparent border... How can I?

.tabs-newtab-button {
        background: none !important;
        border: transparent !important;
}

I use a custom-modified(by me) Elan in Win 7.

is this what you want?

.tabs-newtab-button:hover {
        background: none !important;
        border: transparent !important;
}