Share your custom Firefox/Minefield 4 stylish scripts

10,523 · March 12, 2011

How would I go about adding a popup delay to this code:

#addon-bar:not(:hover) {margin-bottom:-27px}
#addon-bar:not(hover) {min-height: 24px !important;}
#addon-bar {position:absolute}
#browser-bottombox &gt; * {position:static}

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

I want it to delay at least a second before it pops up.

5,018 · March 12, 2011

Looking for a script to make the Firefox button blue in RC1. I have the "Movable Firefox Button" addon installed, so its the small version.

I tried the script at the start of this thread but it made it the wrong size.

1,526 · March 12, 2011

Looking for a script to make the Firefox button blue in RC1. I have the "Movable Firefox Button" addon installed, so its the small version.

I tried the script at the start of this thread but it made it the wrong size.

You can this this code from my Windows 7 style:

#main-window:not([privatebrowsingmode]) #appmenu-button {
  background: transparent -moz-linear-gradient(rgba(29,166,225,1), #1B6FBB 95%) padding-box !important;
  -moz-border-left-colors: rgba(255,255,255,.5) #1B6FBB !important;
  -moz-border-bottom-colors: rgba(255,255,255,.5) #1B6FBB !important;
  -moz-border-right-colors: rgba(255,255,255,.5) #1B6FBB !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.25) inset,
              0 0 2px 1px rgba(255,255,255,.25) inset !important;
}

#main-window:not([privatebrowsingmode]) #appmenu-button:hover,
#main-window:not([privatebrowsingmode]) #appmenu-button[open="true"]{
  background: -moz-radial-gradient(center bottom, farthest-side, rgba(93,199,244,.5) 10%, rgba(93,199,244,0) 70%),
              -moz-radial-gradient(center bottom, farthest-side, rgb(87,163,213), rgba(181,233,244,0)),
              -moz-linear-gradient(#25B6E9, #1B6FBB 95%) padding-box !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.25) inset,
              0 0 1px 0 rgba(255,255,255,1) inset !important
}

#main-window:not([privatebrowsingmode]) #appmenu-button[open="true"]{
  box-shadow: 0 0 4px 0 rgba(0,0,0,.35) inset !important;
}

Or Stratiform and pick any color you want.

March 12, 2011

