Difference between revisions of "Template:Fudan-CHINA"

Line 1: Line 1:
 +
 
<html>
 
<html>
−
<script>
 
−
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
−
 
−
$(document).ready(function() {
 
−
 
−
$("#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");
 
−
});
 
−
 
−
});
 
−
 
−
 
−
function highlight_current_page_menu() {
 
−
 
−
var page_url="https://2018.igem.org/";
 
−
page_url = page_url + wgPageName;
 
−
$("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");
 
−
 
−
}
 
−
}
 
−
 
−
 
−
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
−
</script>
 
  
  
Line 97: Line 54:
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#content { margin-left:0px; margin-top:0px; padding:0px; width:100%;}
 
#content { margin-left:0px; margin-top:0px; padding:0px; width:100%;}
−
body {background-color:#e7e7e7;}
+
body {
 +
            background-color: #e7e7e7;
 +
}
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
  
Line 197: Line 156:
 
     padding: 12px 0px 0px 15%;
 
     padding: 12px 0px 0px 15%;
 
     width: 100%;
 
     width: 100%;
 +
        display:none;
 
}
 
}
  
Line 547: Line 507:
 
@media (max-width: 1920px){
 
@media (max-width: 1920px){
 
}
 
}
 +
 +
 +
 +
 +
nav {
 +
    margin:100px auto;
 +
    text-align:center;
 +
}
 +
nav ul {
 +
border-radius: 0px;
 +
padding: 0 20px;
 +
display: run-in;
 +
position: relative;
 +
background-color: #adadad;
 +
}
 +
nav ul ul {
 +
    display:none;
 +
}
 +
nav ul li {
 +
    float:left;
 +
}
 +
nav ul::after {
 +
    content:"";
 +
    display:block;
 +
    clear:both;
 +
}
 +
nav ul li a {
 +
    display:block;
 +
    padding:25px 40px;
 +
    color:#000;
 +
    text-decoration:none;
 +
    font-family:"微软雅黑";
 +
}
 +
nav ul li:hover > ul {
 +
    display:block;
 +
}
 +
