Template:Team:Amsterdam/Top

From 2012.igem.org

(Difference between revisions)
 
(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>

Latest revision as of 11:35, 19 July 2012

Test page