Team:HZAU-China

From 2013.igem.org

(Difference between revisions)
m
m
Line 1: Line 1:
-
<html>
 
-
<head>
 
-
<style type="text/css">
 
-
 
-
body {
 
-
background:#b9b9ff ;
 
-
color:#3c3c3c;
 
-
font:14px Helvetica, Arial, Sans-serif;
 
-
overflow-x:hidden;
 
-
}
 
-
 
-
 
-
#p-logo {
 
-
display: none;
 
-
}
 
-
#search-controls {
 
-
display: none;
 
-
}
 
-
 
-
 
-
#top-section {
 
-
height: 16px;
 
-
background:url(https://static.igem.org/mediawiki/2012/8/84/Px.png) transparent repeat;
 
-
width: 100%;
 
-
border:0px;
 
-
}
 
-
#menubar {
 
-
top: -8px;
 
-
font:15px Trebuchet MS,Arial,Helvetica,sans-serif;
 
-
}
 
-
.left-menu,.left-menu a {
 
-
color: white;
 
-
left: 0;
 
-
text-align: left;
 
-
text-transform: capitalize;
 
-
}
 
-
.left-menu li a:hover {
 
-
color: white;
 
-
text-decoration:underline;
 
-
}
 
-
#left-menu {
 
-
margin-left:5px;
 
-
}
 
-
.right-menu,.right-menu a {
 
-
color: white;
 
-
right: 0;
 
-
text-align: right;
 
-
}
 
-
.right-menu:hover, .left-menu:hover {
 
-
background-color: transparent;
 
-
}
 
-
.right-menu:hover a {
 
-
color: white;
 
-
}
 
-
.right-menu li a, .left-menu li a {
 
-
background-color: transparent;
 
-
color: white;
 
-
padding: 0 15px 0 0;
 
-
}
 
-
.right-menu li a:hover {
 
-
color: white;
 
-
text-decoration:underline;
 
-
}
 
-
.right-menu li a:visited {
 
-
color: white;
 
-
}
 
-
 
-
 
-
 
-
.firstHeading {
 
-
    display: none;
 
-
}
 
-
#catlinks {
 
-
display: none;
 
-
}
 
-
#content {
 
-
background: transparent;
 
-
padding: 0;
 
-
width: 100%;
 
-
border: 0px;
 
-
}
 
-
.new {
 
-
color:white;
 
-
}
 
-
 
-
#footer-box {
 
-
display: none;
 
-
}
 
-
a, a:visited {
 
-
color: white;
 
-
text-decoration: none;
 
-
}
 
-
a:hover {
 
-
color: white;
 
-
text-decoration: underline;
 
-
}
 
-
#contentSub {
 
-
display: none;
 
-
}
 
-
p {
 
-
margin: 0px;
 
-
}
 
-
 
-
 
-
 
-
</style>
 
-
 
-
 
-
 
-
 
-
<html>
 
-
<b>
 
-
<p  style="text-align:center;"><a ><img src="https://static.igem.org/mediawiki/2013/archive/6/60/20130709122958%21%E6%A0%87%E9%A2%98.png"></a>
 
-
</p>
 
-
</b>
 
-
</html>
 
-
<!--- 题头 --->
 
-
 
-
 
-
<html>
 
-
<head>
 
-
<style></style>
 
-
<title></title>
 
-
<style>
 
-
body {
 
-
    background:;
 
-
    margin:0;
 
-
    padding:0;
 
-
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
 
-
}
 
-
.example {
 
-
    position:relative;
 
-
    background:#91cd02 url();
 
-
    width:960px;
 
-
    height:35px;
 
-
    margin:0px auto;
 
-
    padding:0px ;
 
-
    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:36px;
 
-
}
 
-
.nav li {
 
-
    float:left;
 
-
    position:relative;
 
-
}
 
-
.nav li a {
 
-
    -moz-transition:1.5s;
 
-
    -o-transition:1.5s;
 
-
    -webkit-transition:1.5s;
 
-
    background-color:#91cd02;
 
-
    border:1px solid #91cd02;
 
-
    color:#FFF;
 
-
    display:block;
 
-
    font-size:20px;    line-height:23px;
 
-
    padding:5px 18px;
 
-
    text-decoration:none;
 
-
    transition:1s;
 
-
}
 
-
.nav li:hover > a {
 
-
    background:#50524a;
 
-
    border-color:#50524a;
 
-
    color:#fff;
 
-
}
 
-
.nav li:hover ul.subs {
 
-
    height:auto;
 
-
    width:200px;
 
-
}
 
-
.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:0.5s;
 
-
    -o-transition-delay:0.5s;
 
-
    -webkit-transition-delay:0.5s;
 
-
    transition-delay:0.5s;
 
-
}
 
-
.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:#50524a;
 
-
    border-color:#50524a;
 
-
    color:#fff;
 
-
    line-height:1px;
 
-
    -moz-transition:0.5s;
 
-
    -o-transition:0.5s;
 
-
    -webkit-transition:0.5s;
 
-
    transition:0.5s;
 
-
}
 
-
.nav li:hover ul li a {
 
-
    line-height:25px;
 
-
}
 
-
.nav ul li a:hover {
 
-
    background:#91cd02;
 
-
    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="https://2013.igem.org/Team:HZAU-China">Home</a></li>
 
-
        <li><a href="https://2013.igem.org/Team:HZAU-China/Team">Team</a>
 
-
        <ul class="subs">
 
-
                <li><a href="/">Team members and Instructors</a></li>
 
-
                <li><a href="https://2013.igem.org/Team:HZAU-China/Attributions">Attributions</a></li>
 
-
                <li><a href="/">Sponsors</a></li>
 
-
            </ul> 
 
-
        <li><a href="https://2013.igem.org/Team:HZAU-China/Project">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="https://2013.igem.org/Team:HZAU-China/Modeling">Modeling</a></li>
 
-
        <li><a href="/">Achievement</a>
 
-
        <ul class="subs">
 
-
                <li><a href="/">Results and data</a></li>
 
-
                <li><a href="https://2013.igem.org/Team:HZAU-China/Parts">Parts</a></li>
 
-
                <li><a href="/">judgement</a></li>
 
-
            </ul>
 
-
        </li>
 
-
        <li><a href="https://2013.igem.org/Team:HZAU-China/Notebook">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="https://2013.igem.org/Team:HZAU-China/Safety">Safety</a></li>
 
-
        <li><a href="https://2013.igem.org/Http://2013.igem.org/Team:HZAU-China/Human_practice">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>
 
-
     
 
-
<!--- 导航栏 --->
 
 +
[[background-head]]
<html>
<html>

Revision as of 06:48, 19 July 2013

background-head



jquery动态导航菜单效果