Share your custom Firefox/Minefield 4 stylish scripts

[SoapyHamHocks Member]

Looks great, the vertical is definitely cooler in my opinion

This is just me nitpicking here... but it looks like the vertical setup is extra wide for no particular reason, is this intentional?

Also, reducing the gaps between the buttons on the left may get rid of the extra blank vertical space introduced at the bottom.

Mozilla should be paying you guys to re-skin Firefox, seriously.

It is intentionally wide right now. Currently I'm having problems actually centering the radios in vertical mode. They center fine in horizontal mode though :wacko:

[Deo Domuique]

Soapy, the 2nd is the default one... So, I think it's easier acceptable. Anyway.

Why your Sync options window is different than mine?

Something last... Can you on search box, give the same shape as "Page Info" of Location bar? White box... Could be great if you remove the icon and inside writing the search-engine name...

[SoapyHamHocks Member]

Soapy, the 2nd is the default one... So, I think it's easier acceptable. Anyway.

Why your Sync options window is different than mine?

Something last... Can you on search box, give the same shape as "Page Info" of Location bar? White box... Could be great if you remove the icon and inside writing the search-engine name...

The pane is the same it's all just heavily styled.

See my post here if you're talking about my Windows 7 style.

[Deo Domuique]

lol and I was looking for that post but I couldn't find it! I thought I did something wrong and not posted.

Let me try it!

Edit: Damn! Perfect! But what I do if I wanna change engine? :s Is it easy to place the icon in the same white background too? Or only the dropdown...

P.S. FF crashing some times while I'm changing a style in userstyles add-on.

[SoapyHamHocks Member]

Download the styles below.

Horizontal

Vertical

[Deo Domuique]

Will you merge it with Windows 7 style later or it's entirely different style?

A nice refresh to old style.

[SoapyHamHocks Member]

Will you merge it with Windows 7 style later or it's entirely different style?

A nice refresh to old style.

I'm working on rewriting my Windows 7 theme and this was originally going into that, but I broke it up and decided to share.

[Deo Domuique]

The Page-Info window will follow that shape?

[SoapyHamHocks Member]

The Page-Info window will follow that shape?

I forgot about that window. I'll try to update the style later today with that included.

[Deo Domuique]

To be honest I was a bit sure that I will remind you that! lol

Nice! Just let us know when it will be ready.

[CGar]

Looks good, but the Vertical one does not look correct on my XP machine at work, I will try it on my 7 machine when I get home

I don't seem to have the ability to resize the options window either

[SoapyHamHocks Member]

Looks good, but the Vertical one does not look correct on my XP machine at work, I will try it on my 7 machine when I get home

I don't seem to have the ability to resize the options window either

Ah, I bet the font-size is smaller in XP, maybe it's 11px rather than 12px. To fix search for 'min-height' and change it from '38em' to ' 456px'.

[+Heartripper Subscriber¹]

They're really good!!

[CGar]

Ah, I bet the font-size is smaller in XP, maybe it's 11px rather than 12px. To fix search for 'min-height' and change it from '38em' to ' 456px'.

Yep that worked, looks great!

[dnast]

I wasn't going to bother with it as it's simply a dialog window, but I went ahead and installed it anyway....

I'm definitely keeping it. :) Great work as usual, Soapy! (Y)

[r0bc]

OK, I tracked down the issue, but... it looks to me slightly odd: some stylish code I use to tweak the add-on bar makes that artifact appear with the "transparent about:blank" page, and only there. What I cannot understand is why CSS related to #browser-bottombox changes the appearance of the navbar. I can see it is something in the first #main-window #browser-bottombox {} code but I could not really understand what is causing it, because commenting lines and previewing doesn't yield clear results, it's probably a combination of several lines.

Now if somebody could check or, better, explain what is happening here... :blink:

#main-window #browser-bottombox {

    opacity: 0.6 !important; 
    position: fixed !important; 
    -moz-box-shadow: 0 0 3px #000000 !important; 
    -moz-appearance: none !important;
    bottom: 0px !important; 
    width: auto !important; 

    background: rgba(128, 128, 128, 0.4) !important;
    background-image: -moz-linear-gradient(white, rgba(255,255,255,.5) 30%), -moz-linear-gradient(hsl(214,44%,87%), hsl(214,44%,87%));
    background: transparent !important;
    border-radius: 6px 6px 0 0 !important; 
    right: 22px !important; 
    padding-right: 4px !important; 
    padding-left: 5px !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;

}

#main-window #browser-bottombox:hover {
    opacity: .9 !important;
    background: rgba(230, 230, 230, 0.8) !important;
    background-image: -moz-linear-gradient(white, rgba(255,255,255,.5) 30%), -moz-linear-gradient(hsl(214,44%,87%), hsl(214,44%,87%));

}

