Share your custom Firefox/Minefield 4 stylish scripts

By Steven P.
in Web Browser Discussion & Support

 Share

Recommended Posts

Community Regular

aznkid25

Posted
Posted 

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

Rising Star

Kaoxt

Posted
Posted

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?

Collaborator

Duke D

Posted
Posted

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?

Veteran

SkyDX

Posted
Posted 

#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!^^

Grand Master

+Gary7 Subscriber²

Posted
  • Subscriber²
Posted

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.

Veteran

SkyDX

Posted
Posted 

#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^^

Apprentice

wojtekmaj

Posted
Posted

Hello,

this is what I'm currently working on:

after.png

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?

Community Regular

aznkid25

Posted
Posted

Hello,

this is what I'm currently working on:

after.png

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.

Apprentice

wojtekmaj

Posted
Posted

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.

Community Regular

aznkid25

Posted
Posted

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.

Apprentice

wojtekmaj

Posted
Posted

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

Community Regular

aznkid25

Posted
Posted

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:

AquaFFButton.jpg

The screenshot also includes other stylish scripts I have installed.

Apprentice

wojtekmaj

Posted
Posted

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.

Community Regular

aznkid25

Posted
Posted

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.

This topic is now closed to further replies.
 Share
Go to topic listing

  • Recently Browsing   0 members

    • No registered users viewing this page.