Share your custom Firefox/Minefield 4 stylish scripts

[Deo Domuique]

I fixed it up for you a little bit. I took out all the popup references since "The popup element is no longer supported; you should use menupopup instead."(see : https://developer.mozilla.org/en/Firefox_4_for_developers). Should you find you need them you can just add them back in.

Damn! Now I saw it by luck! Thought none responded! Thank you man!

[Deo Domuique]

Soapy, I added the code you posted above and got this now:

One thing left I wish now... How can I add this image, the white fox?

So, now the entire code looks like this:

/* App Menu Button */

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

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

#appmenu-button .button-menu-dropmarker { 
  margin: 0 !important; 
}


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

[V23]

1. Search the userstyle for '/* App Menu Button */' and remove all that bit.

2. Use this code:

#identity-box:not(.verifiedDomain):not(.verifiedIdentity) {
  visibility: collapse !important;
}

3. No idea about that. Is his language 'right to left' or 'left to right'?

Thanks so much, the first two worked perfectly. Not sure what you mean by left to right but I think he has the UK-English Firefox and I have the US-English Firefox?

One thing left I wish now... How can I add this image, the white fox?

x2

[r0bc]

One thing left I wish now... How can I add this image, the white fox?

This is the style I'm using, I tweaked some pre-existing style and made the white fox myself from some white firefox icon I found on the Net.

#appmenu-button
{
    padding: 1px 5px 1px 5px !important;
    height: 20px !important;
    min-width: 43px !important;
    width: 53px !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,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAYAAAAmL5yKAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAABl0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuNUmK/OAAAAH+SURBVDhPdZK7ThtBFIZ3ERjLQRQ4TaSUoaCJUlGQhicgidLxAERpIqVKlRQRQjwBeQI6LhWiiEKVFqTERgLZkb2+e32R1+vb2rM7+c7Ki0iEV/o1Z+b85z9n/h3T4BuNRm/j8fixxPKNx+MFlmQsFqvJfjAYzLE8N01zA+ggCC4SicRtxDd6vZ4FaV8p9R6xD5PJJAWe3BEI4DyCs03+GrjEW2G+2+2abBwKNJ01seCMgth9gSiGv+y67lW/33douG54nvdGClENi0loCCz9UrPZPJwhsuU4jqbpZ7n/2XA4jDqHK/siWHmoWM7o/EUawTkRg7IiMEXQarU8xj9lshezBOi8L1PLmEan0ynI+CKQz+dH6XRaZ7PZx7OK4b0El1OBplGv139x4ItAqVRShUJBW5b1m/hruVz+Bm6q1epOJMjEr5nQl6bgh0FyF2ddOSCh2+22xry9XC43LBaLdqVSecc6P30vq/B2pZnwmeKTkclkniEitntTVUmO6fQRpxejzniyBlLAReCPcIifhnlEDhhVHoePUBAJQbQ5O4f4k25Kzoklb8E7uPMJgSWMu+L+fqPRUFxDcZ0JCKJxozcie95JCiz/YzTGJfkL31nFTM3dNQb7tVpN2bYdeiOPh792ypp88C8hYHKVV+AIAQso/FEI5eVVgs3/C/8CK4w511RVmf8AAAAASUVORK5CYII=") no-repeat 16px !important;

}

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

}

This bug is where I got the idea from, but the actual image comes from this one after removing the globe and resizing.

[Deo Domuique]

It gives me error "18:0 Found unclosed String" and the image not appearing:

Any idea? I'll see another script how integrates images and I'll try to figure out what is missing/wrong.

[Deo Domuique]

I did it. I merged the image code into one line and the error gone.

Thank you r0bc!

[Steven P. Administrators]

Download the styles below.

Horizontal

Vertical

Using the vertical one, thanks (Y)

[syobon999]

FF is opensource and have tons of potential developers, I dunno why it take so long to release a new version with improvements, opera wins

[alisalem]

Hi folks,

I'm using this amazing add-on: https://www.deviantart.com/users/login?ref=http://my.deviantart.com/messages#/d34dzvv

Is there a way to fix this?

[Darrian]

Tabs on Title bar is reality by default and configurable through about:config!

Perfect! Both sides happy!

Happy might not be the applicable term, not if you have no clue how to enable it. What's the string to enable it?

[r0bc]

I did it. I merged the image code into one line and the error gone.

Thank you r0bc!

I was about to tell you the same :p

You're welcome!

[Karl-Johan]

Happy might not be the applicable term, not if you have no clue how to enable it. What's the string to enable it?

Right-click on toolbar and select "Tabs on top".

[Darrian]

Right-click on toolbar and select "Tabs on top".

Um, no... that's not what we're talking about. Tabs "on top," has been an option (and the default) for many, many months now. Thanks for trying to help, though.

[foxxyn8]

It's available in the latest nightly (b9pre) with tabs on top by default and only for Windows. It can be toggled with: browser.tabs.drawInTitlebar in about:config

[Karl-Johan]

Um, no... that's not what we're talking about. Tabs "on top," has been an option (and the default) for many, many months now. Thanks for trying to help, though.

Well... it works for me...

[Darrian]

It's available in the latest nightly (b9pre) with tabs on top by default and only for Windows. It can be toggled with: browser.tabs.drawInTitlebar in about:config

Ty Foxxyn8. I guess the build I'm using is from the 6th, still waiting for a new x64 build.

[foxxyn8]

Ty Foxxyn8. I guess the build I'm using is from the 6th, still waiting for a new x64 build.

Yeah, it just landed in today's trunk build for win32 so I guess it'll show up in the x64 build whenever they decide to release a new one, lol.

:)

[SoapyHamHocks Member]

Does font rendering look different to anyone else on today's build? Looks terrible in some cases.

Hi folks,

I'm using this amazing add-on: https://www.devianta...ssages#/d34dzvv

Is there a way to fix this?

Stratiform? That will be fixed in alpha2 which we should have ready soon.

[Darrian]

Yeah, it just landed in today's trunk build for win32 so I guess it'll show up in the x64 build whenever they decide to release a new one, lol.

:)

It's not a huge deal anyway since I'm doing it with Stylish already, but it would be nice to not have to tweak the code every time I switch themes.

[alisalem]

Stratiform? That will be fixed in alpha2 which we should have ready soon.

Yes I'm using that. Thanks. :)

[SoapyHamHocks Member]

For you guys that want the Firefox icon on the appmenu you should really be doing it something like this:

#appmenu-button .button-icon {
  width: 16px !important;
  height: 14px !important;
  background: url(http://dl.dropbox.com/u/3769988/temp/fox.png) no-repeat !important;
}

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

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

There is no need to style the button-text and use all those negative margins, plus it would probably be different depending on the appmenu label.

[JUANMAS7ER]

How can I add text next to the logo in that style?

[SoapyHamHocks Member]

How can I add text next to the logo in that style?

Something like this:

#appmenu-button .button-icon {
  list-style-image: url(http://dl.dropbox.com/u/3769988/temp/fox.png);
  -moz-margin-end: 4px;
}

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

[JUANMAS7ER]

Thanks man, i'm a fan of your work ;)

[SoapyHamHocks Member]

Slims the Firefox application menu when maximized.

Download

I'm unsure of the author of the image. If you are the author contact me and I will include proper credits or remove if needed.