Team:Toulouse/template/header

From 2014.igem.org

(Difference between revisions)
Line 45: Line 45:
.nav li a:focus,
.nav li a:focus,
.nav li a:active{color:2ecc71;}
.nav li a:active{color:2ecc71;}
 +
 +
/*deroulement du menu*/
 +
#Menu {
 +
    position : absolute;
 +
    width : 100%;
 +
    min-width :780px;
 +
    max-width : 1400px;
 +
    top : 0;
 +
}
 +
 +
.Item {
 +
    position : absolute;
 +
    text-align : center;
 +
    display : inline-block;
 +
    min-Height : 150px;
 +
    text-decoration: no underline;
 +
}
 +
 +
.Item a{
 +
    color : black;
 +
    text-shadow:3px 3px 5px #FFFFFF;
 +
}
 +
 +
.sub-nav {
 +
    display: none; /* Masque la sous-liste */
 +
    position: absolute; /* Evite que la dimension du conteneur ne change quand la sous-liste est affichée */
 +
    white-space: nowrap; /* Pour que le texte ne revienne pas à la ligne */
 +
    background: white; /* FIX IE7 : évite que la sous-liste ne disparaisse au moment où le curseur arrive au-dessus */
 +
    margin-top: -2px; /* Pour que le sous-menu recouvre son parent, facilitant le passage de la souris de l’un à l’autre */
 +
    list-style-type: none;
 +
    list-style-image : url(#);
 +
    padding: 0;
 +
    margin-left: 1em;
 +
    left : 25px;
 +
    }
 +
 +
.sub-nav-item{
 +
    background-image : url(http://2014.igem.org/wiki/images/7/72/Fond_sub_nav.png);
 +
    background-size: 100% 100%;
 +
    text-align : left;
 +
}
 +
 +
.Item:hover .sub-nav {
 +
    display: block; /* Affiche cette sous-liste au survol de son conteneur */
 +
    background-color: transparent;
 +
    Z-index : 4;   
 +
}
</style>
</style>
 +
</head>
</head>

Revision as of 18:01, 22 September 2014