Team:KIT-Kyoto/Notebook-week11

From 2010.igem.org

(Difference between revisions)
 
(4 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
{{Template:KIT-Kyoto/menu}}
-
 
+
<table border=0 width="965px" align="center"><tr><td>
-
 
+
[[Team:KIT-Kyoto|Home]] > [[Team:KIT-Kyoto/Note|Notebook]] > [[Team:KIT-Kyoto/Notebook|Lab Note]] > [[Team:KIT-Kyoto/Notebook-week8|Week8]]</td></tr></table>
-
<head>
+
<table border=0 width="965px" align="center"><tr><td width="165px" valign="top" align="left"><div>{{Template:KIT-Kyoto/menu1}}
-
 
+
</div></td><td width="800px" valign="top" align="left"><div id="MIGI">
-
+
{{Template:KIT-Kyoto/Labdaily}}
-
<style type="text/css">  
+
{{Template:KIT-Kyoto-week11}}
-
#accordion .item {
+
</div></td></tr></table>
-
 
+
{{Template:KIT-Kyoto-1}}
-
    width: 400px;
+
-
    height: 30px; /* height = total height of A child element */
+
-
    overflow: hidden;
+
-
+
-
    transition: height ease-in-out 500ms; /* css3 transition */
+
-
    -o-transition: height ease-in-out 500ms;
+
-
-moz-transition: height ease-in-out 500ms;
+
-
 
+
-
    -webkit-transition: height ease-in-out 500ms;
+
-
 
+
-
+
-
 
+
-
    border: 1px solid #ccc;
+
-
 
+
-
    border-radius: 5px;
+
-
 
+
-
    -moz-border-radius: 5px;
+
-
    -webkit-border-radius: 5px;
+
-
    margin-bottom: 2px;
+
-
}
+
-
#accordion a {
+
-
    display: block;
+
-
    height: 20px;
+
-
    line-height: 20px;
+
-
    background: #6CF;
+
-
    padding: 5px;
+
-
    color: #1e1e1e;
+
-
    text-decoration: none;
+
-
}
+
-
#accordion p {
+
-
    height: 150px;
+
-
    padding: 5px;
+
-
    text-align: left;
+
-
}
+
-
#accordion div:hover {
+
-
    height: 180px; /* height = total height of A and P child elements */
+
-
}
+
-
#accordion div:hover a {
+
-
    border-bottom: 1px solid #ccc;
+
-
    font-weight: bold;
+
-
}
+
-
 
+
-
</style>  
+
-
 
+
-
<div id="accordion">
+
-
    <div class="item">
+
-
        <a href="#">Products</a>
+
-
          <p>ここにはメニューの説明文とかを入れておけばいいでしょうね。デモの為にちょっと長めにテキストを書いてみます。</p>
+
-
    </div>
+
-
    <div class="item">
+
-
    </div>
+
-
 
+
-
    <div class="item">
+
-
 
+
-
    </div>
+
-
 
+
-
    <div class="item">
+
-
 
+
-
    </div>
+
-
 
+
-
</div>
+
-
 
+
-
</html>
+

Latest revision as of 01:20, 21 October 2010



Home > Notebook > Lab Note > Week8