Team:Yale/Templates/Yale Header
From 2010.igem.org
(Difference between revisions)
(122 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<head> | <head> | ||
+ | <script type="text/javascript"> | ||
+ | $('.left-menu ul')[0].innerHTML="<li><a href=\"https://2010.igem.org\" style=\"font-weight:normal; text-transform:none\">2010 iGEM home</a></li>"+$('.left-menu ul')[0].innerHTML; | ||
+ | |||
+ | function loadalert () | ||
+ | |||
+ | {alert("You are currently using Internet Explorer. For optimal experience on the iGEM Yale wiki, we highly recommend using either Mozilla Firefox or Google Chrome.")} | ||
+ | </script> | ||
+ | |||
+ | <!--[if IE]> | ||
+ | <body onLoad="loadalert()"> | ||
+ | <![endif]--> | ||
+ | |||
<title>iGEM Yale</title> | <title>iGEM Yale</title> | ||
Line 7: | Line 19: | ||
<style type="text/css"> | <style type="text/css"> | ||
.firstHeading { display: none;} | .firstHeading { display: none;} | ||
- | # | + | |
+ | body { | ||
+ | font-family: 'Helvetica Neue', Arial, sans-serif;} | ||
+ | |||
+ | #menubar li a{ | ||
+ | color:#black; | ||
+ | } | ||
+ | |||
+ | #menubar li a:hover { | ||
+ | color:#8f6620; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | #menubar li.selected a { | ||
+ | color:#292f2f; | ||
+ | } | ||
+ | |||
+ | #top-section { height: 20px; margin-top: -10px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important; margin-bottom: 10px; padding:0; border: none;} | ||
+ | |||
+ | #globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0;} | ||
+ | |||
+ | #search-controls { overflow:hidden; display:block; background: none; position: absolute; top: -100px; right: -100px;} | ||
+ | |||
+ | #p-logo { height:1px; overflow:hidden; display: none;} | ||
+ | |||
+ | .left-menu { width: 400px; display:block; float:left; margin-top:-60px; border: none;} | ||
+ | .left-menu ul { border: none; } | ||
+ | #menubar.right-menu { width:300px; display:block; float:left; margin-top:-60px; border: none;} | ||
+ | .right-menu ul { border: none;} | ||
#wikiwrapper { | #wikiwrapper { | ||
- | margin: | + | margin: 0px; |
height: 251px; | height: 251px; | ||
background: url(https://static.igem.org/mediawiki/2010/f/f4/Yale_header-bg.png) repeat-x; | background: url(https://static.igem.org/mediawiki/2010/f/f4/Yale_header-bg.png) repeat-x; | ||
Line 20: | Line 60: | ||
} | } | ||
+ | ul#nav { | ||
+ | height: 300px; | ||
+ | list-style: none; | ||
+ | padding-left: 156px; | ||
+ | } | ||
+ | ul#nav li a { | ||
+ | display: block; | ||
+ | width: 205px; | ||
+ | float: left; | ||
+ | margin-top: 218px; | ||
+ | color: white; | ||
+ | font-size: 16px; | ||
+ | text-decoration: none; | ||
+ | text-align: center; | ||
+ | } | ||
+ | ul#nav li a:hover, ul#nav li a:active { | ||
+ | color: #8f6620; | ||
+ | } | ||
+ | div#main-content { | ||
+ | padding: 15px; | ||
+ | } | ||
+ | |||
+ | div#main-content a#nav { | ||
+ | color: black; | ||
+ | float: right; | ||
+ | padding-top: 10px; | ||
+ | padding-bottom: 10px; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | div#main-content a:hover, div#main-content a:active { | ||
+ | color: #8f6620; | ||
+ | } | ||
+ | div#main-content h5 { | ||
+ | font: 18px Helvetica,sans-serif; | ||
+ | font-weight: normal; | ||
+ | font-style: normal; | ||
+ | color: white; | ||
+ | text-align: center; | ||
+ | padding-top: 10px; | ||
+ | } | ||
+ | |||
+ | div#main-content p { | ||
+ | font-size: 12px; | ||
+ | text-align: justify; | ||
+ | padding-top: 10px; | ||
+ | padding-bottom: 20px; | ||
+ | } | ||
+ | div#main-content div#left-col { | ||
+ | float: left; | ||
+ | padding-left: 15px; | ||
+ | padding-right: 15px; | ||
+ | width: 645px; | ||
+ | height: 440px; | ||
+ | background: url(https://static.igem.org/mediawiki/2010/d/db/Yale-home-left.png) repeat-x #e4e5e5; | ||
+ | } | ||
+ | |||
+ | div#main-content div#left-col div#img-nav{ | ||
+ | float: left; | ||
+ | padding-right: 15px; | ||
+ | padding-bottom: 15px; | ||
+ | } | ||
+ | |||
+ | div#main-content div#right-col { | ||
+ | float: right; | ||
+ | padding-left: 15px; | ||
+ | padding-right: 15px; | ||
+ | width: 215px; | ||
+ | height: 440px; | ||
+ | background: url(https://static.igem.org/mediawiki/2010/2/23/Yale-home-right.png) repeat-x #e4e5e5; | ||
+ | } | ||
+ | |||
+ | div#main-content div#right-col div#img-nav{ | ||
+ | text-align: center; | ||
+ | padding-top: 15px; | ||
+ | } | ||
+ | |||
+ | #img-1 { | ||
+ | display: block; | ||
+ | width: 150px; | ||
+ | height: 190px; | ||
+ | background: url(https://static.igem.org/mediawiki/2010/9/92/Yale-left-img1.png) bottom; | ||
+ | text-indent: -99999px; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | #img-1:hover { | ||
+ | background-position: 0 0; | ||
+ | } | ||
+ | |||
+ | #img-2 { | ||
+ | display: block; | ||
+ | width: 150px; | ||
+ | height: 190px; | ||
+ | background: url(https://static.igem.org/mediawiki/2010/4/4d/Yale-left-img2.png) bottom; | ||
+ | text-indent: -99999px; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | #img-2:hover { | ||
+ | background-position: 0 0; | ||
+ | } | ||
+ | |||
+ | #img-3 { | ||
+ | display: block; | ||
+ | width: 150px; | ||
+ | height: 190px; | ||
+ | background: url(https://static.igem.org/mediawiki/2010/d/da/Yale-left-img3.png) bottom; | ||
+ | text-indent: -99999px; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | #img-3:hover { | ||
+ | background-position: 0 0; | ||
+ | } | ||
+ | |||
+ | #img-4 { | ||
+ | display: block; | ||
+ | width: 150px; | ||
+ | height: 190px; | ||
+ | background: url(https://static.igem.org/mediawiki/2010/d/d0/Yale-left-img4.png) bottom; | ||
+ | text-indent: -99999px; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | #img-4:hover { | ||
+ | background-position: 0 0; | ||
+ | } | ||
+ | |||
</style> | </style> | ||
Line 35: | Line 204: | ||
<div id="wikiheader"> | <div id="wikiheader"> | ||
<ul id="nav"> | <ul id="nav"> | ||
- | + | <li><a href="https://2010.igem.org/Team:Yale">home</a></li> | |
- | <li><a href=" | + | <li><a href="https://2010.igem.org/Team:Yale/Our Project">our project</a></li> |
- | <li><a href=" | + | <li><a href="https://2010.igem.org/Team:Yale/Our Team">our team</a></li> |
+ | </ul> | ||
</div> | </div> | ||
</div> | </div> | ||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 02:52, 28 October 2010