nav ul li:hover {
 +
    background:linear-gradient(to bottom,#4f5964,#5f6975);
 +
}
 +
nav ul li:hover a {
 +
    color:#FFF;
 +
}
 +
nav ul ul {
 +
    background:#5f6975;
 +
    border-radius:0;
 +
    position:absolute;
 +
    top:100%;
 +
    padding:0;
 +
}
 +
nav ul ul li {
 +
    float:none;
 +
    border-top:1px solid #6b727c;
 +
    border-bottom:1px solid #575f6a;
 +
}
 +
nav ul ul li a {
 +
    color:#FFF;
 +
} 
 +
nav ul ul li a:hover {
 +
    background:#4b545f;
 +
}
 +
nav ul ul ul {
 +
    width:100%;
 +
    position:absolute;
 +
    left:100%;
 +
    top:50%;
 +
}
 +
 +
ul li{
 +
list-style: none;
 +
width: 230px;
 +
}
 +
 
</style>
 
</style>
  
  
−
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
−
<!--- 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>
 
  
  
 +
<html>
 +
<head>
 +
 +
</head>
  
 +
<body>
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!--- Menu --->
 
<!--- Menu --->
Line 586: Line 615:
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
  
−
 
+
<meta charset="utf-8">
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
 
<div class="head">
 
<div class="head">
−
  <div class="nav">
+
<nav>
−
    <div class="igem_2018_team_content">
+
         <ul>
−
         <div class="igem_2018_team_column_wrapper">
+
             <li><a href="https://2018.igem.org/Team:Fudan-CHINA">
−
             <table width="1920" border="1" align="center">
+
−
              <tbody>
+
−
                <tr>                </tr>
+
−
              </tbody>
+
−
          </table>
+
−
            <div class="nav"> </div>
+
−
            <table width="1920" border="1" align="center">
+
−
              <tbody>
+
−
                <tr>
+
−
                  <td width="12.5%"> <a href="https://2018.igem.org/Team:Fudan-CHINA">
+
 
                   <div class="menu_item direct_link">
 
                   <div class="menu_item direct_link">
 
                       HOME
 
                       HOME
 
                   </div>  
 
                   </div>  
−
                   </a></td>
+
                   </a>
−
                  <td width="12.5%">    
+
 
−
                    <div class="menu_item">
+
            </li>
−
                      <div class="submenu_control_icon"> </div>
+
            <li><a href="#">TEAM</a>
−
                      TEAM
+
                <ul>
−
                    </div>  
+
                  <div class="submenu">
−
                    <div class="submenu">
+
                    <li>                      <a href="https://2018.igem.org/Team:Fudan-CHINA/Team">
−
                     
+
−
                      <a href="https://2018.igem.org/Team:Fudan-CHINA/Team">
+
 
                       <div class="submenu_item">
 
                       <div class="submenu_item">
 
                         Team Members
 
                         Team Members
 
                       </div>
 
                       </div>
−
                       </a>
+
                       </a></li>
−
                     
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Collaborations">
−
                      <a href="https://2018.igem.org/Team:Fudan-CHINA/Collaborations">
+
 
                       <div class="submenu_item">
 
                       <div class="submenu_item">
 
                         Collaborations
 
                         Collaborations
 
                       </div>
 
                       </div>
−
                       </a>
+
                       </a></li>
 
                     </div>
 
                     </div>
−
                  </td>    
+
                 
−
                 
+
                </ul>
−
                 
+
           
−
                  <td width="12.5%"> <!-- Project -->
+
            </li>
−
                    <div class="menu_item">
+
            <li><a href="#"><div class="menu_item">
−
                      <div class="submenu_control_icon"> </div>
+
 
 
                       PROJECT
 
                       PROJECT
−
                     </div>  
+
                     </div>  </a>
−
                    <div class="submenu">
+
                <ul>
−
                     
+
                  <div class="submenu">
−
                      <a href="https://2018.igem.org/Team:Fudan-CHINA/Description">
+
                 
 +
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Description">
 
                       <div class="submenu_item">
 
                       <div class="submenu_item">
 
                         Description
 
                         Description
 
                       </div>
 
                       </div>
−
                       </a>
+
                       </a></li>
−
                     
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Design">
−
                      <a href="https://2018.igem.org/Team:Fudan-CHINA/Design">
+
 
                       <div class="submenu_item">
 
                       <div class="submenu_item">
 
                         Design
 
                         Design
 
                       </div>
 
                       </div>
−
                       </a>
+
                       </a></li>
−
                     
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Experiments">
−
                      <a href="https://2018.igem.org/Team:Fudan-CHINA/Experiments">
+
 
                       <div class="submenu_item">
 
                       <div class="submenu_item">
 
                         Experiments
 
                         Experiments
 
                       </div>
 
                       </div>
−
                       </a>
+
                       </a></li>
−
                     
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Notebook">
−
                     
+
−
                      <a href="https://2018.igem.org/Team:Fudan-CHINA/Notebook">
+
 
                       <div class="submenu_item">
 
                       <div class="submenu_item">
 
                         Notebook
 
                         Notebook
 
                       </div>
 
                       </div>
−
                       </a>
+
                       </a></li>
−
                     
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/InterLab">
−
                      <a href="https://2018.igem.org/Team:Fudan-CHINA/InterLab">
+
 
                       <div class="submenu_item">
 
                       <div class="submenu_item">
 
                         InterLab
 
                         InterLab
 
                       </div>
 
                       </div>
−
                       </a>
+
                       </a></li>
−
                     
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Model">
−
                     
+
−
                      <a href="https://2018.igem.org/Team:Fudan-CHINA/Model">
+
 
                       <div class="submenu_item">
 
                       <div class="submenu_item">
 
                         Model
 
                         Model
 
                       </div>
 
                       </div>
−
                       </a>
+
                       </a></li>
−
                     
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Results">
−
                      <a href="https://2018.igem.org/Team:Fudan-CHINA/Results">
+
 
                       <div class="submenu_item">
 
                       <div class="submenu_item">
 
                         Results
 
                         Results
 
                       </div>
 
                       </div>
−
                       </a>
+
                       </a></li>
−
                     
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Demonstrate">
−
                     
+
−
                      <a href="https://2018.igem.org/Team:Fudan-CHINA/Demonstrate">
+
 
                       <div class="submenu_item">
 
                       <div class="submenu_item">
 
                         Demonstrate
 
                         Demonstrate
 
                       </div>
 
                       </div>
−
                       </a>
+
                       </a></li>
−
                     
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Improve">
−
                      <a href="https://2018.igem.org/Team:Fudan-CHINA/Improve">
+
 
                       <div class="submenu_item">
 
                       <div class="submenu_item">
 
                         Improve
 
                         Improve
 
                       </div>
 
                       </div>
−
                       </a>
+
                       </a></li>
−
                     
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Attributions">
−
                      <a href="https://2018.igem.org/Team:Fudan-CHINA/Attributions">
+
 
                       <div class="submenu_item">
 
                       <div class="submenu_item">
 
                         Attributions  
 
                         Attributions  
 
                       </div>
 
                       </div>
−
                       </a>
+
                       </a></li>
−
                     
+
 
                     </div>
 
                     </div>
−
                  </td>
+
 
−
                  <td width="12.5%"> <div class="menu_item">
+
                </ul>
−
                    <div class="submenu_control_icon"> </div>
+
            </li>
 +
            <li><a href="#"><div class="menu_item">
 +
           
 
                     PARTS
 
                     PARTS
−
                     </div>
+
                     </div></a>
−
                    <div class="submenu">
+
                <ul>
−
                     
+
                  <div class="submenu">
−
                      <a href="https://2018.igem.org/Team:Fudan-CHINA/Parts">
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Parts">
 
                       <div class="submenu_item">
 
                       <div class="submenu_item">
 
                         Parts Overview
 
                         Parts Overview
 
                       </div>
 
                       </div>
−
                       </a>
+
                       </a></li>
−
                     
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Basic_Part">
−
                      <a href="https://2018.igem.org/Team:Fudan-CHINA/Basic_Part">
+
 
                       <div class="submenu_item">
 
                       <div class="submenu_item">
 
                         Basic Parts
 
                         Basic Parts
 
                       </div>
 
                       </div>
−
                       </a>
+
                       </a></li>
−
                     
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Composite_Part">
−
                      <a href="https://2018.igem.org/Team:Fudan-CHINA/Composite_Part">
+
 
                       <div class="submenu_item">
 
                       <div class="submenu_item">
 
                         Composite Parts
 
                         Composite Parts
 
                       </div>
 
                       </div>
−
                       </a>
+
                       </a></li>
−
                     
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Part_Collection">
−
                      <a href="https://2018.igem.org/Team:Fudan-CHINA/Part_Collection">
+
 
                       <div class="submenu_item">
 
                       <div class="submenu_item">
 
                         Part Collection
 
                         Part Collection
 
                       </div>
 
                       </div>
−
                       </a>
+
                       </a></li>
−
                     </div>  
+
                     </div>
−
                  </td>
+
                </ul>
−
                  <td width="12.5%"> <a href="https://2018.igem.org/Team:Fudan-CHINA/Safety">
+
            </li>
−
                  <div class="menu_item direct_link">
+
            <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Safety"><div class="menu_item direct_link">
 
                     SAFETY
 
                     SAFETY
−
                   </div>  
+
                   </div></a></li>
−
                  </a></td>
+
            <li><a href="#"><div class="menu_item">
−
                  <td width="12.5%"> <div class="menu_item">
+
             
−
                    <div class="submenu_control_icon"> </div>
+
 
                     HP
 
                     HP
−
                     </div>  
+
                     </div></a>
−
                   
+
                <ul>
−
                    <div class="submenu">
+
                  <div class="submenu">
−
                     
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Human_Practices">
−
                      <a href="https://2018.igem.org/Team:Fudan-CHINA/Human_Practices">
+
 
                       <div class="submenu_item">
 
                       <div class="submenu_item">
 
                         Human Practices
 
                         Human Practices
 
                       </div>
 
                       </div>
−
                       </a>
+
                       </a></li>
−
                     
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Public_Engagement">
−
                     
+
−
                      <a href="https://2018.igem.org/Team:Fudan-CHINA/Public_Engagement">
+
 
                       <div class="submenu_item">
 
                       <div class="submenu_item">
 
                         Education & Engagement
 
                         Education & Engagement
 
                       </div>
 
                       </div>
−
                       </a>
+
                       </a></li>
−
                     
+
 
                     </div>
 
                     </div>
−
                   
+
                </ul>
−
                   
+
               
−
                  </td>
+
            </li>
−
                  <td width="12.5%"> <div class="menu_item">
+
                        <li><a href="#"><div class="menu_item">
−
                    <div class="submenu_control_icon"> </div>
+
 
 
                     AWARDS
 
                     AWARDS
−
                     </div>  
+
                     </div> </a>
−
                   
+
                <ul>
−
                    <div class="submenu">
+
                  <div class="submenu">
−
                     
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Applied_Design">
−
                      <a href="https://2018.igem.org/Team:Fudan-CHINA/Applied_Design">
+
 
                       <div class="submenu_item">
 
                       <div class="submenu_item">
 
                         Applied Design
 
                         Applied Design
 
                       </div>
 
                       </div>
−
                       </a>
+
                       </a></li>
−
                     
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Entrepreneurship">
−
                      <a href="https://2018.igem.org/Team:Fudan-CHINA/Entrepreneurship">
+
 
                       <div class="submenu_item">
 
                       <div class="submenu_item">
 
                         Entrepreneurship
 
                         Entrepreneurship
 
                       </div>
 
                       </div>
−
                       </a>
+
                       </a></li>
−
                     
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Hardware">
−
                      <a href="https://2018.igem.org/Team:Fudan-CHINA/Hardware">
+
 
                       <div class="submenu_item">
 
                       <div class="submenu_item">
 
                         Hardware
 
                         Hardware
 
                       </div>
 
                       </div>
−
                       </a>
+
                       </a></li>
−
                     
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Measurement">
−
                      <a href="https://2018.igem.org/Team:Fudan-CHINA/Measurement">
+
 
                       <div class="submenu_item">
 
                       <div class="submenu_item">
 
                         Measurement
 
                         Measurement
 
                       </div>
 
                       </div>
−
                       </a>
+
                       </a></li>
−
                     
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Model">
−
                      <a href="https://2018.igem.org/Team:Fudan-CHINA/Model">
+
 
                       <div class="submenu_item">
 
                       <div class="submenu_item">
 
                         Model
 
                         Model
 
                       </div>
 
                       </div>
−
                       </a>
+
                       </a></li>
−
                     
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Plant">
−
                      <a href="https://2018.igem.org/Team:Fudan-CHINA/Plant">
+
 
                       <div class="submenu_item">
 
                       <div class="submenu_item">
 
                         Plant
 
                         Plant
 
                       </div>
 
                       </div>
−
                       </a>
+
                       </a></li>
−
                     
+
                    <li><a href="https://2018.igem.org/Team:Fudan-CHINA/Software">
−
                     
+
−
                      <a href="https://2018.igem.org/Team:Fudan-CHINA/Software">
+
 
                       <div class="submenu_item">
 
                       <div class="submenu_item">
 
                         Software
 
                         Software
 
                       </div>
 
                       </div>
−
                       </a>
+
                       </a></li>
−
                     
+
                     </div>
−
                     </div>  
+
                </ul>
−
                   
+
                <li><a href="https://igem.org/2018_Judging_Form?team=Fudan-CHINA"><div class="menu_item direct_link">
−
                   
+
−
                   
+
−
                  </td>
+
−
                  <td width="12.5%"> <a href="https://igem.org/2018_Judging_Form?team=Fudan-CHINA">
+
−
                  <div class="menu_item direct_link">
+
 
                     JUDGING FORM
 
                     JUDGING FORM
−
                   </div>  
+
                   </div></a></li>  
−
                  </a></td>
+
            </li>
−
                </tr>
+
        </ul>
−
              </tbody>
+
    </nav>  
−
            </table>
+
     </div>  
−
        </div>
+
</body>
−
     </div>
+
</html>
−
    </div>
+
−
  </div>
+

Revision as of 09:28, 27 July 2018