Difference between revisions of "Template:SSTi-SZGD"

Line 63: 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) {
−
$(".nav").hide();
+
$(".igem_2017_menu_wrapper").hide();
 
}
 
}
  
Line 74: Line 74:
  
 
// show/hide the menu wrapper
 
// show/hide the menu wrapper
−
$(".nav").fadeToggle("100");
+
$(".igem_2017_menu_wrapper").fadeToggle("100");
 
});
 
});
 
   }  
 
   }  
Line 97: 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 156: Line 105:
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}
 
#content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}
−
body {background-color:white; }
+
body {background-color:white; position: relative;}
 
#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 167: Line 116:
 
width: 15%;  
 
width: 15%;  
 
height:100vh;  
 
height:100vh;  
−
position:fixed;
+
position:absolute;
 
right:0%;
 
right:0%;
 
padding:0px;
 
padding:0px;
Line 504: Line 453:
 
</style>
 
</style>
  
−
<div class="nav">
+
 
−
  <ul>
+
<!--- THIS IS WHERE THE HTML BEGINS --->
−
  <li><a href="#">HOME</a></li>
+
 
−
  <li><a href="#">TEAM</a></li>
+
 
−
  <li><a href="#">PROJECT</a></li>
+
 
−
  <li><a href="#">PARTS</a></li>
+
 
−
  <li><a href="#">SAFETY</a></li>
+
 
−
  <li><a href="#">HUMAN PRACTICES</a></li>
+
<body>
−
  <li><a href="#">AWARDS</a></li>
+
 
−
  <li><a href="#">JUDGING FORM</a></li>
+
<div class="igem_2017_menu_wrapper" >
−
</ul>
+
 
 +
 
 +
 
 +
<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>
 +
 +
<body>
 +
</html>

Revision as of 08:01, 7 July 2017

HOME
TEAM
PROJECT
Description
Design
Experiments
Notebook
InterLab
Contribution
Model
Results
Demonstrate
Improve
Attributions
PARTS
Parts
Basic Parts
Composite Parts
Part Collection
SAFETY
HUMAN PRACTICES
Silver HP
Integrated and Gold
Public Engagement
AWARDS
Applied Design
Entrepreneurship
Hardware
Measurement
Model
Plant
Software
JUDGING FORM