Share your custom Firefox/Minefield 4 stylish scripts

[Kaoxt]

Anyone know how to change this arrow next to Google logo? Trying to get it so it's the bigger arrow like in mockups:

[CromoPT]

Here it is

Thank you :)

[+Heartripper Subscriber¹]

Anyone know how to change this arrow next to Google logo? Trying to get it so it's the bigger arrow like in mockups:

something like this:

 #searchbar .searchbar-dropmarker-image{
   list-style-image: url("url-of-the-image") !important;
 }

@CromoPT: thank you too for appreciating my style :)

[Kaoxt]

something like this:

 #searchbar .searchbar-dropmarker-image{
   list-style-image: url("url-of-the-image") !important;
 }

@CromoPT: thank you too for appreciating my style :)

How would I go about lowering it a bit? It's a bit too high.

[Ziz4rD]

Anyone know how to change this arrow next to Google logo? Trying to get it so it's the bigger arrow like in mockups:

 #searchbar .searchbar-dropmarker-image{
	list-style-image: url("chrome://global/skin/arrow/arrow-dn-sharp.gif") !important; }

Oh I made this a few weeks ago here its the style in userstyles, well change all the dropmarkers

http://userstyles.org/styles/44128/

[Kaoxt]

 #searchbar .searchbar-dropmarker-image{
	list-style-image: url("chrome://global/skin/arrow/arrow-dn-sharp.gif") !important; }

Oh I made this a few weeks ago here its the style in userstyles, well change all the dropmarkers

http://userstyles.org/styles/44128/

That's not working for me. Arrow is way too high up.

[+Heartripper Subscriber¹]

How would I go about lowering it a bit? It's a bit too high.

please post me your code so i'll what can be done!

[Kaoxt]

please post me your code so i'll what can be done!

Here you go:

 #searchbar .searchbar-dropmarker-image{
   list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJCAYAAADpeqZqAAAA7ElEQVQY02O48/w9AxAzAzEvEIsBsSQWLArEPFB1DCANjEDMD8R6QGyMB2sDMR9IPUgTExBLpGblRTIzs39mF5X/zyOtCsFSqv/ZRGT+s7ByvuyeNN0T6hJGuE2PXn+ymTBtTouWmf0vK8/g/3a+kf8t3YL+a5nafVq8cl3lg1cfzZBtgvlJBKjRrmvitF5nv9Bf0RkF/519Qr7NWbSi4eGrj9ZAeWFkP8EwC0jjkzefHDv6p0zyDon+Nm3Owg6gQbbIGtA1ITS+/exw+uLVvMdvwBpEkDVg0wRzKh9QgxTUD8zoarBpgmFGXHIAkOMrX8VG7WMAAAAASUVORK5CYII=") !important;
 }

[Kaoxt]

Looks like it needs to go down 1px.

[Unknown_97784568745]

*wonders if anyone has tried to "borrow" IE9's back and forward buttons* :p

[dnast]

Don't know if anyone wants it, but here's the identity panel style I use:

It's based off the mockups in this bug.

You can grab it here: http://userstyles.org/styles/44985/identity-panel-larry-2-0-based?r=1299633674

And since I'm here I might as well ask if there's a way to do the gray block or the domain highlighting like in the mockups with only CSS? It doesn't seem like it, but some of you guys know a lot more about this than I do.

[vasa1]

#navigator-toolbox::after {
	height: 0px !important; 
}

I was fiddling around some and got the same sort of line robC mentioned and foxxyn8's code was the answer. Thank You yet again!

[Deo Domuique]

Please, can someone give me the code for that bottom-border of personal bar ( or urlbar's if persoanl bar is deactived )?

Also, do you know the blue color-code of Windows Basic Theme ?

[trag3dy]

Can someone help me make my url look like this:

With the forward/back and home buttons touching the url bar like in the image? Using Photoshop to make it look like that is as close as I can get to actually making it work. :laugh:

Thanks in advance.

[.beta]

Can I have a code that makes the Add-Ons Manager fully transparent? thanks. <3

[+Heartripper Subscriber¹]

Here you go:

try this

 #searchbar .searchbar-dropmarker-image{
   list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJCAYAAADpeqZqAAAA7ElEQVQY02O48/w9AxAzAzEvEIsBsSQWLArEPFB1DCANjEDMD8R6QGyMB2sDMR9IPUgTExBLpGblRTIzs39mF5X/zyOtCsFSqv/ZRGT+s7ByvuyeNN0T6hJGuE2PXn+ymTBtTouWmf0vK8/g/3a+kf8t3YL+a5nafVq8cl3lg1cfzZBtgvlJBKjRrmvitF5nv9Bf0RkF/519Qr7NWbSi4eGrj9ZAeWFkP8EwC0jjkzefHDv6p0zyDon+Nm3Owg6gQbbIGtA1ITS+/exw+uLVvMdvwBpEkDVg0wRzKh9QgxTUD8zoarBpgmFGXHIAkOMrX8VG7WMAAAAASUVORK5CYII=") !important;
   margin-top: 2px !important;
 }

