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(https://static.igem.org/mediawiki/2014/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