Team:Yale/Templates/Yale Header Project
From 2010.igem.org
(Difference between revisions)
(58 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; | ||
+ | </script> | ||
+ | |||
<title>iGEM Yale</title> | <title>iGEM Yale</title> | ||
Line 10: | Line 14: | ||
body { | body { | ||
font-family: 'Helvetica Neue', Arial, sans-serif;} | font-family: 'Helvetica Neue', Arial, sans-serif;} | ||
+ | |||
+ | div#main-content h6 { | ||
+ | font: 18px Helvetica,sans-serif; | ||
+ | font-weight: bold; | ||
+ | font-style: normal; | ||
+ | color: black; | ||
+ | padding-bottom: 5px; | ||
+ | } | ||
+ | |||
+ | div#right { | ||
+ | float: right; | ||
+ | padding-left: 10px; | ||
+ | width: 350px; | ||
+ | } | ||
+ | |||
+ | div#left { | ||
+ | float: left; | ||
+ | padding-right: 10px; | ||
+ | width: 350px; | ||
+ | } | ||
+ | |||
+ | #caption { | ||
+ | font-family: Helvetica, sans-serif; | ||
+ | font-size: 10px; | ||
+ | text-align: center; | ||
+ | padding-bottom: 5px; | ||
+ | } | ||
#menubar li a{ | #menubar li a{ | ||
Line 73: | Line 104: | ||
} | } | ||
- | + | ul#proj-nav { | |
- | + | list-style: none; | |
- | + | margin-top: -5px; | |
- | + | ||
- | + | ||
} | } | ||
+ | ul#proj-nav li a { | ||
+ | font-size: 14px; | ||
+ | color: black; | ||
+ | text-decoration: none; | ||
+ | text-align: center; | ||
+ | padding-bottom: 5px; | ||
+ | } | ||
+ | |||
+ | ul#proj-nav li#nb a { | ||
+ | font-size: 14px; | ||
+ | color: black; | ||
+ | text-decoration: none; | ||
+ | text-align: center; | ||
+ | padding-bottom: 5px; | ||
+ | padding-left: 25px; | ||
+ | } | ||
+ | |||
+ | ul#proj-nav li#nb a:hover, ul#proj-nav li#nb a:active { | ||
+ | color: #8f6620; | ||
+ | } | ||
div#main-content a:hover, div#main-content a:active { | 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; | ||
+ | } | ||
+ | |||
+ | div#main-content a#nav { | ||
+ | color: black; | ||
+ | float: right; | ||
+ | padding-top: 10px; | ||
+ | padding-bottom: 10px; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | div#main-content a#nav:hover, div#main-content a#nav:active { | ||
+ | color: #8f6620; | ||
+ | } | ||
+ | |||
+ | div#main-content a#link { | ||
+ | color: #8f6620; | ||
+ | font-weight: bold; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | div#main-content a#link:hover, div#main-content a#link:active { | ||
+ | color: #001188; | ||
} | } | ||
Line 95: | Line 165: | ||
text-align: justify; | text-align: justify; | ||
padding-top: 10px; | padding-top: 10px; | ||
- | |||
} | } | ||
Line 103: | Line 172: | ||
padding-right: 15px; | padding-right: 15px; | ||
width: 165px; | width: 165px; | ||
- | |||
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; | ||
} | } | ||
+ | |||
+ | #img{padding: 10px;} | ||
div#main-content div#left-col div#img-nav{ | div#main-content div#left-col div#img-nav{ | ||
Line 117: | Line 187: | ||
padding-right: 15px; | padding-right: 15px; | ||
width: 695px; | width: 695px; | ||
- | |||
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; | ||
} | } | ||
- | + | ||
- | + | ||
#img-1 { | #img-1 { | ||
display: block; | display: block; | ||
Line 172: | Line 240: | ||
#img-4:hover { | #img-4:hover { | ||
background-position: 0 0; | background-position: 0 0; | ||
+ | } | ||
+ | |||
+ | #monday { | ||
+ | padding: 5px; | ||
+ | } | ||
+ | |||
+ | #tuesday { | ||
+ | padding: 5px; | ||
+ | } | ||
+ | |||
+ | #wednesday { | ||
+ | padding: 5px; | ||
+ | } | ||
+ | |||
+ | #thursday { | ||
+ | padding: 5px; | ||
+ | } | ||
+ | |||
+ | #friday { | ||
+ | padding: 5px; | ||
+ | } | ||
+ | |||
+ | #saturday { | ||
+ | padding: 5px; | ||
+ | } | ||
+ | |||
+ | #sunday { | ||
+ | padding: 5px; | ||
} | } | ||
Line 177: | Line 273: | ||
<!------------------- End CSS -------------------> | <!------------------- End CSS -------------------> | ||
+ | |||
+ | <script type="text/javascript" language="JavaScript"><!-- | ||
+ | function HideContent(d) { | ||
+ | document.getElementById(d).style.display = "none"; | ||
+ | } | ||
+ | function ShowContent(d) { | ||
+ | document.getElementById(d).style.display = "block"; | ||
+ | } | ||
+ | function ReverseDisplay(d) { | ||
+ | if(document.getElementById(d).style.display == "none") { document.getElementById(d).style.display = "block"; } | ||
+ | else { document.getElementById(d).style.display = "none"; } | ||
+ | } | ||
+ | //--></script> | ||
</head> | </head> | ||
<!------------------- Begin Header -------------------> | <!------------------- Begin Header -------------------> | ||
- | + | <body onload="hide();"> | |
<div id="wikiwrapper"> | <div id="wikiwrapper"> | ||
<div id="wikiheader"> | <div id="wikiheader"> |
Latest revision as of 03:28, 28 October 2010