Share your custom Firefox/Minefield 4 stylish scripts

October 17, 2010

.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

October 17, 2010

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

could u pls share ur script(s)?

October 17, 2010

Quazzi Thank you! It worked!

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

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

#navigator-toolbox &gt; 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...

October 17, 2010

Quazzi Thank you! It worked!

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

I got this code from "Soap-Something" ( his nickname ):
#navigator-toolbox &gt; 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 &gt; 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;
}

October 18, 2010

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

October 18, 2010

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...

October 18, 2010

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...

October 18, 2010

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!

October 18, 2010

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.

October 18, 2010


#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 &gt; #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 &gt; 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.

October 18, 2010

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 &gt; #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 &gt; statusbarpanel,
}

because that's what was causing all your errors.

October 18, 2010

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

October 18, 2010

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.

October 18, 2010

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

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

October 18, 2010

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

October 18, 2010

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...

October 18, 2010

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

October 18, 2010

I learned enough today! Really thank you again!

October 19, 2010

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 &gt; #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%));
}

October 19, 2010

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 &gt; #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;

:)

October 19, 2010

You didn't specify the unit of measurement.

Changed :
right: 17;

to 

right: 17px;
:)

Aaah, didn't see that :D

Thanx!

October 19, 2010

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

Which theme you are using in Windows?

October 19, 2010

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

October 19, 2010

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

October 19, 2010

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

Sign In

Share your custom Firefox/Minefield 4 stylish scripts

Recommended Posts

Duke D

Link to comment

Share on other sites

TheJudge

Link to comment

Share on other sites

Deo Domuique

Link to comment

Share on other sites

foxxyn8

Link to comment

Share on other sites

vajlent

Link to comment

Share on other sites

Deo Domuique

Link to comment

Share on other sites

vajlent

Link to comment

Share on other sites

foxxyn8

Link to comment

Share on other sites

Deo Domuique

Link to comment

Share on other sites

Deo Domuique

Link to comment

Share on other sites

foxxyn8

Link to comment

Share on other sites

Deo Domuique

Link to comment

Share on other sites

foxxyn8

Link to comment

Share on other sites

Deo Domuique

Link to comment

Share on other sites

foxxyn8

Link to comment

Share on other sites

Deo Domuique

Link to comment

Share on other sites

foxxyn8

Link to comment

Share on other sites

Deo Domuique

Link to comment

Share on other sites

vajlent

Link to comment

Share on other sites

foxxyn8

Link to comment

Share on other sites

vajlent

Link to comment

Share on other sites

Deo Domuique

Link to comment

Share on other sites

Deo Domuique

Link to comment

Share on other sites

TheJudge

Link to comment

Share on other sites

foxxyn8

Link to comment

Share on other sites

Recently Browsing 0 members