adjust the 2px.

Can someone help me make my url look like this:

With the forward/back and home buttons touching the url bar like in the image? Using Photoshop to make it look like that is as close as I can get to actually making it work. :laugh:

Thanks in advance.

try this:

 #nav-bar[currentset*="unified-back-forward-button,urlbar-container"] #forward-button{
  border-radius: 0 !important;
  margin-right: 0 !important;
 }

 #nav-bar[currentset*="unified-back-forward-button,urlbar-container"] #urlbar{
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  margin-left: 0 !important;
  border-left: 0 !important;
 }

 #nav-bar[currentset*="urlbar-container,reload-button,stop-button,home-button"] #urlbar{
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  margin-right: 0 !important;
 }

 #nav-bar[currentset*="urlbar-container,reload-button,stop-button,home-button"] #home-button{
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  margin-left: 0 !important;
  border-left: 0 !important;
 }

[vasa1]

With the release of the RC, thanks are due to foxxyn8, Tss, and all the others who helped fine-tune Firefox!

[trag3dy]

try this:

Thanks a ton, that works great!

[Kaoxt]

try this

 #searchbar .searchbar-dropmarker-image{
   list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJCAYAAADpeqZqAAAA7ElEQVQY02O48/w9AxAzAzEvEIsBsSQWLArEPFB1DCANjEDMD8R6QGyMB2sDMR9IPUgTExBLpGblRTIzs39mF5X/zyOtCsFSqv/ZRGT+s7ByvuyeNN0T6hJGuE2PXn+ymTBtTouWmf0vK8/g/3a+kf8t3YL+a5nafVq8cl3lg1cfzZBtgvlJBKjRrmvitF5nv9Bf0RkF/519Qr7NWbSi4eGrj9ZAeWFkP8EwC0jjkzefHDv6p0zyDon+Nm3Owg6gQbbIGtA1ITS+/exw+uLVvMdvwBpEkDVg0wRzKh9QgxTUD8zoarBpgmFGXHIAkOMrX8VG7WMAAAAASUVORK5CYII=") !important;
   margin-top: 2px !important;
 }

adjust the 2px.

Thank you so much!

[mauseum]

My userchrome is currently

menu[label=Bookmarks Toolbar] {display: none !important;}

menuitem[label=Unsorted Bookmarks] {display: none !important;}

menuitem[label=View Bookmarks Toolbar] {display: none !important;}

I've been trying to find out how to remove the separator that is tied to each of those and have yet to find anything that works.

Someone suggested adding +menuseparator but that makes the menu and menuitem that I'm hiding show back up.

Could someone help me please.

[SoapyHamHocks Member]

My userchrome is currently

menu[label=Bookmarks Toolbar] {display: none !important;}

menuitem[label=Unsorted Bookmarks] {display: none !important;}

menuitem[label=View Bookmarks Toolbar] {display: none !important;}

I've been trying to find out how to remove the separator that is tied to each of those and have yet to find anything that works.

Someone suggested adding +menuseparator but that makes the menu and menuitem that I'm hiding show back up.

Could someone help me please.

You've gotta do it like this:

menu[label="Bookmarks Toolbar"],
menu[label="Bookmarks Toolbar"] + menuseparator {
  display: none !important;
}

[mauseum]

Thank you so much, that's been bugging me all day.

It worked for all of them except the one above Unsorted Bookmarks.

[SoapyHamHocks Member]

Thank you so much, that's been bugging me all day.

It worked for all of them except the one above Unsorted Bookmarks.

For that one try this:

#BMB_bookmarksPopup > .hide-if-empty-places-result {
  display: none !important;
}

[mauseum]

Thank you again, the menu is nice and clean now.

[nexxx]

Help me .please!

My link

i wont code for

My link