Share your custom Firefox/Minefield 4 stylish scripts

By Steven P.
in Web Browser Discussion & Support

 Share

Recommended Posts

Collaborator

vajlent

Posted
Posted

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.

Collaborator

Hiiragi Tsukasa

Posted
Posted

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

Grand Master

+Gary7 Subscriber²

Posted
  • Subscriber²
Posted

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

star.png

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

Community Regular

foxxyn8

Posted
Posted

star.png

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?

12762635.png

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

}

Grand Master

+Gary7 Subscriber²

Posted
  • Subscriber²
Posted

You want something like this?

12762635.png

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

Community Regular

foxxyn8

Posted
Posted

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;

}

Grand Master

+Gary7 Subscriber²

Posted
  • Subscriber²
Posted

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

Veteran

Darrian

Posted
Posted

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

Community Regular

Tim the Enchanter

Posted
Posted

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

Veteran

Darrian

Posted
Posted

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.

Apprentice

panoc

Posted
Posted

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

Grand Master

+Gary7 Subscriber²

Posted
  • Subscriber²
Posted

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.

fxbutton.png

Neowinian

LiverpoolsNo9

Posted
Posted

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.

Grand Master

Steven P. Administrators

Posted
  • Author
  • Administrators
Posted

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

Grand Master

Steven P. Administrators

Posted
  • Author
  • Administrators
Posted

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

Grand Master

Rudy

Posted
Posted

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

Grand Master

+Gary7 Subscriber²

Posted
  • Subscriber²
Posted

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.

fxbutton.png

No one???

Veteran

DavidM

Posted
Posted

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

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

  • Recently Browsing   0 members

    • No registered users viewing this page.