Share your custom Firefox/Minefield 4 stylish scripts

March 24, 2011

Are you talking about the add-ons manager tab? If so this will exclude it:
.tabbrowser-tab[selected="true"]:not([label="Add-ons Manager"])

That's the one. Thanks!

March 24, 2011

Here is my edited code for the add-on bar:

(both maximized/minimized window mode.)

#navigator-toolbox:not([customizing]) ~ #browser-bottombox {
        position: fixed;
        bottom: 0;
        left: 0;
}
#navigator-toolbox:not([customizing]) ~ #browser-bottombox #addon-bar {
        -moz-appearance: none !important;
        padding: 4px 8px 1px 8px !important;
        margin-bottom: -1px !important;
        border: none !important;
        border-radius: 1.5px 1.5px 0 0 !important;
        margin-right: 0px !important;
        background-image: -moz-linear-gradient(rgba(255,255,255,.8), rgba(200,200,200,.8)) !important;
        box-shadow: 0 0 0 1px rgba(0,0,0,.25) inset, 0 0 0 2px rgba(255,255,255,.5) inset !important;
        position: fixed;
        bottom: -7px;
        right: 18px;
        opacity: 0;
        -moz-transition: bottom 0.25s 0.5s ease-in, opacity 0.1s 0.65s ease-in;
}
#addon-bar .toolbarbutton-1 {
        vertical-align: bottom !important;
}
#navigator-toolbox:not([customizing]) ~ #browser-bottombox #addon-bar:hover {
        bottom: 0;
        opacity: 1;
        -moz-transition: bottom .25s .25s ease-out, opacity 0.1s 0.25s ease-out;
}

#addonbar-closebutton {
    display: none !important;
}


#FindToolbar {
        border: none !important;
}
#FindToolbar .findbar-container {
        margin-bottom: -2px !important;
        margin-left: -2px !important;
        border-radius: 0 1.5px 0 0 !important;
        background: -moz-linear-gradient(rgba(255,255,255,.8), rgba(200,200,200,.8)) !important;
        box-shadow: 0 0 0 1px rgba(0,0,0,.25) inset, 0 0 0 2px rgba(255,255,255,.5) inset !important;
}
#FindToolbar .find-status-icon[status="notfound"] + .findbar-find-status, #FindToolbar .find-status-icon[status="wrapped"] + .findbar-find-status {
        padding-right: 5px !important;
}
#FindToolbar .find-status-icon[status="notfound"], #FindToolbar .find-status-icon[status="wrapped"] {
         margin-left: -1px !important;
}
#FindToolbar .find-status-icon:not([status="notfound"]):not([status="wrapped"]) + .findbar-find-status {
         display: none !important;
}

March 24, 2011

How would I make my Firefox look like this?

March 24, 2011

How would I make my Firefox look like this?

Just pin your home/startpage and use this about:home favicon script ;)

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

#urlbar [src="chrome://branding/content/icon16.png"], 
tab [src="chrome://branding/content/icon16.png"],
.bookmark-item [src="chrome://branding/content/icon16.png"] { 
  padding-left:16px !important; 
  margin-top: 0 !important;
  -moz-image-region: auto !important;
  background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAQAAAD8x0bcAAAAAXNSR0IArs4c6QAAAAJiS0dEAP+Hj8y/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH2goQEiscGAsM7wAAAbZJREFUKM+Nkb1rU2EUxn/vm/fmNokxCY0xSPu2UGgHqYh0qEXokMXJQZxdBJ2E+gGCu4OgUMGCdHJx8C+QzKJth0oVCqWgNS/Y2kJIevNx09v74XAjiZvPdDjnx3k4zxEMyQgskkR4+Doa9MUQIklTpIBPnQa9ASaGkCxjx+mrj1X322uOOaKtQ/4xSpiCuVRdyHy8EJWjzIe1eTNr8iYRT2WMkGfyffnm6sS1GaYZu15ZqRaZJBdjAowiz8TL8bdvps6XsAk54YAfew/u3z2gRlMHwigK6DtXvryYPlvCQhIR0OOI3Xrl4attDA1hzqFvVH4/m1FFkigEISE+Jxyy61588u4zPyVn5m/vPC+rPGlS2NiMMIKNTY5SamN58RYZRftr1do2qUfLo1goJCE+EOC560tEXq3XUTTcT+7495KHRZJTmkAGi1M6OJt02KcrtY9DMyBEImm7K/eeLrWQCAKApna0rwbRCwQtnM29XItCHCBDYQL9mzzAxyckZPDheFMQcUgWwS8gYh+BSx2IPQWAyYmp7FyMO1sikb3crzeo6dZfSJEmhYwvR5Ds1y5dHfB/+gPvmqQZh9ATTAAAAABJRU5ErkJggg==") no-repeat  center  !important; 
}

