Difference between revisions of "Template:SSTi-SZGD"

Line 1: Line 1:
 
<html>
 
<html>
 +
<head>
  
 +
<!-- This tells the browser that your page is responsive -->
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
 +
</head>
 
<script>
 
<script>
  
Line 58: Line 63:
 
// in case you preview mode is selected, the menu is hidden for better visibility  
 
// in case you preview mode is selected, the menu is hidden for better visibility  
 
if (window.location.href.indexOf("submit") >= 0) {
 
if (window.location.href.indexOf("submit") >= 0) {
−
$(".igem_2017_menu_wrapper").hide();
+
$(".nav").hide();
 
}
 
}
  
Line 69: Line 74:
  
 
// show/hide the menu wrapper
 
// show/hide the menu wrapper
−
$(".igem_2017_menu_wrapper").fadeToggle("100");
+
$(".nav").fadeToggle("100");
 
});
 
});
 
   }  
 
   }  
Line 92: Line 97:
  
  
 +
 +
.nav ul{
 +
width:980px;/*设置元素宽度为980px*/
 +
border:1px solid #000;/*设置一个颜色为#000，宽度为1px的边框*/
 +
margin:0px auto 0px auto;/*也可以简写为margin:0 auto*/
 +
}
 +
.nav ul li a{
 +
width:80px;/*设置元素宽为80px*/
 +
height:28px;/*设置高度为28px*/
 +
line-height:28px;/*设置行距为28px，让文字在每行的中间位置*/
 +
background:green;/*设置元素的背景为绿色*/
 +
color:#FFF;/*文字颜色是白色*/
 +
margin:5px 10px;
 +
font-size:12px;/*用12号字*/
 +
display:block;/*
 +
*/
 +
text-align:center;/*让文本居中*/
 +
text-decoration:none; /*去掉下划线*/
 +
}
 +
.nav ul{
 +
width:980px;
 +
margin:0px auto;
 +
height:38px;
 +
padding:0;
 +
}
 +
.nav ul li{
 +
float:left;
 +
}
 +
.nav ul li a{
 +
width:80px;
 +
height:28px;
 +
line-height:28px;
 +
background:green;
 +
color:#FFF;
 +
margin:5px 10px;
 +
font-size:12px;
 +
display:block;
 +
text-align:center;
 +
text-decoration:none;
 +
}
 +
.nav ul li a:hover{
 +
width:78px;
 +
height:26px;
 +
line-height:28px;
 +
border:1px solid green;
 +
color:red;
 +
background:#FFF;
 +
}
 +
.nav ul li{
 +
float:left;/*让li元素左浮动*/
 +
}
  
 
/***************************************************** DEFAULT WIKI SETTINGS  ****************************************************/
 
/***************************************************** DEFAULT WIKI SETTINGS  ****************************************************/
Line 448: Line 504:
 
</style>
 
</style>
  
−
 
+
<div class="nav">
−
<!--- THIS IS WHERE THE HTML BEGINS --->
+
  <ul>
−
 
+
  <li><a href="#">HOME</a></li>
−
 
+
  <li><a href="#">TEAM</a></li>
−
 
+
  <li><a href="#">PROJECT</a></li>
−
<head>
+
  <li><a href="#">PARTS</a></li>
−
 
+
  <li><a href="#">SAFETY</a></li>
−
<!-- This tells the browser that your page is responsive -->
+
  <li><a href="#">HUMAN PRACTICES</a></li>
−
<meta name="viewport" content="width=device-width, initial-scale=1">
+
  <li><a href="#">AWARDS</a></li>
−
 
+
  <li><a href="#">JUDGING FORM</a></li>
−
</head>
+
</ul>
−
 
+
−
 
+
−
 
+
−
<div class="igem_2017_menu_wrapper" >
+
−
 
+
−
 
+
−
 
+
−
<a href="https://2017.igem.org/Team:SSTi-SZGD">
+
−
<img src="http://placehold.it/350x150">
+
−
</a>
+
−
 
