Difference between revisions of "Template:XJTU-China"

m
(add html root font size)
 
(46 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
 +
<script>
  
−
<style>
+
  $(document).ready(function() {
 +
var HQ=document.getElementById("HQ_page");
 +
HQ.id="";
 +
   
 +
  });
  
−
/**************************************************************************************************************************************************************************************************/
 
−
/*STYLES FOR NAVIGATION BAR*/
 
−
/**************************************************************************************************************************************************************************************************/
 
  
−
body {
+
    function highlight_current_page_menu() {
−
  margin: 0;
+
     
−
  padding: 0;
+
      var page_url="https://2018.igem.org/";
−
}
+
      page_url = page_url + wgPageName;
−
a:hover {
+
      $("a[href$='"+ page_url +"']").children().addClass("current_page");
−
  text-decoration: none;
+
     
−
}
+
      //if the page is in a submenu, open the submenu and make the appropiate changes
−
header {
+
      if( $( ".current_page" ).hasClass( "submenu_item" )){
−
  z-index: 100;
+
       
−
  margin: 0;
+
        $(".current_page").parent().parent().fadeToggle(400);
−
  padding: 0;
+
        $(".current_page").parent().parent().prev().addClass("current_page");
−
  position: fixed;
+
        $(".menu_item.current_page > .submenu_control_icon").toggleClass("open");
−
  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>
+
</script>
  
 
<head>  
 
<head>  
 +
 
   <meta charset="utf-8" />
 
   <meta charset="utf-8" />
 +
 
   <!-- This tells the browser that your page is responsive -->
 
   <!-- This tells the browser that your page is responsive -->
 
   <meta name="viewport" content="width=device-width, initial-scale=1">  
 
   <meta name="viewport" content="width=device-width, initial-scale=1">  
  
 
</head>
 
</head>
 +
 +
<style>
 +
/**************************************************************************************************************************************************************************************************/
 +
/* DEFAULT WIKI SETTINGS */
 +
/**************************************************************************************************************************************************************************************************/
 +
 +
  #home_logo, #sideMenu { display:none; }
 +
  #sideMenu, #top_title, .patrollink  {display:none;}
 +
  #content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
 +
  body {background-color:white; text-align:justify;}
 +
  #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { border-bottom: 0px;  }
 +
  html {font-size: 100%;}
 +
 +
 +
</style>
 +
 +
 +
<style>
 +
 +
/**************************************************************************************************************************************************************************************************/
 +
/*NOW START YOUR WON STYLINGS*/
 +
/**************************************************************************************************************************************************************************************************/
 +
</style>

Latest revision as of 00:31, 16 October 2018