Share your custom Firefox/Minefield 4 stylish scripts

[ajua]

What is the code to play with the non-selected tab colors? I have changed the color of the nav bar but the inactive tabs color doesn't match very well.

Thanks.

[SoapyHamHocks Member]

What is the code to play with the non-selected tab colors? I have changed the color of the nav bar but the inactive tabs color doesn't match very well.

Thanks.

Try this:

.tabbrowser-tab:not([selected]):not(:hover):not([titlechanged]),
.tabs-newtab-button {
  background-image:  -moz-linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0)),
                     -moz-linear-gradient(bottom, rgba(0,0,0,.75), transparent 1px) !important;
  background-color: orange !important;
}

Just change background-color to the color you want.

[Crixler]

How would I get my Firefox Button to look something like this? Except a bit more orange-y.

With hover and clicked states that would be consistent with the min/max/close buttons. And being transparent when the window isn't active.

Is that possible?

[phot0nic]

I've been playing with my own stylish scripts a lot lately after upgrading to the newest Firefox, but here's something I haven't been able to figure out: How do I bring the history/bookmarks sidebar next to the tab bar rather than below it? Thanks.

[Bringo]

adding .splitmenu-menuitem to

menuitem[label]:not(.searchbar-engine-menuitem)
{-moz-binding:url("chrome://global/content/bindings/menu.xml#menuitem-iconic-noaccel")!important}

will make those three icons show, but you'll still have to adjust margins/padding for alignment

the solution was much simpler than I expected

Thanks foxxyn8 I always appreciate your help :D

[Crixler]

I found this userstyle, which autohides the bookmarks bar, but I don't like how it pushes the page down for it. Would it be possible to make it so the page stays where it's at, and the bookmarks bar simply covers part of the page? And it'd be cool if it could have a sliding animation, too.

Does that make sense?

I don't really know any CSS, so I have no idea how to do it myself.

[grayscale]

http://userstyles.org/styles/43656/firefox-4-bookmark-toolbar-autohide

By foxxyn8.

[crankyim]

http://userstyles.org/styles/41338/firefox-4-autohide-bookmarks-toolbar-timed-delayed

By rob64rock

[grayscale]

That's the exact same userstyle that he mentioned on his post XD

[Deo Domuique]

I use this code:

.bookmark-item > .toolbarbutton-icon {
  display: none !important;
}

...to remove all icons ( favicons & folder icons ) from Personal Toolbar...

Can you please tell me how I can do the same on Side-Bar ?

[foxxyn8]

I use this code:

.bookmark-item > .toolbarbutton-icon {
  display: none !important;
}

...to remove all icons ( favicons & folder icons ) from Personal Toolbar...

Can you please tell me how I can do the same on Side-Bar ?

try this:

.sidebar-placesTreechildren::-moz-tree-image {
  width: 0px !important;
  height: 0px !important;
}

[Crixler]

http://userstyles.org/styles/43656/firefox-4-bookmark-toolbar-autohide

By foxxyn8.

Some of my buttons on my bookmarks bar are slightly misaligned now, but this is fantastic.

Thanks!

[Deo Domuique]

Worked after browser restart! Thank you!

[foxxyn8]

Worked after browser restart! Thank you!

You should of only had to open and close the sidebar, but I forgot to mention that anyway :/

[Deo Domuique]

At the begining ( when I pressed "preview"), nothing happened and I was like that: watafak? Not possible! :p

[vasa1]

I will be very grateful for some code to get rid of the white blob that shines in my eyes when I visit some https sites like this for example:

https://bugzilla.mozilla.org/show_bug.cgi?id=591537

[mancode20]

Is there a style that works for Multi-Row Bookmark Toolbars AND doesn't slowdown Firefox considerably? I noticed that when using the style that's out there for Firefox 4, closing tabs feels jerky and not smooth like it once was. Scrolling down pages feels the same way. It's perfect after disabling it. This is the one I'm talking about.

http://userstyles.org/styles/29428

[foxxyn8]

Is there a style that works for Multi-Row Bookmark Toolbars AND doesn't slowdown Firefox considerably? I noticed that when using the style that's out there for Firefox 4, closing tabs feels jerky and not smooth like it once was. Scrolling down pages feels the same way. It's perfect after disabling it. This is the one I'm talking about.

http://userstyles.org/styles/29428

This mat not be as pretty as the one you mentioned, but you could try this:

#PlacesToolbarItems .box-inherit.scrollbox-innerbox {
        display:block !important;
        height: 48px !important; /*<--ADJUST AS DESIRED*/
}

#PlacesChevron.chevron { 
        display:none !important;
}

[Deo Domuique]

Foxxyn, can you tell me how I can use a seperator on search-box icon, like the one of combined stop/reload button?

And if possible to remove the dropmarker without to lose the functionality...

[foxxyn8]

Foxxyn, can you tell me how I can use a seperator on search-box icon, like the one of combined stop/reload button?

And if possible to remove the dropmarker without to lose the functionality...

#searchbar > textbox > box {
border-right: 1px solid rgba(0,0,0,0.25) !important
}

#searchbar .searchbar-dropmarker-image {
display: none !important;
}

[Deo Domuique]

I decided to use only the first part, but... check it out... Why it doesn't touch the edges?

Also, I remember once, found a code that did transparent those texts "Go to web address" & "Google" but don't have anymore the code...

Can you disappear the texts?

[foxxyn8]

I decided to use only the first part, but... check it out... Why it doesn't touch the edges?

#searchbar > textbox > box {
        border-right: 1px solid rgba(0,0,0,0.25) !important;
        margin: -2px 0 !important;
}

Also, I remember once, found a code that did transparent those texts "Go to web address" & "Google" but don't have anymore the code...

Can you disappear the texts?

.autocomplete-textbox.textbox-input:-moz-placeholder {
        display: none  !important;
}

[mancode20]

This mat not be as pretty as the one you mentioned, but you could try this:

#PlacesToolbarItems .box-inherit.scrollbox-innerbox {
        display:block !important;
        height: 48px !important; /*<--ADJUST AS DESIRED*/
}

#PlacesChevron.chevron { 
        display:none !important;
}

Can you make it into a stylish I can install like from userstyles.org? I don't know how to manually do it.

[foxxyn8]

Can you make it into a stylish I can install like from userstyles.org? I don't know how to manually do it.

http://userstyles.org/styles/45503/simple-multi-row-bookmarks-test

['faacu]

This is my actually style: http://img269.imageshack.us/img269/6342/fffixl.png

Is it possible to change for something like this? http://img143.imageshack.us/img143/3812/newff.png