|
|
Line 1: |
Line 1: |
- | <html>
| |
- | <head>
| |
- | <style type="text/css">
| |
- | <!--
| |
| | | |
- | /* 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>
| |
- |
| |
- | ==Reset==
| |
- | /* Reset Style ********************************************/
| |
- | #head *, #body *
| |
- | {
| |
- | margin: 0em;
| |
- | padding: 0em;
| |
- | list-style: none;
| |
- | }
| |
- |
| |
- | ==Foot==
| |
- | #foot
| |
- | {
| |
- | position: absolute;
| |
- | bottom: 7px;
| |
- | width: 100%;
| |
- | text-align: center;
| |
- | }
| |