Cascading Style Sheets
(CSS)
The following information is meant as a reference and not a tutorial.
If you need assistance with updating text links or CSS, contact
Theresa Chamberland,
Research and Instructional
Support, or stop by the Faculty Resource Center (FRC) during
staffed hours.
Cascading Style Sheets (CSS) are a simple mechanism for adding
specific styles, such as fonts, colors, spacing, etc. to Web documents.
The College templates incorporate CSS for links in specific areas
of the page, as shown in the image below.
Note: the red and grey boxes that appear before the links, in the
example above, are images; they are not part of the CSS.
These are examples of the CSS used on MHC templates:
| <style
type="text/css">
< !--
a.utility:link { font-family: Arial, Helvetica, sans-serif;
line-height: 10px; font-size: 11px; font-weight: bold; text-decoration:
none; color: #336699}
a.utility:visited { font-family: Arial, Helvetica, sans-serif;
line-height: 10px; font-size: 11px; font-weight: bold; text-decoration:
none; color: #999999}
a.utility:active { font-family: Arial, Helvetica, sans-serif;
line-height: 10px; font-size: 11px; font-weight: bold; text-decoration:
underline; color: #cc0000}
a.utility:hover { font-family: Arial, Helvetica, sans-serif;
line-height: 10px; font-size: 11px; font-weight: bold; text-decoration:
underline; color: #cc0000}
a.localnav:link { font-family:
Arial, Helvetica, sans-serif; line-height: 10px; font-size:
11px; font-weight: bold; text-decoration: none; color: #cc0000}
a.localnav:visited { font-family: Arial, Helvetica, sans-serif;
line-height: 10px; font-size: 11px; font-weight: bold; text-decoration:
none; color: #cc6600}
a.localnav:active { font-family: Arial, Helvetica, sans-serif;
line-height: 10px; font-size: 11px; font-weight: bold; text-decoration:
underline; color: #333333}
a.localnav:hover { font-family: Arial, Helvetica, sans-serif;
line-height: 10px; font-size: 11px; font-weight: bold; text-decoration:
underline; color: #333333}
a.body_link:link { color:
#cc0000; line-height: 1.3em; font-size: 12px; text-decoration:
none}
a.body_link:visited { color: #cc6600; line-height: 1.3em;
text-decoration: none; font-size: 12px}
a.body_link:active { color: #333333; line-height: 1.3em; text-decoration:
underline; font-size: 12px}
a.body_link:hover { color: #333333; line-height: 1.3em; text-decoration:
underline; font-size: 12px}
.body_nolink { color: #cc3333;
line-height: 1.3em; font-size: 12px;}
a.col2_blue:link { font-family:
Arial, Helvetica, sans-serif; line-height: 1.3em; font-size:
12px; text-decoration: none; color: #336699}
a.col2_blue:visited { font-family: Arial, Helvetica, sans-serif;
line-height: 1.3em; font-size: 12px; text-decoration: none;
color: #999999}
a.col2_blue:active { font-family: Arial, Helvetica, sans-serif;
line-height: 1.3em; font-size: 12px; text-decoration: underline;
color: #cc0000}
a.col2_blue:hover { font-family: Arial, Helvetica, sans-serif;
line-height: 1.3em; font-size: 12px; text-decoration: underline;
color: #cc0000}
a.col2red:link { text-decoration:
none }
a.col2red:visited { text-decoration: none }
a.col2red:active { text-decoration: none }
-->
< /style>
|
|
