Difference between revisions of "Template:CSU CHINA"

 
(31 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
{{CSU_CHINA/Base}}
 
{{CSU_CHINA/Base}}
 +
{{CSU_CHINA/PageBase}}
 +
 +
 
<html>
 
<html>
 +
<style>
 +
#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;
 +
}
 +
</style>
 
<script>
 
<script>
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
+
$(document).ready(function()
 +
{
 +
               
 +
  let navibar = $('ul.navigation-bar');
  
$(document).ready(function() {
+
  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();
 +
      });
  
$("#HQ_page").attr('id','');
 
 
  
//highlight current page on the menu
+
         
 +
 +
              //highlight current page on the menu
 
highlight_current_page_menu();
 
highlight_current_page_menu();
+
 
//accessing submenus
 
//accessing submenus
 
$(".menu_item").click(function(){
 
$(".menu_item").click(function(){
Line 21: Line 114:
 
$(".igem_2018_team_mobile_bar").click(function(){
 
$(".igem_2018_team_mobile_bar").click(function(){
 
$(this).next().toggleClass("displaying_menu");
 
$(this).next().toggleClass("displaying_menu");
});
+
});
 
 
});
 
  
  
function highlight_current_page_menu() {
+
 
 +
 
 +
});
 +
 
 +
function highlight_current_page_menu() {
 
 
 
var page_url="https://2018.igem.org/";
 
var page_url="https://2018.igem.org/";
Line 44: Line 140:
  
  
$(document).ready(function(){
+
</script>
  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();
 
  });
 
});
 
  
  
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
</script>
 
  
  

Latest revision as of 02:04, 18 October 2018