Template:ArborVitae
From 2012hs.igem.org
(Difference between revisions)
(Blanked the page) |
|||
Line 1: | Line 1: | ||
+ | __NOTOC__ | ||
+ | <html> | ||
+ | <style type="text/css"> | ||
+ | #header { | ||
+ | padding: 0; | ||
+ | } | ||
+ | #top-section { | ||
+ | height: 62px; | ||
+ | margin-top: 80px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | margin-bottom: 0px; | ||
+ | padding:0; | ||
+ | border: none; | ||
+ | position: relative; | ||
+ | top:-75px; | ||
+ | } | ||
+ | |||
+ | body { | ||
+ | background: #ffa054; | ||
+ | background-image:url('https://static.igem.org/mediawiki/2011/0/03/Igembg.gif'); | ||
+ | background-repeat:no-repeat; | ||
+ | background-attachment:fixed; | ||
+ | } | ||
+ | .firstHeading {display: none;} | ||
+ | |||
+ | |||
+ | |||
+ | p { | ||
+ | color:#000000; | ||
+ | padding: 10px; | ||
+ | } | ||
+ | |||
+ | h1 { | ||
+ | padding: 5px; | ||
+ | background: #ff6a29; | ||
+ | font-weight: bold; | ||
+ | color:#ffffff; | ||
+ | } | ||
+ | |||
+ | h2 { | ||
+ | padding: 5px; | ||
+ | background: #ff6a29; | ||
+ | font-weight: bold; | ||
+ | color:#ffffff; | ||
+ | } | ||
+ | |||
+ | h3 { | ||
+ | padding: 10px; | ||
+ | font-weight: bold; | ||
+ | font-size: 18px; | ||
+ | } | ||
+ | |||
+ | #topmenu{ | ||
+ | border: solid 4px; | ||
+ | border-color: #000000; | ||
+ | background-color:#000000; | ||
+ | margin:0px; | ||
+ | padding:0px 0px 0px 0px; | ||
+ | font-size:16px; | ||
+ | font-family:"Arial Black", Gadget, sans-serif; | ||
+ | font-weight:bold; | ||
+ | position:absolute; | ||
+ | z-index:200; | ||
+ | width: 966px; | ||
+ | left: 10px; | ||
+ | } | ||
+ | |||
+ | #topmenu ul{ | ||
+ | background-color:#000000; | ||
+ | height:30px; | ||
+ | list-style:none; | ||
+ | margin:0; | ||
+ | padding:0px; | ||
+ | } | ||
+ | |||
+ | #topmenu li{ | ||
+ | float:left; | ||
+ | padding:0px; | ||
+ | } | ||
+ | |||
+ | #topmenu li a{ | ||
+ | background:#ffdfba; | ||
+ | color:#ff7200; | ||
+ | display:block; | ||
+ | font-weight:bold; | ||
+ | line-height:30px; | ||
+ | margin:0px; | ||
+ | padding:0px 28px; | ||
+ | text-align:center; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | #topmenu li a:hover, #topmenu ul li:hover a{ | ||
+ | background: #ffce8f; | ||
+ | color:#ff7200; | ||
+ | text-decoration:none; | ||
+ | border:solid 0px 0px 20px 0px; | ||
+ | border-color:#ff0000; | ||
+ | } | ||
+ | |||
+ | #topmenu li ul{ | ||
+ | background:#dedede; | ||
+ | display:none; | ||
+ | height:auto; | ||
+ | padding:0; | ||
+ | margin:0; | ||
+ | border:0; | ||
+ | position:absolute; | ||
+ | width:200px; | ||
+ | z-index:200; | ||
+ | } | ||
+ | |||
+ | #topmenu li:hover ul{ | ||
+ | display:block; | ||
+ | } | ||
+ | |||
+ | #topmenu li li { | ||
+ | display:block; | ||
+ | float:none; | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | width:200px; | ||
+ | } | ||
+ | |||
+ | #topmenu li:hover li a{ | ||
+ | background:none; | ||
+ | } | ||
+ | |||
+ | #topmenu li ul a{ | ||
+ | display:block; | ||
+ | height:30px; | ||
+ | font-size:12px; | ||
+ | font-style:normal; | ||
+ | margin:0px; | ||
+ | padding:0px 10px 0px 15px; | ||
+ | text-align:left; | ||
+ | } | ||
+ | |||
+ | #topmenu li ul a:hover, #topmenu li ul li:hover a{ | ||
+ | background:#000000; | ||
+ | border:0px; | ||
+ | color:#ff7200; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | #topmenu p{ | ||
+ | clear:left; | ||
+ | } | ||
+ | |||
+ | #content{ | ||
+ | margin: 0 auto -50px; | ||
+ | position: relative; | ||
+ | top: -55px; | ||
+ | left:0px; | ||
+ | padding-top: 0px; | ||
+ | padding-left:10px; | ||
+ | padding-right:10px; | ||
+ | padding-bottom: 10px; | ||
+ | background-color:#ffffff; | ||
+ | border: solid 2px | ||
+ | border-color:#000000; | ||
+ | font: 50% verdana; | ||
+ | font-size:14px; | ||
+ | -moz-border-radius: 15px; | ||
+ | border-radius: 15px; | ||
+ | width:970px; | ||
+ | } | ||
+ | |||
+ | #content a { | ||
+ | text-decoration: underline; | ||
+ | color:#000000; | ||
+ | } | ||
+ | |||
+ | #content a:hover{ | ||
+ | color:#ffce8f; | ||
+ | } | ||
+ | |||
+ | #banner { | ||
+ | position:relative; | ||
+ | top:-40px; | ||
+ | left:0px; | ||
+ | margin-bottom:-40px; | ||
+ | |||
+ | } | ||
+ | </style> | ||
+ | <body> | ||
+ | |||
+ | <br> | ||
+ | <div id="header"> | ||
+ | <div id="banner"><img src="http://img0.etsystatic.com/il_570xN.208171488.jpg"></div> | ||
+ | </div><div id="topmenu"> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <br><br><br> | ||
+ | <!-- Start of StatCounter Code --> | ||
+ | <script type="text/javascript"> | ||
+ | var sc_project=7055939; | ||
+ | var sc_invisible=1; | ||
+ | var sc_security="57de4c26"; | ||
+ | </script> | ||
+ | |||
+ | <script type="text/javascript" | ||
+ | src="http://www.statcounter.com/counter/counter.js"></script><noscript><div | ||
+ | class="statcounter"><a title="counter on godaddy" | ||
+ | href="http://statcounter.com/godaddy_website_tonight/" | ||
+ | target="_blank"><img class="statcounter" | ||
+ | src="http://c.statcounter.com/7055939/0/57de4c26/1/" | ||
+ | alt="counter on godaddy" ></a></div></noscript> | ||
+ | <!-- End of StatCounter Code --> | ||
+ | |||
+ | </body> | ||
+ | </html> |
Revision as of 23:43, 2 April 2012