Difference between revisions of "Team:NTHU Taiwan"

Line 2: Line 2:
  
 
<style>
 
<style>
−
 
+
/***************************************************** DEFAULT SETTINGS  ****************************************************/
−
/***************************************************** DEFAULT WIKI SETTINGS  ****************************************************/
+
 
/* Clear the default wiki settings */
 
/* Clear the default wiki settings */
 
#home_logo, #sideMenu { display:none; }
 
#home_logo, #sideMenu { display:none; }
 
#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:#f6f6e3; }
+
body {background-color:#f6f6e3;}
 
#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 14: Line 13:
 
/* Wrapper for the menu */
 
/* Wrapper for the menu */
  
−
.igem_2017_menu_wrapper {  
+
.igem_2017_menu_wrapper {
−
height:5rem;
+
border-bottom: 3px solid #c2dac0;
−
width: 100%;
+
 
background-color:#f6f6e3;
 
background-color:#f6f6e3;
−
background-size: cover;
 
−
text-align:left !important;
 
 
font-family:'Open Sans', sans-serif;  
 
font-family:'Open Sans', sans-serif;  
−
overflow-y: hidden;
+
overflow: hidden;
−
overflow-x: hidden;
+
}
 +
 
 +
.igem_2017_menu_wrapper a { 
 +
float: left;
 +
font-size: 1em;
 +
color: #6c5070;
 +
text-align: center;
 +
padding: 20px 20px;
 +
text-decoration: none;
 +
}
 +
 
 +
.igem_2017_menu_wrapper img {
 +
position: fixed;
 
}
 
}
  
Line 28: Line 36:
 
.igem_2017_menu_wrappe::-webkit-scrollbar {  
 
.igem_2017_menu_wrappe::-webkit-scrollbar {  
 
display: none;  
 
display: none;  
 +
}
 +
 +
.submenu_wrapper {
 +
float: left;
 +
  overflow: hidden;
 +
}
 +
 +
.submenu_wrapper .menu_button {
 +
letter-spacing: 1px;
 +
text-transform: uppercase;
 +
font-size: 1em;
 +
border: none;
 +
outline: none;
 +
color: #6c5070;
 +
padding: 20px 20px;
 +
background-color: inherit;
 
}
 
}
 
 
−
+
.igem_2017_menu_wrapper a:hover, .submenu_wrapper:hover .menu_button {
−
/* styling for links in the menu, removes the line under text */
+
color: #DF6A6A;
−
.igem_2017_menu_wrapper a {
+
−
text-decoration: none;  
+
 
}
 
}
  
−
 
+
.submenu_button {  
−
/* styling for the images in the menu */
+
display: none;
−
.igem_2017_menu_wrapper img {  
+
position: absolute;
−
width: 100%;
+
background-color: rgba(246, 246, 227, 0.7);
−
position: fixed;
+
min-width: 160px;
 +
z-index: 1;
 
}
 
}
  
−
/* styling for the menu buttons */
+
.submenu_button a {
−
.igem_2017_menu_wrapper .menu_button {  
+
float: none;
−
width: 10%;
+
−
height: 20px;
+
−
padding: 20px 0px 20px 10px;
+
−
float:left;
+
 
color: #6c5070;
 
color: #6c5070;
−
cursor: pointer;
+
padding: 8px 16px;
 +
text-decoration: none;
 
display: block;
 
display: block;
−
text-align: center;
+
text-align: left;
−
text-transform: uppercase;
+
}
−
margin-bottom: 0.70em;
+
 
−
letter-spacing: 1px;
+
.submenu_button a:hover {
−
line-height: 1.4em;
+
 
font-size: 1.1em;
 
font-size: 1.1em;
−
font-weight: 500;
+
 
 
}
 
}
  
 +
.submenu_wrapper:hover .submenu_button {
 +
display: block;
 +
}
  
 +
/*menu_wrapper right space*/
 
.igem_2017_menu_wrapper .menu_bottom_padding {  
 
.igem_2017_menu_wrapper .menu_bottom_padding {  
 
width: 100%;  
 
width: 100%;  
 
height: 30px;
 
height: 30px;
 
float:left;
 
float:left;
−
}
 
−
 
−
.menu_button.direct_to_page {
 
−
padding-left: 36px;
 
−
}
 
−
 
−
 
−
.igem_2017_menu_wrapper .menu_button .expand_collapse_icon {
 
−
width:10%;
 
−
float:left;
 
−
}
 
−
 
−
/*.igem_2017_menu_wrapper .menu_button .expand_collapse_icon::before {
 
−
content: "+"; 
 
−
}
 
−
 
−
.open::before {
 
−
content: "-" !important; 
 
−
}*/
 
−
 
−
 
−
 
−
/* styling for the menu buttons on hover */
 
−
.igem_2017_menu_wrapper .menu_button:hover, .igem_2017_menu_wrapper .submenu_button:hover ,  .submenu_button.current_page:hover {
 
−
text-decoration: none;
 
−
color:#df6a6a;
 
−
font-size: 1.3rem;
 
−
font-weight: 550;
 
 
}
 
}
  
Line 99: Line 94:
 
.current_page {  
 
.current_page {  
 
color:#df6a6a !important;
 
color:#df6a6a !important;
−
}
 
−
 
−
 
−
/* styling for the submenu buttons */
 
−
.igem_2017_menu_wrapper .submenu_button {
 
−
width: 10%;
 
−
padding: 10px 0px 10px 34px;
 
−
float:left;
 
−
background-color:#f6f6e3;
 
−
border-bottom: 1px solid #c2dac0;
 
−
font-size: 12px;
 
−
color: #6c5070;
 
−
cursor: pointer;
 
−
text-transform: uppercase;
 
−
letter-spacing: 1px;
 
−
line-height: 1.4em;
 
−
font-size: 1em;
 
−
font-weight: 500;
 
−
}
 
−
 
−
/* wrapper for the submenu items, they are hidden by default*/
 
−
.igem_2017_menu_wrapper .submenu_wrapper {
 
−
display:none;
 
 
}
 
}
  
Line 358: Line 330:
 
</style>
 
</style>
  
−
 
−
<!--- THIS IS WHERE THE HTML BEGINS --->
 
  
 
<head>  
 
<head>  
Line 367: Line 337:
  
 
</head>
 
</head>
−
 
−
 
  
 
<div class="igem_2017_menu_wrapper" >
 
<div class="igem_2017_menu_wrapper" >
  
−
<!-- <a href="https://2017.igem.org/Team:Example2">
+
<!-- <a href="https://2017.igem.org/Team:NTHU_Taiwan">
 
<img src="http://placehold.it/350x150">
 
<img src="http://placehold.it/350x150">
 
</a> -->
 
</a> -->
−
 
  
 
<!-- this div is hidden by default and will only be displayed if the screen size is too small -->
 
<!-- this div is hidden by default and will only be displayed if the screen size is too small -->
Line 381: Line 348:
 
MENU   
 
MENU   
 
</div>  
 
</div>  
 +
  
 
<div id="menu_content">
 
<div id="menu_content">
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan">
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan">
−
<div class="menu_button direct_to_page">
+
<div class="menu_button">
 
HOME
 
HOME
 
</div>  
 
</div>  
 
</a>
 
</a>
−
<div class="menu_button">
 
−
<div class="expand_collapse_icon">  </div> TEAM
 
−
</div>
 
 
 
 +
<div class="submenu_wrapper">
 +
<button class="menu_button">TEAM</button>
 +
<div class="submenu_button">
 +
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Team">
 +
<div id="Team_page">
 +
Team
 +
</div>
 +
</a>
 +
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Collaborations">
 +
<div  id="Collaborations_page">
 +
Collaborations
 +
</div>
 +
</a>
 +
</div>
 +
</div>
  
 +
<div class="submenu_wrapper">
 +
<button class="menu_button">PROJECT</button>
 +
<div class="submenu_button">
 +
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Description">
 +
<div id="Description_page">
 +
Description
 +
</div>
 +
</a>
 +
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Design">
 +
<div  id="Design_page">
 +
Design
 +
</div>
 +
</a>
 +
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Experiments">
 +
<div  id="Experiments_page">
 +
Experiments
 +
</div>
 +
</a>
 +
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Notebook">
 +
<div  id="Notebook_page">
 +
Notebook
 +
</div>
 +
</a>
 +
<a href="https://2017.igem.org/Team:NTHU_Taiwan/InterLab">
 +
<div  id="InterLab_page">
 +
InterLab
 +
</div>
 +
</a>
 +
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Contribution">
 +
<div  id="Contribution_page">
 +
Contribution
 +
</div>
 +
</a>
 +
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Model">
 +
<div  id="Model_page">
 +
Model
 +
</div>
 +
</a>
 +
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Results">
 +
<div  id="Results_page">
 +
Results
 +
</div>
 +
</a>
 +
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Demonstrate">
 +
<div  id="Demonstrate_page">
 +
Demonstrate
 +
</div>
 +
</a>
 +
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Improve">
 +
<div  id="Improve_page">
 +
Improve
 +
</div>
 +
</a>
 +
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Attributions">
 +
<div  id="Attributions_page">
 +
Attributions
 +
</div>
 +
</a>
 +
</div>
 +
</div>
  
−
<div class="menu_button">
+
<div class="submenu_wrapper">
−
<div class="expand_collapse_icon">  </div> PROJECT
+
<button class="menu_button">PARTS</button>
−
</div>
+
<div class="submenu_button">
−
+
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Parts">
−
+
<div id="Parts_page">
−
+
Parts
 +
</div>
 +
</a>
 +
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Basic_Part">
 +
<div id="Basic_Part_page">
 +
Basic Parts
 +
</div>
 +
</a>
 +
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Composite_Part">
 +
<div id="Composite_Part_page">
 +
Composite Parts
 +
</div>
 +
</a>
 +
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Part_Collection">
 +
<div  id="Part_Collection_page">
 +
Part Collection
 +
</div>
 +
</a>
 +
</div>
 +
</div>
  
−
<div class="menu_button">
 
−
<div class="expand_collapse_icon">  </div> PARTS
 
−
</div>
 
−
 
−
 
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Safety">
 
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Safety">
−
<div class="menu_button direct_to_page">
+
<div class="menu_button">
 
SAFETY
 
SAFETY
 
</div>  
 
</div>  
 
</a>
 
</a>
  
 +
<div class="submenu_wrapper">
 +
<button class="menu_button">HUMAN PRACTICES</button>
 +
<div class="submenu_button">
 +
<a href="https://2017.igem.org/Team:NTHU_Taiwan/HP/Silver">
 +
<div id="Silver_page">
 +
Silver HP
 +
</div>
 +
</a>
 +
<a href="https://2017.igem.org/Team:NTHU_Taiwan/HP/Gold_Integrated">
 +
<div  id="Gold_Integrated_page">
 +
Integrated and Gold
 +
</div>
 +
</a>
 +
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Engagement">
 +
<div  id="Engagement_page">
 +
Public Engagement
 +
</div>
 +
</a>
 +
</div>
 +
</div>
  
−
 
+
<div class="submenu_wrapper">
−
 
+
<button class="menu_button">AWARDS</button>
−
 
+
<div class="submenu_button">
−
 
+
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Applied_Design">
−
 
+
<div id="Applied_Design_page">
−
<div class="menu_button" >
+
Applied Design
−
<div class="expand_collapse_icon">  </div> HUMAN PRACTICES
+
</div>
−
</div>  
+
</a>
−
 
+
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Entrepreneurship">
−
+
<div id="Entrepreneurship_page">
−
 
+
Entrepreneurship
−
<div class="menu_button">
+
</div>
−
<div class="expand_collapse_icon">  </div> AWARDS
+
</a>
−
</div>  
+
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Hardware">
−
 
+
<div id="Hardware_page">
−
+
Hardware
 +
</div>
 +
</a>
 +
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Measurement">
 +
<div id="Measurement_page">
 +
Measurement
 +
</div>
 +
</a>
 +
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Model">
 +
<div id="Model_page">
 +
Model
 +
</div>
 +
</a>
 +
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Plant">
 +
<div id="Plant_page">
 +
Plant
 +
</div>
 +
</a>
 +
<a href="https://2017.igem.org/Team:NTHU_Taiwan/Software">
 +
<div  id="Software_page">
 +
Software
 +
</div>
 +
</a>
 +
</div>
 +
</div>
  
 
<a href="https://igem.org/2017_Judging_Form?team=NTHU_Taiwan">
 
<a href="https://igem.org/2017_Judging_Form?team=NTHU_Taiwan">
−
<div class="menu_button direct_to_page">
+
<div class="menu_button">
 
JUDGING FORM
 
JUDGING FORM
 
</div>  
 
</div>  
 
</a>
 
</a>
  
−
 
−
 
−
<div class="menu_bottom_padding" >
 
−
</div>
 
−
 
 
</div>
 
</div>
−
 
−
 
−
 
  
 
</div>
 
</div>
Line 452: Line 542:
 
<!-- start of content -->
 
<!-- start of content -->
 
<div>
 
<div>
−
<img width="100%" style="border-top:2px solid #c2dac0;" src="https://static.igem.org/mediawiki/2017/e/ef/T--NTHU_Taiwan--fstpage.png">
+
<img width="100%" src="https://static.igem.org/mediawiki/2017/e/ef/T--NTHU_Taiwan--fstpage.png">
 
</div>
 
</div>
  
 +
<script type="Text/JavaScript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
  
 
<script>
 
<script>

Revision as of 19:40, 19 October 2017

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