|
|
(6 intermediate revisions 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 5em;
| + | |
- | 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: 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 1.2em 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: 0.5em;
| + | |
- | }
| + | |
- | #body li
| + | |
- | {
| + | |
- | padding: 0.2em;
| + | |
- | }
| + | |
- | /* Foot ***************************************************/
| + | |
- | #foot
| + | |
- | {
| + | |
- | position: absolute;
| + | |
- | bottom: 7px;
| + | |
- | width: 100%;
| + | |
- | text-align: center;
| + | |
- | }
| + | |
- | -->
| + | |
- | </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>
| + | |
- | <script type="text/javascript">
| + | |
- | <!--
| + | |
- | // Foot
| + | |
- | $("#foot img").error(function()
| + | |
- | {
| + | |
- | $(this)
| + | |
- | .error(function(){})
| + | |
- | .attr("src", "http://www2.clustrmaps.com/images/clustrmaps-back-soon.jpg")
| + | |
- | .closest("a").attr("link","http://www2.clustrmaps.com");
| + | |
- | });
| + | |
- | //-->
| + | |
- | </script>
| + | |
- | </head>
| + | |
- | </html>
| + | |