Difference between revisions of "Template:CCU Taiwan"

Line 66: Line 66:
  
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
 +
/* MENU */
 +
/**************************************************************************************************************************************************************************************************/
 +
 +
/*this wraps the whole of the menu*/
 +
.igem_2018_team_menu {
 +
background-color:#c4baba;
 +
border-left: 1px solid #c4baba;
 +
display:block;
 +
float:right;
 +
height:100vh;
 +
max-width: 270px;
 +
overflow-y: auto;
 +
overflow-x: hidden;
 +
padding:0px;
 +
position:fixed;
 +
right:0%;
 +
text-align:left;
 +
width: 15%;
 +
}
 +
 +
 +
.igem_2018_team_menu.displaying_menu{
 +
display:block;
 +
}
 +
 +
.igem_2018_team_menu  a {
 +
color: #484848;
 +
text-decoration:none;
 +
}
 +
 +
.igem_2018_team_menu img {
 +
width:100%;
 +
}
 +
 +
 +
.igem_2018_team_menu .menu_item {
 +
    background-color: #c4baba;
 +
    border-bottom: 1px solid #928b8b;
 +
    clear: both;
 +
color: #484848;
 +
    cursor: pointer;
 +
float: left;
 +
    font-size: 120%;
 +
    font-weight: bold;
 +
    padding: 15px 0px 15px 5%;
 +
  width: 100%;
 +
}
 +
 +
.igem_2018_team_menu .menu_item.direct_link {
 +
color: #484848;
 +
padding-left: 15%;
 +
}
 +
.igem_2018_team_menu .menu_item:hover {
 +
background-color: #ecb656;
 +
}
 +
 +
 +
.igem_2018_team_menu .menu_item .submenu_control_icon {
 +
color: #484848;
 +
float: left;
 +
width: 10%;
 +
}
 +
 +
/* submenu icon "+"  "-"*/
 +
.igem_2018_team_menu .menu_item .submenu_control_icon::before {
 +
content: "+";
 +
}
 +
 +
/* submenu icon "+"  "-"*/
 +
.igem_2018_team_menu .menu_item .submenu_control_icon.open::before {
 +
content: "-";
 +
}
 +
 +
/*submenu wrapper*/
 +
.igem_2018_team_menu .submenu{
 +
background-color: #e4dede;
 +
clear:both;
 +
display:none;
 +
float: left; 
 +
width:100%;
 +
}
 +
 +
/*styling for a submenu item*/
 +
.igem_2018_team_menu .submenu .submenu_item {
 +
border-bottom: 1px solid #c4baba;
 +
  color: #635d5d;
 +
    height: 30px;
 +
  float: left;
 +
    font-size: 110%;
 +
font-weight: bold;
 +
    padding: 12px 0px 0px 15%;
 +
    width: 100%;
 +
}
 +
 +
.igem_2018_team_menu .submenu .submenu_item:hover {
 +
background-color: #f3bd5d;
 +
}
 +
 +
 +
.igem_2018_team_menu .submenu .submenu_item.current_page,
 +
.igem_2018_team_menu .menu_item.current_page,
 +
.igem_2018_team_menu .menu_item.direct_link.current_page {
 +
background-color:#7acbd8;
 +
}
 +
 +
  
 
/*mobile menu bar styling*/
 
/*mobile menu bar styling*/
Line 428: Line 534:
  
 
</div>
 
</div>
 +
 +
 +
 +
 +
<div class="igem_2018_team_menu displaying_menu">
 +
 +
 +
<a href="https://2018.igem.org/Team:CCU_Taiwan">
 +
<img src="http://placehold.it/350x150/e4dede/c4baba">
 +
</a>
 +
 +
 +
 +
<a href="https://2018.igem.org/Team:CCU_Taiwan">
 +
<div class="menu_item direct_link">
 +
HOME
 +
</div>
 +
</a>
 +
 +
<!-- Team -->
 +
<div class="menu_item">
 +
<div class="submenu_control_icon"> </div>
 +
TEAM
 +
</div>
 +
<div class="submenu">
 +
 +
<a href="https://2018.igem.org/Team:CCU_Taiwan/Team">
 +
<div class="submenu_item">
 +
Team Members
 +
</div>
 +
</a>
 +
 +
<a href="https://2018.igem.org/Team:CCU_Taiwan/Collaborations">
 +
<div class="submenu_item">
 +
Collaborations
 +
</div>
 +
</a>
 +
</div>
 +
 +
 +
<!-- Project -->
 +
<div class="menu_item">
 +
<div class="submenu_control_icon"> </div>
 +
PROJECT
 +
</div>
 +
<div class="submenu">
 +
 +
<a href="https://2018.igem.org/Team:CCU_Taiwan/Description">
 +
<div class="submenu_item">
 +
Description
 +
</div>
 +
</a>
 +
 +
<a href="https://2018.igem.org/Team:CCU_Taiwan/Design">
 +
<div class="submenu_item">
 +
Design
 +
</div>
 +
</a>
 +
 +
<a href="https://2018.igem.org/Team:CCU_Taiwan/Experiments">
 +
<div class="submenu_item">
 +
Experiments
 +
</div>
 +
</a>
 +
 +
 +
<a href="https://2018.igem.org/Team:CCU_Taiwan/Notebook">
 +
<div class="submenu_item">
 +
Notebook
 +
</div>
 +
</a>
 +
 +
