Share your custom Firefox/Minefield 4 stylish scripts

By Steven P.
in Web Browser Discussion & Support

 Share

Recommended Posts

Mentor

SoapyHamHocks Member

Posted
  • Member
Posted

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:

Collaborator

Deo Domuique

Posted
Posted

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

Mentor

SoapyHamHocks Member

Posted
  • Member
Posted

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.

Collaborator

Deo Domuique

Posted
Posted

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.

Mentor

SoapyHamHocks Member

Posted
  • Member
Posted

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.

Mentor

SoapyHamHocks Member

Posted
  • Member
Posted

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

Explorer

r0bc

Posted
Posted

post-311154-0-67933100-1294260755.jpg

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:

Explorer

r0bc

Posted
Posted

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.

Community Regular

foxxyn8

Posted
Posted

It was a bug , which is now fixed

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

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.

Collaborator

Deo Domuique

Posted
Posted

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

Mentor

SoapyHamHocks Member

Posted
  • Member
Posted

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

Collaborator

V23

Posted
Posted

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

Mentor

SoapyHamHocks Member

Posted
  • Member
Posted

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

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

  • Recently Browsing   0 members

    • No registered users viewing this page.