Team:Yale/Templates/Yale Header
From 2010.igem.org
(Difference between revisions)
(135 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> | ||
<!------------------- Begin CSS -------------------> | <!------------------- Begin CSS -------------------> | ||
- | + | <style type="text/css"> | |
- | + | .firstHeading { display: none;} | |
- | font-family: Helvetica, sans-serif; | + | |
- | + | 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 { | ||
+ | margin: 0px; | ||
+ | height: 251px; | ||
+ | background: url(https://static.igem.org/mediawiki/2010/f/f4/Yale_header-bg.png) repeat-x; | ||
+ | } | ||
+ | #wikiheader { | ||
+ | font-family: Helvetica, sans-serif; | ||
+ | background: url(https://static.igem.org/mediawiki/2010/1/13/Yale_header-img.png) center no-repeat; | ||
+ | height: 251px; | ||
+ | } | ||
ul#nav { | ul#nav { | ||
- | height: | + | height: 300px; |
list-style: none; | list-style: none; | ||
- | + | padding-left: 156px; | |
- | + | ||
} | } | ||
- | + | ||
ul#nav li a { | ul#nav li a { | ||
display: block; | display: block; | ||
- | width: | + | width: 205px; |
float: left; | float: left; | ||
- | margin-top: | + | margin-top: 218px; |
color: white; | color: white; | ||
+ | font-size: 16px; | ||
text-decoration: none; | text-decoration: none; | ||
+ | text-align: center; | ||
} | } | ||
- | + | ||
ul#nav li a:hover, ul#nav li a:active { | ul#nav li a:hover, ul#nav li a:active { | ||
- | color: # | + | 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; | ||
+ | } | ||
- | </style> | + | 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> | ||
<!------------------- End CSS -------------------> | <!------------------- End CSS -------------------> | ||
Line 40: | Line 201: | ||
<!------------------- Begin Header -------------------> | <!------------------- Begin Header -------------------> | ||
- | <div id=" | + | <div id="wikiwrapper"> |
- | + | <div id="wikiheader"> | |
- | <li><a href=" | + | <ul id="nav"> |
- | <li><a href=" | + | <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="https://2010.igem.org/Team:Yale/Our Team">our team</a></li> | |
- | + | </ul> | |
+ | </div> | ||
</div> | </div> | ||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 02:52, 28 October 2010