Difference between revisions of "Template:CSU CHINA"

Line 40: Line 40:
 
}
 
}
 
}
 
}
 +
 +
 +
 +
$(document).ready(function(){
 +
  let navibar = $('ul.navigation-bar');
 +
 +
  let navbuttonItems = $('ul.navigation-bar > li');
 +
  navbuttonItems.mouseenter(function(){
 +
    var submenu = $(this).children('ul.sub-menu');
 +
    submenu.stop(true,false);
 +
    submenu.slideDown();
 +
  });
 +
  navbuttonItems.mouseleave(function(){
 +
    var submenu = $(this).children('ul.sub-menu');
 +
    submenu.stop(true,false);
 +
    submenu.slideUp();
 +
  });
 +
});
  
  
Line 49: Line 67:
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
  
 +
#HQ_page div.container{
 +
  padding-top:55px;
 +
  padding-left:0;
 +
  padding-right:0;
 +
  overflow:hidden;
 +
}
  
 +
#HQ_page {
 +
    font-size: 18pt;
 +
    font-family: _ExtraLight;
 +
}
 +
 +
#HQ_page ul.navigation-bar{
 +
  list-style: none;
 +
  background-color: white;
 +
  position: fixed;
 +
  z-index: 3000;
 +
  width: 100%;
 +
  top:0;
 +
  left:0;
 +
  padding: 5px;
 +
  padding-bottom: 0;
 +
  margin: 0;
 +
  height: 80px;
 +
  border: 3px solid #050033;
 +
  box-sizing: border-box;
 +
}
 +
 +
#HQ_page ul.navigation-bar > li:first-of-type{
 +
  margin-left: 25px;
 +
  margin-right: 70px;
 +
}
 +
 +
#HQ_page ul.navigation-bar > li{
 +
  float: left;
 +
  position: relative;
 +
  margin-right: 60px;
 +
  line-height: 68px;
 +
}
 +
 +
#HQ_page ul.navigation-bar a{
 +
  text-decoration: none;
 +
  color:black;
 +
}
 +
#HQ_page ul.navigation-bar a:hover{
 +
  text-decoration: underline;
 +
}
 +
 +
#HQ_page ul.navigation-bar > li > ul.sub-menu{
 +
  display: none;
 +
  list-style: none;
 +
  padding: 0;
 +
  position: absolute;
 +
  left: -60px;
 +
  top:68px;
 +
}
 +
 +
#HQ_page ul.navigation-bar > li > ul.sub-menu > li{
 +
  padding: 0 30px;
 +
  background-color: #e1e1e1;
 +
  font-size: 15pt;
 +
  line-height: 30pt;
 +
  margin-bottom: 2px;
 +
  min-width: 100px;
 +
}
 +
#HQ_page ul.navigation-bar > li > ul.sub-menu > li.long{
 +
  padding: 0 30px;
 +
  background-color: #e1e1e1;
 +
  font-size: 15pt;
 +
  line-height: 30pt;
 +
  margin-bottom: 2px;
 +
  min-width: 160px;
 +
}
  
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
Line 817: Line 907:
  
 
</div>
 
</div>
 +
 +
 +
<ul class="navigation-bar">
 +
    <li><img width="90" depth="90" src="https://static.igem.org/mediawiki/2018/thumb/b/b2/T--CSU_CHINA--TeamLogo.png/320px-T--CSU_CHINA--TeamLogo.png" /></li>
 +
    <li><a href='https://2018.igem.org/Team:CSU_CHINA'>HOME</a></li>
 +
 +
    <li>
 +
      <a href='https://2017.igem.org/Team:CSU_CHINA/Project'>  Project  </a>
 +
      <ul class="sub-menu">
 +
        <li><a href='https://2018.igem.org/Team:CSU_CHINA/Description'>Description</a></li>
 +
        <li><a href='https://2018.igem.org/Team:CSU_CHINA/Design'>Design</a></li>
 +
        <li><a href='https://2018.igem.org/Team:CSU_CHINA/Notebook'>Notebook</a></li>
 +
        <li><a href='https://2018.igem.org/Team:CSU_CHINA/Model'>Model</a></li>
 +
        <li><a href='https://2018.igem.org/Team:CSU_CHINA/Results'>Results</a></li>
 +
      </ul>
 +
    </li>
 +
 +
    <li>
 +
      <a href='https://2017.igem.org/Team:Fudan/Results'>  Parts  </a>
 +
      <ul class="sub-menu" >
 +
        <li class="long"><a href='https://2018.igem.org/Team:CSU_CHINA/Parts'>Parts Overview</a></li>
 +
        <li class="long"><a href='https://2018.igem.org/Team:CSU_CHINA/Basic_Part'>Basic Part</a></li>
 +
        <li class="long"><a href='https://2018.igem.org/Team:CSU_CHINA/Composite_Part'>Composite Part</a></li>
 +
      </ul>
 +
    </li>
 +
 +
    <li>
 +
      <a href='https://2017.igem.org/Team:Fudan/Lab'>  Lab  </a>
 +
      <ul class="sub-menu">
 +
        <li><a href='https://2018.igem.org/Team:CSU_CHINA/Safety'>Safety</a></li>
 +
        <li><a href='https://2018.igem.org/Team:CSU_CHINA/InterLab'>InterLab</a></li>
 +
      </ul>
 +
    </li>
 +
 +
    <li>
 +
      <a href='https://2017.igem.org/Team:Fudan/HP'>  Human Practices  </a>
 +
      <ul class="sub-menu">
 +
        <li class="long"><a href='https://2018.igem.org/Team:CSU_CHINA/Human_Practices'>Human Practices</a></li>
 +
        <li class="long"><a href='https://2018.igem.org/Team:CSU_CHINA/Public_Engagement'>Education & Engagement</a></li>
 +
      </ul>
 +
    </li>
 +
 +
    <li>
 +
      <a href='https://2017.igem.org/Team:Fudan/Team'>  Team  </a>
 +
      <ul class="sub-menu">
 +
        <li><a href='https://2018.igem.org/Team:CSU_CHINA/Team'>Team Members</a></li>
 +
        <li><a href='https://2018.igem.org/Team:CSU_CHINA/Collaborations'>Collaborations</a></li>
 +
        <li><a href='https://2018.igem.org/Team:CSU_CHINA/Attributions'>Attributions</a></li>
 +
      </ul>
 +
    </li>
 +
  </ul>
  
  
  
 +
 
 +
  <a name="PageTop"></a>
 +
  <div class='container'>
  
  

Revision as of 12:31, 17 October 2018