Code: Select all
@media all and (-moz-windows-compositor) {
#main-window[windowtype="navigator:browser"] {
-moz-appearance: -moz-win-borderless-glass;
background: url("chrome://global/skin/default-window-gradient-bg.png") repeat-x top left #181818;
}
/* windowtype is used to boost specificity over my other rules ...
* you can probably leave that part off.
* chromemargin makes it apply only when the menubar is hidden and the fx button is shown.
*/
#main-window[windowtype="navigator:browser"][chromemargin] {
background: url("chrome://global/skin/default-window-gradient-bg.png") repeat-x 0px 8px transparent;
}
}
/* This rule handles the maximized-window case.
* When maximized, window origin is (appears to be) about 8px
* outside actual display area,
* resulting in cropped firefox button unless you do this.
* 8px is (I'm guessing) apparently the width of the frame in glass modes.
* Not sure how this should be handled in non-glass modes,
* or when users have altered this width through desktop
* setup or with desktop themes.
*/
#main-window[sizemode="maximized"] #appmenu-button {
margin-top: 8px;
}
This is working OK for me with the latest nightly. There are still a couple very minor problems with the border on the window control buttons, but you have to look close to notice. Other than that, the window looks like a normal kind of window.
I had to add that 8px background offset so you could see the top edge of the window frame. Otherwise the background covered all the way to the top, like here:
http://i54.photobucket.com/albums/g112/ ... enshot.png
If you use a completely transparent background on #main-window, you get glass going all the way down behind the toolbar, which looks OK depending on what you're trying to do with your theme. (I won't be doing that.)