"

From 2010.igem.org

---

Revision as of 19:19, 22 August 2010

1. en_tete

{

  width: 965px;
  height: 280px;
  background-image: url("en_tete_herbe.jpg");
  background-repeat: no-repeat;
  margin-bottom: 10px;
  margin: auto;
  
  /* Pour arrondir les angles*/
 -moz-border-radius: 20px 20px 0 0;
 border-radius:20px 20px 0 0;
  

}

.bouton3D {

   width: 100%;
   height: 30px;
   background: url('../bouton3D/bouton_137.png');
   float: left;
   text-align: center;
   padding: 0px;

}

.bouton3D:hover{

font-family: Verdana, serif; font-size: 13px; text-align: bottom; font-weight: bold; background-image: url('../bouton3D/bouton_137_enfonce.png'); /*background-color:#1fe14d;*/ }

1. menu {list-style-type:none; margin: 0.5% 0 0 11.85%; padding:0; width:900px center;list-style: none;}
2. menu li {float:left; padding:0; margin:0 1px 0 0; position:relative; width:137px; margin-top:-0.3cm; height:3em; z-index:100;}
3. menu li dl {position:absolute; top:0; left:0; padding-bottom:0px; width: 137px; height: 0px;}
4. menu li a, #menu li a:visited {text-decoration:none;}
5. menu li dd {display:none; top:0; left:0; padding-bottom:0px; width: 137px; height: auto;}
6. menu li a:hover {border:0;}
7. menu li:hover dd, #menu li a:hover dd {display:block;}
8. menu li:hover dl, #menu li a:hover dl {padding-bottom:0px;}
9. menu table {border-collapse:collapse; padding:0; margin:-1px; font-size:1em;}
10. menu dl {width: 137px; margin: 0; padding: 0; background: blue;}
11. menu dt {margin:0px; padding: 8px 0 8px 0;border:0px;}

1. menu dd {margin:0; padding:0; background: transparent; color: #000000; font-size: 0.91em; text-align:left; }

1. 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;}

1. menu li:hover dt a, #menu a:hover dt a {

color:#000000; /*background:transparent;*/ background-image: url('../bouton3D/bouton_137_enfonce.png'); width: 100%; /*font-family: Verdana, serif; font-size: 13px; text-align: bottom; font-weight: bold;*/ }

1. menu dd a, #menu dd a:visited {background:#1bef39; background-position: 20px 0 0 0; color:#000000; padding:0.3em 0 0 0; text-decoration:none; display:block; text-align:center; font-family: verdana, serif;}

1. menu dd a:hover {background:#11b60c; color:#000000;}

1. menu b {display:block; overflow:hidden; height:1px;}

1. menu b.p5 {background:#1bef39; margin:0 5px; border:0px; border-width:0 0px;}
2. menu b.p6 {background:#1bef39; margin:0 3px; border:0px; border-width:0 0px;}
3. menu b.p7 {background:#1bef39; margin:0 2px; border:0px; border-width:0 0px;}
4. menu b.p8 {height:1px; background:#1bef39; margin:0 1px; border-width:0 0px;}

1. menu li:hover b.p2, #menu a:hover b.p2 {background:#1bef39;}
2. menu li:hover b.p3, #menu a:hover b.p3 {background:#1bef39;}
3. menu li:hover b.p4, #menu a:hover b.p4 {background:#1bef39;}