Based on an idea from a user style by kuRmA that moved the Find Bar in Fx to the default position in the Chrome browser (http://userstyles.org/styles/45007/find-bar-like-google-chrome-ii), I moved the Status Panel to near the top. The exact px value will depend on the user's set-up:

statuspanel{
position: fixed;
top: 55px;
}

March 12, 2011

Hello, can someone tell me how to avoid the overlay of the padded tab when many tabs are open? Here are two screen, without or with many tabs open.

And here is my code style:

/* Tab Fixes */

#navigator-toolbox[tabsontop="true"] #TabsToolbar
{ padding: 0px 110px 0 50px !important; }

#main-window[tabsontop="true"]
{ margin-top: -17px !important; }

.tabbrowser-tab[fadein]:not([pinned])
{ max-width: 200px !important; }

.tabbrowser-tab[fadein][pinned] 
{  margin-top: -0.2px !important; }

/* Menu Bar Fixes */

#main-window[tabsontop="true"] menubar 
{    margin-left: 48px !important; 
     padding-top: 0px !important; }


/* Menu Button Fixes */ 

#appmenu-button
{   border: 0.5px solid rgba(90,30,0,0.8)!important;
    border-top:none!important;
    padding: 2px 5px 1px 5px !important;
    height: 22px !important;
    min-width: 43px !important;
    width: 43px !important;
    -moz-box-shadow: 0 0 3px rgba(255,255,255,.5) inset, 0 0 1px rgba(255,250,200,0.8) inset, 0 0 1px rgba(255,250,200,0.8) inset, 0 0 1px rgba(255,250,200,0.8) inset, 0 0 1px rgba(255,250,240,0.5) !important;  }

#appmenu-button:hover:active, #appmenu-button[open]
{    background-image: -moz-linear-gradient(rgba(0,0,0,.2), rgba(0,0,0,.1) 10%, transparent 60%), -moz-radial-gradient(14px, circle cover, rgba(248, 233, 164, 0.5) 29%, rgba(248, 233, 164, 0.2) 35%, rgba(248, 233, 164, 0) 50%) !important;  }

#appmenu-button .button-text
{ 
    color: transparent !important;
    text-shadow: none !important;
    margin-left: -27px !important;
    margin-right: -33px !important;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAADK0lEQVQ4jV2TTWxUZRSGn++7d+bey3SYMgMzdNLMTCu2VcE0CjG1qYqRSEhYKElTA66MooaNLozDwh8WjAs3JsSFSxeKRg0axSj+EApFYotAS0ctWmeEOpTS6fx0fu+9n4v+pPqsTk7yvuck57wCIGXIT4BUsu6OBbr2bO+p5J71OfWHxvzxMEuMA6eBLwu/nxxlDWLZQAGcDG09Ou/xDR3IXegE2F9zEMDg/rd59eky1z467575pfLdrrmLRw7dqJxjWXwgZUh1682gShlSra2Ha0qdK9nq63xDbXniLTUx8pz68Y1+9U5XuPrhwMZBACkEjwRDGgD7hoLE457V9c4GNF5u9XK1WGfw4B4efT1B594eHnvlHrNUku99/mRks9SkuL/jTk+jkrVxF6ps7/Ovmu0bChKXUEQnH9uCMrx8MNJK4sEIoZgVKN9sJqXHENFou+ZtVl18iaXp1UKEjbuf4dPj86hTC1y+eJuJM3/hojF5rUGhYNO9K8TiXG2nrhTrfa0SXQoqJUnLwB0A6J5JAGamcuQn05RmctiuzlhaYkmHSNxkMe/06PWaa2CD2SYZ/rZE8/tRZnIKgKOPv0vz/Y8RysGSLtWaIJKo0Lp+nnylQq1o69LwiHKpoEBAMKKxye/S1iYBOPzNi3zW9wOv7chQnJ2jUczzcHsW8vOUf72J1SIqugZX/sk2+/0bNLruNvl73GZbXOfeHSY+0+ZC5hacOI3d/jwxK8vB3jT1XIPrZ/Nowh3XbUcdnxpv3BcI6VY4ZtK+LYjdcBj7aZHMHw3gKknfU/Sv+40Xdt8mpNVZmFpg8mcNb2vwlEgZssXSGNaF6N055Mc0dBxHR5oa03kvc8Ua68QisXCTRMKgik56pMyfGau4ObapWwAcMeQDluQLS4rw1j6LSFRD1ySapjCkjeMIbMAMQSarmLhUr81NOwPJujsqVr4uZcheQ+MrBdFQi6Sz20sgKNAtwCOYvd4kc0OgqnYlN+v2J+vupdUwrXDMp3W4gpdcpfY6UiQce+k6piHYEJA1p6lOlBfU4UOLzvR/0vh/jvm0DuAuILrcmgHSa4Ur/AsXclHwqDchzQAAAABJRU5ErkJggg==") no-repeat 16px !important; }

#appmenu-button dropmarker
{  margin: 0 1px 0 0 !important; }

#appmenu-button-container
{    position: fixed !important;
    top: 0 !important;   }

#main-window[sizemode="maximized"][tabsontop="true"] #appmenu-button-container 
{    position: fixed !important; 
     margin: 6px 0px 4px 4px !important;
     top: 2px !important; }

I'm using Firefox 4 RC1 on Windows Vista. Many thanks!

March 12, 2011

please give me the code cross tabs of the topic https://addons.mozilla.org/en-US/firefox/addon/chromifox-basic/

March 12, 2011

I am sorry if this is posted before but how can i move the star-button to the left side of the address bar?

1,185 · March 12, 2011

I am sorry if this is posted before but how can i move the star-button to the left side of the address bar?

You can try this:

http://soapyhamhocks.deviantart.com/art/LeftSideStar-for-Firefox-173619789

2,114 · March 12, 2011

HI

Can someone take a look at my screen, You can see there appmenu button in hover state, I like to have it as normal button ;)

1,483 · March 12, 2011

How can I reduce, if not remove, the space between the top and the top portion of the tab bar?

:

I am playing around DOMi but still can't figure out how to lessen the distance.

March 12, 2011

You can try this:

http://soapyhamhocks.deviantart.com/art/LeftSideStar-for-Firefox-173619789

Thank you. I suppose there is no way to accomplish this with pure css.

27,724 · March 12, 2011

How can I reduce the width of the URL or awesome bar. I removed the search bar as I don't really use it and now the URL bar stretches across the entire browser.

March 12, 2011

Hello, can someone tell me how to avoid the overlay of the padded tab when many tabs are open? Here are two screen, without or with many tabs open.

I'm using Firefox 4 RC1 on Windows Vista. Many thanks!

foxxyn8 gave me a code that fixed my style. Maybe this fix your code too.

height: according to the height of your tabs.

the post about this

#tabbrowser-tabs[overflow="true"] .tabbrowser-tab[pinned] {
	height: 22px !important;
}