+
−
 
+
−
<!-- this div is hidden by default and will only be displayed if the screen size is too small -->
+
−
<div class="menu_button" id="display_menu_control">
+
−
MENU  
+
−
</div>  
+
−
 
+
−
<div id="menu_content">
+
−
+
−
 
+
−
 
+
−
 
+
−
<a href="https://2017.igem.org/Team:SSTi-SZGD">
+
−
<div class="menu_button direct_to_page">
+
−
HOME
+
−
</div>
+
−
</a>
+
−
 
+
−
 
+
−
 
+
−
<div class="menu_button">
+
−
<div class="expand_collapse_icon">  </div> TEAM
+
−
</div>  
+
−
 
+
−
<div class="submenu_wrapper" id="team_submenu">
+
−
+
−
<a href="https://2017.igem.org/Team:SSTi-SZGD/Team">
+
−
<div class="submenu_button" id="Team_page">
+
−
Team
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2017.igem.org/Team:SSTi-SZGD/Collaborations">
+
−
<div class="submenu_button"  id="Collaborations_page">
+
−
Collaborations
+
−
</div>
+
−
</a>
+
−
+
−
+
−
</div>
+
−
 
+
−
 
+
−
+
−
+
−
 
+
−
<div class="menu_button">
+
−
<div class="expand_collapse_icon">  </div> PROJECT
+
−
</div>
+
−
 
+
−
<!-- project submenu -->
+
−
<div class="submenu_wrapper">
+
−
+
−
<a href="https://2017.igem.org/Team:SSTi-SZGD/Description">
+
−
<div class="submenu_button"  id="Description_page">
+
−
Description
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2017.igem.org/Team:SSTi-SZGD/Design">
+
−
<div class="submenu_button"  id="Design_page">
+
−
Design
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2017.igem.org/Team:SSTi-SZGD/Experiments">
+
−
<div class="submenu_button"  id="Experiments_page">
+
−
Experiments
+
−
</div>
+
−
</a>
+
−
 
+
−
 
+
−
<a href="https://2017.igem.org/Team:SSTi-SZGD/Notebook">
+
−
<div class="submenu_button"  id="Notebook_page">
+
−
Notebook
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2017.igem.org/Team:SSTi-SZGD/InterLab">
+
−
<div class="submenu_button"  id="InterLab_page">
+
−
InterLab
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2017.igem.org/Team:SSTi-SZGD/Contribution">
+
−
<div class="submenu_button"  id="Contribution_page">
+
−
Contribution
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2017.igem.org/Team:SSTi-SZGD/Model">
+
−
<div class="submenu_button"  id="Model_page">
+
−
Model
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2017.igem.org/Team:SSTi-SZGD/Results">
+
−
<div class="submenu_button"  id="Results_page">
+
−
Results
+
−
</div>
+
−
</a>
+
−
 
+
−
 
+
−
<a href="https://2017.igem.org/Team:SSTi-SZGD/Demonstrate">
+
−
<div class="submenu_button"  id="Demonstrate_page">
+
−
Demonstrate
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2017.igem.org/Team:SSTi-SZGD/Improve">
+
−
<div class="submenu_button"  id="Improve_page">
+
−
Improve
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2017.igem.org/Team:SSTi-SZGD/Attributions">
+
−
<div class="submenu_button"  id="Attributions_page">
+
−
Attributions
+
−
</div>
+
−
</a>
+
−
 
+
−
</div>
+
−
 
+
−
+
−
+
−
+
−
+
−
 
