Template:Paris2009 menu5

From 2009.igem.org

(Difference between revisions)
 
(77 intermediate revisions not shown)
Line 1: Line 1:
 +
<div id="menu2">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<head>
Line 4: Line 5:
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">
<style type="text/css">
-
#navigation {
+
 
-
margin: 0;
+
#navigation {
-
padding: 0;
+
    width: 110px;
-
list-style: none;
+
    margin: 20px 13px 0 7px;
-
background: #000;
+
    float: left;
-
color: #fff;
+
    padding:0px;
-
width: 200px;
+
    list-style: none;
-
font: 1.2em "Trebuchet MS", sans-serif;
+
    border-width: 0px;
-
}
+
}
-
#navigation a, #navigation span {
+
-
display: block;
+
#navigation a, #navigation span {
-
padding: 4px 10px;
+
    display:block;
-
color: #fff;
+
    width: 110px;
-
text-decoration: none;
+
    list-style: none;
-
background: #000 url(menu-item.png) left bottom no-repeat;
+
    background:url(https://static.igem.org/mediawiki/2009/7/7c/Menu_Paris.png)
-
}
+
}
-
#navigation .toggleSubMenu a, #navigation .toggleSubMenu span {
+
-
background-image: url(menu-item-deroule.png);
+
#navigation .toggleSubMenu2{
-
}
+
    list-style: none;
-
#navigation .open a, #navigation .open span {
+
    text-align:center;
-
background-image: url(menu-item-enroule.png);
+
    margin:0px;
-
}
+
    font-weight:bold;
-
#navigation a:hover, #navigation a:focus, #navigation a:active {
+
    background: url(https://static.igem.org/mediawiki/2009/7/7c/Menu_Paris.png) repeat;
-
text-decoration: underline;
+
    color:#b0310e;
-
}
+
}
-
#navigation .subMenu {
+
 
-
font-size: .8em;
+
-
background: #ccc url(subMenu.png) 0 0 repeat-x;
+
#navigation .toggleSubMenu a, #navigation .toggleSubMenu span {
-
font-size: .9em;
+
    list-style: none;
-
margin: 0;
+
    text-align:center;
-
padding: 0;
+
    margin:0px;
-
border-bottom: 1px solid #666;
+
    background: url(https://static.igem.org/mediawiki/2009/7/7c/Menu_Paris.png) repeat;
-
}
+
    color:#b0310e;
-
#navigation ul.subMenu a {
+
    font-weight:bold;
-
background: none;
+
}
-
padding: 3px 20px;
+
-
}
+
#navigation .open a, #navigation .open span {
-
</style>
+
    list-style: none;
-
<!--[if lte IE 6]>
+
    margin:0px;  
-
<style type="text/css">
+
}
-
li {
+
-
height: 1px;
+
#navigation li a:hover, #navigation li a:focus, #navigation li a:active {
-
}
+
    text-decoration:underline;  
-
</style>
+
    color:#e53100;
-
<![endif]-->
+
}
-
     <script type="text/javascript" src="http://www.alsacreations.com/xmedia/tuto/exemples/accordeon/jquery-1.2.1.js"></script>
+
 +
#navigation .subMenu {
 +
    background: url(https://static.igem.org/mediawiki/2009/7/7c/Menu_Paris.png) repeat;
 +
    margin: 0px;
 +
    border-width: 0px;
 +
    list-style: none;
 +
}
 +
 +
#navigation ul.subMenu a {
 +
    color:#e4e4e4;
 +
    text-align:center;
 +
    font-weight:normal;
 +
}
 +
 
 +
 
 +
#navigation ul.subMenu a:active,  #navigation ul.subMenu a:focus, #navigation ul.subMenu a:hover, #navigation ul.subMenu .selflink{
 +
    color:white;
 +
    text-align:center;
 +
    text-decoration:underline;
 +
    font-weight:normal;
 +
}
 +
 
 +
