Team:HZAU-China/background-head

From 2013.igem.org

(Difference between revisions)
 
(193 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:231px;
+
         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;
}
}
#background01{
#background01{
-
         width:930px;
+
         width:59.2px;
-
         height:231px;
+
         height:48px;
-
        float: left;
+
-
}
+
-
#background02{
+
-
        width:70px;
+
-
        height:231px;
+
         float:right;
         float:right;
-
        background:#ffd017;
+
         padding-right:40px;
-
}
+
         padding-top:15px;
-
#polo{
+
-
        width:50px;
+
-
        height:50px;
+
-
         padding-right:20px;
+
-
         padding-top:50;
+
}
}
</style>
</style>
-
 
<body >
<body >
<div id="background00">
<div id="background00">
     <div id="background01">
     <div id="background01">
-
           <a><img src="https://static.igem.org/mediawiki/2013/b/b9/Biaoti0.jpg" width="930px"></a>
+
           <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>  
-
    <div id="background02">
+
</div>
-
        <div id="polo">
+
</body>
-
          <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>
+
 
-
         </div>   
+
<style>
-
    </div>
+
#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>
 +
<div id="background02">
 +
<div class="example">
 +
<ul class="nav">
 +
        <li><a href="https://2013.igem.org/Team:HZAU-China/Home">Home</a></li>
 +
        <li><a href="https://2013.igem.org/Team:HZAU-China/Team">Team</a>
 +
        <ul class="subs">
 +
                <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