Share your custom Firefox/Minefield 4 stylish scripts

[vajlent]

You can remove it entirely by just removing the block of code marked by -moz-window-inactive

Previous button iterations haven't had this kind of effect. It takes a while to get used to, but I don't really look at inactive windows too hard anyway.

If it really bothers you, why don't you sign up at Bugzilla and make a suggestion? Maybe it'll make it into the next patch!

Ok, maybe I'll have a go at it. ;) Thanx.

I think I already are signed up :D haha.

Keep it up.

[+Gary7 Subscriber²]

Does anyone have the CSS to change the color of the bookmark star in the location bar to Blue?

[panoc]

is there anyway to activate specific style by pressing a key like Alt ?

all i want to do is to hide Firefox button by default but show it with the menu when i press alt.

[argonite]

Uploaded all my styles to Userstyles now.

http://userstyles.org/users/60872

[Hiiragi Tsukasa]

The navigation toolbar is at a lower layer than the active tab (I think) so its box shadow is drawn below it.

I have GPU widget rendering enabled and all that (along with the layers bit) and it still doesn't work, not to metnion there is a 1px grey line that doesn't curve with the rest of the navbar..

[+Gary7 Subscriber²]

Does anyone have the CSS to change the color of the bookmark star in the location bar to Blue?

I got it to look like the above with the code below. The background Blue is caused by my desktop. I would rather just have the Blue Star without the circle.

#star-button {
background-color: #0000FF !important;
border: 1px solid !important;
border-color: #0000FF !important;
-moz-border-radius: 12px !important;
padding: 0px 0px 0px 0px !important;
margin-right: 1px !important;
margin-left: 2px !important;
opacity: 0.9 !important;
}

[foxxyn8]

I got it to look like the above with the code below. The background Blue is caused by my desktop. I would rather just have the Blue Star without the circle.

#star-button {
background-color: #0000FF !important;
border: 1px solid !important;
border-color: #0000FF !important;
-moz-border-radius: 12px !important;
padding: 0px 0px 0px 0px !important;
margin-right: 1px !important;
margin-left: 2px !important;
opacity: 0.9 !important;
}

You want something like this?

#star-button[starred=true] {

list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9oJBgUJNk+5RH8AAAIQSURBVDjLlZPNS5VREMZ/ c855X70f6r1eFSnCPoSSFkFRQS4iIv+DUKFt22jRqkX4PwQV7dyFi1r2QUQEupHc1CqIQM3S6y21a9p9z5nTIkwFr9TAw/AwM8/AfEiMkWbWfn7mDI6+tcnTj5vlOPYxITwC7QKaCphmgY7B6WGV9n41pVJpcGrsvwWE7L6nRCbdiMtud158lf6zQGlwaiyYSlklD4CaUiI2jO/ ZqHh2pigSrwphCKenhNAXTCXfyHohrCD2B6bQRWpmsb62IS58Juo70NcY/0Tazr19H3z5pEqREAsgBnUGE5YwLECiWGORYjc4j40bGK1jpI71tWWJMVIanProQ8/ RzewwsIDoKsY1AI9xDYQMcQEc2PxBHF+xWXUlmnhsawYDif0ynyt8wqRdCOEP3LZHPbZwiEQWsVl1XVVPLD8b+WYAViYvNLB+IJG5JZtuILkyJIoQwCmoh9QhMUN+LW6q6EDt5ejiri18f3OpjvV3UzOPcXkkZsC2iEnbMbKGij6tPR+d2/ MShXg8SguYOmJbkFwbRiBqFeIaSBGPHml6yhKz/mgSxOYwrT0kporoBiEpE50Q7U98Q3ub/4LVAzFaWpMPWF1sEPyERmriZ6+nFPJBKoQQOvZ5Jq3kmF4XDQ+WXozc2hG4mRsavxH86p2Adu4qiTH+RdfQxLWdfC9w5eEwl++lW/ w3sPb/orSXvHkAAAAASUVORK5CYII=") !important;

}

[+Gary7 Subscriber²]

You want something like this?

#star-button[starred=true] {

list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9oJBgUJNk+5RH8AAAIQSURBVDjLlZPNS5VREMZ/ c855X70f6r1eFSnCPoSSFkFRQS4iIv+DUKFt22jRqkX4PwQV7dyFi1r2QUQEupHc1CqIQM3S6y21a9p9z5nTIkwFr9TAw/AwM8/AfEiMkWbWfn7mDI6+tcnTj5vlOPYxITwC7QKaCphmgY7B6WGV9n41pVJpcGrsvwWE7L6nRCbdiMtud158lf6zQGlwaiyYSlklD4CaUiI2jO/ ZqHh2pigSrwphCKenhNAXTCXfyHohrCD2B6bQRWpmsb62IS58Juo70NcY/0Tazr19H3z5pEqREAsgBnUGE5YwLECiWGORYjc4j40bGK1jpI71tWWJMVIanProQ8/ RzewwsIDoKsY1AI9xDYQMcQEc2PxBHF+xWXUlmnhsawYDif0ynyt8wqRdCOEP3LZHPbZwiEQWsVl1XVVPLD8b+WYAViYvNLB+IJG5JZtuILkyJIoQwCmoh9QhMUN+LW6q6EDt5ejiri18f3OpjvV3UzOPcXkkZsC2iEnbMbKGij6tPR+d2/ MShXg8SguYOmJbkFwbRiBqFeIaSBGPHml6yhKz/mgSxOYwrT0kporoBiEpE50Q7U98Q3ub/4LVAzFaWpMPWF1sEPyERmriZ6+nFPJBKoQQOvZ5Jq3kmF4XDQ+WXozc2hG4mRsavxH86p2Adu4qiTH+RdfQxLWdfC9w5eEwl++lW/ w3sPb/orSXvHkAAAAASUVORK5CYII=") !important;

}

