Team:Yale/Templates/Yale Header
From 2010.igem.org
(Difference between revisions)
(55 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 9: | Line 21: | ||
body { | body { | ||
- | font-family: Helvetica, sans-serif;} | + | 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 47: | Line 85: | ||
} | } | ||
- | div#main-content a { | + | div#main-content a#nav { |
color: black; | color: black; | ||
float: right; | float: right; | ||
- | padding-top: | + | padding-top: 10px; |
- | padding-bottom: | + | padding-bottom: 10px; |
font-weight: bold; | font-weight: bold; | ||
} | } | ||
- | div#main-content a:hover, | + | div#main-content a:hover, div#main-content a:active { |
color: #8f6620; | color: #8f6620; | ||
} | } | ||
div#main-content h5 { | div#main-content h5 { | ||
- | font: | + | font: 18px Helvetica,sans-serif; |
font-weight: normal; | font-weight: normal; | ||
font-style: normal; | font-style: normal; | ||
color: white; | color: white; | ||
text-align: center; | text-align: center; | ||
+ | padding-top: 10px; | ||
} | } | ||
Line 70: | Line 109: | ||
text-align: justify; | text-align: justify; | ||
padding-top: 10px; | padding-top: 10px; | ||
- | padding-bottom: | + | padding-bottom: 20px; |
} | } | ||
Line 78: | Line 117: | ||
padding-right: 15px; | padding-right: 15px; | ||
width: 645px; | width: 645px; | ||
- | height: | + | height: 440px; |
background: url(https://static.igem.org/mediawiki/2010/d/db/Yale-home-left.png) repeat-x #e4e5e5; | 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; | float: left; | ||
padding-right: 15px; | padding-right: 15px; | ||
+ | padding-bottom: 15px; | ||
} | } | ||
Line 92: | Line 132: | ||
padding-right: 15px; | padding-right: 15px; | ||
width: 215px; | width: 215px; | ||
- | height: | + | height: 440px; |
background: url(https://static.igem.org/mediawiki/2010/2/23/Yale-home-right.png) repeat-x #e4e5e5; | background: url(https://static.igem.org/mediawiki/2010/2/23/Yale-home-right.png) repeat-x #e4e5e5; | ||
} | } | ||
Line 101: | Line 141: | ||
} | } | ||
+ | #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 116: | Line 207: | ||
<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 Project">our project</a></li> | ||
<li><a href="https://2010.igem.org/Team:Yale/Our Team">our team</a></li> | <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