.menu_header {
 +
    display: block;
 +
    width: 110px;
 +
    background: url(https://static.igem.org/mediawiki/2009/e/eb/Menu_header.png) no-repeat;
 +
    color: #FFF;
 +
}
 +
 
 +
.menu_footer {
 +
    width:110px;
 +
    height:10px;
 +
    background: url(https://static.igem.org/mediawiki/2009/d/d5/Footer_Menu.png) no-repeat;
 +
    color: #FFF;
 +
}
 +
 
 +
.open_at_load {
 +
    background: url(https://static.igem.org/mediawiki/2009/7/7c/Menu_Paris.png) repeat;
 +
    color:#e4e4e4;
 +
    list-style: none;
 +
    text-align:center;
 +
    margin:0px;
 +
    padding:0px;
 +
}
 +
 +
#navigation ul.open_at_load a {
 +
    background: url(https://static.igem.org/mediawiki/2009/7/7c/Menu_Paris.png) repeat;
 +
    color:#e4e4e4;
 +
    list-style: none;
 +
    text-align:center;
 +
    border-width: 0px;
 +
    font-weight:normal;
 +
}
 +
 
 +
#navigation ul.open_at_load li a:focus, #navigation ul.open_at_load li a:hover,  #navigation ul.open_at_load li a:active {
 +
    background: nurl(https://static.igem.org/mediawiki/2009/7/7c/Menu_Paris.png) repeat;
 +
    color:white;
 +
    list-style: none;
 +
    text-align:center;;
 +
    border-width: 0px;
 +
    text-decoration:underline;
 +
    font-weight:normal;
 +
}
 +
 
 +
 
 +
 
 +
</style>
 +
<!--[if lte IE 6]>
 +
<style type="text/css">
 +
li {
 +
    height: 1px;
 +
}
 +
</style>
 +
<![endif]-->
 +
 
 +
 
 +
 
 +
      
 +
<script type="text/javascript" src="http://www.alsacreations.com/xmedia/tuto/exemples/accordeon/jquery-1.2.1.js"></script>
     <script type="text/javascript">
     <script type="text/javascript">
     <!--
     <!--
     $(document).ready( function () {
     $(document).ready( function () {
-
         // On cache les sous-menus
+
         // Hide subMenu
-
         // sauf celui qui porte la classe "open_at_load" :
+
         // Exept the "open_at_load" :
         $("ul.subMenu:not('.open_at_load')").hide();
         $("ul.subMenu:not('.open_at_load')").hide();
         // On selectionne tous les items de liste portant la classe "toggleSubMenu"
         // On selectionne tous les items de liste portant la classe "toggleSubMenu"
      
      
-
         // et on remplace l'element span qu'ils contiennent par un lien :
+
         // replace by span:
         $("li.toggleSubMenu span").each( function () {
         $("li.toggleSubMenu span").each( function () {
             // On stocke le contenu du span :
             // On stocke le contenu du span :
Line 65: Line 144:
         } ) ;
         } ) ;
      
      
-
         // On modifie l'evenement "click" sur les liens dans les items de liste
+
         // modify "click" on link listed in class "toggleSubMenu" :
-
        // qui portent la classe "toggleSubMenu" :
+
         $("li.toggleSubMenu > a").click( function () {
         $("li.toggleSubMenu > a").click( function () {
-
             // Si le sous-menu etait deja ouvert, on le referme :
+
             // if subMenu is already open, we close it :
             if ($(this).next("ul.subMenu:visible").length != 0) {
             if ($(this).next("ul.subMenu:visible").length != 0) {
                 $(this).next("ul.subMenu").slideUp("normal", function () { $(this).parent().removeClass("open") } );
                 $(this).next("ul.subMenu").slideUp("normal", function () { $(this).parent().removeClass("open") } );
             }
             }
-
             // Si le sous-menu est cache, on ferme les autres et on l'affiche :
+
             // if subMenu is hided, we close them :
             else {
             else {
                 $("ul.subMenu").slideUp("normal", function () { $(this).parent().removeClass("open") } );
                 $("ul.subMenu").slideUp("normal", function () { $(this).parent().removeClass("open") } );
                 $(this).next("ul.subMenu").slideDown("normal", function () { $(this).parent().addClass("open") } );
                 $(this).next("ul.subMenu").slideDown("normal", function () { $(this).parent().addClass("open") } );
             }
             }
-
            // On empêche le navigateur de suivre le lien :
 
             return false;
             return false;
         });
         });
      
      
     } ) ;
     } ) ;
-
    // -->
+
// -->
-
    </script>
+
</script>
-
 
+
</head>
</head>
<body>
<body>
 +
<table cellspacing="0"><tr><td>
     <ul id="navigation">
     <ul id="navigation">
-
         <li><a href="" title="">Item 1</a></li>
+
         <li class="menu_header">&nbsp;
-
         <li class="toggleSubMenu"><span>Item 2</span>
+
    <hr>
 +
    <hr>
 +
         <li class="toggleSubMenu"> <span> Home </span>
             <ul class="subMenu">
             <ul class="subMenu">
-
                 <li><a href="" title="">Item 2.1</a></li>
+
                 <li><a href="https://2009.igem.org/Team:Paris#top">Synopsis</a></li>
-
                 <li><a href="" title="">Item 2.2</a></li>
+
    <hr>
-
 
+
                <li><a href="https://2009.igem.org/Team:Paris/Project#top">Project overview</a></li>
-
                 <li><a href="" title="">Item 2.3</a></li>
+
    <hr>
 +
                 <li><a href="https://2009.igem.org/Team:Paris/DryLab#top">Modeling overview</a></li>
 +
    <hr>
 +
                <li><a href="https://2009.igem.org/Team:Paris/Conclusion#top">Conclusion & Results</a></li>
 +
    <hr>
 +
    <hr>
 +
                 <li><a href="https://2009.igem.org/Team:Paris/Brainstorm#top">Brainstorm</a></li>
 +
    <hr>
 +
                <li><a href="https://2009.igem.org/Team:Paris/safety#top">Safety</a></li>
             </ul>
             </ul>
         </li>
         </li>
-
         <li class="toggleSubMenu"><span>Item 3</span>
+
    <hr>
 +
        <li class="menu_footer">&nbsp;</li>
 +
        <li class="menu_header">&nbsp;
 +
    <hr>
 +
    <hr>
 +
         <li class="toggleSubMenu"> <span> Addressing the message </span>
             <ul class="subMenu">
             <ul class="subMenu">
-
                 <li><a href="" title="">Item 3.1</a></li>
+
                      <li><a href="https://2009.igem.org/Team:Paris/Addressing_overview#top">To the periplasm</a></li>
-
                 <li><a href="" title="">Item 3.2</a></li>
+
    <hr>
-
 
+
                 <li><a href="https://2009.igem.org/Team:Paris/Addressing_overview2#top">In the outer membrane</a></li>
 +
    <hr>
 +
                <li><a href="https://2009.igem.org/Team:Paris/Addressing_testing#top">WetLab</a></li>
 +
            </ul>
 +
        </li>
 +
    <hr>
 +
        <li class="toggleSubMenu"><span> Producing the messenger </span>
 +
            <ul class="subMenu">
 +
                <li><a href="https://2009.igem.org/Team:Paris/Production_overview#top">Vesicle production system</a></li>
 +
    <hr>
 +
                 <li><a href="https://2009.igem.org/Team:Paris/Production_modeling#top">Vesicle production model</a></li>
 +
    <hr>
 +
                <li><a href="https://2009.igem.org/Team:Paris/Production_modeling2#top">Vesicle biophysics model</a></li>
 +
    <hr>
 +
                <li><a href="https://2009.igem.org/Team:Paris/Production_testing#top">WetLab</a></li>
 +
            </ul>
 +
        </li>
 +
    <hr>
 +
        <li class="toggleSubMenu"><span> Receiving the message </span>
 +
            <ul class="subMenu">
 +
                <li><a href="https://2009.igem.org/Team:Paris/Transduction_overview#top">Membrane fusion</a></li>
 +
    <hr>
 +
                <li><a href="https://2009.igem.org/Team:Paris/Transduction_overview2#top">Signal Transduction</a></li>
 +
    <hr>
 +
                <li><a href="https://2009.igem.org/Team:Paris/Transduction_modeling#top">Fec operon simulation</a></li>
 +
    <hr>
 +
                <li><a href="https://2009.igem.org/Team:Paris/Transduction_testing#top">WetLab</a></li>
 +
            </ul>
 +
        </li>
 +
    <hr>
 +
        <li class="menu_footer">&nbsp;</li>
 +
        <li class="menu_header">&nbsp;
 +
    <hr>
 +
    <hr>
 +
        <li class="toggleSubMenu2"> Ethics
 +
            <ul class="open_at_load">
 +
                <li><a href="https://2009.igem.org/Team:Paris/Ethics_overview#top">Overview</a></li>
 +
    <hr>
 +
                <li><a href="https://2009.igem.org/Team:Paris/Ethics_ethicallabbook#top">Lab book</a></li>
 +
    <hr>
 +
                <li><a href="https://2009.igem.org/Team:Paris/Ethics_ethicalreport#top">Report</a></li>
 +
    <hr>
 +
                <li><a href="https://2009.igem.org/Team:Paris/Ethics_Materials#top">Materials</a></li>
 +
            </ul>
 +
        </li>
 +
    <hr>
 +
        <li class="menu_footer">&nbsp;</li>
 +
        <li class="menu_header">&nbsp;
 +
    <hr>
 +
    <hr>
 +
        <li class="toggleSubMenu"><span> Tool, iPhone </span>
 +
            <ul class="subMenu">
 +
                <li><a href="https://2009.igem.org/Team:Paris/Tool_introduction#top">Introduction</a></li>
 +
    <hr>
 +
                <li><a href="https://2009.igem.org/Team:Paris/Tool_DataBase#top ">Databases</a></li>
 +
    <hr>
 +
                <li><a href="https://2009.igem.org/Team:Paris/Tool_OSXSoft#top">Mac Software</a></li>
 +
    <hr>
 +
                <li><a href="https://2009.igem.org/Team:Paris/Tool_iPhone#top">iPhone</a></li>
             </ul>
             </ul>
         </li>
         </li>
-
        <li><a href="" title="">Item 4</a></li>
+
    <hr>
-
    </ul>  
+
        <li class="menu_footer">&nbsp;</li>
 +
  </ul>
 +
</td></tr>
 +
</table>
</body>
</body>
</html>
</html>
 +
</div>
 +
<!-- start content area -->
 +
<div id="paris_content_wrapper">
 +
<div id=paris_content_boxtop></div>
 +
<div id="paris_content">

Latest revision as of 01:01, 22 October 2009

Retrieved from "http://2009.igem.org/Template:Paris2009_menu5"