Share your custom Firefox/Minefield 4 stylish scripts

[SkyDX]

#downbarHolder {
border: 0 !important;
}

Thank you, works as expected ! You really should be member of the month for all you do :p

[foxxyn8]

Thank you, works as expected ! You really should be member of the month for all you do :p

You're welcome and thanks for the compliment. I just try to be helpful, it's good for my karma. :)

[Deo Domuique]

Foxynn... Bro! Is there a code to make my inactive Tabs from Minefield exactly like FireFox 4 beta 6?

On beta 6 the Tabs looking more transparent and not so dark, grey... Can you please?

This time, really is my last wish!

[Deo Domuique]

Drifus, your Script becomes always better. Well done bro!

When you hover on back-forward buttons... the design is a bit out of line... Dunno if this happens only to me cause I have custom Windows theme installed...

Also I think that could be great if I could separate a bit on bookmark-bar the Folders with normal bookmarks and RSS... Dunno how... Maybe if the Folders were with Bold or just a small icon or a small dot in front of? Just saying...

Do not get my idea under serious consideration. :p

[foxxyn8]

Foxynn... Bro! Is there a code to make my inactive Tabs from Minefield exactly like FireFox 4 beta 6?

On beta 6 the Tabs looking more transparent and not so dark, grey... Can you please?

This time, really is my last wish!

Lucky you! I still have a copy of b6 installed lol.

.tabbrowser-tab:not([selected="true"]) {
  background: -moz-linear-gradient(hsla(0,0%,100%,.4), hsla(0,0%,75%,.4) 50%) no-repeat -5px -2px !important;
  background-size: 200% !important;
}

[Deo Domuique]

Damn! That's it!

Thank you for hundredth time!

[chrisdoland]

Styles updated.

• Firefox 4 project - aero clean
  

Changelog:

- oct.21.2010

* polished some codes

* removed hide dropmarker from back/forward button (b8pre already removed)

* remove some margins and padding

* added padding-left navbar

* added mouse hover on tabbar not selected

* added mouse hover left gradient on urlbar and search bar

* changed tabbar select and non select transparency, better integration

* changed firefox appmenu button - Now the button is invisible, but still there. Visible on mouse hover only

* improved some cosmetics

* throbber style - using places/searching_16.png from default theme

• Firefox 4 project - aero clean - BackForward detached
  

Changelog:

- oct.21.2010

* polished some codes

* removed hide dropmarker from back/forward button (b8pre already removed)

* remove some margins and padding

* added padding-left navbar

* added mouse hover on tabbar not selected

* added mouse hover left gradient on urlbar and search bar

* changed tabbar select and non select transparency, better integration

* changed firefox appmenu button - Now the button is invisible, but still there. Visible on mouse hover only

* changed detached back/forward buttons to square layout

* improved some cosmetics

* throbber style - using places/searching_16.png from default theme

Thank You for this. Everytime I install another browser it is your script that changes me back. I am vain, my browser has to look great as well as be functional.

[Deo Domuique]

Should be this, if it's not please post your code.

toolbox,
#FindToolbar { 
border: 0 !important; 
}

Well with this... Only one border left... Directly under the Tabs... What I must add? :)

Don't go offline now! I wouldn't sleep if I don't get rid of the last border! :D

[Deo Domuique]

Drifus... Also I think you can cut this part from your Script

/*Hide urlbar history dropmarker*/
.urlbar-history-dropmarker {
	display: none !important;
}

In 4b8 pre there isn't anyway anymore... But if your script is for b6 too... then ok!

[foxxyn8]

Well with this... Only one border left... Directly under the Tabs... What I must add? :)

Don't go offline now! I wouldn't sleep if I don't get rid of the last border! :D

Tabs on top? If so then:

#nav-bar {
border: 0 !important;
} 

[foxxyn8]

Sorry for the 2x post!

Drifus... Also I think you can cut this part from your Script

/*Hide urlbar history dropmarker*/
.urlbar-history-dropmarker {
	display: none !important;
}

In 4b8 pre there isn't anyway anymore... But if your script is for b6 too... then ok!

You're thinking of the back/forward dropmarker which has been removed in b8pre. The code you posted refers to the location bar dropmarker.

[Deo Domuique]

