|
|
Line 1: |
Line 1: |
- | __NOTOC__
| |
| <html> | | <html> |
- | <style type="text/css"> | + | <style> |
- | #header {
| + | |
- | padding: 0;
| + | |
- | }
| + | |
| | | |
| + | /* Edited 4/2/12 from Cornell iGEM 2011 */ |
| + | /* Author: Manal Cheema */ |
| + | /* Team: Arbor Vitae */ |
| + | #globalWrapper { |
| + | background-color: transparent; |
| + | border: none; |
| + | margin: 0; |
| + | padding: 0; |
| + | width: 100%; |
| + | height:auto !important; /* real browsers */ |
| + | height:100%; /* IE6: treaded as min-height*/ |
| + | min-height:100%; /* real browsers */ |
| + | } |
| #top-section { | | #top-section { |
- | height: 62px;
| + | background-image: url(‘http://wallpaperstock.net/green-gradient_wallpapers_2228_1024x768.jpg’); |
- | margin-top: 80px;
| + | height:243px ! important; |
- | margin-left: auto;
| + | margin: 0px; |
- | margin-right: auto;
| + | margin-left: auto; |
- | margin-bottom: 0px;
| + | margin-right: auto; |
- | padding:0;
| + | margin-bottom: 0 !important; |
- | border: none;
| + | padding:0; |
- | position: relative;
| + | border: 2px solid black; |
- | top:-75px;
| + | |
| } | | } |
| + | #p-logo { |
| + | height:0px; |
| + | overflow:hidden; |
| + | display:none; |
| + | } |
| + | .firstHeading {display:none; } |
| + | #search-controls { display:none; } |
| | | |
| + | /* Page Formatting */ |
| body { | | body { |
- | background: #ffa054;
| + | background-image:url(‘http://th02.deviantart.net/fs18/PRE/f/2007/162/1/d/Green_gradient_by_Suryakami.jpg'); |
- | background-image:url('http://wallpaperstock.net/green-gradient_wallpapers_2228_1024x768.jpg'); | + | position: float; |
- | background-repeat:repeat;
| + | |
- | background-attachment:fixed;
| + | |
| } | | } |
- | .firstHeading {display: none;}
| |
| | | |
- | | + | a:link { |
- | | + | color:yellow; |
- | p {
| + | |
- | color:#000000;
| + | |
- | padding: 10px;
| + | |
| } | | } |
| | | |
- | h1 {
| + | a:hover { |
- | padding: 5px;
| + | color:yellow; |
- | background: #ff6a29;
| + | |
- | font-weight: bold;
| + | |
- | color:#ffffff; | + | |
| } | | } |
| | | |
- | h2 {
| + | a:visited { |
- | padding: 5px;
| + | color:yellow; |
- | 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:#00FFFF;
| |
- | margin:0px;
| |
- | padding:0px 0px 0px 0px;
| |
- | font-size:16px;
| |
- | font-family:"Garamond", bold;
| |
- | font-weight:bold;
| |
- | position:absolute;
| |
- | z-index:200;
| |
- | width: 966px;
| |
- | left: 10px;
| |
- | }
| |
| | | |
- | #topmenu ul{
| + | h2 { |
- | background-color:#00ffff;
| + | font-style:bold; |
- | height:30px;
| + | font-face:Garamond; |
- | list-style:none;
| + | padding:0; |
- | margin:0;
| + | margin:10px; |
- | padding:0px;
| + | |
| } | | } |
| | | |
- | #topmenu li{
| + | p { |
- | float:left;
| + | font-face:Garamond; |
- | padding:0px;
| + | padding:0; |
| + | margin:30px; |
| } | | } |
| | | |
- | #topmenu li a{
| + | h3 { |
- | background:#ffdfba;
| + | padding: 0; |
- | color:#ff7200;
| + | margin-top:-18px; |
- | 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:#00FFFF;
| |
- | 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:#00FFFF;
| |
- | 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:#00ffff;
| |
- | border: solid 2px
| |
- | border-color:#000000;
| |
- | font: 50% garamond;
| |
- | 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> | | </style> |
- | <body>
| |
- |
| |
- | <br>
| |
- | <div id="header">
| |
- | <div id="banner"><img src="http://www.in-equilibrium.co.uk/assets/images/tree_banner.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> | | </html> |