Team:Amsterdam/Header

From 2011.igem.org

(Difference between revisions)
Line 15: Line 15:
<body>
<body>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
 +
<script type="text/javascript">
 +
$(document).ready(function(){
 +
    $('#menu li').hover(function(){
 +
            $(this).find('ul:first').css({visibility: "visible",display: "none"}).fadeIn(400); // effect 1
 +
            // $(this).find('ul:first').css({visibility: "visible",display: "none"}).slideDown(400); // effect 2
 +
        },function(){
 +
            $(this).find('ul:first').css({visibility: "hidden"});
 +
        });
 +
});
 +
</script>
 +
<img src="https://static.igem.org/mediawiki/2011/4/47/Ams11_bg.jpg" class="bg">
<img src="https://static.igem.org/mediawiki/2011/4/47/Ams11_bg.jpg" class="bg">
<meta name="google-site-verification" content="nPLl5qsk9bUWSYj0-Tx9VmSwB8HiyosMyUmyvnQ0kj4" />
<meta name="google-site-verification" content="nPLl5qsk9bUWSYj0-Tx9VmSwB8HiyosMyUmyvnQ0kj4" />
Line 38: Line 49:
****************If you have any questions, you can always contact igemamsterdam@gmail.com*****************
****************If you have any questions, you can always contact igemamsterdam@gmail.com*****************
*/
*/
 +
#menu {width:975px; text-align:center; margin:0 auto;background-color:white;margin-top:10px;}
 +
 +
#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; background:white;}
 +
#menu ul {display:inline-block;}
 +
 +
#menu li {margin:0; padding:0; list-style:none;}
 +
#menu li {display:inline-block; display:inline;}
 +
#menu ul ul {position:absolute; left:-9999px;}
 +
 +
#menu ul.level1 {margin:0 auto;}
 +
#menu ul.level1 li.level1-li {float:left; display:block; position:relative;}
 +
 +
#menu b {position:absolute;} /* -- for IE6 non-flyout dropdowns to stop flickering - who knows why --*/
 +
 +
#menu a {display:block; font:normal 11px verdana,arial,sans-serif; color:#000; line-height:25px; text-decoration:none;padding:0 20px;}
 +
#menu ul.level1 li.level1-li a.level1-a {float:left;}
 +
 +
#menu ul li:hover > ul {visibility:visible; left:0; top:21px;}
 +
#menu ul ul li:hover > ul {visibility:visible; left:100%; top:auto; margin-top:-25px; margin-left:-4px;}
 +
#menu li.left:hover > ul {visibility:visible; left:auto; right:0; top:25px;}
 +
#menu li.left ul li:hover > ul {visibility:visible; left:auto; right:100%; top:auto; margin-top:-25px; margin-right:-4px;}
 +
 +
 +
#menu a:hover ul {left:0; top:23px;}
 +
#menu li.left a:hover ul {left:auto; right:-1px; top:23px;}
 +
 +
#menu li.left ul a {text-align:right;}
 +
 +
 +
#menu a:hover a:hover ul,
 +
#menu a:hover a:hover a:hover ul {left:100%; visibility:visible;}
 +
#menu li.left a:hover a:hover ul,
 +
#menu li.left a:hover a:hover a:hover ul {left:auto; right:0; visibility:visible;}
 +
 +
#menu a:hover ul ul,
 +
#menu a:hover a:hover ul ul {left:-9999px;}
 +
#menu li.left a:hover ul ul,
 +
#menu li.left a:hover a:hover ul ul {left:-9999px;}
 +
 +
#menu li a.drop {background:transparent url(../images/white-down.gif) no-repeat right center;}
 +
#menu li a.fly {background:transparent url(../images/white-right.gif) no-repeat right center;}
 +
#menu li.left ul a.fly {background:transparent url(../images/white-left.gif) no-repeat left center;}
 +
 +
#menu li a:hover,
 +
#menu li a.fly:hover {color:red; background-color-white;}
 +
#menu li:hover > a,
 +
