Team:Grenoble/Templates/Css.css

From 2011.igem.org

(Difference between revisions)
Line 110: Line 110:
}
}
-
#menu, #menu ul /* Liste */     
+
#menulisttop, #menulisttop ul /* Liste */     
{
{
float:center;
float:center;
Line 120: Line 120:
}
}
-
#menu /* Ensemble du menu */
+
#menulisttop /* Ensemble du menu */
{
{
         font-weight : bold; /* on met le texte en gras */
         font-weight : bold; /* on met le texte en gras */
Line 127: Line 127:
}
}
-
#menu a /* Contenu des listes */
+
#menulisttop a /* Contenu des listes */
{
{
         display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
         display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
Line 137: Line 137:
}
}
-
#menu li /* Elements des listes */       
+
#menulisttop li /* Elements des listes */       
{  
{  
         float : left;  
         float : left;  
Line 145: Line 145:
/* IE ne reconnaissant pas le sélecteur ">" */
/* IE ne reconnaissant pas le sélecteur ">" */
-
html>body #menu li
+
html>body #menulisttop li
{
{
         border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
         border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}
}
-
#menu li ul /* Sous-listes */
+
#menulisttop li ul /* Sous-listes */
{  
{  
         position: absolute; /* Position absolue */
         position: absolute; /* Position absolue */
Line 158: Line 158:
-
#menu li ul li /* Éléments de sous-listes */
+
#menulisttop li ul li /* Éléments de sous-listes */
{
{
         /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
         /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
Line 165: Line 165:
/* IE ne reconnaissant pas le sélecteur ">" */
/* IE ne reconnaissant pas le sélecteur ">" */
-
html>body #menu li ul li                 
+
html>body #menulisttop li ul li                 
{
{
         border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
         border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}
}
-
#menu li ul ul  
+
#menulisttop li ul ul  
{
{
         margin    : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */  
         margin    : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */  
Line 178: Line 178:
/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
-
html>body #menu li ul ul                 
+
html>body #menulisttop li ul ul                 
{
{
         border-left    : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
         border-left    : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}
}
-
#menu a:hover /* Lorsque la souris passe sur un des liens */     
+
#menulisttop a:hover /* Lorsque la souris passe sur un des liens */     
{
{
         color: #000; /* On passe le texte en noir... */
         color: #000; /* On passe le texte en noir... */
Line 189: Line 189:
}
}
-
#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
+
#menulisttop li:hover ul ul, #menulisttop li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
{
         left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
         left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}
}
-
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
+
#menulisttop li:hover ul, #menulisttop li li:hover ul, #menulisttop li.sfhover ul, #menulisttop li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
{
         left: auto; /* Repositionnement normal */
         left: auto; /* Repositionnement normal */
Line 458: Line 458:
}
}
 +
</style>
</style>
</head>
</head>
</html>
</html>

Revision as of 14:35, 29 July 2011

Retrieved from "http://2011.igem.org/Team:Grenoble/Templates/Css.css"