Difference between revisions of "Template:XJTU-China"

(testing)
(add html root font size)
 
(37 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>
  
−
<style>
+
  <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>
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
 
/* DEFAULT WIKI SETTINGS */
 
/* DEFAULT WIKI SETTINGS */
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
−
 
  
 
   #home_logo, #sideMenu { display:none; }
 
   #home_logo, #sideMenu { display:none; }
 
   #sideMenu, #top_title, .patrollink  {display:none;}
 
   #sideMenu, #top_title, .patrollink  {display:none;}
 
   #content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
 
   #content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
−
   body {background-color:white; }
+
   body {background-color:white; text-align:justify;}
−
   #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
+
   #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { border-bottom: 0px;  }
 +
  html {font-size: 100%;}
  
−
  .judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
 
  
−
 
−
/**************************************************************************************************************************************************************************************************/
 
 
</style>
 
</style>
  
  
 
<style>
 
<style>
−
/**************************************************************************************************************************************************************************************************/
 
−
/*STYLES FOR NAVIGATION BAR*/
 
−
/**************************************************************************************************************************************************************************************************/
 
−
 
−
body {
 
−
  margin: 0;
 
−
  padding: 0;
 
−
}
 
−
a:hover {
 
−
  text-decoration: none;
 
−
}
 
−
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;
 
−
}
 
  
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
−
 
+
/*NOW START YOUR WON STYLINGS*/
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
 
</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>
 

Latest revision as of 00:31, 16 October 2018