Yes thanks but I don't want it to vanish when I hover over it.

[foxxyn8]

Yes thanks but I don't want it to vanish when I hover over it.

Sorry, about that, left a line out by mistake. This works:

#star-button[starred=true] {

list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9oJBgUJNk+5RH8AAAIQSURBVDjLlZPNS5VREMZ/ c855X70f6r1eFSnCPoSSFkFRQS4iIv+DUKFt22jRqkX4PwQV7dyFi1r2QUQEupHc1CqIQM3S6y21a9p9z5nTIkwFr9TAw/AwM8/AfEiMkWbWfn7mDI6+tcnTj5vlOPYxITwC7QKaCphmgY7B6WGV9n41pVJpcGrsvwWE7L6nRCbdiMtud158lf6zQGlwaiyYSlklD4CaUiI2jO/ ZqHh2pigSrwphCKenhNAXTCXfyHohrCD2B6bQRWpmsb62IS58Juo70NcY/0Tazr19H3z5pEqREAsgBnUGE5YwLECiWGORYjc4j40bGK1jpI71tWWJMVIanProQ8/ RzewwsIDoKsY1AI9xDYQMcQEc2PxBHF+xWXUlmnhsawYDif0ynyt8wqRdCOEP3LZHPbZwiEQWsVl1XVVPLD8b+WYAViYvNLB+IJG5JZtuILkyJIoQwCmoh9QhMUN+LW6q6EDt5ejiri18f3OpjvV3UzOPcXkkZsC2iEnbMbKGij6tPR+d2/ MShXg8SguYOmJbkFwbRiBqFeIaSBGPHml6yhKz/mgSxOYwrT0kporoBiEpE50Q7U98Q3ub/4LVAzFaWpMPWF1sEPyERmriZ6+nFPJBKoQQOvZ5Jq3kmF4XDQ+WXozc2hG4mRsavxH86p2Adu4qiTH+RdfQxLWdfC9w5eEwl++lW/ w3sPb/orSXvHkAAAAASUVORK5CYII=") !important;

-moz-image-region: rect(0px 16px 16px 0px) !important;

}

[+Gary7 Subscriber²]

Sorry, about that, left a line out by mistake. This works:

#star-button[starred=true] {

list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9oJBgUJNk+5RH8AAAIQSURBVDjLlZPNS5VREMZ/ c855X70f6r1eFSnCPoSSFkFRQS4iIv+DUKFt22jRqkX4PwQV7dyFi1r2QUQEupHc1CqIQM3S6y21a9p9z5nTIkwFr9TAw/AwM8/AfEiMkWbWfn7mDI6+tcnTj5vlOPYxITwC7QKaCphmgY7B6WGV9n41pVJpcGrsvwWE7L6nRCbdiMtud158lf6zQGlwaiyYSlklD4CaUiI2jO/ ZqHh2pigSrwphCKenhNAXTCXfyHohrCD2B6bQRWpmsb62IS58Juo70NcY/0Tazr19H3z5pEqREAsgBnUGE5YwLECiWGORYjc4j40bGK1jpI71tWWJMVIanProQ8/ RzewwsIDoKsY1AI9xDYQMcQEc2PxBHF+xWXUlmnhsawYDif0ynyt8wqRdCOEP3LZHPbZwiEQWsVl1XVVPLD8b+WYAViYvNLB+IJG5JZtuILkyJIoQwCmoh9QhMUN+LW6q6EDt5ejiri18f3OpjvV3UzOPcXkkZsC2iEnbMbKGij6tPR+d2/ MShXg8SguYOmJbkFwbRiBqFeIaSBGPHml6yhKz/mgSxOYwrT0kporoBiEpE50Q7U98Q3ub/4LVAzFaWpMPWF1sEPyERmriZ6+nFPJBKoQQOvZ5Jq3kmF4XDQ+WXozc2hG4mRsavxH86p2Adu4qiTH+RdfQxLWdfC9w5eEwl++lW/ w3sPb/orSXvHkAAAAASUVORK5CYII=") !important;

-moz-image-region: rect(0px 16px 16px 0px) !important;

}

It sure does, thanks foxxyn8 :)