#menu ul li:hover > a.fly {color:red; background-color:white;}
 +
 +
#menu table {position:absolute; height:0; width:0; left:0; border-collapse:collapse; margin-top:-6px;}
 +
#menu table table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-30px; margin-left:-4px;}
 +
 +
#menu li.left table {position:absolute; height:0; width:0; left:auto; right:0; border-collapse:collapse; margin-top:-4px;}
 +
#menu li.left table table {position:absolute; left:auto; right:100%; height:0; width:0; border-collapse:collapse; margin-top:-30px; margin-right:-4px;}
#content{width:975px;}
#content{width:975px;}
#contentgrid{width:943px;background-color:#FFF;margin-bottom:-5px;padding-left:15px;padding-right:15px;text-align:justify;}
#contentgrid{width:943px;background-color:#FFF;margin-bottom:-5px;padding-left:15px;padding-right:15px;text-align:justify;}
Line 44: Line 108:
#footer-box{max-width:953px;}
#footer-box{max-width:953px;}
#globalWrapper{background-color:#b9e5ff;}
#globalWrapper{background-color:#b9e5ff;}
-
#headerimage{width:973px;margin-top:-18px;margin-bottom:12px}
+
#headerimage{width:975px;margin-top:-18px;}
-
#headerimage img{max-width:973px;}
+
#headerimage img{max-width:975px;}
-
#headermenu{text-align:center;width:973px;height:22px; background-color: #ffffff; margin-bottom:12px;}
+
#headermenu{text-align:center;width:975px;height:22px; background-color: #ffffff; margin-bottom:12px;}
#headermenu a{display:block;font:normal 11px verdana,arial,sans-serif;color:#444;line-height:22px;text-decoration:none;padding:0 20px;}
#headermenu a{display:block;font:normal 11px verdana,arial,sans-serif;color:#444;line-height:22px;text-decoration:none;padding:0 20px;}
#headermenu a.down b{float:left; no-repeat right top;cursor:pointer;padding:0 20px 0 0;}
#headermenu a.down b{float:left; no-repeat right top;cursor:pointer;padding:0 20px 0 0;}
Line 100: Line 164:
table.month,#menubar.right-menu li a{background-color:#FFF;}
table.month,#menubar.right-menu li a{background-color:#FFF;}
img.bg{min-height: 100%;min-width: 1024px;width: 100%;height: auto;position: fixed;top: 0;left: 0;z-index:-1;}
img.bg{min-height: 100%;min-width: 1024px;width: 100%;height: auto;position: fixed;top: 0;left: 0;z-index:-1;}
-
 
-
 
</style>
</style>
-
 
+
<html>
<div id="wrap">
<div id="wrap">
<div id= "headerimage">
<div id= "headerimage">
<img src = "https://static.igem.org/mediawiki/2011/b/bc/Igemamsterdam2011.gif">
<img src = "https://static.igem.org/mediawiki/2011/b/bc/Igemamsterdam2011.gif">
</div>
</div>
-
<div id="headermenu">
+
<div id="menu">
-
<ul class="top">
+
        <ul class="level1">
-
<li class="top-li3" ><a class="top-a" href="https://2011.igem.org/Team:Amsterdam"><b>Home</b></a></li>
+
            <li class="level1-li"><a class="level1-a" href="https://2011.igem.org/Team:Amsterdam">Home</a></li>
-
       
+
            <li class="level1-li"><a class="level1-a drop" href="">Team<!--[if gte IE 7]><!--></a><!--<![endif]-->
-
<li class="top-li"><a class="top-a down" href="https://2011.igem.org/Team:Amsterdam/Team/Overview"><b>Team</b>
+
            <!--[if lte IE 6]><table><tr><td><![endif]-->
-
<ul class="drop-down">
+
                <ul class="level2">
-
<li><a href="https://2011.igem.org/Team:Amsterdam/Team/Overview">Overview</a></li>
+
                    <li><a href="https://2011.igem.org/Team:Amsterdam/Team/Overview">Overview</a></li>
