|
|
| (One intermediate revision not shown) |
| Line 1: |
Line 1: |
| - | <html>
| |
| - | <head>
| |
| - | <style type="text/css">
| |
| - | <!--
| |
| - | /* Reset Style ********************************************/
| |
| - | #head *, #body *
| |
| - | {
| |
| - | margin: 0em;
| |
| - | padding: 0em;
| |
| - | list-style: none;
| |
| - | }
| |
| - | /* Header *************************************************/
| |
| - | #logo /* Logo Image */
| |
| - | {
| |
| - | text-align: center;
| |
| - | }
| |
| - | #lastmodified /* Last Modified Date */
| |
| - | {
| |
| - | font-weight: bold;
| |
| - | font-size: 1.2em;
| |
| - | }
| |
| - | /* Menu ***************************************************/
| |
| - | #menu
| |
| - | {
| |
| - | padding: 1em 0em 4em;
| |
| - | position: relative;
| |
| - | width: 100%;
| |
| - | }
| |
| - | #menu *
| |
| - | {
| |
| - | color: white;
| |
| - | text-decoration: none;
| |
| - | }
| |
| - | #menu div
| |
| - | {
| |
| - | float: left;
| |
| - | width: 6em;
| |
| - | padding: 0.5em 0em;
| |
| - | text-align: center;
| |
| - | background: #aaaaaa;
| |
| - | }
| |
| - | #menu ul
| |
| - | {
| |
| - | position: absolute;
| |
| - | top: 3.3em;
| |
| - | left: 0em;
| |
| - | background: #84a2d4;
| |
| - | width: 100%;
| |
| - | display: none;
| |
| - | }
| |
| - | #menu li
| |
| - | {
| |
| - | float: left;
| |
| - | padding: 0.5em 1em;
| |
| - | background: transparent;
| |
| - | }
| |
| - | #menu li .new
| |
| - | {
| |
| - | visibility: hidden;
| |
| - | }
| |
| - | /* Body ***************************************************/
| |
| - | #body
| |
| - | {
| |
| - | padding: 0em 2.4em 120px;
| |
| - | line-height: 1.5em;
| |
| - | height: 100%;
| |
| - | position: relative;
| |
| - | }
| |
| - | #body h2
| |
| - | {
| |
| - | margin: 1em -0.8em 0.2em;
| |
| - | position: relative;
| |
| - | }
| |
| - | #body h3
| |
| - | {
| |
| - | margin: 0.5em -0.5em 0.2em;
| |
| - | }
| |
| - | #body p
| |
| - | {
| |
| - | padding: 0em 0em 0.5em;
| |
| - | }
| |
| - | #body th, #body td, #body ul, #body ol
| |
| - | {
| |
| - | padding: 0em 0.2em 0.5em;
| |
| - | }
| |
| - | #body li
| |
| - | {
| |
| - | padding: 0em;
| |
| - | }
| |
| - | #body hr
| |
| - | {
| |
| - | margin: 0em -2.4em;
| |
| - | }
| |
| - | /* Foot ***************************************************/
| |
| | | | |
| - | -->
| |
| - | </style>
| |
| - | <!--[if IE 6 ]>
| |
| - | <script type="text/javascript" src="http://dillerdesign.com/experiment/DD_belatedPNG/DD_belatedPNG_0.0.8a-min.js"></script>
| |
| - | <script type="text/javascript"> DD_belatedPNG.fix('img'); </script>
| |
| - | <![endif]-->
| |
| - | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
| |
| - | <script type="text/javascript">
| |
| - | <!--
| |
| - | // Menu
| |
| - | $(document).ready(function()
| |
| - | {
| |
| - | $("#menu div:has(.selflink)")
| |
| - | .css("background","#84a2d4")
| |
| - | .next().show();
| |
| - | $("#menu ul:has(.selflink)")
| |
| - | .show()
| |
| - | .prev().css("background","#84a2d4");
| |
| - | $("#menu div")
| |
| - | .mouseover(function()
| |
| - | {
| |
| - | $("#menu div").css("background","#aaaaaa");
| |
| - | $("#menu ul").hide();
| |
| - | $(this)
| |
| - | .css("background","#84a2d4")
| |
| - | .next().show();
| |
| - | });
| |
| - | });
| |
| - | //-->
| |
| - | </script>
| |
| - |
| |
| - | </head>
| |
| - | </html>
| |
| - |
| |
| - | ==Foot==
| |
| - | #foot
| |
| - | {
| |
| - | position: absolute;
| |
| - | bottom: 7px;
| |
| - | width: 100%;
| |
| - | text-align: center;
| |
| - | }
| |
"
