|
|
| Line 1: |
Line 1: |
| | <html> | | <html> |
| - | <head>
| |
| - | <style type="text/css">
| |
| - |
| |
| - | #allcontent {
| |
| - | width: 950px;
| |
| - | }
| |
| - |
| |
| - | #sidebar a{
| |
| - | text-decoration: none;
| |
| - | color: #7F5217;
| |
| - | }
| |
| - |
| |
| - | #sidebar a:hover{
| |
| - | color: #A0C544;
| |
| - | text-decoration: none;
| |
| - | }
| |
| - |
| |
| - | body {
| |
| - | margin-left: 10%;
| |
| - | font-family: Helvetica, Arial, sans-serif;
| |
| - | width: 900px;
| |
| - | font-size: 0.9 em;
| |
| - | }
| |
| - |
| |
| - | #content {
| |
| - | color: #254117;
| |
| - | font-family: Helvetica, Arial, sans-serif;
| |
| - | width: 975px;
| |
| - | font-size: 0.9 em;
| |
| - | }
| |
| - |
| |
| - | a {
| |
| - | text-decoration: none;
| |
| - | color: #7F5217;
| |
| - | }
| |
| - |
| |
| - | 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.bannerlinks:hover {
| |
| - | background-color: #A0C544;
| |
| - | color: white;
| |
| - | text-decoration: none;
| |
| - | }
| |
| - |
| |
| - | a.bannertoplinks {
| |
| - | color: white;
| |
| - | }
| |
| - | a.bannertoplinks:hover {
| |
| - | background-color: #A0C544;
| |
| - | color: white;
| |
| - | text-decoration: none;
| |
| - | }
| |
| - |
| |
| - | .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;
| |
| - | width: 280px;
| |
| - | }
| |
| - |
| |
| - | #sidebar {
| |
| - | width: 300px;
| |
| - | float: right;
| |
| - | margin-right: 6px;
| |
| - | 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;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | #twitter_div ul {
| |
| - | line-height: 1.3em;
| |
| - | text-indent: 3px;
| |
| - | list-style-image: url('https://static.igem.org/mediawiki/2010/1/11/Harvard2010leaficon.png');
| |
| - | }
| |
| - |
| |
| - | #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;
| |
| - | }
| |
| - |
| |
| - | a.sidebarlinks {
| |
| - | display: block;
| |
| - | width: 300px;
| |
| - | font-size: 1.2em;
| |
| - | text-align: center;
| |
| - | background-color: #827B60;
| |
| - | color: white;
| |
| - | padding: 10px 0px 10px 0px;
| |
| - | margin-bottom: 5px;
| |
| - | }
| |
| - | a.sidebarlinks:hover {
| |
| - | background-color: #A0C544;
| |
| - | color: white;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | </style>
| |
| - | </head>
| |
| - |
| |
| | | | |
| | <body> | | <body> |
"