+
−
<div class="menu_button">
+
−
<div class="expand_collapse_icon">  </div> PARTS
+
−
</div>
+
−
+
−
<!-- parts submenu -->
+
−
<div class="submenu_wrapper">
+
−
+
−
<a href="https://2017.igem.org/Team:SSTi-SZGD/Parts">
+
−
<div class="submenu_button"  id="Parts_page">
+
−
Parts
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2017.igem.org/Team:SSTi-SZGD/Basic_Part">
+
−
<div class="submenu_button"  id="Basic_Part_page">
+
−
Basic Parts
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2017.igem.org/Team:SSTi-SZGD/Composite_Part">
+
−
<div class="submenu_button"  id="Composite_Part_page">
+
−
Composite Parts
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2017.igem.org/Team:SSTi-SZGD/Part_Collection">
+
−
<div class="submenu_button"  id="Part_Collection_page">
+
−
Part Collection
+
−
</div>
+
−
</a>
+
−
</div>
+
−
 
+
−
+
−
+
−
+
−
+
−
 
+
−
<a href="https://2017.igem.org/Team:SSTi-SZGD/Safety">
+
−
<div class="menu_button direct_to_page">
+
−
SAFETY
+
−
</div>
+
−
</a>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
<div class="menu_button" >
+
−
<div class="expand_collapse_icon">  </div> HUMAN PRACTICES  
+
−
</div>
+
−
 
+
−
<!-- human practices submenu -->
+
−
<div class="submenu_wrapper">
+
−
 
+
−
<a href="https://2017.igem.org/Team:SSTi-SZGD/HP/Silver">
+
−
<div class="submenu_button"  id="Silver_page">
+
−
Silver HP
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2017.igem.org/Team:SSTi-SZGD/HP/Gold_Integrated">
+
−
<div class="submenu_button" id="Gold_Integrated_page">
+
−
Integrated and Gold
+
−
</div>
+
−
</a>
+
−
 
+
−
 
+
−
<a href="https://2017.igem.org/Team:SSTi-SZGD/Engagement">
+
−
<div class="submenu_button"  id="Engagement_page">
+
−
Public Engagement
+
−
</div>
+
−
</a>
+
−
 
+
−
</div>
+
−
 
+
−
 
+
−
<div class="menu_button">
+
−
<div class="expand_collapse_icon">  </div> AWARDS
+
−
</div>
+
−
 
+
−
<!-- awards submenu -->
+
−
<div class="submenu_wrapper">
+
−
 
+
−
<a href="https://2017.igem.org/Team:SSTi-SZGD/Applied_Design">
+
−
<div class="submenu_button"  id="Applied_Design_page">
+
−
Applied Design
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2017.igem.org/Team:SSTi-SZGD/Entrepreneurship">
+
−
<div class="submenu_button"  id="Entrepreneurship_page">
+
−
Entrepreneurship
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2017.igem.org/Team:SSTi-SZGD/Hardware">
+
−
<div class="submenu_button"  id="Hardware_page">
+
−
Hardware
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2017.igem.org/Team:SSTi-SZGD/Measurement">
+
−
<div class="submenu_button"  id="Measurement_page">
+
−
Measurement
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2017.igem.org/Team:SSTi-SZGD/Model">
+
−
<div class="submenu_button"  id="Model_page">
+
−
Model
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2017.igem.org/Team:SSTi-SZGD/Plant">
+
−
<div class="submenu_button"  id="Plant_page">
+
−
Plant
+
−
</div>
+
−
</a>
+
−
 
+
−
 
+
−
<a href="https://2017.igem.org/Team:SSTi-SZGD/Software">
+
−
<div class="submenu_button"  id="Software_page">
+
−
Software
+
−
</div>
+
−
</a>
+
−
 
+
−
</div>
+
−
 
+
−
<a href="https://igem.org/2017_Judging_Form?team=SSTi-SZGD">
+
−
<div class="menu_button direct_to_page">
+
−
JUDGING FORM
+
−
</div>
+
−
</a>
+
−
 
+
−
 
+
−
+
−
<div class="menu_bottom_padding" >
+
−
</div>  
+
−
+
−
</div>
+
−
 
+
−
 
+
−
 
+
−
 
+
 
</div>
 
</div>
−
 
−
 
−
 
−
<!-- start of content -->
 
−
<div class="igem_2017_content_wrapper">
 
−
<h1>SSTi-SZGD</h1>
 

Revision as of 07:42, 7 July 2017