Team:Paris Bettencourt/Notebook

From 2014.igem.org

(Difference between revisions)
Line 83: Line 83:
}
}
-
#API {
+
#shadow {
-
         float : right;
+
        margin-left : 25px;
-
         margin-right:25px;
+
         float : left;
 +
         border-radius : 5px;
 +
        box-shadow : -1px 2px 10px 3px rgb(190,190,190) inset;
 +
}
 +
#menu-accordeon {
 +
  padding:0;
 +
  margin:0;
 +
  list-style:none;
 +
  width: 180px;
}
}
-
twitter {
+
#menu-accordeon ul {
-
        height:520px;
+
  padding:0;
-
        width:180px;
+
  margin:0;
 +
  list-style:none;
}
}
 +
 +
#menu-accordeon li {
 +
  border-radius: 6px;
 +
  margin-bottom:2px;
 +
}
 +
 +
#menu-accordeon li li {
 +
  max-height:0;
 +
  overflow: hidden;
 +
  transition: all .5s;
 +
  border-radius:0;
 +
  box-shadow: none;
 +
  border:none;
 +
  margin-left : 20px;
 +
}
 +
#menu-accordeon a {
 +
  display:block;
 +
  text-decoration: none;
 +
  color: rgb(0,0,0);
 +
  padding: 8px 0;
 +
  font-family: verdana;
 +
}
 +
 +
 +
#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 144: Line 186:
<h4 id=h4>Notebook</h4>
<h4 id=h4>Notebook</h4>
 +
 +
<div id="shadow">
 +
 +
<ul id="menu-accordeon">
 +
 +
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/Odor_Library" id="link">Odor Library</a></li>
 +
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/Probiotics" id="link">Probiotics and Cosmetics</a></li>
 +
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/Old_People_Smell" id="link">Old People Smell</a></li>
 +
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/TMAU" id="link">TMAU</a></li>
 +
 +
</ul>
 +
 +
</div>
</body>
</body>

Revision as of 10:02, 18 July 2014

Paris Bettencourt 2014



Notebook