Example CSS file. The following code is an example of the external CSS file StyleSheet.css. There are two media type blocks specified in this program, Print and Screen.
.body {
background-color: white;
color: black;
font-family: times, serif;
}
.header, .rowheader, .footer, .rowfooter, .data {
border: 1px black solid;
color: black;
padding: 5px;
font-family: times, serif;
}
.header, .rowheader, .footer, .rowfooter {
background-color: #a0a0a0;
}
.table {
background-color: #dddddd;
border-spacing: 0;
border: 1px black solid;
}
.proctitle {
font-family: helvetica, sans-serif;
font-size: x-large;
font-weight: normal;
}
@media screen {
.header, .rowheader, .footer, .rowfooter,{
color: white;
background-color: green;}
.table {
background-color: yellow;
border-spacing: 0;
font-size: small
border: 1px black solid;
}
}@media print {
.header, .rowheader, .footer, .rowfooter,{
color: white;
background-color: Blue;
padding: 5px;
}
.data {
font-size: small;
}
}