[Tim the Enchanter]

With firefox beta 5, it seems that the tab bars are back down again, does anyone have a script to push the tab bars back to the top (leveled with the firefox button)?

[Darrian]

You may need to fiddle with the margin values depending on your Windows visual style and the size of your menu button (e.g. if it reads Firefox instead of Minefield you'll want to decrease the padding-left value towards the bottom); I pulled these elements out of the script I run with Clearscreen Sharp.

#appmenu-button-container{
position: fixed !important;
}

#appmenu-button{
margin-top: 14px !important;
}

#appmenu-button:not([sizemode="maximized"]) {
margin-top: 19px !important;
}

#main-window:not([sizemode="maximized"]) {
 margin-top: -24px !important;
}

#main-window{
 margin-top: -19px !important;
}

#navigator-toolbox[tabsontop="true"] #TabsToolbar{
padding-left:105px !important;
}

[Tim the Enchanter]

You may need to fiddle with the margin values depending on your Windows visual style and the size of your menu button (e.g. if it reads Firefox instead of Minefield you'll want to decrease the padding-left value towards the bottom); I pulled these elements out of the script I run with Clearscreen Sharp.

#appmenu-button-container{
position: fixed !important;
}

#appmenu-button{
margin-top: 14px !important;
}

#appmenu-button:not([sizemode="maximized"]) {
margin-top: 19px !important;
}

#main-window:not([sizemode="maximized"]) {
 margin-top: -24px !important;
}

#main-window{
 margin-top: -19px !important;
}

#navigator-toolbox[tabsontop="true"] #TabsToolbar{
padding-left:105px !important;
}

thanks a lot, that worked great :)

[Darrian]

No problem, but I'm still fiddling with it. If the menu button doesn't display right when not maximized you may need to take out the 3rd part (#appmenu-button:not([sizemode=maximized])) and change the value under #main-window from -19px to -14px, but then when you are maximized you'll have more of a gap between the tabs and the top of the screen. It's being a PITA to figure out, someone a lot more knowledgeable than I can probably get it right.

[panoc]

tabs on title bar + menu aligment

#appmenu-button {
margin-top: 22px !important;
margin-left: 1px !important;
}


#TabsToolbar {
padding-left: 103px !important;
padding-top: 0px !important;
padding-right: 112px !important;
}

#appmenu-button-container {
position: fixed !important;
}

#main-window {
margin-top: -22px !important;
}

#toolbar-menubar {

padding-left: 106px  !important;
border-right: 1px solid threedshadow !important;
}  

[+Gary7 Subscriber²]

Today's build has broken 1/2 of my custom Firefox Button. It used to be Blue and when hovered it turned sort of aqua like below. Now it is orange again pre hover. The hovered button still works. see below. Any help would be appreciated.

[LiverpoolsNo9]

tabs on title bar + menu aligment

#appmenu-button {
margin-top: 22px !important;
margin-left: 1px !important;
}


#TabsToolbar {
padding-left: 103px !important;
padding-top: 0px !important;
padding-right: 112px !important;
}

#appmenu-button-container {
position: fixed !important;
}

#main-window {
margin-top: -22px !important;
}

#toolbar-menubar {

padding-left: 106px  !important;
border-right: 1px solid threedshadow !important;
}  

Can rounded corners on the toolbar be done with this? Thanks.

[Steven P. Administrators]

Are you talking about Tab width? You can change that its just done using CSS now.

.tabbrowser-tab {
  max-width: 100px !important;
  min-width: 100px !important;
}

Ah here it is (found via Google) lol

[vajlent]

Ah here it is (found via Google) lol

Doesn't work with Stylish!?!

[Steven P. Administrators]

Doesn't work with Stylish!?!

It worked for me, be sure that you don't have any conflicting scripts? Like Tabs in titlebar referencing the tab width or something?

On

Off

[Alladaskill17]

Dumb question I'm sure but why doesn't the OS X version have the 'cool' Firefox drop down button on the left and look as simple as the Windows version?

[Steven P. Administrators]

Dumb question I'm sure but why doesn't the OS X version have the 'cool' Firefox drop down button on the left and look as simple as the Windows version?

The cool Firefox button is only for Windows Vista/7.

Mac versions will have a theme that looks like it belongs in a Mac (from what I understand).

[Rudy]

Dumb question I'm sure but why doesn't the OS X version have the 'cool' Firefox drop down button on the left and look as simple as the Windows version?

Because it makes no sense (the whole menu bar is available on top, why have this button?)

[+Gary7 Subscriber²]

Today's build has broken 1/2 of my custom Firefox Button. It used to be Blue and when hovered it turned sort of aqua like below. Now it is orange again pre hover. The hovered button still works. see below. Any help would be appreciated.

No one???

[DavidM]

No one???

Post your script, I had to mod mine again, but I just use the drop down arrow and it's transparent. I lost the orange hover on beta 5 maybe I can hack out a workable solution. No promises! Still learning and still have a lot more to learn... :)