Team:Chiba/Sponsors

From 2013.igem.org

(Difference between revisions)
Line 6: Line 6:
<title>iGEM-2013 Chiba</title>
<title>iGEM-2013 Chiba</title>
<style type="text/css">
<style type="text/css">
 +
 +
/* Accordion Style */
 +
.Item { position:relative; }
 +
 +
input[type='checkbox'], input[type='radio'] {
 +
    width:100%;
 +
    display:block;
 +
    position:absolute;
 +
    opacity:0;
 +
    height:35px;
 +
    top:0;
 +
    left:0;
 +
    border:none;
 +
    border-radius:0; }
 +
 +
.Accordion {
 +
    background-color:#fff;
 +
    width:100%; }
 +
 +
.AccordionItem {
 +
    line-height:35px;
 +
    height:35px;
 +
    padding:0 5px;
 +
    display:block;
 +
    background: #ffffff;
 +
    background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%);
 +
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
 +
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
 +
    background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
 +
    background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
 +
    background: linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
 +
    border:1px solid #888;
 +
    white-space:nowrap;
 +
    overflow:hidden;
 +
    text-overflow:ellipsis;
 +
    cursor:pointer;
 +
    margin-top:-1px; }
 +
 +
.AccordionPanel {
 +
    height:0px;
 +
    border:1px solid #888;
 +
    border-top:none;
 +
    transition: all ease-in-out 0.3s;
 +
    -o-transition: all ease-in-out 0.3s;
 +
    -moz-transition: all ease-in-out 0.3s;
 +
    -webkit-transition: all ease-in-out 0.3s;
 +
    overflow:auto; margin-top:-1px; }
 +
 +
.AccordionPanel div { padding:10px; }
 +
 +
input:checked + label .AccordionPanel { height:300px; }
 +
 +
Line 15: Line 68:
<div class="textSpace">
<div class="textSpace">
 +
 +
<div class="Accordion">
 +
    <div class="Item">
 +
        <input type="checkbox" name="Accordion" id="checkbox-ac1"/>
 +
        <label for="checkbox-ac1">
 +
            <div class="AccordionItem">アコーディオン１</div>
 +
            <div class="AccordionPanel">
 +
                <div>アコーディオン１内容</div>
 +
            </div>
 +
        </label>
 +
    </div>
 +
    <div class="Item">
 +
        <input type="checkbox" name="Accordion" id="checkbox-ac2" />
 +
        <label for="checkbox-ac2">
 +
            <div class="AccordionItem">アコーディオン２</div>
 +
            <div class="AccordionPanel">
 +
                <div>アコーディオン２内容</div>
 +
            </div>
 +
        </label>
 +
    </div>
 +
    <div class="Item">
 +
        <input type="checkbox" name="Accordion" id="checkbox-ac3" />
 +
        <label for="checkbox-ac3">
 +
            <div class="AccordionItem">アコーディオン３</div>
 +
            <div class="AccordionPanel">
 +
                <div>アコーディオン３内容</div>
 +
            </div>
 +
        </label>
 +
    </div>
 +
    <div class="Item">
 +
        <input type="checkbox" name="Accordion" id="checkbox-ac4" />
 +
        <label for="checkbox-ac4">
 +
            <div class="AccordionItem">アコーディオン４</div>
 +
            <div class="AccordionPanel">
 +
                <div>アコーディオン４内容</div>
 +
            </div>
 +
        </label>
 +
    </div>
 +
    <div class="Item">
 +
        <input type="checkbox" name="Accordion" id="checkbox-ac5" />
 +
        <label for="checkbox-ac5">
 +
            <div class="AccordionItem">アコーディオン５</div>
 +
            <div class="AccordionPanel">
 +
                <div>アコーディオン５内容</div>
 +
            </div>
 +
        </label>
 +
    </div>
 +
</div>

Revision as of 05:16, 8 September 2013

iGEM-2013 Chiba

iGEM-2013 Chiba

Retrieved from "http://2013.igem.org/Team:Chiba/Sponsors"