Template:INSA-Lyon/menu2

From 2010.igem.org

(Difference between revisions)
m
m
 
(18 intermediate revisions not shown)
Line 14: Line 14:
width: 965px;
width: 965px;
list-style: none;
list-style: none;
 +
margin-left: 0px;
position: relative;
position: relative;
background: url("https://static.igem.org/mediawiki/2010/1/19/Topnav_s.gif") repeat-x;
background: url("https://static.igem.org/mediawiki/2010/1/19/Topnav_s.gif") repeat-x;
Line 33: Line 34:
       text-decoration: none;
       text-decoration: none;
}
}
-
ul#topnav li:hover { background: #1275c9 url("https://static.igem.org/mediawiki/2010/0/08/Topnav_a.gif") repeat-x; }
+
ul#topnav li:hover {  
 +
background: #1275c9 url("https://static.igem.org/mediawiki/2010/0/08/Topnav_a.gif") repeat-x; /* #f200d0 url("https://static.igem.org/mediawiki/2010/d/d9/Team_INSA-Lyon_bouton_fushia.gif") */
 +
}
 +
 
 +
/*https://static.igem.org/mediawiki/2010/0/08/Topnav_a.gif*/  /* #1275c9 */
 +
 
ul#topnav li span {
ul#topnav li span {
float: left;
float: left;
-
padding: 10px 0 5px 0;
+
padding: 10px 0 7px 0;
position: absolute;
position: absolute;
left: 0; top:30px;
left: 0; top:30px;
display: none;
display: none;
width:965px;
width:965px;
-
background: #1275c9;
+
background: #1275c9 /* #f200d0 */;
color: #fff;
color: #fff;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomright: 10px;
Line 65: Line 71:
$("ul#topnav li").hover(function() { //Hover over event on list item
$("ul#topnav li").hover(function() { //Hover over event on list item
-
$(this).css({ 'background' : '#1376c9 url(https://static.igem.org/mediawiki/2010/0/08/Topnav_a.gif) repeat-x'}); //Add background color and image on hovered list item
+
$(this).css({ 'background' : '#1275c9 url("https://static.igem.org/mediawiki/2010/0/08/Topnav_a.gif")repeat-x'}); //Add background color and image on hovered list item #f200d0 url(https://static.igem.org/mediawiki/2010/d/d9/Team_INSA-Lyon_bouton_fushia.gif)
$(this).find("span").show(); //Show the subnav
$(this).find("span").show(); //Show the subnav
} , function() { //on hover out...
} , function() { //on hover out...
Line 83: Line 89:
      
      
<ul id="topnav">
<ul id="topnav">
-
     <li><a href="/Team:INSA-Lyon">home</a></li>
+
     <li><a href="/Team:INSA-Lyon">Home</a></li>
     <li>
     <li>
-
         <a href="/Team:INSA-Lyon/Team">about us</a>
+
         <a href="/Team:INSA-Lyon/Team">About us</a>
         <!--Subnav Starts Here-->
         <!--Subnav Starts Here-->
         <span>
         <span>
-
             <a href="/Team:INSA-Lyon/Team/Students">students</a> |
+
             <a href="/Team:INSA-Lyon/Team/Students">Students</a> |
-
             <a href="/Team:INSA-Lyon/Team/Supervisors">supervisors</a> |
+
             <a href="/Team:INSA-Lyon/Team/Supervisors">Supervisors</a> |
-
             <a href="/Team:INSA-Lyon/Team/Insa">the INSA</a> |
+
             <a href="/Team:INSA-Lyon/Team/Insa">The INSA</a> |
-
             <a href="/Team:INSA-Lyon/Team/Lyon">discover Lyon</a> |
+
             <a href="/Team:INSA-Lyon/Team/Lyon">Discover Lyon</a> |
             <a href="/Team:INSA-Lyon/Team/Gallery">Gallery</a>
             <a href="/Team:INSA-Lyon/Team/Gallery">Gallery</a>
         </span>
         </span>
Line 97: Line 103:
     </li>
     </li>
     <li>
     <li>
-
         <a href="/Team:INSA-Lyon/Project">droppy project</a>
+
         <a href="/Team:INSA-Lyon/Project">Droppy project</a>
         <!--Subnav Starts Here-->
         <!--Subnav Starts Here-->
         <span>
         <span>
-
             <a href="/Team:INSA-Lyon/Project/Theory">theory</a> |
+
             <a href="/Team:INSA-Lyon/Project/Stage1/Theory">Production</a> |
-
             <a href="/Team:INSA-Lyon/Project/Strategy">strategy</a> |
+
             <a href="/Team:INSA-Lyon/Project/Stage2/Theory">Uses</a> |
-
             <a href="/Team:INSA-Lyon/Project/Results">results</a> |
+
             <a href="/Team:INSA-Lyon/Project/Stage3/Theory">Regulation</a> |
-
             <a href="/Team:INSA-Lyon/Project/Future_direction">future direction</a> |
+
             <a href="/Team:INSA-Lyon/Project/Future_direction">Further direction</a> |
-
             <a href="/Team:INSA-Lyon/Project/Notebook">notebook</a> |
+
             <a href="/Team:INSA-Lyon/Project/Notebook">Notebook</a> |
-
             <a href="/Team:INSA-Lyon/Project/Modeling">modelling</a> |
+
             <a href="/Team:INSA-Lyon/Project/Modeling">Modelling</a> |
-
             <a href="/Team:INSA-Lyon/Project/References">references</a>
+
             <a href="/Team:INSA-Lyon/Project/References">References</a>
         </span>
         </span>
         <!--Subnav Ends Here-->
         <!--Subnav Ends Here-->
     </li>
     </li>
     <li>
     <li>
-
         <a href="/Team:INSA-Lyon/Safety">human practice</a>
+
         <a href="/Team:INSA-Lyon/Safety">Human practice</a>
         <!--Subnav Starts Here-->
         <!--Subnav Starts Here-->
         <span>
         <span>
-
             <a href="/Team:INSA-Lyon/Safety/Ethics">ethics</a> |
+
             <a href="https://2010.igem.org/Team:INSA-Lyon/Safety/Ethics/Medias">Ethics</a> |
-
             <a href="/Team:INSA-Lyon/Safety/Safety">safety</a>
+
             <a href="/Team:INSA-Lyon/Safety/Safety">Safety</a>
         </span>
         </span>
         <!--Subnav Ends Here-->
         <!--Subnav Ends Here-->
     </li>
     </li>
-
     <li><a href="/Team:INSA-Lyon/Parts">parts</a></li>
+
     <li><a href="/Team:INSA-Lyon/Parts">Parts</a></li>
-
     <li><a href="/Team:INSA-Lyon/Sponsors">sponsors</a></li>
+
     <li><a href="/Team:INSA-Lyon/Sponsors">Sponsors</a></li>
-
     <li><a href="/Team:INSA-Lyon/Contact">contact us</a></li>
+
    <li><a href="/Team:INSA-Lyon/Acknowledgements">Acknowledgements</a></li>
 +
     <li><a href="/Team:INSA-Lyon/Contact">Contact us</a></li>
</ul>
</ul>
</div>
</div>
</html>
</html>

Latest revision as of 23:09, 27 October 2010