Difference between revisions of "Template:Fudan"

(LC)
 
(3 intermediate revisions by one other user not shown)
Line 1: Line 1:
 
<html>
 
<html>
 
<script>
 
<script>
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
+
////////////////////////////////////////////////////////////////////////////////
 
+
 
$(document).ready(function() {
 
$(document).ready(function() {
 
 
$("#HQ_page").attr('id','');
 
$("#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 16: Line 13:
 
$(this).next(".submenu").fadeToggle(400);
 
$(this).next(".submenu").fadeToggle(400);
 
});
 
});
+
 
 
//mobile menu access  
 
//mobile menu access  
 
$(".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/";
 
page_url = page_url + wgPageName;
 
page_url = page_url + wgPageName;
Line 33: Line 28:
 
//if the page is in a submenu, open the submenu and make the appropiate changes
 
//if the page is in a submenu, open the submenu and make the appropiate changes
 
if( $( ".current_page" ).hasClass( "submenu_item" )){
 
if( $( ".current_page" ).hasClass( "submenu_item" )){
 
 
$(".current_page").parent().parent().fadeToggle(400);
 
$(".current_page").parent().parent().fadeToggle(400);
 
$(".current_page").parent().parent().prev().addClass("current_page");
 
$(".current_page").parent().parent().prev().addClass("current_page");
Line 41: Line 35:
 
}
 
}
  
 
+
////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
+
 
</script>
 
</script>
 
  
 
<style>
 
<style>
/**************************************************************************************************************************************************************************************************/
+
/*****************************************************************************/
 
+
 
+
 
+
/**************************************************************************************************************************************************************************************************/
+
 
/* DEFAULT WIKI SETTINGS */
 
/* DEFAULT WIKI SETTINGS */
/**************************************************************************************************************************************************************************************************/
+
/*****************************************************************************/
 
+
#home_logo, #sideMenu { display:none; }
 
+
#sideMenu, #top_title, .patrollink  {display:none;}
 
#content { margin-left: 0; padding:0px; width:100%;}
 
#content { margin-left: 0; padding:0px; width:100%;}
 
body {background-color:white; }
 
body {background-color:white; }
 
 
.judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
 
.judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
 +
</style>
  
 +
<!---------------------------------------------------------------------------->
 +
<!-- THIS IS WHERE THE HTML BEGINS -->
 +
<!---------------------------------------------------------------------------->
  
 
+
<!-- This tells the browser that your page is responsive  @ Liang 2018-11-7 -->
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
<!--- THIS IS WHERE THE HTML BEGINS --->
+
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
 
+
<head>
+
 
+
<!-- This tells the browser that your page is responsive -->
+
<meta name="viewport" content="width=device-width, initial-scale=1">
+
 
+
</head>
+
 
+
 
+
 
+
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
<!--- Menu --->
+
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
<!--- Content of the page --->
+
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+

Latest revision as of 14:45, 7 November 2018