Share your custom Firefox/Minefield 4 stylish scripts

By Steven P.
in Web Browser Discussion & Support

 Share

Recommended Posts

Mentor

SoapyHamHocks Member

Posted
  • Member
Posted

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.

Neowinian

Crixler

Posted
Posted

UltimateFFButtonconcept.png

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?

Mentor

phot0nic

Posted
Posted

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.

Neowinian

Bringo

Posted
Posted

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

Neowinian

Crixler

Posted
Posted

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.

Collaborator

Deo Domuique

Posted
Posted

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 ?

Community Regular

foxxyn8

Posted
Posted

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

Experienced

mancode20

Posted
Posted

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

Community Regular

foxxyn8

Posted
Posted

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

Community Regular

foxxyn8

Posted
Posted

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

Collaborator

Deo Domuique

Posted
Posted

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?

post-350150-0-21055600-1300733131.png

Community Regular

foxxyn8

Posted
Posted

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

Experienced

mancode20

Posted
Posted

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.
This topic is now closed to further replies.
 Share
Go to topic listing

  • Recently Browsing   0 members

    • No registered users viewing this page.