Difference between revisions of "Template:HZAU-China"

 
(36 intermediate revisions by 2 users not shown)
Line 13: Line 13:
 
     .menu_wrapper{
 
     .menu_wrapper{
 
         position: fixed;
 
         position: fixed;
 +
        background-color:white;
 
         left:0;
 
         left:0;
 
         right:0;
 
         right:0;
 
         top:18px;
 
         top:18px;
 
         bottom:0;
 
         bottom:0;
−
         width: 100%;
+
         width: 96%;
−
         height: 100px;
+
         height: 70px;
−
        background-color: #9aaad1;
+
 
         margin:0 auto;
 
         margin:0 auto;
 
         z-index:900;
 
         z-index:900;
Line 32: Line 32:
 
         line-height: 35px;
 
         line-height: 35px;
 
         position: relative;
 
         position: relative;
−
         width: 100px;
+
         width: 70px;
 +
        padding-right: 10px;
 
     }
 
     }
 
     .menu_item >a{
 
     .menu_item >a{
Line 43: Line 44:
 
     }
 
     }
 
     .ssubmenu {
 
     .ssubmenu {
−
         visibility: hidden;
+
         width: 140px;
−
         background-color: #989edb;
+
         padding:0;
−
        width: 150px;
+
         font-size: 16px;
−
         font-size: 18px;
+
 
         font-weight: bold;
 
         font-weight: bold;
 
         list-style: none;
 
         list-style: none;
 
         float: none;
 
         float: none;
−
        display: block;
 
 
         border: 0;
 
         border: 0;
 
         position: absolute;
 
         position: absolute;
−
         left: 0px;
+
         left: -50px;
−
         top:100px;
+
         top:60px;
−
        padding: 0 !improtant;
+
 
         border-radius: 5px;
 
         border-radius: 5px;
−
         opacity: 0;
+
         display: none;
−
         margin: 20px 0 0 0;
+
         margin: 0;
−
         transition: all 0.4s;
+
         transition: all 0.3s ;
 
     }
 
     }
 
     .ssubmenu a{
 
     .ssubmenu a{
−
         color: #403762;
+
        margin: 0;
 +
         color: #484848;
 
         display: block;
 
         display: block;
−
          
+
         padding:3% 0 3% 15%;
 
         text-decoration: none;
 
         text-decoration: none;
−
         background-color: #8ca3b4;
+
         background-image: linear-gradient(white, #cfd7d8);
−
         transition: 0.2s;
+
         transition: 0.4s;
 
     }
 
     }
 
     .ssubmenu a:hover
 
     .ssubmenu a:hover
 
     {
 
     {
−
        background-color: #c9aba7;
+
      color: #178cea;
 
     }
 
     }
 
     .menu_item:hover .ssubmenu{
 
     .menu_item:hover .ssubmenu{
−
        opacity: 1;
+
      display: block;
−
        visibility: visible;
+
−
        margin: 0;
+
−
    }
+
−
    .ssubmenu li:first-child >a{
+
−
        border-radius: 5px 5px 0 0;
+
−
    }
+
−
    .ssubmenu li:last-child >a{
+
−
        border-radius: 0 0 5px 5px;
+
−
    }
+
−
    .ssubmenu li:first-child >a:before{
+
−
        content: "";
+
−
        position: absolute;
+
−
        left: 40px;
+
−
        top: -6px;
+
−
        border-left: 6px solid transparent;
+
−
        border-right: 6px solid transparent;
+
−
        border-bottom: 6px solid #8ca3b4;
+
−
    }
+
−
    .ssubmenu li:first-child >a:hover:before{
+
−
        border-bottom-color: #c9aba7;
+
 
     }
 
     }
  
Line 106: Line 85:
  
  
−
             <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>
+
             <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">
 
                 <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/Members">Members</a> </li>
 
                     <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>
 
                 </ul>
 
             </li>
 
             </li>
  
  
−
             <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>
+
             <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">
 
                 <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/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/HP/Gold">Gold</a></li>
Line 124: Line 104:
  
  
−
             <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>
+
             <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">
 
                 <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/Basic_Part">Basic Parts</a></li>
Line 132: Line 112:
  
  
−
             <li class="menu_item"> <a href="#"><img src="https://static.igem.org/mediawiki/2016/4/4a/T--HZAU-China--safety.png" width="100px"/></a>
+
             <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>
−
                <ul class="ssubmenu">
+
                <ul class="ssubmenu">
−
                     <li> <a href="https://2016.igem.org/Team:HZAU-China/Software">Software</a></li>
+
                     <li> <a href="https://2016.igem.org/Team:HZAU-China/Safty">Safety</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="#"><a href="#"><img src="https://static.igem.org/mediawiki/2016/a/ac/T--HZAU-China--drylab.png" width="100px"/></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="ssubmenu">
 
                 <ul class="ssubmenu">
 
                     <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>
−
                     <li> <a href="https://2016.igem.org/Team:HZAU-China/Design">Design</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>
Line 149: Line 129:
  
  
−
             <li class="menu_item"> <a href="#"><img src="https://static.igem.org/mediawiki/2016/1/10/T--HZAU-China--wetlab.png" width="100px"/></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="ssubmenu">
 
                 <ul class="ssubmenu">
−
                    <li> <a href="https://2016.igem.org/Team:HZAU-China/Demonstrate">Demonstrate</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/Measurement">Measurement</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/Experiments-chassis_integration">Chassis</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/Experiments-Light_control">Light control</a></li>
 +
                     <li> <a href="https://2016.igem.org/Team:HZAU-China/Experiments-Motility">Motility</a></li>
 +
                    <li> <a href="https://2016.igem.org/Team:HZAU-China/Experiments-Riboswitch">Riboswitch</a></li>
 
                     <li> <a href="https://2016.igem.org/Team:HZAU-China/Interlab">Interlab</a></li>
 
                     <li> <a href="https://2016.igem.org/Team:HZAU-China/Interlab">Interlab</a></li>
 
                 </ul>
 
                 </ul>
Line 161: Line 142:
  
  
−
             <li class="menu_item"> <a href="#"><img src="https://static.igem.org/mediawiki/2016/c/c9/T--HZAU-China--project.png" width="100px"/></a>
+
             <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 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/Description">Description</a></li>
 
                     <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/Proof">Proof</a></li>
 
                     <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>
 
                 </ul>
 
             </li>
 
             </li>
Line 171: Line 154:
  
  
−
             <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="100px"/></a> </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>
  
  

Latest revision as of 11:36, 19 October 2016