Difference between revisions of "Template:HZAU-China"

 
(83 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<html lang="en">
 
<html lang="en">
 
<meta charset="UTF-8">
 
<meta charset="UTF-8">
 +
<head>
 
<style>
 
<style>
−
#sideMenu, #top_title {display:none;}
 
−
#content { padding:0px; width:100%; margin-top:-7px; margin-left:0px;}
 
−
body {background-color:white; }
 
−
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
−
#team_name {display: none}
 
−
.global_wrapper{
 
−
    padding:0px 0px 0px 0px;
 
−
}
 
−
#top_menu_14{
 
−
height:18px;
 
−
}
 
−
.background-img{
 
−
        width:1200px;
 
−
margin:auto;
 
−
position: absolute;
 
−
top:0; left:0; right: 0;
 
−
}
 
−
.menu_wrapper{
 
−
            font-size: 18px;
 
−
            position: absolute;
 
−
            left:0;
 
−
            right:0;
 
−
            top:250px;
 
−
            bottom:0;
 
−
            width: 1200px;
 
−
            height: 35px;
 
−
            margin:0 auto;
 
−
            z-index:900;
 
−
        }
 
−
        .accordion{
 
−
            list-style: none;
 
−
            margin:0px !important;
 
−
        }
 
−
        .menu_item{
 
−
            float:left;
 
−
            line-height: 35px;
 
−
            text-align: center;
 
−
            position: relative;
 
−
            width: 12.5%;
 
−
        }
 
−
        .menu_item >a{
 
−
            font-weight: bold;
 
−
        }
 
−
        .menu_item a{
 
−
            background-color: black;
 
−
            text-decoration: none;
 
−
            color: white;
 
−
            display: block;
 
−
            padding: 0 20px;
 
−
            transition: background-color 0.6s ease;
 
−
        }
 
