|
|
| (13 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| | <html> | | <html> |
| - | <style>
| |
| - | #top-section { height: 0px; margin: 0px; margin-left: auto; margin-right: auto; background-color:black; margin-bottom: 0 !important;}
| |
| - | #menubar.left-menu { background-color:black; width:975px; float:left; border: none;}
| |
| - | #menubar.right-menu li a{ background-color:black;}
| |
| - | #menubar.left-menu a {color:white;}
| |
| - | #menubar.right-menu a {color:white;}
| |
| - | #search-controls {display:none; }
| |
| - | #contentgrid {padding-left:25px;padding-right:25px;width:900px;border: 1px solid #529bc7 background-color: black; margin-left:-6px; margin-bottom:-5px; }
| |
| - | .firstHeading{width: 0px; height: 0px; margin-bottom: 0px; display: none; position: relative; top:0; left:0; margin:0;}
| |
| - | body {
| |
| - | text-align: center;
| |
| - | font-family: Arial, Helvetica, sans-serif;
| |
| - | font-size: 11px;
| |
| - | background-color: white;
| |
| - | }
| |
| - | /*Defining the columns */
| |
| - | #total {
| |
| - | background-color: white;
| |
| - | width: 100%;
| |
| - | margin-right: 0em;
| |
| - | margin-left: 0em;
| |
| - | margin-top: 0em;
| |
| - | text-align: left;
| |
| - | z-index: 0;
| |
| - | }
| |
| - | #header-left{
| |
| - | float: left;
| |
| - | height: 150px;
| |
| - | width: 25%;
| |
| - | text-align: center;
| |
| - | background-color: white;
| |
| - | }
| |
| - | #header-middle{
| |
| - | float: left;
| |
| - | height: 150px;
| |
| - | width: 50%;
| |
| - | text-align: center;
| |
| - | background-color: white;
| |
| - | }
| |
| - | #header-right{
| |
| - | float: left;
| |
| - | height: 150px;
| |
| - | width: 25%;
| |
| - | text-align: center;
| |
| - | background-color: white;
| |
| - | }
| |
| - | #menu {
| |
| - | float: left;
| |
| - | height: 25px;
| |
| - | width: 75%;
| |
| - | border: 1px solid black;
| |
| - | text-align: center;
| |
| - | background-color: black;
| |
| - | }
| |
| - | #centerContent {
| |
| - | float: left;
| |
| - | width: 75%;
| |
| - | border: 1px solid black;
| |
| - | background-color: grey;
| |
| - | }
| |
| - | #rightContent {
| |
| - | float: right;
| |
| - | width: 20%;
| |
| - | background-color: white;
| |
| - | }
| |
| - | #footer {
| |
| - | font-size: 10px;
| |
| - | height: 14px;
| |
| - | width: 100%;
| |
| - | clear:both;
| |
| - | text-align: center;
| |
| - | background-color: white;
| |
| - | }
| |
| - |
| |
| - | /* Text styles */
| |
| - | p {
| |
| - | padding: 0px;
| |
| - | margin-top: 5px;
| |
| - | margin-right: 0px;
| |
| - | margin-bottom: 7px;
| |
| - | margin-left: 0px;
| |
| - | }
| |
| - | h3 {
| |
| - | font-size: 36px;
| |
| - | font-weight: bold;
| |
| - | margin-top: 0px;
| |
| - | margin-right: 0px;
| |
| - | margin-bottom: 0px;
| |
| - | margin-left: 0px;
| |
| - | padding-top: 10px;
| |
| - | padding-right: 0px;
| |
| - | padding-bottom: 10px;
| |
| - | padding-left: 0px;
| |
| - | }
| |
| - | m1 {
| |
| - | font-size: 36px;
| |
| - | font-weight: bold;
| |
| - | margin-top: 0px;
| |
| - | margin-right: 0px;
| |
| - | margin-bottom: 0px;
| |
| - | margin-left: 0px;
| |
| - | padding-top: 10px;
| |
| - | padding-right: 0px;
| |
| - | padding-bottom: 10px;
| |
| - | padding-left: 0px;
| |
| - | }
| |
| - |
| |
| - | /* Menu */
| |
| - |
| |
| - | #nav, #nav ul2{
| |
| - | margin:0;
| |
| - | padding:0;
| |
| - | list-style-type:none;
| |
| - | list-style-position:outside;
| |
| - | position:relative;
| |
| - | line-height:2em;
| |
| - | }
| |
| - | #nav a:link, #nav a:active, #nav a:visited{
| |
| - | display:block;
| |
| - | padding:0em 0.5em;
| |
| - | color:white;
| |
| - | text-decoration:none;
| |
| - | background-color:black;
| |
| - | }
| |
| - |
| |
| - | #nav a:hover{
| |
| - | background-color:black;
| |
| - | color:white;
| |
| - | }
| |
| - | #nav li2{
| |
| - | float:left;
| |
| - | position:relative;
| |
| - | width: 8em;
| |
| - | }
| |
| - | #nav ul2 {
| |
| - | position:absolute;
| |
| - | width:8em;
| |
| - | display:none;
| |
| - | }
| |
| - | #nav li2 ul2 a{
| |
| - | width:100%;
| |
| - | border:1px solid black;
| |
| - | float:left;
| |
| - | }
| |
| - | #nav ul2 ul2{
| |
| - | top:auto;
| |
| - | }
| |
| - |
| |
| - | #nav li2 ul2 ul2 {
| |
| - | top: 0.5em;
| |
| - | left:8em;
| |
| - | margin:0em 0 0 1em;
| |
| - | }
| |
| - |
| |
| - | #nav li2:hover ul2 ul2, #nav li2:hover ul2 ul2 ul2, #nav li2:hover ul2 ul2 ul2 ul2{
| |
| - | display:none;
| |
| - | }
| |
| - | #nav li2:hover ul2, #nav li2 li2:hover ul2, #nav li2 li2 li2:hover ul2, #nav li2 li2 li2 li2:hover ul2{
| |
| - | display:block;
| |
| - | }
| |
| - | </style>
| |
| | <head> | | <head> |
| | <meta http-equiv="Content-Type" content="text/html; | | <meta http-equiv="Content-Type" content="text/html; |
| Line 174: |
Line 13: |
| | $(this).find('ul2:first').css({visibility: "hidden"}); | | $(this).find('ul2:first').css({visibility: "hidden"}); |
| | }); | | }); |
| - | } | + | } |
| - | | + | |
| - |
| + | |
| - |
| + | |
| | $(document).ready(function(){ | | $(document).ready(function(){ |
| | mainmenu(); | | mainmenu(); |
| Line 211: |
Line 47: |
| | </div> | | </div> |
| | <div id="header-middle"> | | <div id="header-middle"> |
| - | <h3><img src="https://static.igem.org/mediawiki/2012/c/c9/Logo.png" height="140px"></img></h3> | + | <h3><img src="https://static.igem.org/mediawiki/2012/c/c9/Logo.png" height=140px></img></h3> |
| | </div> | | </div> |
| | <div id="header-right"> | | <div id="header-right"> |
| - | | + | <img src="https://static.igem.org/mediawiki/2012/b/bc/Uva_vu_joined_logo.png" height=140px></img> |
| | </div> | | </div> |
| | <div id="menu"> | | <div id="menu"> |
| Line 231: |
Line 67: |
| | </ul2> | | </ul2> |
| | </li2> | | </li2> |
| - | <li2><a href="#">Page 2</a></li2>
| |
| - | <li2><a href="#">Page 3</a></li2>
| |
| | </ul2> | | </ul2> |
| | </li2> | | </li2> |
| | <li2><a href="#">Project</a></li2> | | <li2><a href="#">Project</a></li2> |
| | + | <ul2> <li2> <a href="/project/protocols/">Protocols</a> </li2> </ul2> |
| | <li2><a href="#">Parts</a></li2> | | <li2><a href="#">Parts</a></li2> |
| - | <li2><a href="#">Modelling</a></li2> | + | <li2><a href="#">Modeling</a></li2> |
| | <li2><a href="#">Outreach</a></li2> | | <li2><a href="#">Outreach</a></li2> |
| | | | |
"
