Internet Technology
HTML
Web Design
Business/Web Admin
Perl/CGI/DHTML
Style Sheet for itwebmaster.iit.edu
<STYLE TYPE="text/css" TITLE="itwebmaster">
<!--
BODY { font-family: arial,geneva,helvetica,sans-serif;
font-size: 12px }
TD { font-family: arial,geneva,helvetica,sans-serif;
font-size: 12px }
TD TD { font-family: arial,geneva,helvetica,sans-serif;
font-size: 12px }
H1 { font-family: arial,geneva,helvetica,sans-serif;
font-size: 24px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px }
H2 { font-family: arial,geneva,helvetica,sans-serif;
font-size: 20px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px }
H3 { font-family: arial,geneva,helvetica,sans-serif;
font-size: 17px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px }
BIG { font-family: arial,geneva,helvetica,sans-serif;
font-size: 15px;
font-weight: bold }
SMALL { font-family: arial,geneva,helvetica,sans-serif;
font-size: 10px }
H4 { font-family: arial,geneva,helvetica,sans-serif;
font-size: 8px;
font-weight: normal;
margin-top: 0px;
margin-bottom: 0px }
BLOCKQUOTE { margin-top: 3px;
margin-bottom: 0px;
margin-left: 25px }
OL { margin-top: 0px;
margin-bottom: 0px;
margin-left: 40px }
UL { margin-top: 0px;
margin-bottom: 12px;
margin-left: 25px;
list-style-image: url("RD_SDI.GIF") }
UL UL { margin-bottom: 0px;
list-style-image: url("RD_SQ.GIF") }
UL UL UL{ margin-bottom: 0px;
list-style-image: url("REDBALL.GIF") }
LI { margin-top: 4px }
DL { margin-top: 0px;
margin-bottom: 0px;
margin-left: 20px }
DT { margin-top: 3px }
DD { margin-left: 20px }
P { margin-bottom: 12px }
BLOCKQUOTE P { margin-top: 10px }
.norm { font-family: arial,geneva,helvetica,sans-serif;
font-size: 12px;
text-align: justify }
.small { font-family: arial,geneva,helvetica,sans-serif;
font-size: 10px }
.plink { text-decoration: none }
.baselink { font-family: arial,geneva,helvetica,sans-serif;
font-size: 10px;
font-weight: normal;
color: #990033 ;
background-color: #eeeeee ;
text-decoration: none }
.wlink { font-family: arial,geneva,helvetica,sans-serif;
font-size: 11px;
font-weight: bold;
color: white ;
text-decoration: none }
.hitext { font-family: arial,geneva,helvetica,sans-serif;
font-size: 11px;
font-weight: bold;
color: white ;
text-decoration: none;
position: relative }
A:hover.hitext { background-color: red }
A:hover.baselink { background-color: white }
A:hover.wlink { background-color: red }
.bg1 { background-color: #ffcccc;
padding: 3px }
.bg1 A:hover { background-color: white;
text-decoration: none }
.bg2 { background-color: #eeeeee;
padding: 3px }
.bg2 A:visited { color: #666666 }
.bg2 A:hover { background-color: white;
text-decoration: none }
.box1 { border: 3px solid #990033;
padding: 3px }
.box2 { border: 1px solid black;
padding: 4px }
.box3 { border: 3px ridge red;
padding: 3px }
A.box3 { color: black;
text-decoration: none }
A:hover.box3 { border: 3px groove red;
color: white;
background-color: #990033 }
#navigation1 {
width: 134px;
font-family: tahoma, sans-serif;
font-size: .75em;
font-weight: bold;
letter-spacing: 1pt; }
#navigation1 ul {
list-style: none;
margin: 0px;
padding: 0px; }
#navigation1 li {
margin: 0px;
padding: 0px;
border-bottom: 1px solid #ED9F9F; }
#navigation1 li a {
display: block;
padding: 5px 5px 5px 0.5em;
border-left: 26px solid #711515;
border-right: 1px solid #711515;
background-color: #B51032;
color: #FFFFFF;
text-decoration: none; }
#navigation1 li a:hover {
background-color: #F15F7C;
color: #000000; }
#navigation1 li a:active {
background-color: #F8ADBC;
color: #B51032; }
#navigation2 {
width: 134px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold; }
#navigation2 ul {
list-style: none;
margin: 0;
padding: 0; }
#navigation2 li {
margin: 0px;
padding: 0px;
border-bottom: 1px solid #B51032; }
#navigation2 li a {
display: block;
padding: 5px 5px 5px 0.75em;
background-color: #B51032;
background-image: url(/images/a_button_up.gif);
color: #e9e9e9;
text-decoration: none; }
#navigation2 li a:hover {
background-color: #cccccc;
background-image: url(/images/a_button_hover.gif);
color: #ffffff; }
#navigation2 li a:active {
background-color: #cccccc;
background-image: url(/images/a_button_down.gif);
color: #c9c9c9; }
#navigation3 {
width: 134px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
margin: 0;
padding: 0; }
#navigation3 a {
display: block;
margin: 0px;
padding: 5px 5px 5px 0.75em;
background-color: #B51032;
background-image: url(/images/a_button_up.gif);
color: #e9e9e9;
text-decoration: none;
border-bottom: 1px solid #B51032; }
#navigation3 a:hover {
background-color: #cccccc;
background-image: url(/images/a_button_hover.gif);
color: #ffffff; }
#navigation3 a:active {
background-color: #cccccc;
background-image: url(/images/a_button_down.gif);
color: #c9c9c9; }
#navigation4 {
font-family: tahoma, sans-serif;
font-size: .75em;
font-weight: bold;
float: left;
letter-spacing: 1pt; }
#navigation4 ul {
list-style: none;
margin: 0;
float: left;
padding: 0;
padding-top: 4px; }
#navigation4 li {
display: inline;
float: left;
margin: 0px;
padding: 0px; }
#navigation4 li a {
display: block;
padding: 0.75em;
padding-top: 5px;
padding-bottom: 5px;
border: 1px solid #711515;
background-color: #B51032;
color: #FFFFFF;
text-decoration: none; }
#navigation4 li a:hover {
background-color: #F15F7C;
color: #000000; }
#navigation4 li a:active {
background-color: #F8ADBC;
color: #B51032; }
-->
</STYLE>
Demonstration page with all styles.
© Page content Copyright 2000 Webmaster Sources LLC; used
by permission.
| Home | About... | How do I...? | Modules | Resources |
Last Updated by Ray Trygstad on 09/30/02 | Copyright 2004 Illinois Institute of Technology
