Share your custom Firefox/Minefield 4 stylish scripts

[skyli]

It's here :) http://userstyles.org/styles/41182

[r0bc]

I came here back becouse of that too :s Somehow this transpareny thing is missing from the new builds :s

See the post here by Ziz4rD, I'm using it with the latest 4b10pre and it works with just

#main-window[stylish-url="about:blank"] #browser {
   visibility: hidden !important;}

[CGar]

That code should work for beta8 and prior. For b9pre+ use this

#appcontent,
#content > tabbox > tabpanels {
  background-color: transparent !important;
}

#main-window[stylish-url="about:blank"]:not([onclose="PrintUtils.exitPrintPreview(); return false;"]) #content browser{ 
opacity: 0 !important;
}

Thanks foxxyn8, I'll try that when I get home :D

[foxxyn8]

See the post here by Ziz4rD, I'm using it with the latest 4b10pre and it works with just

#main-window[stylish-url="about:blank"] #browser {
   visibility: hidden !important;}

With that code sidebars will also be hidden when viewing "about:blank"

[+Heartripper Subscriber¹]

With that code sidebars will also be hidden when viewing "about:blank"

wasn't this

supposed to be fixed?

with that code it pops out when in a blank tab and non maximized window

[foxxyn8]

wasn't this

supposed to be fixed?

with that code it pops out when in a blank tab and non maximized window

that's not fixed yet: Bug 623463

[aznkid25]

After installing beta 9, some of my stylish codes got messed up. I was able to fix some of them, but I'm not sure what to do with this one problem. I want to move the tab to the left to get rid of that gap:

Here's the code I have:

#appmenu-button[open] {
    background-image: -moz-linear-gradient(rgba(255,165,0,.8), rgba(255,165,0,1)), -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;
    -moz-box-shadow: 0 0 4px rgba(0,0,0,.4) inset !important;
    border-radius: 0 0 5px 5px !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: -1px !important;   }

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

Any help is appreciated.

[SoapyHamHocks Member]

After installing beta 9, some of my stylish codes got messed up. I was able to fix some of them, but I'm not sure what to do with this one problem. I want to move the tab to the left to get rid of that gap:

Here's the code I have:

Any help is appreciated.

All you really need is this:

#appmenu-button {
  padding: 0 5px 1px !important;
  min-width: 0 !important;
}

#appmenu-button[open] {
  background-image: -moz-linear-gradient(rgba(255,165,0,.8), rgba(255,165,0,1)), 
                	-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;
  -moz-box-shadow: 0 0 4px rgba(0,0,0,.4) inset !important;
  border-radius: 0 0 5px 5px !important;
}

#appmenu-button .button-icon {
  list-style-image: url(http://dl.dropbox.com/u/3769988/temp/firefox16.png);
}

#appmenu-button .button-text {   
  visibility: collapse;
}

You can replace the url with the base64 value if you want. I usually don't add it because the forum screws it up.

[aznkid25]

All you really need is this:

#appmenu-button {
  padding: 0 5px 1px !important;
  min-width: 0 !important;
}

#appmenu-button[open] {
  background-image: -moz-linear-gradient(rgba(255,165,0,.8), rgba(255,165,0,1)), 
                	-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;
  -moz-box-shadow: 0 0 4px rgba(0,0,0,.4) inset !important;
  border-radius: 0 0 5px 5px !important;
}

#appmenu-button .button-icon {
  list-style-image: url(http://dl.dropbox.com/u/3769988/temp/firefox16.png);
}

#appmenu-button .button-text {   
  visibility: collapse;
}

You can replace the url with the base64 value if you want. I usually don't add it because the forum screws it up.

Thanks. Your fix works great. One question. Right now the firefox logo in the button seems a little off center, which part of the code should I change to move the image around?

[SoapyHamHocks Member]

Thanks. Your fix works great. One question. Right now the firefox logo in the button seems a little off center, which part of the code should I change to move the image around?

You can add something like:

#appmenu-button .button-icon {
  padding-top: 2px;
}

[Ziz4rD]

What is the address of this icon? anyone know?

[foxxyn8]

What is the address of this icon? anyone know?

from extensions.css:

.warning-icon {
  list-style-image: url("chrome://mozapps/skin/extensions/alerticon-warning.png");
  width: 16px;
  height: 15px;
  margin: 3px 0;
}

[Ziz4rD]

from extensions.css:

.warning-icon {
  list-style-image: url("chrome://mozapps/skin/extensions/alerticon-warning.png");
  width: 16px;
  height: 15px;
  margin: 3px 0;
}

thanks, and the code for this icon??

[Ziz4rD]

I think that this modification is necessary for those still left with the tabs below

looks better. . .

#main-window[sizemode=normal][tabsontop=false] #PersonalToolbar {

border: 1px solid rgba(0,0,0,.3) !important;

border-bottom: none !important;}

#main-window[sizemode=maximized][tabsontop=false] #PersonalToolbar {

border-top: 1px solid rgba(0,0,0,.3) !important;}