Foxxyn I love you anyway! ( I'm not gay at all. 100 percent straight :p )

Bro... I'd like to make the address & search boxes fully squared!... I wanna get rid of curved corners... How can I ?

http://userstyles.org/styles/36327

exactly like that script!... what's the exact code for that?

#urlbar, #search-container .searchbar-textbox {-moz-appearance:none !important;
border:1px solid rgba(256,256,256,.65) !important; background:rgba(256,256,256,.72)!important; -moz-box-shadow: 1px 0 0 rgba(0,0,0,.17), -1px 0 0 rgba(0,0,0,.17),0 0 0 1px rgba(0,0,0,.2),0 -1px 0 rgba(0,0,0,.43) !important;font:9pt "segoe UI";outline: 1px solid rgba(256,256,256,.3) !important; -moz-outline-radius:3px;-moz-border-radius:1.9px !important; padding:0px!important; margin-top:3px!important;margin-bottom:3px!important;text-shadow: white 0 0 0;}
#urlbar:hover, #search-container .searchbar-textbox:hover {background:rgba(256,256,256,.85)!important;} #urlbar[focused], #search-container .searchbar-textbox[focused] {background:white !important;}

I got this part but it does also the entire bar a bit bigger... Can you clear the code please for me? This code also gives me an error... When I hover on a link, the new link appearing normal on the right but the currently address which I'm in, on the left, disappearing! I'd like to keep also the option to change fonts! I did, "verdana"!

[Deo Domuique]

P.S. I embezzle your kindness... Really sorry about that. But customizing is a virus... Got sick and I don't know jack about Scripting... Unfortunately.

But I can ensure you, I learn in mean time at least! :p

[foxxyn8]

Foxxyn I love you anyway! ( I'm not gay at all. 100 percent straight :p )

Bro... I'd like to make the address & search boxes fully squared!... I wanna get rid of curved corners... How can I ?

http://userstyles.org/styles/36327

exactly like that script!... what's the exact code for that?

#urlbar, #search-container .searchbar-textbox {-moz-appearance:none !important;
border:1px solid rgba(256,256,256,.65) !important; background:rgba(256,256,256,.72)!important; -moz-box-shadow: 1px 0 0 rgba(0,0,0,.17), -1px 0 0 rgba(0,0,0,.17),0 0 0 1px rgba(0,0,0,.2),0 -1px 0 rgba(0,0,0,.43) !important;font:9pt "segoe UI";outline: 1px solid rgba(256,256,256,.3) !important; -moz-outline-radius:3px;-moz-border-radius:1.9px !important; padding:0px!important; margin-top:3px!important;margin-bottom:3px!important;text-shadow: white 0 0 0;}
#urlbar:hover, #search-container .searchbar-textbox:hover {background:rgba(256,256,256,.85)!important;} #urlbar[focused], #search-container .searchbar-textbox[focused] {background:white !important;}

I got this part but it does also the entire bar a bit bigger... Can you clear the code please for me? This code also gives me an error... When I hover on a link, the new link appearing normal on the right but the currently address which I'm in, on the left, disappearing! I'd like to keep also the option to change fonts! I did, "verdana"!

Adjust the colors, it's very white right now:

#urlbar, #search-container .searchbar-textbox {
-moz-appearance:none !important;
border:1px solid rgba(255,255,255,.65) !important; 
background:rgba(255,255,255,.72)!important; 
box-shadow: 1px 0 0 rgba(0,0,0,.17), -1px 0 0 rgba(0,0,0,.17),0 0 0 1px rgba(0,0,0,.2),0 -1px 0 rgba(0,0,0,.43)   !important;
font:9pt "segoe UI";
outline: 0 !important;
border-radius: 0 !important; 
padding: 0 !important; 
margin-top: 1px !important;
margin-bottom: 1px !important;
text-shadow: none !important;
}

#urlbar:hover, #search-container .searchbar-textbox:hover {
background:rgba(255,255,255,.25)!important;
}

#urlbar[focused], #search-container .searchbar-textbox[focused] {
background:white !important;
}

[Deo Domuique]

Problems gone! I'm almost finish. Trying to cleanup and compact the entire code. When I'm done, for last time I'll post it here to tell me if I completely messed up or need some few adjustments to be perfect.

[Deo Domuique]

I got your icons for instance about:config etc...

Can you tell me if all these kind of scripts with extra images etc... absorbing more resources from Firefox?

I hope you got my point... I'm trying to understand how all these scripts working... While I change the default ones, am I stressing more and more the FireFox?

[foxxyn8]

I got your icons for instance about:config etc...

Can you tell me if all these kind of scripts with extra images etc... absorbing more resources from Firefox?

I hope you got my point... I'm trying to understand how all these scripts working... While I change the default ones, am I stressing more and more the FireFox?

On the initial load maybe, but I use many base64 images and I don't notice any difference.

[Deo Domuique]

You mean only at startup time? I don't care at all...

Overall? For example... The old blue throbber was taking more CPU resources than new Green one... Now I use another, custom one... Well the point is... What happened to the old one? Working both now? The old in background?

All these custom scripts, replacing the defaults? The defaults becoming inactive? Or working all together?

Crazy nub questions probably...

[foxxyn8]

You mean only at startup time? I don't care at all...

Overall? For example... The old blue throbber was taking more CPU resources than new Green one... Now I use another, custom one... Well the point is... What happened to the old one? Working both now? The old in background?

All these custom scripts, replacing the defaults? The defaults becoming inactive? Or working all together?

Crazy nub questions probably...

The default is being replaced, so no it won't be working in the background.

[Drifus]

Drifus, your Script becomes always better. Well done bro!

When you hover on back-forward buttons... the design is a bit out of line... Dunno if this happens only to me cause I have custom Windows theme installed...

Also I think that could be great if I could separate a bit on bookmark-bar the Folders with normal bookmarks and RSS... Dunno how... Maybe if the Folders were with Bold or just a small icon or a small dot in front of? Just saying...

Do not get my idea under serious consideration. :p

Thanks Deo.

About back-forward: Could you provide a screehshot with this issue? I tested in the default aero theme and in my personal theme.

Bookmark-bar: Got it. Actually, I do not use bookmarks toolbar. I put some favs in the menu bar autohide and the main ones I put in the speeddial.

I am trying to locate the code to alter that.

Maybe:

.bookmark-item[container][livemark] { 
 }

Foxxyn8-guru, please, give us a light. :)

The code above will change every bookmark-feed. But Deo want only a spacer between bookmarks and "bookmark-feed" .

Deo, you also could use a native spacer from bookmarks.

Thank You for this. Everytime I install another browser it is your script that changes me back. I am vain, my browser has to look great as well as be functional.

Thank you for such sweet words. Glad you enjoyed it.

[Deo Domuique]

Drifus, just a bit... But told you... Maybe it's me and my custom Windows theme... Dunno...

The circle touches the tab a bit. It's not objectively a problem of course...

Well I know what I can do... LoL I use dots for Folders, Squares for RSS etc... UTF-8 Characters in front of bookmark's name.

[foxxyn8]

Bookmark-bar: Got it. Actually, I do not use bookmarks toolbar. I put some favs in the menu bar autohide and the main ones I put in the speeddial.

I am trying to locate the code to alter that.

Maybe:

.bookmark-item[container][livemark] { 
 }

Foxxyn8-guru, please, give us a light. :)

The code above will change every bookmark-feed. But Deo want only a spacer between bookmarks and "bookmark-feed" .

Deo, you also could use a native spacer from bookmarks.

I don't use the bookmark toolbar either, but it seems what Deo wants is just for the Feeds folder to be visibly different from the normal bookmarks. So why no just bold it or change the text color. I'm with you as far as spacers go -- just use the native ones.

like:

.bookmark-item[livemark] {
font-weight: bold !important;
color: blue !important
}

[Deo Domuique]

Guys do not involve my name into this too... :p

I was just saying... That it could be nicer If you could distinguish the differences.

But anyway... What's the code for that if you wanna do it for folders too? Just [folders] instead of [livemark] ?

I wish I could surf without Bookmark bar... But seems impossible. I'm extremely used to it...

[foxxyn8]

Guys do not involve my name into this too... :p

I was just saying... That it could be nicer If you could distinguish the differences.

But anyway... What's the code for that if you wanna do it for folders too? Just [folders] instead of [livemark] ?

if you want the folders different from feed folders and regular bookmarks do:

.bookmark-item[container]:not([livemark]):not(menu) 

I wish I could surf without Bookmark bar... But seems impossible. I'm extremely used to it...

I just use the bookmarks menu button. I put it in my tabbar.

[Drifus]

Drifus, just a bit... But told you... Maybe it's me and my custom Windows theme... Dunno...

The circle touches the tab a bit. It's not objectively a problem of course...

Well I know what I can do... LoL I use dots for Folders, Squares for RSS etc... UTF-8 Characters in front of bookmark's name.

I see. It was my fault. I forgot to instruct: "Use small icons". Sorry.

I put the instruction in the userstyles 1 minute ago.

Thanks.