March 24, 2011

Just pin your home/startpage and use this about:home favicon script ;)

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

#urlbar [src="chrome://branding/content/icon16.png"], 
tab [src="chrome://branding/content/icon16.png"],
.bookmark-item [src="chrome://branding/content/icon16.png"] { 
  padding-left:16px !important; 
  margin-top: 0 !important;
  -moz-image-region: auto !important;
  background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAQAAAD8x0bcAAAAAXNSR0IArs4c6QAAAAJiS0dEAP+Hj8y/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH2goQEiscGAsM7wAAAbZJREFUKM+Nkb1rU2EUxn/vm/fmNokxCY0xSPu2UGgHqYh0qEXokMXJQZxdBJ2E+gGCu4OgUMGCdHJx8C+QzKJth0oVCqWgNS/Y2kJIevNx09v74XAjiZvPdDjnx3k4zxEMyQgskkR4+Doa9MUQIklTpIBPnQa9ASaGkCxjx+mrj1X322uOOaKtQ/4xSpiCuVRdyHy8EJWjzIe1eTNr8iYRT2WMkGfyffnm6sS1GaYZu15ZqRaZJBdjAowiz8TL8bdvps6XsAk54YAfew/u3z2gRlMHwigK6DtXvryYPlvCQhIR0OOI3Xrl4attDA1hzqFvVH4/m1FFkigEISE+Jxyy61588u4zPyVn5m/vPC+rPGlS2NiMMIKNTY5SamN58RYZRftr1do2qUfLo1goJCE+EOC560tEXq3XUTTcT+7495KHRZJTmkAGi1M6OJt02KcrtY9DMyBEImm7K/eeLrWQCAKApna0rwbRCwQtnM29XItCHCBDYQL9mzzAxyckZPDheFMQcUgWwS8gYh+BSx2IPQWAyYmp7FyMO1sikb3crzeo6dZfSJEmhYwvR5Ds1y5dHfB/+gPvmqQZh9ATTAAAAABJRU5ErkJggg==") no-repeat  center  !important; 
}

Thanks for that! Is it possible to make the orange firefox button in the above style?

March 24, 2011

Thanks for that! Is it possible to make the orange firefox button in the above style?

I'm sure it is but i don't know how though :D

1,526 · March 24, 2011

Thanks for that! Is it possible to make the orange firefox button in the above style?

Try my code here.

March 24, 2011

Try my code here.

Not sure if something is conflicting but I get this:

I turned off other styles but still the same.

1,526 · March 24, 2011

Not sure if something is conflicting but I get this:

I turned off other styles but still the same.

Isn't that what you wanted? Or do you mean the position of it?

March 24, 2011

Isn't that what you wanted? Or do you mean the position of it?

I should have been a bit more clearer in my original post.

Currently I have the moved the orange button to the same row as my tabs.

Instead of it being orange I want it to look like another tab as in this mockup I've thrown together below:

March 24, 2011

How would I go about deleting the top portion of the bookmarks menu?

March 24, 2011

That's really nice mate! ;)

39,379 · March 24, 2011

Here is my edited code for the add-on bar:

(both maximized/minimized window mode.)

