** * eli.css Nov 19, 2007 * Style sheet for Eli Massage web site. * Guidelines: * Try to set styles in objects that are higher in the hierarchy. * for instance in rather than

. * All styles should be set in this css file. Any exceptions to * the general rules should use "classes" for example: * p.full_width or td.full_label_right. * Font and background colors are from color cube and dither-free. **/ /* ---------------------- FONTS -------------------------------*/ font.smalltext { font-size: 10pt; color:black } font.verysmalltext { font-size: 8pt; color:black } /* ----------------------------- BODY -----------------------------*/ body { background-color: white; color: black; font-family: "arial"; font-size: 12pt; font-weight: normal; margin-left: 0 px; margin-top: 0 px; } body.top_strip { background-color: #000000; overflow:hidden; color: white; font-family: "arial"; font-size: 12pt; font-weight: normal; margin-left: 0 px; margin-top: 0 px; } body.menu_strip { background-color: #000000; overflow:hidden; color: #ffcc66; font-family: "arial"; font-size: 12pt; font-weight: normal; margin-left: 0 px; margin-top: 0 px; } body.black_strip { background-color: #000000; overflow:hidden; color: white; } body.left_strip { background-color: #ffcc66; color: black; font-family: "arial"; font-size: 12pt; font-weight: normal; margin-left: 0 px; margin-top: 0 px; } body.single_column { margin-left: 20 px; margin-right: 20 px; } /* Use to get rid of the left margin */ body.close_left { margin-left: 0 px; halign: left; } /* ----------------------------- HEADINGS ------------------------------*/ h1, h2, h3 { color: #F8BF24; font-family: "Tempus, Verdana, Arial, sans-serif"; margin-left: 12 px; font-weight: normal; text-align: left; valign: top; } h1 {font-size: 32 pt; } h2 {font-size: 16 pt; } h3 {font-size: 16 pt; margin-top: 10 px; margin-bottom: 0 px; } /* ------------------ PARAGRAPH ------------------------ */ p { margin-left: 10px; font-weight: normal; font-size: 12pt; } /* Text crossing the whole page does change wrapping * as browser width is changed. */ p.full_width { width: 580 px; } p.fine_print { color: black; font-size: 10pt; } /* -------------------------------- TABLES --------------------------*/ table { /* width: 580; */ margin-below: 0 cm; } td { margin-left: 0cm; color: black; font-weight: normal font-size: 12pt; margin-left: 0 px; valign: top; halign: left; } /* The text associated with a thumbnail. */ td.brief_label_below { margin-top: 0cm; color: black; font-weight: normal; font-size: 10pt; } /* The text below a full size picture. */ td.full_label_below { color: black; font-weight: normal; font-size: 10pt; } /* The text to the right of a full size picture. */ td.full_label_right { margin-left: 0 cm; halign: left; color: black; font-weight: normal; font-size: 10pt; } /* ------------------------ LINKS --------------------------------*/ a.navigate { color: #ff5555; font-size: normal; } /* Make the unvisited stand out more than the visited */ a {text-decoration:none} a:visited {color: black} a:link {color: black} a:active {color: white } a:hover {color: #FFE87C}