Team:ZJU-China/template/project-menu

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
.ac-container{
+
<html>
-
width: 260px;
+
<style type="text/css">
-
text-align: left;
+
.flagcounter {
-
}
+
text-align: center;
-
.ac-container label{
+
margin-top: 50px;
-
font-family: "Comic Sans MS", cursive;
+
margin-bottom: 50px;
-
padding: 5px 20px;
+
}
-
position: relative;
+
.ac-container a {
-
z-index: 20;
+
color:#333;
-
display: block;
+
}
-
height: 30px;
+
.ac-container a:hover {
-
cursor: pointer;
+
color:#666;
-
color: #777;
+
}
-
text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
+
#container-wrapper {
-
line-height: 33px;
+
background-image: url(https://static.igem.org/mediawiki/2013/7/71/Project_menu_background.jpg);
-
font-size: 19px;
+
}
-
background: #ffffff;
+
</style>
-
background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
+
<div class="sidebar1">
-
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
+
      <section class="ac-container">
-
background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
+
        <div>
-
background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
+
            <input id="ac-1" name="accordion-1" type="radio" </html>{{{GhostSensor|}}}<html> />
-
background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
+
            <label for="ac-1">Ghost Sensor</label>
-
background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
+
            <article class="ac-small">
-
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
+
              <p>
-
box-shadow:
+
                <a href="https://2013.igem.org/Team:ZJU-China/Project/GhostSensor/Background">Background</a>
-
0px 0px 0px 1px rgba(155,155,155,0.3),
+
<a href="https://2013.igem.org/Team:ZJU-China/Project/GhostSensor/Design">Design</a>
-
1px 0px 0px 0px rgba(255,255,255,0.9) inset,
+
<a href="https://2013.igem.org/Team:ZJU-China/Project/GhostSensor/Results">Results</a>
-
0px 2px 2px rgba(0,0,0,0.1);
+
              </p>
-
}
+
            </article>
-
.ac-container label:hover{
+
        </div>
-
background: #fff;
+
        <div>
-
}
+
            <input id="ac-2" name="accordion-1" type="radio" </html>{{{ElvesCooperation|}}}<html> />
-
.ac-container input:checked + label,
+
            <label for="ac-2">Elves' Cooperation</label>
-
.ac-container input:checked + label:hover{
+
            <article class="ac-small">
-
background: #c6e1ec;
+
              <p>
-
color: #3d7489;
+
                <a href="https://2013.igem.org/Team:ZJU-China/Project/ElvesCooperation/Background">Background</a>
-
text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
+
<a href="https://2013.igem.org/Team:ZJU-China/Project/ElvesCooperation/Design">Design</a>
-
box-shadow:  
+
<a href="https://2013.igem.org/Team:ZJU-China/Project/ElvesCooperation/Results">Results</a>
-
0px 0px 0px 1px rgba(155,155,155,0.3),
+
<a href="https://2013.igem.org/Team:ZJU-China/Project/Collaboration/Perspectives">Perspectives</a>
-
0px 2px 2px rgba(0,0,0,0.1);
+
              </p>
-
}
+
            </article>
-
.ac-container label:hover:after,
+
        </div>