#navigator-toolbox:not([customizing]) ~ #browser-bottombox {
        position: fixed;
        bottom: 0;
        left: 0;
}
#navigator-toolbox:not([customizing]) ~ #browser-bottombox #addon-bar {
        -moz-appearance: none !important;
        padding: 4px 8px 1px 8px !important;
        margin-bottom: -1px !important;
        border: none !important;
        border-radius: 1.5px 1.5px 0 0 !important;
        margin-right: 0px !important;
        background-image: -moz-linear-gradient(rgba(255,255,255,.8), rgba(200,200,200,.8)) !important;
        box-shadow: 0 0 0 1px rgba(0,0,0,.25) inset, 0 0 0 2px rgba(255,255,255,.5) inset !important;
        position: fixed;
        bottom: -7px;
        right: 18px;
        opacity: 0;
        -moz-transition: bottom 0.25s 0.5s ease-in, opacity 0.1s 0.65s ease-in;
}
#addon-bar .toolbarbutton-1 {
        vertical-align: bottom !important;
}
#navigator-toolbox:not([customizing]) ~ #browser-bottombox #addon-bar:hover {
        bottom: 0;
        opacity: 1;
        -moz-transition: bottom .25s .25s ease-out, opacity 0.1s 0.25s ease-out;
}

#addonbar-closebutton {
    display: none !important;
}


#FindToolbar {
        border: none !important;
}
#FindToolbar .findbar-container {
        margin-bottom: -2px !important;
        margin-left: -2px !important;
        border-radius: 0 1.5px 0 0 !important;
        background: -moz-linear-gradient(rgba(255,255,255,.8), rgba(200,200,200,.8)) !important;
        box-shadow: 0 0 0 1px rgba(0,0,0,.25) inset, 0 0 0 2px rgba(255,255,255,.5) inset !important;
}
#FindToolbar .find-status-icon[status="notfound"] + .findbar-find-status, #FindToolbar .find-status-icon[status="wrapped"] + .findbar-find-status {
        padding-right: 5px !important;
}
#FindToolbar .find-status-icon[status="notfound"], #FindToolbar .find-status-icon[status="wrapped"] {
         margin-left: -1px !important;
}
#FindToolbar .find-status-icon:not([status="notfound"]):not([status="wrapped"]) + .findbar-find-status {
         display: none !important;
}

Nice, using this (Y)

39,379 · March 24, 2011

Ok that style has a graphical issue bottom left side

10,523 · March 24, 2011

Ok that style has a graphical issue bottom left side

I noticed that too.

39,379 · March 24, 2011

I noticed that too.

Good, that means its not something else I have installed. If someone can fix, thanks :D

4,982 · March 24, 2011

Here is my edited code for the add-on bar:

(both maximized/minimized window mode.)

#navigator-toolbox:not([customizing]) ~ #browser-bottombox {
        position: fixed;
        bottom: 0;
        left: 0;
}
#navigator-toolbox:not([customizing]) ~ #browser-bottombox #addon-bar {
        -moz-appearance: none !important;
        padding: 4px 8px 1px 8px !important;
        margin-bottom: -1px !important;
        border: none !important;
        border-radius: 1.5px 1.5px 0 0 !important;
        margin-right: 0px !important;
        background-image: -moz-linear-gradient(rgba(255,255,255,.8), rgba(200,200,200,.8)) !important;
        box-shadow: 0 0 0 1px rgba(0,0,0,.25) inset, 0 0 0 2px rgba(255,255,255,.5) inset !important;
        position: fixed;
        bottom: -7px;
        right: 18px;
        opacity: 0;
        -moz-transition: bottom 0.25s 0.5s ease-in, opacity 0.1s 0.65s ease-in;
}
#addon-bar .toolbarbutton-1 {
        vertical-align: bottom !important;
}
#navigator-toolbox:not([customizing]) ~ #browser-bottombox #addon-bar:hover {
        bottom: 0;
        opacity: 1;
        -moz-transition: bottom .25s .25s ease-out, opacity 0.1s 0.25s ease-out;
}

#addonbar-closebutton {
    display: none !important;
}


#FindToolbar {
        border: none !important;
}
#FindToolbar .findbar-container {
        margin-bottom: -2px !important;
        margin-left: -2px !important;
        border-radius: 0 1.5px 0 0 !important;
        background: -moz-linear-gradient(rgba(255,255,255,.8), rgba(200,200,200,.8)) !important;
        box-shadow: 0 0 0 1px rgba(0,0,0,.25) inset, 0 0 0 2px rgba(255,255,255,.5) inset !important;
}
#FindToolbar .find-status-icon[status="notfound"] + .findbar-find-status, #FindToolbar .find-status-icon[status="wrapped"] + .findbar-find-status {
        padding-right: 5px !important;
}
#FindToolbar .find-status-icon[status="notfound"], #FindToolbar .find-status-icon[status="wrapped"] {
         margin-left: -1px !important;
}
#FindToolbar .find-status-icon:not([status="notfound"]):not([status="wrapped"]) + .findbar-find-status {
         display: none !important;
}

