Difference between revisions of "Template:XJTU-China"

(testing)
Line 1: Line 1:
 
<html>
 
<html>
 +
<script>
 +
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
  
 +
  $(document).ready(function() {
  
−
<style>
+
    $("#HQ_page").attr('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");
 +
    });
 +
   
 +
  });
  
−
/**************************************************************************************************************************************************************************************************/
 
−
/* CONTENT OF THE PAGE */
 
−
/**************************************************************************************************************************************************************************************************/
 
  
−
  /* general wrapper for the content */
+
    function highlight_current_page_menu() {
−
  .igem_2018_team_content {
+
     
−
    background-color:white;  
+
      var page_url="https://2018.igem.org/";
−
    display:block;
+
      page_url = page_url + wgPageName;
−
    width: 87%;
+
      $("a[href$='"+ page_url +"']").children().addClass("current_page");
−
  }
+
     
 +
      //if the page is in a submenu, open the submenu and make the appropiate changes
 +
      if( $( ".current_page" ).hasClass( "submenu_item" )){
 +
       
 +
        $(".current_page").parent().parent().fadeToggle(400);
 +
        $(".current_page").parent().parent().prev().addClass("current_page");
 +
        $(".menu_item.current_page > .submenu_control_icon").toggleClass("open");
 +
       
 +
      }
 +
    }
  
−
  /* subwrapper to center content */
 
−
  .igem_2018_team_content .igem_2018_team_column_wrapper {
 
−
    margin:auto;
 
−
    max-width: 1400px;
 
−
    width:90%;
 
−
  }
 
  
−
/*mobile*/
+
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
−
/**************************************************************************************************************************************************************************************************/
+
</script>
  
  
−
  /* 1800px  */
+
<style>
−
  /************************************************/
+
/**************************************************************************************************************************************************************************************************/
−
  @media only screen and (max-width: 1800px) {
+
−
    .igem_2018_team_content { width: 85%;}
+
−
    .igem_2018_team_menu {display:block;}
+
−
}
+
  
−
  /* 1400px  */
 
−
  /************************************************/
 
−
  @media only screen and (max-width: 1400px) {
 
−
    .igem_2018_team_menu .menu_item { font-size:100%;}
 
−
    .igem_2018_team_menu .submenu .submenu_item { font-size:90%;}
 
−
        .igem_2018_team_menu {display:block;}
 
−
  }
 
  
−
  @media only screen and (max-width: 1001px) {
+
/**************************************************************************************************************************************************************************************************/
−
    .igem_2018_team_menu {display:block;}
+
/* DEFAULT WIKI SETTINGS */
−
  }
+
/**************************************************************************************************************************************************************************************************/
−
 
+
−
  /* 1000px  */
+
−
  /************************************************/
+
−
  @media only screen and (max-width: 1000px) {
+
−
    .igem_2018_team_content {width:100%; margin-left:0px;}
+
−
    .igem_2018_team_menu {display:none; margin-top: 45px; min-width:50%; width:50%;}
+
−
    .igem_2018_team_mobile_bar {display:block;}
+
−
    .igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size, .igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size,.igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size {width:96%; }
+
  
−
  }
 
  
 +
  #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; }
 +
  #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
  
−
   @media only screen and (max-width: 500px) {
+
   .judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
−
    .igem_2018_team_menu {min-width:100%; width:100%; }
+
−
  }
+
  
  

Revision as of 01:45, 4 October 2018