Team:HZAU-China

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
+
<html>
-
 
+
<head>
-
 
+
<style></style>
-
 
+
<title>CSS3下滑菜单 4</title>
-
<!-- *** End of the alert box *** -->
+
<style>
-
 
+
body {
 +
    background:#eee;
 +
    margin:0;
 +
    padding:0;
 +
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
 +
}
 +
.example {
 +
    position:relative;
 +
    background:#fff url(/jscss/demoimg/201306/background.jpg);
 +
    width:900px;
 +
    height:382px;
 +
    border:1px #000 solid;
 +
    margin:20px auto;
 +
    padding:35px;
 +
    border-radius:3px;
 +
    -moz-border-radius:3px;
 +
    -webkit-border-radius:3px;
 +
}
 +
.nav,.nav ul {
 +
    list-style:none;
 +
    margin:0;
 +
    padding:0;
 +
}
 +
.nav {
 +
    position:relative;
 +
}
 +
.nav ul {
 +
    height:0;
 +
    left:0;
 +
    overflow:hidden;
 +
    position:absolute;
 +
    top:30px;
 +
}
 +
.nav li {
 +
    float:left;
 +
    position:relative;
 +
}
 +
.nav li a {
 +
    -moz-transition:0.5s;
 +
    -o-transition:0.5s;
 +
    -webkit-transition:0.5s;
 +
    background-color:#b4c3a6;
 +
    border:1px solid #b4c3a6;
 +
    color:#FFF;
 +
    display:block;
 +
    font-size:16px;    line-height:15px;
 +
    padding:5px 20px;
 +
    text-decoration:none;
 +
    transition:0.5s;
 +
}
 +
.nav li:hover > a {
 +
    background:#50524a;
 +
    border-color:#b4c3a6;
 +
    color:#fff;
 +
}
 +
.nav li:hover ul.subs {
 +
    height:auto;
 +
    width:180px;
 +
}
 +
.nav ul li {
 +
    -moz-transition:0.5s;
 +
    -o-transition:0.5s;
 +
    -webkit-transition:0.5s;
 +
    opacity:0;
 +
    transition:0.5s;
 +
    width:100%;
 +
}
 +
.nav li ul li {
 +
    -moz-transition-delay:0s;
 +
    -o-transition-delay:0s;
 +
    -webkit-transition-delay:0s;
 +
    transition-delay:0s;
 +
}
 +
.nav li:hover ul li {
 +
    opacity:1;
 +
    -moz-transition-delay:0.5s;
 +
    -o-transition-delay:0.5s;
 +
    -webkit-transition-delay:0.5s;
 +
    transition-delay:0.5s;
 +
}
 +
.nav ul li a {
 +
    background:#b4c3a6;
 +
    border-color:#a8b8b8;
 +
    color:#fff;
 +
    line-height:1px;
 +
    -moz-transition:1.5s;
 +
    -o-transition:1.5s;
 +
    -webkit-transition:1.5s;
 +
    transition:1.5s;
 +
}
 +
.nav li:hover ul li a {
 +
    line-height:20px;
 +
}
 +
.nav ul li a:hover {
 +
    background:#8CCA33;
 +
    background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
 +
    background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
 +
    background-image: -o-linear-gradient(-90deg,rgba(255,255,255,0.5),rgba(255,255,25,0));
 +
}
 +
</style>
 +
</head>
 +
<body>
 +
<div class="example">
 +
    <ul class="nav">
 +
        <li><a href="/">Team</a>
 +
        <ul class="subs">
 +
                <li><a href="/">Team members and Instructors</a></li>
 +
                <li><a href="/">Attributions</a></li>
 +
                <li><a href="/">Sponsors</a></li>
 +
            </ul> 
 +
        <li><a href="/">Project</a>
 +
            <ul class="subs">
 +
                <li><a href="/">Overview</a></li>
 +
                <li><a href="/">Fleas and Plague Bacillus</a></li>
 +
                <li><a href="/">Rabies Vaccine</a></li>
 +
                <li><a href="/">Bacterial Spores as Vaccine Vehicles</a></li>
 +
                <li><a href="/">Antimicrobial Peptides</a></li>
 +
            </ul>
 +
        </li>
 +
        <li><a href="/">Modeling</a></li>
 +
        <li><a href="/">Achievement</a>
 +
        <ul class="subs">
 +
                <li><a href="/">Results and data</a></li>
 +
                <li><a href="/">Parts</a></li>
 +
                <li><a href="/">judgement</a></li>
 +
            </ul>
 +
        </li>
 +
        <li><a href="/">Notebook</a>
 +
        <ul class="subs">
 +
                <li><a href="/">Development of our team and Summer Fun</a></li>
 +
                <li><a href="/">Labnote</a></li>
 +
                <li><a href="/">Protocol</a></li>
 +
            </ul>
 +
        </li>
 +
        <li><a href="/">Safety</a></li>
 +
        <li><a href="/">Human practice</a>
 +
        <ul class="subs">
 +
                <li><a href="/">Meeting with WHU and HUST</a></li>
 +
                <li><a href="/">Visit to Wuhan Institute of Biological Products</a></li>
 +
            <li><a href="/">To make IGEM and Synthetic Biology Universal </a></li>
 +
          <li><a href="/">Understanding the Safety assessment of GM rice</a></li>
 +
        </ul>
 +
        </li>
 +
    </ul>
 +
    <div style="clear:both"></div>
 +
</div>
 +
</body>
 +
</html>
 +
<!--- 标题栏 --->
{|align="justify"
{|align="justify"

Revision as of 03:08, 9 July 2013

CSS3下滑菜单 4

You can write a background of your team here. Give us a background of your team, the members, etc. Or tell us more about something of your choosing.
HZAU-China logo.png

Tell us more about your project. Give us background. Use this as the abstract of your project. Be descriptive but concise (1-2 paragraphs)

Your team picture
Team HZAU-China


Home Team Official Team Profile Project Parts Submitted to the Registry Modeling Notebook Safety Attributions
Retrieved from "http://2013.igem.org/Team:HZAU-China"