Very nice (Y)

March 24, 2011

That's really nice mate! ;)

Thanks! I hope its possible to do, I can provide the Firefox logo if that's needed.

3,098 · March 24, 2011

Hmm seeing as Audioboxer's code is the same as mine but my bar looks different I guess my Windows theme (Soft7) is interfering. Is there any way to over-ride this?

When kilara1988 asked me if I was using a theme on the other FF thread I assumed they meant a Firefox theme, but maybe they meant a Windows one.

March 24, 2011

Hi! I've been using this code to make the tab bar smaller :

#TabsToolbar{
   height: 24px !important;
}

 .tabbrowser-tab, .tabs-newtab-button {
   -moz-border-image: url("chrome://browser/skin/tabbrowser/tab.png") 4 3 2 3 / 4px 3px 2px 3px repeat stretch !important;
border-radius:4px 4px 4px 4px !important;
 }

It worked fine till today when i updated to the latest nightly build 4.2a1pre.

Now it's doesn't work as it should so I'd be very grateful if someone could post an updated version.

March 24, 2011

How would I go about deleting the top portion of the bookmarks menu?

for just the bookmark menubutton:

#BMB_viewBookmarksToolbar,
#BMB_bookmarksShowAll,
#BMB_bookmarkThisPage,
#BMB_subscribeToPageMenuitem,
#BMB_subscribeToPageMenupopup,
#BMB_bookmarksToolbar,
#BMB_bookmarksPopup &gt; menuseparator:nth-child(2),
#BMB_bookmarksPopup &gt; menuseparator:nth-child(4),
#BMB_bookmarksPopup &gt; menuseparator:nth-child(8),
#BMB_bookmarksPopup &gt; menuseparator:nth-child(10) {
        display: none !important;
}

2,516 · March 24, 2011

Would there be a script I could use to give the tabs a *slight* transparency?

10,523 · March 24, 2011

Would there be a script I could use to give the tabs a *slight* transparency?

Get the stratiform addon. Failing that try:

http://userstyles.org/styles/33773/firefox-4-choose-your-color

March 25, 2011

Is there a way to move the page loading status poput at the bottom left of the screen? I want it a few pixels up and few to the right, so there's just a little gap.

March 25, 2011

Is there a way to move the page loading status poput at the bottom left of the screen? I want it a few pixels up and few to the right, so there's just a little gap.

statuspanel { position: fixed; top: 456px; min-width: 25% !important; max-width: 90% !important; pointer-events: none !important; }

brings it near the middle of my screen, height-wise. Increasing the "top" value will lower it further.

I don't know of a way to move it to the right.

Sign In

Share your custom Firefox/Minefield 4 stylish scripts

Recommended Posts

mNiosu

Link to comment

Share on other sites

vajlent

Link to comment

Share on other sites

parry

Link to comment

Share on other sites

vajlent

Link to comment

Share on other sites

parry

Link to comment

Share on other sites

vajlent

Link to comment

Share on other sites

SoapyHamHocks Member

Link to comment

Share on other sites

parry

Link to comment

Share on other sites

SoapyHamHocks Member

Link to comment

Share on other sites

parry

Link to comment

Share on other sites

Lewkwarm

Link to comment

Share on other sites

vajlent

Link to comment

Share on other sites

+Audioboxer Subscriber²

Link to comment

Share on other sites

+Audioboxer Subscriber²

Link to comment

Share on other sites

trag3dy

Link to comment

Share on other sites

+Audioboxer Subscriber²

Link to comment

Share on other sites

Syanide

Link to comment

Share on other sites

parry

Link to comment

Share on other sites

protocol7

Link to comment

Share on other sites

Makmende

Link to comment

Share on other sites

foxxyn8

Link to comment

Share on other sites

Frylock86

Link to comment

Share on other sites

trag3dy

Link to comment

Share on other sites

Karl-Johan

Link to comment

Share on other sites

vasa1

Link to comment

Share on other sites

Recently Browsing 0 members