|
|
Line 1: |
Line 1: |
- | <!-- BEGINCSS -->
| |
| | | |
- | <style type="text/css">
| |
- |
| |
- |
| |
- | #allcontent {
| |
- | width: 950px;
| |
- | }
| |
- |
| |
- |
| |
- | body {
| |
- | margin-left: auto;
| |
- | margin-right: auto;
| |
- | font-family: Helvetica, Arial, sans-serif;
| |
- | width: 900px;
| |
- | }
| |
- |
| |
- | #content {
| |
- | color: #254117;
| |
- | 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;
| |
- |
| |
- | }
| |
- |
| |
- | #nav li:hover ul, #nav li.sfhover ul {
| |
- | left: auto;
| |
- | text-decoration: none;
| |
- | color: white;
| |
- | }
| |
- |
| |
- | 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;
| |
- | text-decoration: none;
| |
- | }
| |
- |
| |
- |
| |
- | a.bannertoplinks {
| |
- | color: white;
| |
- | text-decoration: none;
| |
- | }
| |
- |
| |
- | a.bannerlinks:hover, a.bannertoplinks:hover {
| |
- | background-color: #A0C544;
| |
- | color: white;
| |
- | }
| |
- |
| |
- | .bannerlinks {
| |
- | background-color: #7F5217;
| |
- | border-style: solid;
| |
- | border-color: white;
| |
- | border-width: 1px;
| |
- | color: white;
| |
- | padding: 3px 20px 3px 20px;
| |
- | margin-left: -19px;
| |
- | }
| |
- |
| |
- | .bannertoplinks {
| |
- | background-color: #827B60;
| |
- | 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;
| |
- | }
| |
- |
| |
- | #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;
| |
- | }
| |
- |
| |
- | <!--ENDCSS-->
| |
- |
| |
- | <!-- START MAIN -->
| |
- |
| |
- | <div id="allcontent">
| |
- |
| |
- | <img class="bannerimage" src="https://static.igem.org/mediawiki/2010/2/2d/Harvard2010igardenbanner.png" width="950px"><br />
| |
- |
| |
- | <div id="headerlinks">
| |
- | <ul id="nav">
| |
- | <li>
| |
- | <a class="bannertoplinks" href="https://2010.igem.org/Team:Virginia_United">home</a>
| |
- | </li>
| |
- |
| |
- | <li><a class="bannertoplinks" href="#">project</a>
| |
- | <ul>
| |
- | <li><a class="bannerlinks" href="https://2010.igem.org/Team:Virginia_United/vectors">vectors</a></li>
| |
- | <li><a class="bannerlinks" href="https://2010.igem.org/Team:Virginia_United/allergy">allergy</a></li>
| |
- | <li><a class="bannerlinks" href="https://2010.igem.org/Team:Virginia_United/flavor">flavor</a></li>
| |
- | <li><a class="bannerlinks" href="https://2010.igem.org/Team:Virginia_United/fences">genetic fence</a></li>
| |
- | <li><a class="bannerlinks" href="https://2010.igem.org/Team:Virginia_United/human_practices">human practices</a></li>
| |
- | </ul>
| |
- | </li>
| |
- | <li><a class="bannertoplinks" href="#">people</a>
| |
- | <ul>
| |
- | <li><a class="bannerlinks" href="https://2010.igem.org/Team:Virginia_United/students">students</a></li>
| |
- | <li><a class="bannerlinks" href="https://2010.igem.org/Team:Virginia_United/advisors">advisors</a></li>
| |
- | <li><a class="bannerlinks" href="https://2010.igem.org/Team:Virginia_United/sponsors">sponsors</a></li>
| |
- | <li><a class="bannerlinks" href="https://2010.igem.org/Team:Virginia_United/gallery">gallery</a></li>
| |
- | </ul>
| |
- | <!-- </li>
| |
- | <li><a class="bannertoplinks" href="#">online</a>
| |
- | <ul>
| |
- | <li><a class="bannerlinks" href="http://harvardigem.org">blog</a></li>
| |
- | <li><a class="bannerlinks" href="http://twitter.com/harvardigem">twitter</a></li>
| |
- | <li><a class="bannerlinks" href="http://openwetware.org/wiki/IGEM:Harvard/2010">openwetware</a></li>
| |
- | <li><a class="bannerlinks" href="http://www.facebook.com/pages/Cambridge-MA/Harvard-iGEM/269794024286?ref=ts">facebook</a></li>
| |
- | </ul>
| |
- | </li>
| |
- | <li><a class="bannertoplinks" href="https://2010.igem.org/Team:Harvard/contact">contact us</a>
| |
- | </li>
| |
- | </ul>
| |
- | </div> -->
| |