/* * Copyright (C) Jari Aalto * http://www.pitt.edu/~nisg/cis/web/cgi/rgb.html * - Teal = #008080 * - Navy = #000080 * - Blue = #0000FF * - standard link color is #0000EE, visited is #6959cd (SlateBlue3) * - http://www.w3.org/TR/css3-color/ * * http://www.w3.org/TR/REC-CSS2/cover.html#minitoc * http://www.w3.org/TR/REC-CSS2/text.html#q3 (text-decoration)) * * * */ img { /* "The easiest way to PNG support in IE6" * http://bjorkoy.com/post/show/8 * "IE PNG Alpha Fix v1.0 RC4" by Angus Turnbull * http://www.twinhelix.com/css/iepngfix/demo/ * * If you set png as background-repeat, it stops working */ /* behavior: url(iepngfix.htc); */ } div#navbar { position: absolute; top: 0px; left: 0px; } #navbar ul#main { position: fixed; /* float: left; */ width: 160px; font-family: Arial, Helvetica, sans-serif; /* font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; */ font-size: 1em; margin-top: 10px; margin-left: 20px; margin-right: 0px; padding-top: 0px; padding-right: 20px; /* padding-bottom: 800px; */ height: 450px; padding-left: 0px; padding-right: 0px; background: url(pic/bg-navbar.jpg) no-repeat; border-radius: 20px; /* background-color: white; */ } #navbar ul#main li#first { padding-top: 90px; /* navbar position from the top */ } #navbar ul.sub { margin-top: 5px; margin-left: 0px; padding-left: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; line-height: 1.3em; } #navbar li { padding-top: 5px; padding-bottom: 5px; padding-left: 15px; list-style: none; /* width: 170px; */ } #navbar ul.sub li { padding-top: 2px; padding-bottom: 2px; } #navbar li.last-nav { margin-bottom: 7px; } #navbar li.last { /* extend background gradient */ padding-bottom: 500px; } #navbar a { text-align: left; text-decoration: none; padding-left: 4px; padding-right: 4px; padding-top: 5px; padding-bottom: 5px; color: black; border: none; } #navbar li.copyright { border-top-style: dashed; border-width: 1px; line-height: 1.2em; margin-left: 15px; margin-right: 25px; padding-top: 15px; margin-bottom: 7px; padding-left: 0px; padding-right: 0px; font-family: "Times new roman", Times, serif; font-size: 1em; color: #608E5D ; } #navbar li.maintainer { border-top-style: dashed; border-width: 1px; margin-left: 15px; margin-right: 25px; padding-top: 15px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #666666; } #navbar span.caps { /* font-family: Georgia, "Times New Roman", Times, serif; */ font-variant: small-caps; color: #3366CC ; } #navbar a:hover[href] { color: blue; /* background: #99CC99; */ background: url(pic/rectangle-navbar.jpg) no-repeat; border-radius: 5px; margin-left: -2px; border-left-width: 2px; border-left-color: teal; border-left-style: solid; text-decoration: none; } #navbar li.copyright a:hover[href] { padding-top: 20px; /* Gravatar image - stretch background UP */ } #navbar a.point { font-size: 120%; } #navbar a.point:hover { color: #FFF; background: #D4D4D4; margin-left: 0; border-left-width: 0; border-left-style: none; text-decoration: none; } #navbar img#w3c { position: absolute; top: 408px; left: 33px; } /* *********************************************************************** */ #container /* top row */ { position: absolute; top: 10px; left: 0px; margin-top: 0px; padding-top: 0px; padding-bottom: 0px; padding-right: 0px; margin-left: 200px; overflow: hidden; background: url(pic/bg-top.jpg) repeat-y left top; border-radius: 20px; width: 650px; } #container h1 { margin-left: 12px; padding-top: 15px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; font-size: 140%; font-family: "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif; color: #6BA4DC; } #container h1:first-child { font-size: 0.85em; } /* *********************************************************************** */ div.content { /* for columns */ overflow: hidden; float: left; padding-top: 8em; /* distance from the "Header"; text start */ margin-left: 194px; padding-right: 0px; max-width: 700px; } div.content#summary { overflow: hidden; float: left; padding-top: 8em; /* distance from the "Header"; text start */ margin-left: 194px; padding-right: 0px; max-width: 2500px; } div.content div.text { max-width: 700px; } div.content h1 { margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 50px; padding-top: 10px; padding-bottom: 10px; padding-left: 0px; text-align: left; /* background: url(pic/heading-light2.png) no-repeat; font-size: 120%; font-weight: bolder; color: #6699CC ; font-family: Verdana, sans-serif; font-variant: small-caps; font-stretch: wider; */ } div.content h1 { font-size: 130%; } div.content h2 { font-size: 120%; } div.content div#col1 /* left panel */ { /* http://www.positioniseverything.net/articles/onetruelayout/equalheight * "http://www.mikezilla.com/exp0037.html" * http://www.mikezilla.com/exp0037.html */ font-family: Arial, Helvetica, serif; font-size: 0.9em; float: left; max-height: 700px; width: 300px; background: url(pic/wallpaper-grey-500x600.jpg) no-repeat; border-radius: 20px; padding-left: 10px; padding-right: 10px; padding-bottom: 2000px; margin-bottom: -2000px; } div.content div#col2 { float: left; height: 500px; width: 350px; font-size: 0.9em; /* background: url(pic/wallpaper-grey-500x600.jpg) no-repeat; */ padding-left: 0px; padding-left: 20px; padding-right: 10px; padding-bottom: 1000px; margin-bottom: -1000px; } div.content ul li { margin-top: 0px; margin-left: 0px; padding-top: 0px; padding-bottom: 0px; } /* *********************************************************************** */ body div.toc { padding-top: 9em; margin-top: 0px; padding-bottom: 0px; padding-right: 0px; margin-left: 200px; } div.doc { padding-top: 0px; padding-bottom: 0px; padding-right: 0px; margin-left: 200px; margin-right: 2em; } div.table-summary { padding-left: 0px; padding-right: 0px; margin-left: 0px; margin-right: 0px; width: 3000px; } div.table-summary table pre { font-family: "Courier New", Courier, monospace, sans-serif; font-size: 8pt; } /* *********************************************************************** */ hr { border: 0; width: 0%; } hr.footer { width: 100%; border: solid; border-left-color: #00d6d8; border-top-color: #00c6c8; border-top-style: dashed; border-top-width: 1px; border-right-color: #00e6e8; border-bottom-color: #00e6e8; } hr.footer + p { /* Papyrus: Mac font */ font-family: Papyrus, Georgia, "Times New Roman", Times, serif; font-style: italic; font-variant: small-caps; font-weight: lighter; } #content p { text-align: justify; } h1, h2, h3, h4 { /* font-family: Arial, Helvetica, "Times New Roman", "Times", serif; */ font-family: "Times New Roman", Times; color: #4682b4; /* = MidNightBlue */ margin-top: 1em; margin-bottom: 0.5em; } h1 { /* font-family: Georgia; */ text-align: left; font-size: 26px; } h2 { font-size: 20px; /* margin: 5px 0; */ } h3 { font-size: 14px; margin: 30px 0 0; } h4 { font-size: 12px; } body { font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 140%; text-align: left; } p { margin: 0 0 10px; } ul { /* list-style-image: url(pic/bullet.jpg); */ } ul li { padding-bottom: 0.3em; } ol li { list-style: decimal outside; } ul { margin-top: 5px; margin-left: 1.5em; padding-left: 0px; } small { font: 10px Arial, Helvetica, sans-serif; color: #777; } em.word { color: #999; font-weight: bolder; } /* End of file */