Team:NYU/Team
From 2010.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
+ | <html> | ||
+ | |||
+ | <div id="allcontent"> | ||
+ | <img class="bannerimage" src="https://static.igem.org/mediawiki/2010/d/d8/NYU_logo.png" height="200px" width="950px"><br /> | ||
+ | |||
+ | |||
+ | <div id="headerlinks"> | ||
+ | <ul id="nav"> | ||
+ | <li> | ||
+ | <a class="bannertoplinks" href="https://2010.igem.org/Team:NYU">Home</a> | ||
+ | </li> | ||
+ | |||
+ | <li><a class="bannertoplinks" href="#">Project</a> | ||
+ | <ul style="z-index:1"> | ||
+ | <li><a class="bannerlinks" href="https://2010.igem.org/Team:NYU/Project">Overview</a></li> | ||
+ | <li><a class="bannerlinks" href="https://2010.igem.org/Team:NYU/Notebook">Notebook</a></li> | ||
+ | <li><a class="bannerlinks" href="https://2010.igem.org/Team:NYU/Parts">Biobricks</a></li> | ||
+ | <li><a class="bannerlinks" href="https://2010.igem.org/Team:NYU/Programming">Programming</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a class="bannertoplinks" href="#">Team</a> | ||
+ | <ul style="z-index:1"> | ||
+ | <li><a class="bannerlinks" href="https://2010.igem.org/Team:NYU/Team">NYU</a></li> | ||
+ | <li><a class="bannerlinks" href="https://2010.igem.org/Team:NYU/CornellMed">Cornell Med</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a class="bannertoplinks" href="#">Sponsors</a> | ||
+ | <ul style="z-index:1"> | ||
+ | <li><a class="bannerlinks" href="https://2010.igem.org/Team:NYU/Sponsors">Sponsors</a></li> | ||
+ | <li><a class="bannerlinks" href="https://2010.igem.org/TeamNYU/ScienceHouse">ScienceHouse</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a class="bannertoplinks" href="#">Contact Us</a> | ||
+ | <ul style="z-index:1"> | ||
+ | <li><a class="bannerlinks" href="nyuigem@gmail.com">Email Us</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | </p><p><br /> | ||
+ | |||
+ | <style type="text/css"> | ||
+ | |||
+ | |||
+ | #allcontent { | ||
+ | width: 950px; | ||
+ | } | ||
+ | |||
+ | |||
+ | body { | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | font-family: Helvetica, Arial, sans-serif; | ||
+ | width: 900px; | ||
+ | } | ||
+ | |||
+ | table { | ||
+ | color: #556B2F; | ||
+ | font-family: Helvetica, Arial, sans-serif; | ||
+ | } | ||
+ | |||
+ | #content { | ||
+ | color: #9BCD9B; | ||
+ | font-family: Helvetica, Arial, sans-serif; | ||
+ | width: 965px; | ||
+ | line-height: 1.2em; | ||
+ | |||
+ | } | ||
+ | |||
+ | a { | ||
+ | text-decoration: none; | ||
+ | color: #7F5217; | ||
+ | } | ||
+ | |||
+ | a:hover { | ||
+ | color: #A0C544; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | h1, h2, h3, h4, h5, h6 { | ||
+ | color: #254117; | ||
+ | } | ||
+ | |||
+ | #headerlinks{ | ||
+ | margin-left: -20px; | ||
+ | } | ||
+ | |||
+ | #nav, #nav ul { | ||
+ | padding: 0; | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | #nav a { | ||
+ | display: block; | ||
+ | width: 149px; | ||
+ | } | ||
+ | |||
+ | #nav li { | ||
+ | float: left; | ||
+ | width: 149px; | ||
+ | margin-right: 41px; | ||
+ | } | ||
+ | |||
+ | #nav li ul { | ||
+ | position: absolute; | ||
+ | width: 149px; | ||
+ | left: -999em; | ||
+ | } | ||
+ | |||
+ | #nav li:hover ul { | ||
+ | left: auto; | ||
+ | text-decoration: none; | ||
+ | color: white !important; | ||
+ | |||
+ | } | ||
+ | |||
+ | #nav li:hover ul, #nav li.sfhover ul { | ||
+ | left: auto; | ||
+ | text-decoration: none; | ||
+ | color: white !important; | ||
+ | } | ||
+ | |||
+ | sfHover = function() { | ||
+ | var sfEls = document.getElementById("nav").getElementsByTagName("LI"); | ||
+ | for (var i=0; i<sfEls.length; i++) { | ||
+ | sfEls[i].onmouseover=function() { | ||
+ | this.className+=" sfhover"; | ||
+ | } | ||
+ | sfEls[i].onmouseout=function() { | ||
+ | this.className=this.className.replace(new RegExp(" sfhover\\b"), ""); | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | if (window.attachEvent) window.attachEvent("onload", sfHover); | ||
+ | |||
+ | .bannerimage { | ||
+ | |||
+ | } | ||
+ | |||
+ | a.bannerlinks { | ||
+ | color: white !important; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | a.bannertoplinks { | ||
+ | color: white !important; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | a.bannerlinks:hover, a.bannertoplinks:hover { | ||
+ | background-color: #A0C544; | ||
+ | color: white; | ||
+ | } | ||
+ | |||
+ | .bannerlinks { | ||
+ | background-color: #698B69; | ||
+ | border-style: solid; | ||
+ | border-color: white; | ||
+ | border-width: 1px; | ||
+ | color: white; | ||
+ | padding: 3px 20px 3px 20px; | ||
+ | margin-left: -19px; | ||
+ | } | ||
+ | |||
+ | .bannertoplinks { | ||
+ | background-color: #006400; | ||
+ | border-style: solid; | ||
+ | border-color: white; | ||
+ | border-width: 1px; | ||
+ | color: white; | ||
+ | margin-bottom: -2px; | ||
+ | padding: 3px 20px 3px 20px; | ||
+ | } | ||
+ | |||
+ | #twitter_div { | ||
+ | font-size: 0.8em; | ||
+ | margin-right: 0px; | ||
+ | } | ||
+ | |||
+ | #twitter_div ul { | ||
+ | line-height: 1.3em; | ||
+ | list-style-type: none; | ||
+ | } | ||
+ | |||
+ | #twitter_div img { | ||
+ | float: left; | ||
+ | margin-top:.5em; | ||
+ | margin-right:.5em; | ||
+ | } | ||
+ | |||
+ | #twitter_update_list { | ||
+ | margin-left: 0px; | ||
+ | } | ||
+ | |||
+ | #twitter_head { | ||
+ | margin-bottom: .6em; | ||
+ | border-bottom: 1px solid #AAA; | ||
+ | font-size: 150%; | ||
+ | } | ||
+ | |||
+ | #twitter_head p {layout:block; margin-bottom:2px;} | ||
+ | #twitter_head a {float:right; layout:block;} | ||
+ | |||
+ | #sidebar { | ||
+ | width: 300px; | ||
+ | float: right; | ||
+ | margin-right: 0px; | ||
+ | border-style: solid; | ||
+ | border-color: white; | ||
+ | border-width: 1px; | ||
+ | padding: 0px; | ||
+ | padding-top:5px; | ||
+ | } | ||
+ | |||
+ | #abstract { | ||
+ | width: 600px; | ||
+ | border-style: solid; | ||
+ | border-color: white; | ||
+ | border-width: 1px; | ||
+ | padding: 10px; | ||
+ | line-height: 1.2em; | ||
+ | font-size: 14px; | ||
+ | } | ||
+ | |||
+ | |||
+ | #rightgroup { | ||
+ | float: right; | ||
+ | width: 300px; | ||
+ | padding: 10px; | ||
+ | } | ||
+ | |||
+ | #leftgroup { | ||
+ | width: 300px; | ||
+ | padding: 10px; | ||
+ | margin-right: 20px; | ||
+ | } | ||
+ | |||
+ | #maincontent { | ||
+ | width: 610px; | ||
+ | } | ||
+ | |||
+ | #headerlinks > #nav > li { | ||
+ | border-bottom: 4px solid white; | ||
+ | } | ||
+ | |||
+ | #sidebar a{ | ||
+ | text-decoration: none; | ||
+ | color: #7F5217; | ||
+ | } | ||
+ | |||
+ | #sidebar a:hover{ | ||
+ | color: #A0C544; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | a.sidebarlinks { | ||
+ | display: block; | ||
+ | width: 300px; | ||
+ | font-size: 1.2em; | ||
+ | text-align: center; | ||
+ | background-color: #827B60; | ||
+ | color: white !important; | ||
+ | padding: 10px 0px 10px 0px; | ||
+ | margin-bottom: 5px | ||
+ | } | ||
+ | |||
+ | a.sidebarlinks:hover { | ||
+ | background-color: #A0C544; | ||
+ | color: white !important; | ||
+ | } | ||
+ | |||
+ | a.timelinelinks { | ||
+ | color: #7F5217 !important; | ||
+ | } | ||
+ | |||
+ | a.timelinelinks:hover { | ||
+ | color: #A0C544 !important; | ||
+ | } | ||
+ | |||
+ | |||
+ | </style> | ||
+ | <!-- !END NYU HYBRID CSS- Thanks Harvard --> | ||
+ | |||
+ | </html> | ||
+ | |||
+ | |||
<html> | <html> | ||
Revision as of 02:20, 10 October 2010