Team：HZAU-China/background-head

From 2013.igem.org

(Difference between revisions)
 
(212 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<style>  
+
<style>
#p-logo {
#p-logo {
display: none;
display: none;
Line 47: Line 47:
background-color: transparent;
background-color: transparent;
color: white;
color: white;
-
padding: 0 15px 0 0;
+
padding:0,15px,0,0;
 +
        margin:0;
}
}
.right-menu li a:hover {
.right-menu li a:hover {
Line 72: Line 73:
border: 0px;
border: 0px;
         width:1000px;
         width:1000px;
 +
}
 +
ul {
 +
    line-height: 2em;
 +
    list-style-image: url("bullet.gif");
 +
    list-style-type: square;
 +
    margin: 0;
 +
    padding: 0;
}
}
</style>
</style>
Line 78: Line 86:
#background00{
#background00{
         width:1000px;
         width:1000px;
-
         height:228px;
+
         height:260px;
-
         margin: 0 auto;
+
         margin:0;
 +
        background-image:url(https://static.igem.org/mediawiki/2013/4/4e/%E5%AE%8C%E6%88%90%E5%93%81%E6%A0%87%E9%A2%98.jpg);
 +
        background-position: center;
 +
        background-repeat: no-repeat;
}
}
-
#backgroundo1{
+
#background01{
-
         width:1000px;
+
         width:59.2px;
-
         height:228px;
+
         height:48px;
-
}
+
-
#polo{
+
-
        width:50px;
+
-
        height:50px;
+
         float:right;
         float:right;
 +
        padding-right:40px;
 +
        padding-top:15px;
}
}
</style>
</style>
 +
<body >
 +
<div id="background00">
 +
    <div id="background01">
 +
          <a href="https://igem.org/Team_Wikis?year=2013" ><img width="100px" height="80px" src="https://static.igem.org/mediawiki/2013/d/d6/IGEM_official_logo.png"></a>
 +
    </div>
 +
</div>
 +
</body>
 +
 +
<style>
 +
#background02{
 +
    background:url(https://static.igem.org/mediawiki/2013/8/80/Old_wall.jpg);
 +
    width:1000px;
 +
    height:31px;     
 +
    margin:0 auto;
 +
}
 +
.example {
 +
    font-family:Arial,Helvetica;
 +
    position:relative;
 +
    background:url(https://static.igem.org/mediawiki/2013/8/80/Old_wall.jpg);
 +
    width:998x;
 +
    height:31px;
 +
    margin:20px auto;
 +
    margin:0px auto;
 +
    padding-top:2px;
 +
    padding-bottom:2px;
 +
}
 +
.nav,.nav ul {
 +
    list-style:none;
 +
    margin:0;
 +
    padding:0;
 +
}
 +
.nav {
 +
    position:relative;
 +
}
 +
.nav ul {
 +
    height:0;
 +
    left:0;
 +
    overflow:hidden;
 +
    position:absolute;
 +
    top:31px;
 +
    z-index:1000;
 +
}
 +
.nav li {
 +
    float:left;
 +
    position:relative;
 +
}
 +
.nav li a {
 +
    -moz-transition:0.5s;
 +
    -o-transition:0.5s;
 +
    -webkit-transition:0.5s;
 +
    background-color:#7770B4;
 +
    border:1px solid #6E67A6;
 +
    color:#FFF;
 +
    display:block;
 +
    font-size:18px;
 +
    line-height:15px;
 +
    padding:7px 25px;
 +
    text-decoration:none;
 +
    transition:0.5s;
 +
    z-index:1000;
 +
}
 +
.nav li:hover > a {
 +
    background:#8CCA33;
 +
    border-color:#6E67A6;
 +
    color:#fff;
 +
    z-index:1000;
 +
}
 +
.nav li:hover ul.subs {
 +
    height:auto;
 +
    width:210px;
 +
}
 +
.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:#7770B4;
 +
    border-color:#6E67A6;
 +
    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:17px;
 +
}
 +
.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>
<body>
<body>
-
<div id="background00">
+
<div id="background02">
-
    <div id="background01">
+
<div class="example">
-
         <a><img src="https://static.igem.org/mediawiki/2013/f/fd/%E7%BD%91%E9%A1%B5%E6%A0%87%E9%A2%98%EF%BC%88%E6%97%A0igem%E5%9B%BE%E6%A0%87%EF%BC%89.jpg" width="950px"></a>
+
<ul class="nav">
-
         <div id="polo">
+
         <li><a href="https://2013.igem.org/Team:HZAU-China/Home">Home</a></li>
-
         <a href="https://igem.org/Team_Wikis?year=2013"><img src="https://static.igem.org/mediawiki/2013/4/41/Igem%E5%9B%BE%E6%A0%87.gif" width="50px" height="50px" ></a>
+
        <li><a href="https://2013.igem.org/Team:HZAU-China/Team">Team</a>
-
         </div>
+
        <ul class="subs">
-
     </div>
+
                <li><a href="https://2013.igem.org/Team:HZAU-China/Team/Members and Instructors">Members</a></li>
 +
                <li><a href="https://2013.igem.org/Team:HZAU-China/Instructors">Instructors</a></li>
 +
                <li><a href="https://2013.igem.org/Team:HZAU-China/Attributions">Attributions</a></li>
 +
                <li><a href="https://2013.igem.org/Team:HZAU-China/Sponsors">Sponsors</a></li>
 +
            </ul> 
 +
         <li><a href="https://2013.igem.org/Team:HZAU-China/Project">Project</a>
 +
          <ul class="subs">           
 +
            <li><a href="https://2013.igem.org/Team:HZAU-China/Project"><span>Overview</span></a></li>
 +
            <li><a href="https://2013.igem.org/Team:HZAU-China/Project/The innovation of HZAU-iGEM Team"><span>The innovation of HZAU-iGEM Team</span></a></li>
 +
            <li><a href="https://2013.igem.org/Team:HZAU-China/Project/The design of experiment"><span>The design of experiment</span></a></li>
 +
            <li><a href="https://2013.igem.org/Team:HZAU-China/Project/Rabies"><span>Rabies</span></a></li>
 +
            <li><a href="https://2013.igem.org/Team:HZAU-China/Project/Flea and Yersinia pestis"><span>Flea and Yersinia pestis</span></a></li>
 +
            <li><a href="https://2013.igem.org/Team:HZAU-China/Project/Bacterial Spores as Vaccine Vehicles"><span>Bacterial Spores as Vaccine Vehicles</span></a></li>
 +
            <li><a href="https://2013.igem.org/Team:HZAU-China/Project/Bacillus subtilis as Probiotics"><span>Bacillus subtilis as Probiotics</span></a></li>
 +
            <li><a href="https://2013.igem.org/Team:HZAU-China/Project/Antimicrobial Peptides"><span>Antimicrobial Peptides</span></a></li>
 +
            <li><a href="https://2013.igem.org/Team:HZAU-China/Project/Methods for rearing flea"><span>Methods for rearing flea</span></a></li> 
 +
          </ul>
 +
         </li>
 +
        <li><a href="https://2013.igem.org/Team:HZAU-China/Modeling">Modeling</a>
 +
        <ul class="subs">
 +
                <li><a href="https://2013.igem.org/Team:HZAU-China/Modeling">Overview</a></li>
 +
                <li><a href="https://2013.igem.org/Team:HZAU-China/Modeling/Gray logistic">Gray logistic</a></li>
 +
                <li><a href="https://2013.igem.org/Team:HZAU-China/Modeling/Immune responce">Immune response</a></li>
 +
                <li><a href="https://2013.igem.org/Team:HZAU-China/Modeling/Cellular automata">Cellular automaton</a></li>
 +
            </ul>
 +
        </li> 
 +
        <li><a href="https://2013.igem.org/Team:HZAU-China/Achievement">Experiment</a>
 +
        <ul class="subs">
 +
                <li><a href="https://2013.igem.org/Team:HZAU-China/Achievement">Results and data</a></li>
 +
                <li><a href="https://2013.igem.org/Team:HZAU-China/Parts">Parts</a></li>
 +
                <li><a href="https://2013.igem.org/Team:HZAU-China/Achievement/judgement">Judgement</a></li>
 +
                <li><a href="https://2013.igem.org/Team:HZAU-China/Achievement/future">Future work</a></li>
 +
            </ul>
 +
         </li>
 +
        <li><a href="https://2013.igem.org/Team:HZAU-China/Notebook">Notebook</a>
 +
        <ul class="subs">
 +
                <li><a href="https://2013.igem.org/Team:HZAU-China/Meeting Record">Meeting Record</a></li>
 +
                <li><a href="https://2013.igem.org/Team:HZAU-China/Gallery">Gallery</a></li>
 +
                <li><a href="https://2013.igem.org/Team:HZAU-China/Protocol">Protocol</a></li>
 +
            </ul>
 +
        </li>
 +
        <li><a href="https://2013.igem.org/Team:HZAU-China/Safety">Safety</a>
 +
        <ul class="subs">
 +
                <li><a href="https://2013.igem.org/Team:HZAU-China/Safety/Safety forms">Safety forms</a></li>
 +
                <li><a href="https://2013.igem.org/Team:HZAU-China/Safety/Security Evaluatio">Security Evaluation</a></li>
 +
                <li><a href="https://2013.igem.org/Team:HZAU-China/Safety/Social Approval Degree">Social Approval Degree</a></li>
 +
                <li><a href="https://2013.igem.org/Team:HZAU-China/Safety/the Safety of Flea">The Safety of Flea</a></li>
 +
                <li><a href="https://2013.igem.org/Team:HZAU-China/Safety/New Ideas">Helpful Ideas</a></li>
 +
            </ul>
 +
        </li>
 +
        <li><a href="https://2013.igem.org/Team:HZAU-China/Human_practice=1">Human practice</a></li>
 +
     </ul> 
 +
</div>
</div>
</div>
</body>
</body>
</html>
</html>

Latest revision as of 02:10, 28 September 2013

Retrieved from "http://2013.igem.org/Team%EF%BC%9AHZAU-China/background-head"