Share your custom Firefox/Minefield 4 stylish scripts

[SoapyHamHocks Member]

Replaces the bookmarks icon when placed in the Personal Toolbar.

http://userstyles.org/styles/35199

[SoapyHamHocks Member]

Replaces the bookmark star icon with newer ones from the mockups.

http://userstyles.org/styles/35201

[aznkid25]

#browser-bottombox,
#status-bar,
#status-bar *,
#FindToolbar {
  -moz-appearance: -moz-win-glass !important;
  background: transparent !important;
  border: 0 !important;
  text-shadow: 0 0 3px white !important;
}

Is there any way of having the glass status bar, with the green progress bar showing too, when sites are loading? In your stylish code, the progress bar disappeared.

[Kaoxt]

Replaces the bookmark star icon with newer ones from the mockups.

http://userstyles.org/styles/35201

Did I do something wrong? Star looks like it's squished:

[SoapyHamHocks Member]

Did I do something wrong? Star looks like it's squished:

I released a new version of my LeftSideStar addon which should fix the issue. http://soapyhamhocks.deviantart.com/art/LeftSideStar-for-Firefox-4-173619789

[Kaoxt]

I released a new version of my LeftSideStar addon which should fix the issue. http://soapyhamhocks.deviantart.com/art/LeftSideStar-for-Firefox-4-173619789

That did the trick. Thanks! :D

Was there anything to remove the dropdown arrow next to the "back" button?

[SoapyHamHocks Member]

That did the trick. Thanks! :D

Was there anything to remove the dropdown arrow next to the "back" button?

#back-forward-dropmarker {
  display: none !important;
}

[Kaoxt]

#back-forward-dropmarker {
  display: none !important;
}

Thanks

[Duke D]

Soapy, a bit of a different question for ya:

I currently use this script http://userstyles.org/styles/132 to remove icons from menus (because I find them cluttersome) but it still has an empty bar on the left side (where the icons would be).

Is there a way to remove that bar?

[Jase]

wow these are awesome! thanks :D

[SkyDX]

#browser-bottombox,
#status-bar,
#status-bar *,
#FindToolbar {
  -moz-appearance: -moz-win-glass !important;
  background: transparent !important;
  border: 0 !important;
  text-shadow: 0 0 3px white !important;
}

Thanks!^^

[+Gary7 Subscriber²]

Could you share please?^^

#status-bar *{
opacity: 0.99 !important;
color: white !important;
text-shadow: 0px 0px 0px white, 0px 0px 0px white, 0px 0px 0px white !important;
}

Sorry, I had some problems. This one works great.

[SkyDX]

#status-bar *{
opacity: 0.99 !important;
color: white !important;
text-shadow: 0px 0px 0px white, 0px 0px 0px white, 0px 0px 0px white !important;
}

Sorry, I had some problems. This one works great.

Thanks also^^

[wojtekmaj]

Hello,

this is what I'm currently working on:

Link is here: http://userstyles.org/styles/35240

I'd appreciate your opinions guys. :)

I have some issues in my style, as written in userstyle details, and I hope you have better ideas to fix it than me. ;)

What I didn't write in description, but I want to fix, is to move nav-bar and menu button 1 px left to keep it in one line with whole window. I found it impossible, however (Mozilla Team neither, they are not able to do what they did in their own mockup). :(

Edit: Ah, one more thing. When there are more cards, and they do not fit in screen space and <- -> are shown, and then I close tabs and there are a few of them so they fit in screen space, tab bar moves 3 px left. Why?

[aznkid25]

Hello,

this is what I'm currently working on:

Link is here: http://userstyles.org/styles/35240

I'd appreciate your opinions guys. :)

I have some issues in my style, as written in userstyle details, and I hope you have better ideas to fix it than me. ;)

What I didn't write in description, but I want to fix, is to move nav-bar and menu button 1 px left to keep it in one line with whole window. I found it impossible, however (Mozilla Team neither, they are not able to do what they did in their own mockup). :(

