Difference between revisions of "Template:XJTU-China"

(testing)
(add html root font size)
 
(41 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
 
<script>
 
<script>
−
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
  
 
   $(document).ready(function() {
 
   $(document).ready(function() {
−
 
+
var HQ=document.getElementById("HQ_page");
−
    $("#HQ_page").attr('id','');
+
HQ.id="";
−
   
+
−
 
+
−
    //highlight current page on the menu
+
−
    highlight_current_page_menu();
+
−
     
+
−
    //accessing submenus
+
−
    $(".menu_item").click(function(){
+
−
      $(".submenu_control_icon", this).toggleClass("open");
+
−
      $(this).next(".submenu").fadeToggle(400);
+
−
    });
+
−
   
+
−
    //mobile menu access
+
−
    $(".igem_2018_team_mobile_bar").click(function(){
+
−
      $(this).next().toggleClass("displaying_menu");
+
−
    });
+
 
      
 
      
 
   });
 
   });
Line 41: Line 25:
 
     }
 
     }
  
−
 
−
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
 
</script>
 
</script>
  
 +
<head>
  
 +
  <meta charset="utf-8" />
  
 +
  <!-- This tells the browser that your page is responsive -->
 +
  <meta name="viewport" content="width=device-width, initial-scale=1">
  
 +
</head>
  
 
<style>
 
<style>
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
−
/*STYLES FOR NAVIGATION BAR*/
+
/* DEFAULT WIKI SETTINGS */
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
  
−
body {
+
   #home_logo, #sideMenu { display:none; }
−
   margin: 0;
+
   #sideMenu, #top_title, .patrollink  {display:none;}
−
  padding: 0;
+
   #content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
−
}
+
  body {background-color:white; text-align:justify;}
−
a:hover {
+
  #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { border-bottom: 0px; }
−
  text-decoration: none;
+
   html {font-size: 100%;}
−
}
+
−
header {
+
−
   z-index: 100;
+
−
  margin: 0;
+
−
  padding: 0;
+
−
  position: fixed;
+
−
  width: 100%;
+
−
  top: 0;
+
−
  background: white;
+
−
  box-shadow: 0 5px 5px #ecf0f1;
+
−
}
+
−
header nav {
+
−
  margin: 0;
+
−
  margin-right: 10%;
+
−
  padding: 0;
+
−
  float: right;
+
−
  vertical-align: middle;
+
−
  display: inline-block;
+
−
}
+
−
header nav ul {
+
−
  margin: 0;
+
−
  padding: 0;
+
−
  list-style-type: none;
+
−
  display: inline-block;
+
−
}
+
−
header nav li {
+
−
   display: inline-block;
+
−
  margin: 0;
+
−
}
+
−
header nav li a {
+
−
  display: block;
+
−
  position: relative;
+
−
  color: black;
+
−
  text-decoration: none;
+
−
  text-align: center;
+
−
  padding: 16px 16px;
+
−
  margin: 0;
+
−
  width: 80px;
+
−
  font-family: Tahoma, Arial;
+
−
}
+
−
header nav li a:before {
+
−
  content: "";
+
−
  position: absolute;
+
−
  width: 0;
+
−
  left: 20%;
+
−
  bottom: 0;
+
−
  margin-left: 30%;
+
−
  border-bottom: 4px solid #f3bd01;
+
−
  -webkit-transition: all 0.3s ease-in-out;
+
−
  -moz-transition: all 0.3s ease-in-out;
+
−
  -ms-transition: all 0.3s ease-in-out;
+
−
}
+
−
header nav li a:hover:before {
+
−
  margin: 0;
+
−
  width: 60%;
+
−
}
+
−
header nav li a:hover:not(.active) {
+
−
  background-color: #ecf0f1;
+
−
  color: black;
+
−
}
+
−
header nav .active:before {
+
−
  content: "";
+
−
  position: absolute;
+
−
  bottom: 0;
+
−
  left: 20%;
+
−
  width: 60%;
+
−
  margin: 0;
+
−
  border-bottom: 4px solid #f3704b;
+
−
}
+
−
header .nav-logo {
+
−
   width: 50px;
+
−
  height: 50px;
+
−
  margin-left: 5%;
+
−
  margin-right: 20px;
+
−
  margin-top: 0;
+
−
  margin-bottom: 0;
+
−
  padding: 0;
+
−
  vertical-align: middle;
+
−
  display: inline-block;
+
−
}
+
−
header .nav-head {
+
−
  display: inline-block;
+
−
  margin-left: 20px;
+
−
  margin-right: 20px;
+
−
  margin-top: 0;
+
−
  margin-bottom: 0;
+
−
  padding: 0;
+
−
  vertical-align: middle;
+
−
  font-family: Tahoma, Arial;
+
−
}
+
  
−
/**************************************************************************************************************************************************************************************************/
 
  
−
/**************************************************************************************************************************************************************************************************/
 
 
</style>
 
</style>
  
−
<head>
 
−
  <meta charset="utf-8" />
 
−
  <!-- This tells the browser that your page is responsive -->
 
−
  <meta name="viewport" content="width=device-width, initial-scale=1">
 
  
−
</head>
+
<style>
 +
 
 +
/**************************************************************************************************************************************************************************************************/
 +
/*NOW START YOUR WON STYLINGS*/
 +
/**************************************************************************************************************************************************************************************************/
 +
</style>

Latest revision as of 00:31, 16 October 2018