-
<li><a href="https://2011.igem.org/Team:Amsterdam/Team/Students">Students</a></li>
+
                    <li><a href="https://2011.igem.org/Team:Amsterdam/Team/Students">Students</a></li>
-
<li><a href="https://2011.igem.org/Team:Amsterdam/Team/Advisors">Advisors</a></li>
+
                    <li><a href="https://2011.igem.org/Team:Amsterdam/Team/Advisors">Advisors</a></li>
-
<li><a href="https://2011.igem.org/Team:Amsterdam/Team/Lab_environment">Lab Environment</a></li>
+
                    <li><a href="https://2011.igem.org/Team:Amsterdam/Team/Lab_environment">Lab Environment</a><b></b></li>
-
</ul>
+
                </ul>
-
</li>
+
            <!--[if lte IE 6]></td></tr></table></a><![endif]-->
-
       
+
            </li>
-
<li class="top-li"><a class="top-a down" href="https://2011.igem.org/Team:Amsterdam/Project/Description"><b>Project</b>
+
            <li class="level1-li"><a class="level1-a drop" href="">Project<!--[if gte IE 7]><!--></a><!--<![endif]-->
-
<ul class="drop-down">
+
            <!--[if lte IE 6]><table><tr><td><![endif]-->
-
<li><a href="https://2011.igem.org/Team:Amsterdam/Project/Description">Description</a></li>
+
                <ul class="level2">
-
<li><a href="https://2011.igem.org/Team:Amsterdam/Project/Safety">Safety</a></li>
+
                    <li><a href="https://2011.igem.org/Team:Amsterdam/Project/Description">Description</a></li>
-
<li><a href="https://2011.igem.org/Team:Amsterdam/Project/Applications">Applications</a></li>
+
                    <li><a href="https://2011.igem.org/Team:Amsterdam/Project/Safety">Safety</a></li>
-
+
                    <li><a href="https://2011.igem.org/Team:Amsterdam/Project/Applications">Applications</a></li>
-
<li><a href="https://2011.igem.org/Team:Amsterdam/Project/Outlook">Outlook</a></li>
+
                    <li><a href="https://2011.igem.org/Team:Amsterdam/Project/Outlook">Outlook</a><b></b></li>
-
<li><a href="https://2011.igem.org/Team:Amsterdam/Project/References">References</a></li>
+
                    <li><a href="https://2011.igem.org/Team:Amsterdam/Project/References">References</a><b></b></li>
-
<li><a href="https://2011.igem.org/Team:Amsterdam/Project/Acknowledgements">Acknowledgements</a></li>
+
                    <li><a href="https://2011.igem.org/Team:Amsterdam/Project/Acknowledgements">Acknowledgements</a><b></b></li>
-
</ul>
+
                </ul>
-
</li>
+
            <!--[if lte IE 6]></td></tr></table></a><![endif]-->
-
       
+
            </li>
-
<li class="top-li"><a class="top-a down" href="https://2011.igem.org/Team:Amsterdam/Biobricks/Overview"><b>BioBricks</b>
+
            <li class="level1-li"><a class="level1-a drop" href="">Biobricks<!--[if gte IE 7]><!--></a><!--<![endif]-->
-
<ul class="drop-down">
+
            <!--[if lte IE 6]><table><tr><td><![endif]-->
-
<li><a href="https://2011.igem.org/Team:Amsterdam/Biobricks/Overview">Overview</a></li>
+
                <ul class="level2">
-
<li><a href="https://2011.igem.org/Team:Amsterdam/Biobricks/Characterization">Characterization</a></li>
+
                    <li><a href="https://2011.igem.org/Team:Amsterdam/Biobricks/Overview">Overview</a></li>
-
</ul>
+
                    <li><a href="https://2011.igem.org/Team:Amsterdam/Biobricks/Characterization">Characterization</a></li>
-
</li>
+
              </ul>
-
      <li class="top-li"><a class="top-a down" href="https://2011.igem.org/Team:Amsterdam/Model">
+
            <!--[if lte IE 6]></td></tr></table></a><![endif]-->
-
 
