Back to ICS415 Main

Cascading Style Sheet

 

/* Heading tag H1 */
h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 24px; font-weight: normal; color: #CCCCCC; line-height: 14px; margin-top: 24px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px}

 

/* Heading tag H2 */
h2 { font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 24px; font-weight: normal; color: #CCCCCC; line-height: 24px; margin-top: 6px; margin-right: 6px; margin-bottom: 0px; margin-left: 12px; text-align: left; text-indent: 0px}


/* Heading tag H3 */
h3 { font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 18px; font-weight: normal; color: #CCCCCC; line-height: 18px; margin-top: 6px; margin-right: 6px; margin-bottom: 0px; margin-left: 12px; text-align: left; text-indent: 0px }

 

/* Body */
body { background-color: #FFFFFF}

 

/* Define the string in the upper rifht side, which is linked, and its link*/
.topbar { background-color: #666699}


.topbarlink { font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 11px; color: #FFFFFF; margin-top: 12px; margin-right: 12px; margin-bottom: 12px; margin-left: 12px; line-height: 11px}

.topbarlink a:active { color: #CCCCCC; text-decoration: underline }
.topbarlink a:hover { color: #D6D3CE; text-decoration: none; background-color: #0066FF}
.topbarlink a:link { color: #666666; text-decoration: underline }
.topbarlink a:visited { color: #666666; text-decoration: underline }


/* Defines the logo (my name) in the left upper corner and its link*/
.logo { font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 14px; letter-spacing: 8px; background-color: #D6D3CE; color: #666699}
.copyright { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #999999; text-indent: 3pt}

.logo a:active { color: #00CC33; text-decoration: none}
.logo a:hover { color: #00CC33; text-decoration: underline; background-color: #999999}
.logo a:link { color: #009933; text-decoration: none}
.logo a:visited { color: #009933; text-decoration: none}

/* Defines the characters in the left middle part, and its links */
.mainparagraphs { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; margin-top: 12px; margin-right: 36px; margin-bottom: 12px; margin-left: 36px; line-height: 20px}


.mainparagraphs a:link { color: #666699; text-decoration: underline}
.mainparagraphs a:visited { color: #999999; text-decoration: underline}
.mainparagraphs a:hover { color: #D6D3CE; text-decoration: none; background-color: #666699}
.mainparagraphs a:active { color: #333333; text-decoration: underline}

/* Defines the tag name as the "mono" font */
.tagFont { font-family: "Courier New", "Courier", "mono"; font-size: 14px; color: #000099; font-weight: bold}


/* Defines the H1 tag to express different colors */
.headingInMain { font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 24px; color: #666666; margin-top: 12px; margin-right: 12px; margin-bottom: 12px; line-height: 16px }

.customH1 { font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 24px; font-weight: normal; color: #CCCCCC; line-height: 16px; margin-top: 24px; margin-right: 0px; margin-bottom: 24px; margin-left: 0px }


.customH1Dark { font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 24px; font-weight: normal; color: #666666; line-height: 16px; margin-top: 24px; margin-right: 0px; margin-bottom: 24px; margin-left: 0px }

 

/* Table titile table */
.tableTitleFont { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 14px; color: #CCCCCC; text-indent: 3pt }

.sideparagraph { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; margin-top: 12px; margin-right: 12px; margin-bottom: 12px; margin-left: 12px; line-height: 16px}


/* Defines the right side in the middle, and its color*/
.sidebarbg { background-color: #D6D3CE}


.sideparagraph a:link { color: #666699; text-decoration: underline}
.sideparagraph a:visited { color: #666699; text-decoration: underline}
.sideparagraph a:hover { color: #D6D3CE; text-decoration: none; background-color: #666699}
.sideparagraph a:active { color: #996666; text-decoration: underline}


/* Defines the indent in the table */
.tabInTable { margin-left: 20px}


/* Defines the bottom bar */
.bottombar { background-color: #666699}


 

© 2002 TAKUYA YAMASHITA ALL RIGHTS RESERVED
Back to top