Share your custom Firefox/Minefield 4 stylish scripts

[trag3dy]

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 > * {position:static}

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

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

[+longgonebn Subscriber²]

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.

[SoapyHamHocks Member]

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.

[vasa1]

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

[Bruniii]

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!

[nexxx]

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

[nephrithe]

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

[+Heartripper Subscriber¹]

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

[Semtex]

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

[grayscale]

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.

[nephrithe]

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.

[+Gary7 Subscriber²]

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.

[Drifus]

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

[foxxyn8]

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.

[max22]

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.

[+Gary7 Subscriber²]

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

[max22]

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.

[vasa1]

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.)

[+Gary7 Subscriber²]

Thanks Max and vasa1.

[Bruniii]

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

[kawasabi]

Hi,

Is there a way to change the color of firefox?

[nexxx]

thanks !

[+Gary7 Subscriber²]

Hi,

Is there a way to change the color of firefox?

Use this script with Stylish.

Firefox 4: Choose Your Color

[tyler78]

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

[Deo Domuique]

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.