−
        .submenu a{
 
−
            border: 1px solid #222;
 
−
            background-color: #faf4ff;
 
−
            background-image: linear-gradient(#250d2b,#111);
 
−
        }
 
−
        .submenu:first-child>a {
 
−
            border-radius: 6px 6px 0 0;
 
−
        }
 
−
        .submenu:last-child>a {
 
−
            border-radius: 0 0 6px 6px;
 
−
        }
 
−
        .menu_item a:hover{
 
−
            background-color: #581782;
 
−
        }
 
−
        .submenu {
 
−
            font-size: 15px;
 
−
            list-style: none;
 
−
            float: none;
 
−
            width: 100%;
 
−
            line-height: 35px;
 
−
            text-align: center;
 
−
            background-color: black;
 
−
            position: absolute;
 
−
            left: 0px;
 
−
            top:35px;
 
−
            margin:0px !important;
 
−
            display: none;
 
−
        }
 
−
        .submenu a:hover
 
−
        {
 
−
            color: #ae61ba;
 
−
        }
 
−
        .menu_item:hover .submenu
 
−
        {
 
−
            display: block;
 
−
        }
 
−
       
 
−
    </style>
 
−
</head>
 
  
 +
    #sideMenu, #top_title {display:none;}
 +
    #content { padding:0px; width:100%; margin-top:-7px; margin-left:0px;}
 +
    body {background-color:white; }
 +
    #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 +
    #team_name {display: none}
 +
    .global_wrapper{ padding:0px 0px 0px 0px;}
 +
    #top_menu_14{height:18px;}
 +
    .menu_wrapper{
 +
        position: fixed;
 +
        background-color:white;
 +
        left:0;
 +
        right:0;
 +
        top:18px;
 +
        bottom:0;
 +
        width: 96%;
 +
        height: 70px;
 +
        margin:0 auto;
 +
        z-index:900;
 +
    }
 +
    .accordion{
 +
        list-style: none;
 +
        margin:0px !important;
 +
 +
    }
 +
    .menu_item{
 +
        float: right;
 +
        line-height: 35px;
 +
        position: relative;
 +
        width: 70px;
 +
        padding-right: 10px;
 +
    }
 +
    .menu_item >a{
 +
        display: block;
 +
        padding: 0px;
 +
        transition: 0.4s ;
 +
    }
 +
    .menu_item >a:hover{
 +
        transform: scale(1.1);
 +
    }
 +
    .ssubmenu {
 +
        width: 140px;
 +
        padding:0;
 +
        font-size: 16px;
 +
        font-weight: bold;
 +
        list-style: none;
 +
        float: none;
 +
        border: 0;
 +
        position: absolute;
 +
        left: -50px;
 +
        top:60px;
 +
        border-radius: 5px;
 +
        display: none;
 +
        margin: 0;
 +
        transition: all 0.3s ;
 +
    }
 +
    .ssubmenu a{
 +
        margin: 0;
 +
        color: #484848;
 +
        display: block;
 +
        padding:3% 0 3% 15%;
 +
        text-decoration: none;
 +
        background-image: linear-gradient(white, #cfd7d8);
 +
        transition: 0.4s;
 +
    }
 +
    .ssubmenu a:hover
 +
    {
 +
      color: #178cea;
 +
    }
 +
    .menu_item:hover .ssubmenu{
 +
      display: block;
 +
    }
 +
 +
</style>
 +
</head>
  
 
<body>
 
<body>
−
<img class="background-img" src = "https://static.igem.org/mediawiki/2016/7/73/T--HZAU-China--background_webbackground.png" width="1200px" height="250px"/>
 
 
<div class="menu_wrapper" >
 
<div class="menu_wrapper" >
 
     <nav>
 
     <nav>
−
    <ul id="accordion" class="accordion">
+
        <ul id="accordion" class="accordion">
  
−
        <li class="menu_item"> <a href="https://2016.igem.org/Team:HZAU-China">Home </a> </li>
 
  
 +
            <li class="menu_item"><a> <img src="https://static.igem.org/mediawiki/2016/6/6d/T--HZAU-China--team.png" width="70px" height="70px"></a>
 +
                <ul class="ssubmenu">
 +
                    <li> <a href="https://2016.igem.org/Team:HZAU-China/Members">Members</a> </li>
 +
                    <li> <a href="https://2016.igem.org/Team:HZAU-China/Attributions">Attributions</a></li>
 +
                </ul>
 +
            </li>
  
−
        <li class="menu_item"> <a href="#">Project</a>
 
−
            <ul class="submenu">
 
−
                <li> <a href="https://2016.igem.org/Team:HZAU-China/Description"> ★  Description </a></li>
 
−
                <li> <a href="https://2016.igem.org/Team:HZAU-China/Design"> ★ Design </a></li>
 
−
                <li> <a href="https://2016.igem.org/Team:HZAU-China/Experiments"> Experiments </a></li>
 
−
                <li> <a href="https://2016.igem.org/Team:HZAU-China/Proof"> ★ Proof of Concept </a></li>
 
−
                <li> <a href="https://2016.igem.org/Team:HZAU-China/Demonstrate"> ★ Demonstrate </a></li>
 
−
                <li> <a href="https://2016.igem.org/Team:HZAU-China/Results"> Results </a></li>
 
−
                <li> <a href="https://2016.igem.org/Team:HZAU-China/Notebook"> Notebook </a></li>
 
−
                <li > <a href="https://2016.igem.org/Team:HZAU-China/Safety"> Safety </a> </li>
 
−
            </ul>
 
−
        </li>
 
  
 +
            <li class="menu_item"><a><img src="https://static.igem.org/mediawiki/2016/4/4a/T--HZAU-China--hp.png" width="70px" height="70px"></a>
 +
                <ul class="ssubmenu">
 +
                    <li> <a href="https://2016.igem.org/Team:HZAU-China/Collaborations">Collaborations</a> </li>
 +
                    <li> <a href="https://2016.igem.org/Team:HZAU-China/HP/Silver">Silver</a></li>
 +
                    <li> <a href="https://2016.igem.org/Team:HZAU-China/HP/Gold">Gold</a></li>
 +
                    <li> <a href="https://2016.igem.org/Team:HZAU-China/Integrated_Practices">Integrated Practices</a></li>
 +
                    <li> <a href="https://2016.igem.org/Team:HZAU-China/Engagement">Engagement</a></li>
 +
                </ul>
 +
            </li>
  
−
        <li class="menu_item"> <a href="#">WetLab</a>
 
−
            <ul class="submenu">
 
−
                <li><a href="#">part1 </a></li>
 
−
                <li><a href="#">part2 </a></li>
 
−
                <li><a href="#">part3 </a></li>
 
−
                <li><a href="#">part4 </a></li>
 
−
            </ul>
 
−
        </li>
 
  
 +
            <li class="menu_item"><a><img src="https://static.igem.org/mediawiki/2016/1/1c/T--HZAU-China--parts.png" width="70px" height="70px"></a>
 +
                <ul class="ssubmenu">
 +
                    <li> <a href="https://2016.igem.org/Team:HZAU-China/Basic_Part">Basic Parts</a></li>
 +
                    <li> <a href="https://2016.igem.org/Team:HZAU-China/Composite_Part">Composite Parts</a></li>
 +
                </ul>
 +
            </li>
  
−
        <li class="menu_item"> <a href="#">DryLab</a>
 
−
            <ul class="submenu">
 
−
                <li> <a href="https://2016.igem.org/Team:HZAU-China/Measurement">★  Measurement </a></li>
 
−
                <li> <a href="https://2016.igem.org/Team:HZAU-China/Model">★ Model </a></li>
 
  
−
             </ul>
+
             <li class="menu_item"><a> <img src="https://static.igem.org/mediawiki/2016/4/4a/T--HZAU-China--safety.png"  width="70px" height="70px"></a>
−
        </li>
+
                <ul class="ssubmenu">
 +
                    <li> <a href="https://2016.igem.org/Team:HZAU-China/Safty">Safety</a></li>
 +
                </ul>
 +
            </li>
  
  
−
        <li class="menu_item"> <a href="#">Achievements</a>
+
            <li class="menu_item"><a><img src="https://static.igem.org/mediawiki/2016/a/ac/T--HZAU-China--drylab.png"  width="70px" height="70px"></a>
−
          <ul class="submenu">
+
                <ul class="ssubmenu">
−
              <li> <a href="https://2016.igem.org/Team:HZAU-China/Attributions">★  ATTRIBUTIONS </a></li>
+
                    <li> <a href="https://2016.igem.org/Team:HZAU-China/Model">Model</a></li>
−
              <li> <a href="https://2016.igem.org/Team:HZAU-China/Hardware"> ★ Hardware </a></li>
+
                    <li> <a href="https://2016.igem.org/Team:HZAU-China/Software">Software</a></li>
−
              <li> <a href="https://2016.igem.org/Team:HZAU-China/Software">★ Software </a></li>
+
                    <li> <a href="https://2016.igem.org/Team:HZAU-China/Hardware">Hardware</a></li>
−
          </ul>
+
                </ul>
−
        </li>
+
            </li>
  
−
        <li class="menu_item"> <a href="https://2016.igem.org/Team:HZAU-China/Parts">Parts </a>
 
−
            <ul class="submenu">
 
−
                <li> <a href="https://2016.igem.org/Team:HZAU-China/Basic_Part"> ★ Basic Parts </a></li>
 
−
                <li> <a href="https://2016.igem.org/Team:HZAU-China/Composite_Part"> ★ Composite Parts </a></li>
 
−
                <li> <a href="https://2016.igem.org/Team:HZAU-China/Part_Collection"> ★ Part Collection </a></li>
 
−
            </ul>
 
−
        </li>
 
  
  
−
        <li class="menu_item"> <a href="https://2016.igem.org/Team:HZAU-China/Human_Practices"> HP </a>
+
            <li class="menu_item"><a> <img src="https://static.igem.org/mediawiki/2016/1/10/T--HZAU-China--wetlab.png"  width="70px" height="70px"></a>
−
            <ul class="submenu">
+
                <ul class="ssubmenu">
−
                <li> <a href="https://2016.igem.org/Team:HZAU-China/HP/Silver">★ Silver </a></li>
+
                    <li> <a href="https://2016.igem.org/Team:HZAU-China/Measurement">Measurement</a></li>
−
                <li> <a href="https://2016.igem.org/Team:HZAU-China/HP/Gold">★ Gold </a></li>
+
                    <li> <a href="https://2016.igem.org/Team:HZAU-China/Experiments-chassis_integration">Chassis</a></li>
−
                <li> <a href="https://2016.igem.org/Team:HZAU-China/Integrated_Practices"> ★ Integrated Practices </a></li>
+
                    <li> <a href="https://2016.igem.org/Team:HZAU-China/Experiments-Light_control">Light control</a></li>
−
                <li> <a href="https://2016.igem.org/Team:HZAU-China/Engagement">★ Engagement </a></li>
+
                    <li> <a href="https://2016.igem.org/Team:HZAU-China/Experiments-Motility">Motility</a></li>
−
            </ul>
+
                    <li> <a href="https://2016.igem.org/Team:HZAU-China/Experiments-Riboswitch">Riboswitch</a></li>
−
        </li>
+
                    <li> <a href="https://2016.igem.org/Team:HZAU-China/Interlab">Interlab</a></li>
 +
                </ul>
 +
            </li>
  
  
−
        <li class="menu_item"> <a href=" https://2016.igem.org/Team:HZAU-China/Team"> Team  </a>
 
−
            <ul class="submenu">
 
−
                <li> <a href="https://2016.igem.org/Team:HZAU-China/Collaborations">★  Collaborations </a> </li>
 
−
                <li> <a href="https://2016.igem.org/Team:HZAU-China/Members">Members </a> </li>
 
−
            </ul>
 
−
        </li>
 
  
 +
            <li class="menu_item"><a> <img src="https://static.igem.org/mediawiki/2016/c/c9/T--HZAU-China--project.png"  width="70px" height="70px"></a>
 +
                <ul class="ssubmenu">
  
−
    </ul>
+
                    <li> <a href="https://2016.igem.org/Team:HZAU-China/Description">Description</a></li>
−
  </nav>
+
                    <li> <a href="https://2016.igem.org/Team:HZAU-China/Design">Design</a></li>
−
</div>
+
                    <li> <a href="https://2016.igem.org/Team:HZAU-China/Proof">Proof</a></li>
 +
                    <li> <a href="https://2016.igem.org/Team:HZAU-China/Demonstrate">Demonstrate</a></li>
 +
                </ul>
 +
            </li>
  
 +
 +
 +
            <li class="menu_item"> <a href="https://2016.igem.org/Team:HZAU-China"><img src="https://static.igem.org/mediawiki/2016/8/8b/T--HZAU-China--home.png"  width="70px" height="70px"></a> </li>
 +
 +
 +
 +
 +
        </ul>
 +
    </nav>
 +
</div>
 +
</body>
 
</html>
 
</html>

Latest revision as of 11:36, 19 October 2016