Firefox's content area is not lowered

[em_te]

Firefox's default skin has the content area at the same level as the browser window and the scrollbars sitting on top of the browser window. To make Firefox's content area and scrollbars lowered into the browser, like it is on most Windows applications, add the following to your "userChrome.css" file:

vbox#appcontent {
  border-right: 1px solid ThreeDHighlight;
  border-bottom: 1px solid ThreeDHighlight;
  border-left: 1px solid ThreeDShadow;
}
tabbrowser#content {
  border-top: 1px solid ThreeDDarkShadow;
  border-right: 1px solid ThreeDFace;
  border-bottom: 1px solid ThreeDFace;
  border-left: 1px solid ThreeDDarkShadow;
}
splitter#sidebar-splitter {
  border-right-width: 0px !important;
}

Edited August 4, 2004 by em_te

[kainashi]

cool, thanks. i'll give this a try. :)

edit: tabs look kind of weird now but i guess i could either get used to it or change it back. :D

Edited July 20, 2004 by kainashi

[em_te]

It may be just me, but it's the little details to the user interface which make the overall experience better.