Template:INSA-Lyon/menu

From 2010.igem.org

(Difference between revisions)
Line 11: Line 11:
     float: left;
     float: left;
     text-align: center;
     text-align: center;
-
    font-size: 12px:
+
     padding: 0px;
-
     padding: 7px;
+
}
}
.bouton3D:hover{
.bouton3D:hover{
-
text-decoration: underline;
+
-
<!-- background-image:none;
+
/*font-family: Verdana, serif;
-
background-color:#1fe14d; -->
+
text-align: bottom;
 +
font-weight: bold;*/
 +
background-image: url('https://static.igem.org/mediawiki/2010/d/dd/Bouton_enfonce.png');
}
}
-
 
-
 
-
.mfin {
 
-
  -moz-border-radius: 0 0 10px 10px;
 
-
  border-radius: 0 0 10px 10px;
 
-
}
 
-
 
-
 
-
 
#menu {list-style-type:none; margin:-30px 0 20px 0; padding:0; width:900px center;list-style: none;}
#menu {list-style-type:none; margin:-30px 0 20px 0; padding:0; width:900px center;list-style: none;}
#menu li {float:left; padding:0; margin:0 1px 0 0; position:relative; width:137px; margin-top:-0.3cm; height:3em; z-index:100;}
#menu li {float:left; padding:0; margin:0 1px 0 0; position:relative; width:137px; margin-top:-0.3cm; height:3em; z-index:100;}
-
#menu li dl {position:absolute; top:0; left:0; padding-bottom:0px;}
+
#menu li dl {position:absolute; top:0; left:0; padding-bottom:0px; width: 137px; height: 0px;}
#menu li a, #menu li a:visited {text-decoration:none;}
#menu li a, #menu li a:visited {text-decoration:none;}
-
#menu li dd {display:none;}
+
#menu li dd {display:none; top:0; left:0; padding-bottom:0px; width: 137px; height: auto;}
#menu li a:hover {border:0;}
#menu li a:hover {border:0;}
#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dd, #menu li a:hover dd {display:block;}
Line 42: Line 35:
#menu dt {margin:0px; padding: 8px 0 8px 0;border:0px;}
#menu dt {margin:0px; padding: 8px 0 8px 0;border:0px;}
-
#menu dd {margin:0; padding:0; background:transparent; color: #000000; font-size: 0.91em; text-align:left;}
+
#menu dd {margin:0; padding:0; background: transparent; color: #000000; font-size: 0.91em; text-align:left; }
-
#menu dt a, #menu dt a:visited {display:block; font-size: 12px; color: #000000; text-align:center; border-width:0 1px 1px 1px;  background:transparent; padding:0.4em 0 0.2em 0;}
+
#menu dt a, #menu dt a:visited {display:block; font-size: 14px; font-family: Verdana, serif; font-weight: bold; text-align: center; color: #000000; text-align:center; border-width:0 1px 1px 1px;  background:transparent; padding:0.4em 0 0.2em 0;}
 +
 
 +
#menu li:hover dt a, #menu a:hover dt a {
 +
color:#000000;  /*background:transparent;*/
 +
background-image: url('https://static.igem.org/mediawiki/2010/d/dd/Bouton_enfonce.png');
 +
width: 100%;
 +
height: 70%;
 +
font-family: Verdana, serif;
 +
font-size: 13px;
 +
text-align: auto;
 +
font-weight: bold;
 +
/*padding: 0px;*/
 +
}
-
#menu li:hover dt a, #menu a:hover dt a {color:#000000;  background:transparent; }
 
#menu dd a, #menu dd a:visited {background:#1bef39; color:#000000; padding:0.3em 0; text-decoration:none; display:block;  text-align:center;}
#menu dd a, #menu dd a:visited {background:#1bef39; color:#000000; padding:0.3em 0; text-decoration:none; display:block;  text-align:center;}
Line 52: Line 56:
#menu dd a:hover {background:#11b60c; color:#000000;}
#menu dd a:hover {background:#11b60c; color:#000000;}
-
#menu b {display:block; overflow:hidden; height:1px; background:#1bef39;}
+
 
 +
#menu b {display:block; overflow:hidden; height:1px;background:#1bef39;}
#menu b.p5 {background:#1bef39; margin:0 5px; border:0px; border-width:0 0px;}
#menu b.p5 {background:#1bef39; margin:0 5px; border:0px; border-width:0 0px;}
#menu b.p6 {background:#1bef39; margin:0 3px; border:0px; border-width:0 0px;}
#menu b.p6 {background:#1bef39; margin:0 3px; border:0px; border-width:0 0px;}
#menu b.p7 {background:#1bef39; margin:0 2px; border:0px; border-width:0 0px;}
#menu b.p7 {background:#1bef39; margin:0 2px; border:0px; border-width:0 0px;}
-
#menu b.p8 {height:1px;#1bef39; margin:0 1px; border-width:0 0px;}
+
#menu b.p8 {height:1px; background:#1bef39; margin:0 1px; border-width:0 0px;}
#menu li:hover b.p2, #menu a:hover b.p2 {background:#1bef39;}
#menu li:hover b.p2, #menu a:hover b.p2 {background:#1bef39;}

Revision as of 20:41, 22 August 2010