Difference between revisions of "Template:HZAU-China"

Line 1: Line 1:
−
<html lang="en">
+
tml lang="en">
 
<meta charset="UTF-8">
 
<meta charset="UTF-8">
 
<style>
 
<style>
Line 92: Line 92:
 
     <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 href="https://2016.igem.org/Team:HZAU-China"><img src="https://static.igem.org/mediawiki/2016/1/10/T--HZAU-China--wetlab.png" width="100px"/></a> </li>
  
  
−
         <li class="menu_item"> <a href="#">Project</a>
+
         <li class="menu_item"> <a href="#"><img src="https://static.igem.org/mediawiki/2016/c/c9/T--HZAU-China--project.png" width="100px"/></a>
 
             <ul class="submenu">
 
             <ul class="submenu">
 
                 <li> <a href="https://2016.igem.org/Team:HZAU-China/Attributions">Attributions</a></li>
 
                 <li> <a href="https://2016.igem.org/Team:HZAU-China/Attributions">Attributions</a></li>
Line 104: Line 104:
  
  
−
         <li class="menu_item"> <a href="#">WetLab</a>
+
         <li class="menu_item"> <a href="#"><img src="https://static.igem.org/mediawiki/2016/1/10/T--HZAU-China--wetlab.png" width="100px"/></a>
 
             <ul class="submenu">
 
             <ul class="submenu">
 
                 <li> <a href="https://2016.igem.org/Team:HZAU-China/Demonstrate">Demonstrate</a></li>
 
                 <li> <a href="https://2016.igem.org/Team:HZAU-China/Demonstrate">Demonstrate</a></li>
Line 115: Line 115:
  
  
−
         <li class="menu_item"> <a href="#">DryLab</a>
+
         <li class="menu_item"> <a href="#"><a href="#"><img src="https://static.igem.org/mediawiki/2016/a/ac/T--HZAU-China--drylab.png" width="100px"/></a>
 
             <ul class="submenu">
 
             <ul class="submenu">
 
                 <li> <a href="https://2016.igem.org/Team:HZAU-China/Model">Model</a></li>
 
                 <li> <a href="https://2016.igem.org/Team:HZAU-China/Model">Model</a></li>
Line 123: Line 123:
  
  
−
         <li class="menu_item"> <a href="#">Achievements</a>
+
         <li class="menu_item"> <a href="#"><img src="https://static.igem.org/mediawiki/2016/4/4a/T--HZAU-China--safety.png" width="100px"/></a>
 
           <ul class="submenu">
 
           <ul class="submenu">
 
               <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>
Line 130: Line 130:
 
         </li>
 
         </li>
  
−
         <li class="menu_item"> <a href="https://2016.igem.org/Team:HZAU-China/Parts">Parts </a>
+
         <li class="menu_item"> <a href="https://2016.igem.org/Team:HZAU-China/Parts"><img src="https://static.igem.org/mediawiki/2016/1/1c/T--HZAU-China--parts.png" width="100px"/> </a>
 
             <ul class="submenu">
 
             <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/Basic_Part">Basic Parts</a></li>
Line 138: Line 138:
  
  
−
         <li class="menu_item"> <a href="https://2016.igem.org/Team:HZAU-China/Human_Practices"> HP </a>
+
         <li class="menu_item"> <a href="https://2016.igem.org/Team:HZAU-China/Human_Practices"> <img src="https://static.igem.org/mediawiki/2016/4/4a/T--HZAU-China--hp.png" width="100px"/> </a>
 
             <ul class="submenu">
 
             <ul class="submenu">
 
                 <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/Silver">Silver</a></li>
Line 148: Line 148:
  
  
−
         <li class="menu_item"> <a href=" https://2016.igem.org/Team:HZAU-China/Team"> Team  </a>
+
         <li class="menu_item"> <a href=" https://2016.igem.org/Team:HZAU-China/Team"> <img src="https://static.igem.org/mediawiki/2016/6/6d/T--HZAU-China--team.png" width="100px"/></a>
 
             <ul class="submenu">
 
             <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/Collaborations">Collaborations</a> </li>

Revision as of 13:54, 7 October 2016

tml lang="en"> <meta charset="UTF-8"> <style>

  1. sideMenu, #top_title {display:none;}
  2. content { padding:0px; width:100%; margin-top:-7px; margin-left:0px;}

body {background-color:white; }

  1. bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
  2. team_name {display: none}

.global_wrapper{ 

   padding:0px 0px 0px 0px;

}

  1. top_menu_14{

height:18px; } .menu_wrapper{ 

           font-size: 18px;
           position: fixed;
           left:0;
           right:0;
           top:11px;
           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>

<body> 

   <nav>

  </nav>

</div> </html>