-
.ac-container input:checked + label:hover:after{
+
        <div>
-
content: '';
+
            <input id="ac-3" name="accordion-1" type="radio" </html>{{{Standardization|}}}<html> />
-
position: absolute;
+
            <label for="ac-3">Standardization</label>
-
width: 24px;
+
            <article class="ac-small">
-
height: 24px;
+
              <p>
-
right: 13px;
+
                <a href="https://2013.igem.org/Team:ZJU-China/Project/Standardization/Background">Background</a>
-
top: 7px;
+
<a href="https://2013.igem.org/Team:ZJU-China/Project/Standardization/Design">Design</a>
-
background: transparent url(https://static.igem.org/mediawiki/2013/c/cf/Arrow_down_accordion.png) no-repeat center center;
+
<a href="https://2013.igem.org/Team:ZJU-China/Project/Standardization/Results">Results</a>
-
}
+
              </p>
-
.ac-container input:checked + label:hover:after{
+
            </article>
-
background-image: url(https://static.igem.org/mediawiki/2013/9/96/Arrow_up_accordion.png);
+
        </div>
-
}
+
        <div>
-
.ac-container input{
+
            <input id="ac-4" name="accordion-1" type="radio" </html>{{{Parts|}}}<html> />
-
display: none;
+
            <label for="ac-4">Parts</label>
-
}
+
            <article class="ac-large">
-
.ac-container article{
+
              <p>
-
background: rgba(255, 255, 255, 0.5);
+
<a href="https://2013.igem.org/Team:ZJU-China/Project/Parts/Overview">Overview</a>
-
margin-top: -1px;
+
                <a target="_blank" href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1054000">BBa_K1054000</a>
-
overflow: hidden;
+
<a target="_blank" href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1054001">BBa_K1054001</a>
-
height: 0px;
+
<a target="_blank" href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1054002">BBa_K1054002</a>
-
position: relative;
+
<a target="_blank" href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1054003">BBa_K1054003</a>
-
z-index: 10;
+
<a target="_blank" href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1054007">BBa_K1054007</a>
-
-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
+
<a target="_blank" href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1054008">BBa_K1054008</a>
-
-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
+
<a target="_blank" href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1054009">BBa_K1054009</a>
-
-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
+
<a target="_blank" href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1054010">BBa_K1054010</a>
-
-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
+
<a target="_blank" href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1054011">BBa_K1054011</a>
-
transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
+
<a target="_blank" href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1054012">BBa_K1054012</a>
-
}
+
<a target="_blank" href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1054013">BBa_K1054013</a>
-
.ac-container article p{
+
<a target="_blank" href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1054014">BBa_K1054014</a>
-
font-style: italic;
+
<a target="_blank" href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1054015">BBa_K1054015</a>
-
color: #777;
+
<a target="_blank" href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1054016">BBa_K1054016</a>
-
line-height: 23px;
+
<a target="_blank" href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1054017">BBa_K1054017</a>
-
font-size: 14px;
+
<a target="_blank" href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1054018">BBa_K1054018</a>
-
padding: 20px;
+
<a target="_blank" href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1054019">BBa_K1054019</a>
-
text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
+
<a target="_blank" href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1054020">BBa_K1054020</a>
-
}
+
<a target="_blank" href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1054021">BBa_K1054021</a>
-
.ac-container input:checked ~ article{
+
<a target="_blank" href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1054022">BBa_K1054022</a>
-
-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
+
<a target="_blank" href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K1054023">BBa_K1054023</a>
-
-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
+
              </p>
-
-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
+
            </article>
-
-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
+
        </div>
-
transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
+
<div>
-
box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
+
            <input id="ac-5" name="accordion-5" type="radio" </html>{{{Collaboration|}}}<html> />
-
}
+
            <label for="ac-5">Collaboration</label>
-
.ac-container input:checked ~ article.ac-small{
+
            <article class="ac-small">
-
height: 140px;
+
              <p>
-
}
+
                <a href="https://2013.igem.org/Team:ZJU-China/Project/Collaboration/Background">Background</a>
-
.ac-container input:checked ~ article.ac-medium{
+
<a href="https://2013.igem.org/Team:ZJU-China/Project/Collaboration/Design">Design</a>
-
height: 180px;
+
<a href="https://2013.igem.org/Team:ZJU-China/Project/Collaboration/Results">Results</a>
-
}
+
              </p>
-
.ac-container input:checked ~ article.ac-large{
+
            </article>
-
height: 650px;
+
        </div>
-
}
+
<div>
-
.ac-container a {
+
            <input id="ac-6" name="accordion-6" type="radio" </html>{{{Safety|}}}<html> />
-
font-family: Cambria, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
+
            <label for="ac-6">Safety</label>
-
text-decoration: none;
+
            <article class="ac-small">
-
display: block;
+
              <p>
-
font-weight: normal;
+
                <a href="https://2013.igem.org/Team:ZJU-China/Project/Safety/CaCO3Shell">CaCO<sub>3</sub> Shell</a>
-
margin: 4px;
+
<a href="https://2013.igem.org/Team:ZJU-China/Project/Safety/EcoliSuicide"><i>E.coli</i> Suicide</a>
-
font-size: 18px;
+
<a href="https://2013.igem.org/Team:ZJU-China/Project/Safety/SafetyForm">Safety Form</a>
-
}
+
              </p>
 +
            </article>
 +
        </div>
 +
      </section>
 +
      <div class="flagcounter"><a href="http://info.flagcounter.com/Nqab"><img src="http://s03.flagcounter.com/count/Nqab/bg_FFFFFF/txt_000000/border_CCCCCC/columns_2/maxflags_20/viewers_0/labels_1/pageviews_1/flags_0/" alt="Flag Counter" border="0"></a></div>
 +
    </div>
 +
</html>

Revision as of 16:54, 24 September 2013

Flag Counter

Retrieved from "http://2013.igem.org/Team:ZJU-China/template/project-menu"