<a href="https://2018.igem.org/Team:CCU_Taiwan/InterLab">
 +
<div class="submenu_item">
 +
InterLab
 +
</div>
 +
</a>
 +
 +
 +
<a href="https://2018.igem.org/Team:CCU_Taiwan/Model">
 +
<div class="submenu_item">
 +
Model
 +
</div>
 +
</a>
 +
 +
<a href="https://2018.igem.org/Team:CCU_Taiwan/Results">
 +
<div class="submenu_item">
 +
Results
 +
</div>
 +
</a>
 +
 +
 +
<a href="https://2018.igem.org/Team:CCU_Taiwan/Demonstrate">
 +
<div class="submenu_item">
 +
Demonstrate
 +
</div>
 +
</a>
 +
 +
<a href="https://2018.igem.org/Team:CCU_Taiwan/Improve">
 +
<div class="submenu_item">
 +
Improve
 +
</div>
 +
</a>
 +
 +
<a href="https://2018.igem.org/Team:CCU_Taiwan/Attributions">
 +
<div class="submenu_item">
 +
Attributions
 +
</div>
 +
</a>
 +
 +
</div>
 +
 +
 +
<div class="menu_item">
 +
<div class="submenu_control_icon"> </div>
 +
PARTS
 +
</div>
 +
<div class="submenu">
 +
 +
<a href="https://2018.igem.org/Team:CCU_Taiwan/Parts">
 +
<div class="submenu_item">
 +
Parts Overview
 +
</div>
 +
</a>
 +
 +
<a href="https://2018.igem.org/Team:CCU_Taiwan/Basic_Part">
 +
<div class="submenu_item">
 +
Basic Parts
 +
</div>
 +
</a>
 +
 +
<a href="https://2018.igem.org/Team:CCU_Taiwan/Composite_Part">
 +
<div class="submenu_item">
 +
Composite Parts
 +
</div>
 +
</a>
 +
 +
<a href="https://2018.igem.org/Team:CCU_Taiwan/Part_Collection">
 +
<div class="submenu_item">
 +
Part Collection
 +
</div>
 +
</a>
 +
</div>
 +
 +
 +
 +
 +
 +
 +
<a href="https://2018.igem.org/Team:CCU_Taiwan/Safety">
 +
<div class="menu_item direct_link">
 +
SAFETY
 +
</div>
 +
</a>
 +
 +
 +
 +
 +
 +
 +
<div class="menu_item">
 +
<div class="submenu_control_icon"> </div>
 +
HUMAN PRACTICES
 +
</div>
 +
 +
<div class="submenu">
 +
 +
<a href="https://2018.igem.org/Team:CCU_Taiwan/Human_Practices">
 +
<div class="submenu_item">
 +
Human Practices
 +
</div>
 +
</a>
 +
 +
 +
<a href="https://2018.igem.org/Team:CCU_Taiwan/Public_Engagement">
 +
<div class="submenu_item">
 +
Education & Engagement
 +
</div>
 +
</a>
 +
 +
</div>
 +
 +
 +
 +
 +
 +
<div class="menu_item">
 +
<div class="submenu_control_icon"> </div>
 +
AWARDS
 +
</div>
 +
 +
<div class="submenu">
 +
 +
<a href="https://2018.igem.org/Team:CCU_Taiwan/Applied_Design">
 +
<div class="submenu_item">
 +
Applied Design
 +
</div>
 +
</a>
 +
 +
<a href="https://2018.igem.org/Team:CCU_Taiwan/Entrepreneurship">
 +
<div class="submenu_item">
 +
Entrepreneurship
 +
</div>
 +
</a>
 +
 +
<a href="https://2018.igem.org/Team:CCU_Taiwan/Hardware">
 +
<div class="submenu_item">
 +
Hardware
 +
</div>
 +
</a>
 +
 +
<a href="https://2018.igem.org/Team:CCU_Taiwan/Measurement">
 +
<div class="submenu_item">
 +
Measurement
 +
</div>
 +
</a>
 +
 +
<a href="https://2018.igem.org/Team:CCU_Taiwan/Model">
 +
<div class="submenu_item">
 +
Model
 +
</div>
 +
</a>
 +
 +
<a href="https://2018.igem.org/Team:CCU_Taiwan/Plant">
 +
<div class="submenu_item">
 +
Plant
 +
</div>
 +
</a>
 +
 +
 +
<a href="https://2018.igem.org/Team:CCU_Taiwan/Software">
 +
<div class="submenu_item">
 +
Software
 +
</div>
 +
</a>
 +
 +
</div>
 +
 +
 +
 +
<a href="https://igem.org/2018_Judging_Form?team=CCU_Taiwan">
 +
<div class="menu_item direct_link">
 +
JUDGING FORM ⇗
 +
</div>
 +
</a>
 +
 +
 +
 +
 +
 +
 +
</div>
 +
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!--- Content of the page  --->
 
<!--- Content of the page  --->

Revision as of 01:18, 11 July 2018

HOME
TEAM
Team Members
Collaborations
PROJECT
Description
Design
Experiments
Notebook
InterLab
Model
Results
Demonstrate
Improve
Attributions
PARTS
Parts Overview
Basic Parts
Composite Parts
Part Collection
SAFETY
HUMAN PRACTICES
Human Practices
Education & Engagement
AWARDS
Applied Design
Entrepreneurship
Hardware
Measurement
Model
Plant
Software
JUDGING FORM ⇗