#navigator-toolbox:not([customizing]) ~ #browser-bottombox #addon-bar > #status-bar {

	border: 0 !important;
        -moz-appearance: none !important;
        background: transparent !important;
        margin: 0 !important;
}

#navigator-toolbox:not([customizing]) ~ #browser-bottombox #addon-bar {
	border: 0 !important;
	-moz-appearance: none !important;
        background: transparent !important;
}

#FindToolbar   {
        border-top-style: none !important;
        border-top-width: 0px !important;
        -moz-appearance: none !important;
        height: 22px !important;
}


#addonbar-closebutton, #addonbar-spring {
        visibility: collapse !important;
}

EDIT: no, it actually is as follows.

- with the addon bar displayed AND the above CSS, the artifact is present;

- with the addon bar displayed AND NO CSS for the bar, the artifact is absent;

- with the addon bar closed AND NO CSS for the bar... the artifact is present again!

In other words, the addon bar CSS behaves as if the addon bar were hidden :wacko: :blink:

[bogas04]

OK, I tracked down the issue, but... In other words, the addon bar CSS behaves as if the addon bar were hidden :wacko: :blink:

It was a bug , which is now fixed

[r0bc]

It was a bug , which is now fixed

I don't think so, the bug description is different. Also, it displays differently if the navbar is transparent or not and if the addon bar is closed, visible or visible but not fully opaque. Anyway I found a workaround - which only works if the navbar is transparent! - in displaying a thin and short "strip" of the addon bar in a corner, in which case no artifact is displayed. Object visibility and layers are getting quite complicated in the UI... :blink:

And anyway I'm still seeing it with today's nightly 4.0b9pre 2011-01-07.

[foxxyn8]

It was a bug , which is now fixed

And a new bug was opened after that for the same issue here: .

I don't think so, the bug description is different.

I do believe that this is the cause of the artifacting. When you start modifying the UI you can trigger a bug differently than what is described in the STR.

[Deo Domuique]

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

Perfect! Both sides happy!

[Deo Domuique]

Soapy... I'm trying to figure out what causes a small problem in your script... I removed the part "Tabs on Title Bar" because I got the latest hourly with it integrated.

But when the mouse is on very-top I can't select/change tabs... If you know what is, please, let me know...

[SoapyHamHocks Member]

Soapy... I'm trying to figure out what causes a small problem in your script... I removed the part "Tabs on Title Bar" because I got the latest hourly with it integrated.

But when the mouse is on very-top I can't select/change tabs... If you know what is, please, let me know...

Looking at the bug this should fix it:

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

[Deo Domuique]

Yup, done!

Is it a temporary solution? I hope this will not give me another bug.

[V23]

Hi guys, not very technically proficient with Firefox stylish scripts so I was wondering if I could get some help.

Soapy, currently using your 'Firefox 4 Windows 7 Style' script (it is really, really good by the way) but was wondering the following:

1. Is it possible to change the colour of the App menu button from blue to say orange or any other colour?

2. Is there some way to remove the 'page info' button on the left of the nav bar because hardly any websites I go to actually utilise this feature.

3. Thirdly, I was trying to set up your script on my brother's computer but his stop/refresh button is not merging to the right of the nav bar (even though mine does), instead it merges but is placed just to the right of the 'page info' button in the nav bar. Both buttons have been placed on the right of the nav bar in the 'customise' menu. Any ideas?

Question for r0bc: is that app menu script your own? If so is it available anywhere to download?

Any help would be greatly appreciated.

Cheers

[SoapyHamHocks Member]

Yup, done!

Is it a temporary solution? I hope this will not give me another bug.

Should continue to work unless their method changes.

Hi guys, not very technically proficient with Firefox stylish scripts so I was wondering if I could get some help.

Soapy, currently using your 'Firefox 4 Windows 7 Style' script (it is really, really good by the way) but was wondering the following:

1. Is it possible to change the colour of the App menu button from blue to say orange or any other colour?

2. Is there some way to remove the 'page info' button on the left of the nav bar because hardly any websites I go to actually utilise this feature.

3. Thirdly, I was trying to set up your script on my brother's computer but his stop/refresh button is not merging to the right of the nav bar (even though mine does), instead it merges but is placed just to the right of the 'page info' button in the nav bar. Both buttons have been placed on the right of the nav bar in the 'customise' menu. Any ideas?

Question for r0bc: is that app menu script your own? If so is it available anywhere to download?

Any help would be greatly appreciated.

Cheers

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'?