Edit: Ah, one more thing. When there are more cards, and they do not fit in screen space and <- -> are shown, and then I close tabs and there are a few of them so they fit in screen space, tab bar moves 3 px left. Why?

The button looks great. One thing I'm trying to figure out is how to move the entire button a little to the right? I've tried messing around with the code, but it just moves the text around. Other than that, I think its really nice.

[wojtekmaj]

The button looks great. One thing I'm trying to figure out is how to move the entire button a little to the right? I've tried messing around with the code, but it just moves the text around. Other than that, I think its really nice.

Okay. Sooo.

#appmenu-button-container {
    padding: 0px 0px 6px 6px !important;
    width: 84px !important;
    border-bottom: 1px solid #a0a0a0 !important; /* comment this line if you want to use tabs on top version */
}

#appmenu-button-container is on the top of the window. And guess what, it contains button! :D It has no margins, but bottom and left paddings are both 6px to keep button in it i good position. So, to move it for example by 10 pixels right, you need to change numbers to: 0px 0px 6px 16px.

#main-window[sizemode="normal"] #appmenu-button-container {
    padding-left: 0px !important;
}

Thanks to that code, when window is not maximized, it moves button to the left edge since not maximized window has it own margin. So, you need to add 10 pixels to there too.

However, since tab bar is in one line with this button, you need to make two more changes. Both are in the following block:

/* REPOSITION TAB BAR */

#navigator-toolbox[tabsontop="true"] #TabsToolbar {
    margin-top: -26px !important;
    margin-left: 84px !important;
    margin-right: 116px !important;
}

#main-window[sizemode="normal"] #navigator-toolbox[tabsontop="true"] #TabsToolbar {
    margin-left: 79px !important;
}

...and I believe you already know where to add 10 pixels here ;)

Yup, it's margin-left.

[aznkid25]

I ended up just adding this code to the beginning of your code:

#appmenu-button-container{
margin: 0px 0px 4px 4px !important;
}

With this code, the button stays centered whether its maximized or not maximized.

[wojtekmaj]

I'm glad it worked.

I added animation to Menu Button so everyone who downloaded my style might want to update it ;) Much more sexy now.

[aznkid25]

I'm glad it worked.

I added animation to Menu Button so everyone who downloaded my style might want to update it ;) Much more sexy now.

When I used your updated code, Stylish gave me an error. This is the error I got:

"84:32 Expected end of value but found 'inset'. Error in parsing value for 'border'. Declaration dropped."

Not sure what it means.

[wojtekmaj]

When I used your updated code, Stylish gave me an error. This is the error I got:

"84:32 Expected end of value but found 'inset'. Error in parsing value for 'border'. Declaration dropped."

Not sure what it means.

It makes no difference, it works just fine. And this error had to be earlier too, cause I didn't add anything about inset in last update. However, I updated it just for Youuuu! And error no longer exists ;)

[aznkid25]

It makes no difference, it works just fine. And this error had to be earlier too, cause I didn't add anything about inset in last update. However, I updated it just for Youuuu! And error no longer exists ;)

This is what it looks like:

The screenshot also includes other stylish scripts I have installed.

[wojtekmaj]

This is what it looks like:

(...)

The screenshot also includes other stylish scripts I have installed.

I guess Tabs in Titlebar or Tab Overlap is in conflict. But check yourself, disable them all except mine one and then enable one by one, you'll find what caused it.

[aznkid25]

I guess Tabs in Titlebar or Tab Overlap is in conflict. But check yourself, disable them all except mine one and then enable one by one, you'll find what caused it.

You were right, it was the "Tabs in Titlebar" stylish code, that was causing the conflict. But personally, I think I like the way you originally had the button. But, thats just my opinion.

[aznkid25]

Is there a stylish code I can use, that would move the Menu bar to the right of the firefox button, when I press the "alt" key?

[jupe]

Is there a stylish code I can use, that would move the Menu bar to the right of the firefox button, when I press the "alt" key?

#toolbar-menubar { margin: 0px 0 0 50px !important; }