My css page goes like this:
body {
margin: 10px;
padding: 10px;
font: 76% Verdana, sans-serif;
text-align: center;
background: #770202;
}
#container {
margin: 0 auto;
width: 842px;
border: #FFF 2px solid;
background: #8D0404;
}
#header {
height: 122px;
border-bottom: #fff 2px solid;
background: #fff url("bannerred.png") no-repeat center;
}
#header h1 {
margin: 0;
display: none;
}
#nav {
margin: 27px 0 0 0;
padding: 7px 0;
border-top: #fff 2px solid;
border-bottom: #FFF 2px solid;
background: #b30000;
}
#nav ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#nav ul li {
display: inline;
margin: 0;
padding: 0;
}
#nav ul li a {
margin: 0;
padding: 10px;
font-size: 0.8em;
font-weight: bold;
color: #000;
text-decoration: none;
}
#nav ul li a:hover {
color: #fff;
}
iframe {
height: 600px;
width: 600px;
border: none;
}
#footer {
margin: 27px 0 0 0;
padding: 7px 0;
border-top: #FFF 2px solid;
background: #b30000;
}
#footer p {
margin: 0;
font-size: 0.8em;
color: #000;
}
#content {
margin: 30px auto 0;
height: 386px;
width: 600px;
border: #FFF 2px solid;
}
Where would I put
{
scrollbar-3dlight-color:red;
scrollbar-arrow-color:red;
scrollbar-base-color:red;
scrollbar-darkshadow-color:red;
scrollbar-face-color:red;
scrollbar-highlight-color:red;
scrollbar-shadow-color:red
}I'm guessing in body, but do remember, changing colors of the scroll bars is not really accepted around here. Doesn't really match up to the standards, and intrudes on privacy and accessibility.
body {
margin: 10px;
padding: 10px;
font: 76% Verdana, sans-serif;
text-align: center;
background: #770202;
}
#container {
margin: 0 auto;
width: 842px;
border: #FFF 2px solid;
background: #8D0404;
}
#header {
height: 122px;
border-bottom: #fff 2px solid;
background: #fff url("bannerred.png") no-repeat center;
}
#header h1 {
margin: 0;
display: none;
}
#nav {
margin: 27px 0 0 0;
padding: 7px 0;
border-top: #fff 2px solid;
border-bottom: #FFF 2px solid;
background: #b30000;
}
#nav ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#nav ul li {
display: inline;
margin: 0;
padding: 0;
}
#nav ul li a {
margin: 0;
padding: 10px;
font-size: 0.8em;
font-weight: bold;
color: #000;
text-decoration: none;
}
#nav ul li a:hover {
color: #fff;
}
iframe {
height: 600px;
width: 600px;
border: none;
}
#footer {
margin: 27px 0 0 0;
padding: 7px 0;
border-top: #FFF 2px solid;
background: #b30000;
}
#footer p {
margin: 0;
font-size: 0.8em;
color: #000;
}
#content {
margin: 30px auto 0;
height: 386px;
width: 600px;
border: #FFF 2px solid;
}
Where would I put
{
scrollbar-3dlight-color:red;
scrollbar-arrow-color:red;
scrollbar-base-color:red;
scrollbar-darkshadow-color:red;
scrollbar-face-color:red;
scrollbar-highlight-color:red;
scrollbar-shadow-color:red
}I'm guessing in body, but do remember, changing colors of the scroll bars is not really accepted around here. Doesn't really match up to the standards, and intrudes on privacy and accessibility.