OK, Mike..... These are your options:
1. Declare the css style in your
<body>
tag as:
<body style="scrollbar-face-color: #000000; scrollbar-shadow-color: #000000; scrollbar-highlight-color: #C2664E; scrollbar-3dlight-color: #000000; scrollbar-darkshadow-color: #000000; scrollbar-track-color: #000000; scrollbar-arrow-color: #000000;">
This will over-ride your
<style></style>
settings. But there is a shortcut....
2. Notwithstanding that styles applied to the html tag are superfluos (what are they going to style, anyway?) this is the second approach that will allow you to use it as a template for all the pages (but there is a catch, you have to specify the class attribute in all you body tags). Look at this:
<style>
body.default
{
scrollbar-face-color: #AB2D0C;
scrollbar-shadow-color: #651A07;
scrollbar-highlight-color: #C2664E;
scrollbar-3dlight-color: #660000;
scrollbar-darkshadow-color: #660000;
scrollbar-track-color: #d7c083;
scrollbar-arrow-color: #d7c083;
}
body.regular
{
}
</style>
<html>
<body class="regular"><br>
<br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br>
</body></html>You have to pick how the body will look since you have a default and a regular choice (the first is a calss called default within the body tag - default is just an arbitary name, you could call it primary or colorful).
Either way, the only way to over-ride the css declared within the
<style>
for the page is to do it at the tag level.... If you do not declare a class for the body tag, then it will not apply any of the classes declared...
OIption 1 would be the easiest, since you are doing this only for ONE page.... But then, what do I know?
Regards,
Ricardo A. Parodi
eSolar, Inc.