March 12, 2011

How can I reduce the width of the URL or awesome bar. I removed the search bar as I don't really use it and now the URL bar stretches across the entire browser.

just replace the max-width value with whatever you prefer:

#urlbar-container {
        max-width: 800px !important;
}

or you could just add spaces/seperators from the customization pallete as max22 suggests below.

1,639 · March 12, 2011

How can I reduce the width of the URL or awesome bar. I removed the search bar as I don't really use it and now the URL bar stretches across the entire browser.

That is easy add spaces.

27,724 · March 12, 2011

Thanks Foxxyn8! I tried the spaces , not what I wanted.

1,639 · March 12, 2011

Thanks Foxxyn8! I tried the spaces , not what I wanted.

True but it is one way if Stylish can not be installed, gives problems, or whatever.

March 13, 2011

How can I reduce the width of the URL or awesome bar. I removed the search bar as I don't really use it and now the URL bar stretches across the entire browser.

Gary7, one other thing to try is to fiddle with the "customize" option that comes up when you right-click on a vacant area in the toolbar/title bar area. For example, I've moved add-ons from the add-on bar to next to the url bar and then deleted the add-on bar. You could also drag various other buttons to be on the same row as the url bar. (As a drastic case, you can also have the tab bar and the url bar on the same row.)

27,724 · March 13, 2011

Thanks Max and vasa1.

March 13, 2011

foxxyn8 gave me a code that fixed my style. Maybe this fix your code too.

height: according to the height of your tabs.

the post about this
#tabbrowser-tabs[overflow="true"] .tabbrowser-tab[pinned] {
	height: 22px !important;
}

Thanks but this code didn't fix the problem in my case. This is how FF looks adding this code:

and changing the height value seems irrilevant.

My code style:

/* Tab Fixes */

#navigator-toolbox[tabsontop="true"] #TabsToolbar
{ padding: 0px 110px 0 50px !important; }

#main-window[tabsontop="true"]
{ margin-top: -17px !important; }

.tabbrowser-tab[fadein]:not([pinned])
{ max-width: 200px !important; }

.tabbrowser-tab[fadein][pinned] 
{  margin-top: -0.2px !important; }

#tabbrowser-tabs[overflow="true"] .tabbrowser-tab[pinned] {
        height: 22px !important;
}

/* Menu Bar Fixes */

#main-window[tabsontop="true"] menubar 
{    margin-left: 48px !important; 
     padding-top: 0px !important; }

March 13, 2011

Hi,

Is there a way to change the color of firefox?

March 13, 2011

thanks !

27,724 · March 13, 2011

Hi,

Is there a way to change the color of firefox?

Use this script with Stylish.

Firefox 4: Choose Your Color

March 13, 2011

How can i put abp or noscript icons on the url bar like this?

March 13, 2011

Heartripper, I've started a topic on your Script page...

http://forum.userstyles.org/discussion/25510/there-is-a-bug

Please check it whenever you have available time.

Sign In

Share your custom Firefox/Minefield 4 stylish scripts

Recommended Posts

trag3dy

Link to comment

Share on other sites

+longgonebn Subscriber²

Link to comment

Share on other sites

SoapyHamHocks Member

Link to comment

Share on other sites

vasa1

Link to comment

Share on other sites

Bruniii

Link to comment

Share on other sites

nexxx

Link to comment

Share on other sites

nephrithe

Link to comment

Share on other sites

+Heartripper Subscriber¹

Link to comment

Share on other sites

Semtex

Link to comment

Share on other sites

grayscale

Link to comment

Share on other sites

nephrithe

Link to comment

Share on other sites

+Gary7 Subscriber²

Link to comment

Share on other sites

Drifus

Link to comment

Share on other sites

foxxyn8

Link to comment

Share on other sites

max22

Link to comment

Share on other sites

+Gary7 Subscriber²

Link to comment

Share on other sites

max22

Link to comment

Share on other sites

vasa1

Link to comment

Share on other sites

+Gary7 Subscriber²

Link to comment

Share on other sites

Bruniii

Link to comment

Share on other sites

kawasabi

Link to comment

Share on other sites

nexxx

Link to comment

Share on other sites

+Gary7 Subscriber²

Link to comment

Share on other sites

tyler78

Link to comment

Share on other sites

Deo Domuique

Link to comment

Share on other sites

Recently Browsing 0 members