Team:Paris Bettencourt

From 2014.igem.org

(Difference between revisions)
Line 98: Line 98:
}
}
-
ul ul {display: none;}
+
 
-
li:hover ul.niveau2 {display:block;}
+
#menu-accordeon {
 +
  padding:0;
 +
  margin:0;
 +
  list-style:none;
 +
  text-align: center;
 +
  width: 180px;
 +
}
 +
#menu-accordeon ul {
 +
  padding:0;
 +
  margin:0;
 +
  list-style:none;
 +
  text-align: center;
 +
}
 +
#menu-accordeon li {
 +
  background-color:#729EBF;
 +
  background-image:-webkit-linear-gradient(top, #729EBF 0%, #333A40 100%);
 +
  background-image: linear-gradient(to bottom, #729EBF 0%, #333A40 100%);
 +
  border-radius: 6px;
 +
  margin-bottom:2px;
 +
  box-shadow: 3px 3px 3px #999;
 +
  border:solid 1px #333A40
 +
}
 +
#menu-accordeon li li {
 +
  max-height:0;
 +
  overflow: hidden;
 +
  transition: all .5s;
 +
  border-radius:0;
 +
  background: #444;
 +
  box-shadow: none;
 +
  border:none;
 +
  margin:0
 +
}
 +
#menu-accordeon a {
 +
  display:block;
 +
  text-decoration: none;
 +
  color: #fff;
 +
  padding: 8px 0;
 +
  font-family: verdana;
 +
  font-size:1.2em
 +
}
 +
#menu-accordeon ul li a, #menu-accordeon li:hover li a {
 +
  font-size:1em
 +
}
 +
#menu-accordeon li:hover {
 +
  background: #729EBF
 +
}
 +
#menu-accordeon li li:hover {
 +
  background: #999;
 +
}
 +
#menu-accordeon ul li:last-child {
 +
  border-radius: 0 0 6px 6px;
 +
  border:none;
 +
}
 +
#menu-accordeon li:hover li {
 +
  max-height: 15em;
 +
}
</style>
</style>
Line 159: Line 214:
<div id="shadow">
<div id="shadow">
-
<ul>
+
<ul id="menu-accordeon">
<li id=list>+ <a href="https://2014.igem.org/Team:Paris_Bettencourt" id = "link">Home </a></li>
<li id=list>+ <a href="https://2014.igem.org/Team:Paris_Bettencourt" id = "link">Home </a></li>

Revision as of 10:38, 17 July 2014

Paris Bettencourt 2014





Retrieved from "http://2014.igem.org/Team:Paris_Bettencourt"