+
            </li>
-
<b>Model</b>
+
            <li class="level1-li"><a class="level1-a" href="https://2011.igem.org/Team:AmsterdamModel">Model</a></li>
-
<li class="top-li"><a class="top-a down" href="https://2011.igem.org/Team:Amsterdam/Notebook/Overview">
+
            <li class="level1-li"><a class="level1-a drop" href="">Notebook<!--[if gte IE 7]><!--></a><!--<![endif]-->
-
 
+
            <!--[if lte IE 6]><table><tr><td><![endif]-->
-
<b>Notebook</b>
+
                <ul class="level2">
-
<ul class="drop-down">
+
                    <li><a href="https://2011.igem.org/Team:Amsterdam/Notebook/Overview">Overview</a></li>
-
<li><a href="https://2011.igem.org/Team:Amsterdam/Notebook/Overview">Overview</a></li>
+
                    <li><a href="https://2011.igem.org/Team:Amsterdam/Notebook/Protocols">Protocols</a></li>
-
<li><a href="https://2011.igem.org/Team:Amsterdam/Notebook/Protocols">Protocols</a></li>
+
                </ul>
-
</ul>
+
            <!--[if lte IE 6]></td></tr></table></a><![endif]-->
-
</li>
+
            </li>
-
             
+
            <li class="level1-li"><a class="level1-a drop" href="">Human Outreach<!--[if gte IE 7]><!--></a><!--<![endif]-->
-
<li class="top-li2"><a class="top-a down" href="https://2011.igem.org/Team:Amsterdam/Human_Outreach/Collaboration"><b>Human Outreach</b></a>
+
            <!--[if lte IE 6]><table><tr><td><![endif]-->
-
                      <ul class="drop-down">
+
                <ul class="level2">
-
<li><a href="https://2011.igem.org/Team:Amsterdam/Human_Outreach/Overview">Overview</a></li>                            
+
                    <li><a href="https://2011.igem.org/Team:Amsterdam/Human_Outreach/Overview">Overview</a></li>
-
<li><a href="https://2011.igem.org/Team:Amsterdam/Human_Outreach/Collaboration">Collaboration</a></li>
+
                    <li><a href="https://2011.igem.org/Team:Amsterdam/Human_Outreach/Collaboration">Collaboration</a></li>
-
                                <li><a href="https://2011.igem.org/Team:Amsterdam/Human_Outreach/Education">Education</a></li>
+
                    <li><a href="https://2011.igem.org/Team:Amsterdam/Human_Outreach/Education">Education</a></li>
-
<li><a href="https://2011.igem.org/Team:Amsterdam/Human_Outreach/Media_Coverage">Media Coverage</a></li>
+
                    <li><a href="https://2011.igem.org/Team:Amsterdam/Human_Outreach/Media_Coverage ">Media Coverage</a></li>
-
<li><a href="https://2011.igem.org/Team:Amsterdam/Human_Outreach/Newssite">News</a></li>
+
                    <li><a href="https://2011.igem.org/Team:Amsterdam/Human_Outreach/Newssite">News</a></li>
-
</ul>
+
              </ul>
-
</li>
+
            <!--[if lte IE 6]></td></tr></table></a><![endif]-->
-
 
+
            </li>
-
<li class="top-li"><a class="top-a down" href="https://2011.igem.org/Team:Amsterdam/Sponsors/Companies"><b>Sponsors</b></a>
+
        </ul>
-
<ul class="drop-down">
+
    </div>
-
                                <li><a href="https://2011.igem.org/Team:Amsterdam/Sponsors/Companies">Companies</a></li>
+
-
                                <li><a href="https://2011.igem.org/Team:Amsterdam/Sponsors/Help_us">Help us</a></li>
+
-
</ul>
+
-
</li>
+
-
</li>   
+
-
</ul>
+
-
 
+
-
</div>
+
-
<html>
+
 +
    <div style="clear:both"></div>
<div id="contentgrid">
<div id="contentgrid">
</html>
</html>

Revision as of 10:02, 5 September 2011