/* Cascading Style Sheet for Knut's Homepage */ /* Dark Blue style */ /* All properties that are style specific are marked as "STYLE" */ /* Compatibility notes: * * Names starting with "#" are ID selectors meaning they point to one specific single object/element */ /* This stylesheet expects the following HTML structure body#page table#pageHeader tr td.left div.Name div.subTitle td.right (rowspan 2) div.contactInformation col left is optional sidebar navigation col.main col.right table#pageFooter tr td.left (rowspan = 2, could be used for image) td.center (rowspan = 2) div.footerText td.right div.poweredBy tr td.right div.lastUpdated */ /* GLOBAL SYTLE global styling, sets overall style of page */ body { font-family: Verdana; margin: 0px; /* increase to have page float on background */ padding: 0px; font-size: 10pt; } h1, h2, h3, h4, h5 { font-family: Arial; font-style: italic; color: blue; } h1 { font-weight: normal; font-size: 18pt; } h2 { font-weight: normal; font-size: 14pt; } h3 { font-weight: normal; font-size: 13pt; } h3 { font-weight: bold; font-size: 11pt; } li { margin-bottom: .3em; /* make list items more compact than default */ } img { border: 0; /* by default, images should not have a border */ } .emptyImage { /* used for special effects */ float:left; margin: 0px; /* distance to outline */ } /* all headers in boxes */ .header { clear: both; /* floating element below */ } /* link styles */ a { text-decoration: underline; /* set to "none" to hide underlines on links */ } a img { text-decoration: none; /* set to "none" to hide underlines on links */ } a:link { color: #000099; /* STYLE */ } a:visited { color: #00008B; /* STYLE */ } /* Note: hover selector should be last in order to take precedence in :visited AND :hover situation */ a:hover { color: #CC0000; /* STYLE */ } /* special link styles */ a.noHover:hover { background-color:transparent; /* If you don't want images wrapped in to have hover effect, make it */ } a:active { color: #FF3300; /* STYLE */ } /*********************************************************************************/ /*** Styles of specific modules **************************************************/ /*********************************************************************************/ /* MODULE: HEADER --------------------------------------------*/ #pageHeader { width: 100%; color: blue; border-bottom: 3px solid #FFCC66; /* STYLE */ } #pageHeader td { /* padding-left: 6px; */ padding-right: 6px; } #pageHeader div { /*margin-bottom: .2em; */ } /* logo image on left side of header */ #pageHeader .left { width: auto; margin-right: 8px; } /* header information */ #pageHeader .right { margin-left: 8px; vertical-align: bottom; /* color: #0000DF White; */ /* STYLE */ } /* link style in header */ /* note: Order is important. If ambiguous, last has precedence. */ #pageHeader a:link { color: darkblue; /* STYLE */ text-decoration: none; /* set to "none" to hide underlines on links */ } #pageHeader a:visited { color: blue; /* STYLE */ text-decoration: none; /* set to "none" to hide underlines on links */ } #pageHeader a:hover { color: blue; /* STYLE */ text-decoration: none; /* set to "none" to hide underlines on links */ } #pageHeader a:active { color: blue; /* STYLE */ text-decoration: none; /* set to "none" to hide underlines on links */ } #pageHeader .left .Name { text-align: left; font-family: Arial; color: blue; font-size: 24pt; vertical-align: middle; } #pageHeader .left .subTitle { text-align: left; font-family: Arial; font-size: 16pt; vertical-align: middle; } #pageHeader .right .contactInformation{ text-align: right; font-size: 8pt; vertical-align: bottom; /*margin-right: 4px; */ /* to right align with commands in utilities */ } /* MODULE: FOOTER ------------------------------------------------------------*/ #pageFooter { width: 100%; border-top: 3px solid #FFCC66; /* STYLE */ font-size: 8pt; } #pageFooter td { padding-left: 6px; padding-right: 6px; } #pageFooter div { /* margin-bottom: .2em; */ } /* link style in footer */ #pageFooter a:link { color: blue; /* STYLE */ } #pageFooter a:visited { color: blue; /* STYLE */ } #pageFooter a:hover { color: #CC0000; /* STYLE */ } #pageFooter a:active { color: #FF3300; /* STYLE */ } /* reserved for image */ #pageFooter .left { width: 0px; margin-right: 0px; } #pageFooter .center { width: 50%; /* helps to left align text */ text-align: left; vertical-align: top; } #pageFooter .right .lastUpdated { vertical-align: bottom; }