#main-window[sizemode=normal][tabsontop=false] #PersonalToolbar[collapsed=false] + #TabsToolbar {

border-left: 1px solid rgba(0,0,0,.3) !important;

border-right: 1px solid rgba(0,0,0,.3) !important;

padding-left: 1px !important;}

[foxxyn8]

thanks, and the code for this icon??

to change that icon:

 .tab-icon-image[src*="warning-16.png"] {
    padding-left:16px !important;
    background: url("INSERT PREFERRED ICON HERE") center  no-repeat !important;
}

[Deo Domuique]

#toolbar-menubar

I'll look into the bug, but I'm currently not updating the script as I'm building a theme instead.

You gave me this piece of code:

#main-window[sizemode="maximized"] #titlebar  {
  margin-bottom: -23px !important;
}

So I can -with built-in tabs in title bar- select/change tab while pressing on the top-edge... But this code also causes the problem mentioned above... Another way to move tabs on top-edge?

[ruiderson]

Hey guys!

Is there any way to remove this line around the selected item in download manager?

I've made a custom seleted item, but this line is boring me... :wacko:

thanks

[aznkid25]

All you really need is this:

#appmenu-button .button-icon {
  list-style-image: url(http://dl.dropbox.com/u/3769988/temp/firefox16.png);
}

You can replace the url with the base64 value if you want. I usually don't add it because the forum screws it up.

Would it be possible to change the image location to somewhere on my computer, and put the file path, instead of the dropbox url?

[Kyang]

Is it possible to get rid of the two transparent 1px lines over and under the toolbars?

[CGar]

I've got a bit of old Stylish code from this thread that seems to be misbehaving lately. Whenever I startup Firefox, or sometimes navigate to certain webpages, I see the add-on bar randomly at the bottom, with no buttons on it. Also, when I do view it normally, the bar looks really weird

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

/* -- FindToolbar -- */

#FindToolbar {
  border:none !important;
}

#FindToolbar .findbar-container {
  margin-bottom: -1px !important;
  border-radius: 0 4px 0 0;
  border-right: 1px solid rgba(0,0,0,.25) !important;
  border-top: 1px solid rgba(0,0,0,.25) !important;
  background-color: rgb(207, 219, 236) !important;
  background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgb(207,220,236)) !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.5) inset;
}

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

/* ----- Addon Bar ----- */

#addon-bar {
 position: fixed;
 bottom: -22px;
 right: 1px;
 margin-right: 20px !important;
 border: 0 !important;
 -moz-appearance: none !important;
 -moz-transition: bottom .5s 1s ease-in;
 padding-top: 22px !important;
}

#browser-bottombox {
 position: fixed;
 bottom: 0px;
}

#addon-bar:hover {
 bottom: 0;
 -moz-transition: bottom .3s .3s ease-out;
}

#main-window[sizemode="maximized"] #addon-bar {
 right: 0;
}

#addon-bar > #status-bar {
 margin: 0 !important;
 padding: 0 2px 0 2px;
 border-radius: 4px 4px 0 0;
 border: 0 !important;
 border-left: 1px solid rgba(0,0,0,.25) !important;
 border-right: 1px solid rgba(0,0,0,.25) !important;
 border-top: 1px solid rgba(0,0,0,.25) !important;
 background-color: rgb(207, 219, 236) !important;
 background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgb(207,220,236)) !important;
 box-shadow: 0 0 0 1px rgba(255,255,255,.5) inset;
}

Here's a picture of it looking really buggy

[SoapyHamHocks Member]

You gave me this piece of code:

So I can -with built-in tabs in title bar- select/change tab while pressing on the top-edge... But this code also causes the problem mentioned above... Another way to move tabs on top-edge?

You could try this instead:

#main-window[sizemode="maximized"][tabsontop="true"][tabsintitlebar="true"] #TabsToolbar {
  margin-top: -1px;
}

Hey guys!

Is there any way to remove this line around the selected item in download manager?

I've made a custom seleted item, but this line is boring me... :wacko:

thanks

Are you skinning the richlistitems? You could try border-style: solid if you don't already have that.

[vajlent]

Anybody who have a update for the "home button tab" & "better addon bar" script?

I use Minefield b10pre btw...

Thanx (Y)

[SoapyHamHocks Member]

Anybody who have a update for the "home button tab" & "better addon bar" script?

I use Minefield b10pre btw...

Thanx (Y)

I don't have any plans to update the addon-bar script, but anyone is free to fork it and fix it if they want. It just doesn't work the way I want it to. Another option is to use Barlesque.

[dnast]

^ style not script! (I keep saying script too, TBH). But yeah - Barlesque doesn't quite do it for me, either. I've settled for the default Addon Bar but with it being glassed via Stylish...

[SoapyHamHocks Member]

^ style not script! (I keep saying script too, TBH). But yeah - Barlesque doesn't quite do it for me, either. I've settled for the default Addon Bar but with it being glassed via Stylish...

I end up switching between the two :unsure: I guess it depends who I quote :shifty: