Difference between revisions of "Template:TJU China"

Line 69: Line 69:
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
  
 +
/*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;
 +
}
  
  
Line 401: Line 502:
  
  
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
<!--- THIS IS WHERE THE HTML BEGINS --->
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
  
 
<head>  
 
<head>  
  
 
<!-- This tells the browser that your page is responsive -->
 
<!-- This tells the browser that your page is responsive -->
−
    <meta name="viewport" content="width=device-width, initial-scale=1">
+
<meta name="viewport" content="width=device-width, initial-scale=1">  
−
    <link type="text/css" rel="stylesheet" href="https://2018.igem.org/Template:TJU_China/CSS/nav">
+
  
 
</head>
 
</head>
Line 412: Line 515:
  
  
−
<!-- Menu -->
+
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
<!--- Menu --->
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
 
 +
 
 +
 
 +
 
 +
<div class="igem_2018_team_mobile_bar">
 +
 +
<div class="igem_logo_mobile">
 +
<img src="https://static.igem.org/mediawiki/2018/4/4f/2018_igem_mobile_menu_logo.svg">
 +
</div>
 +
 
 +
 
 +
<div class="igem_menu_control_mobile">
 +
<img id="menu_control_image" src="https://static.igem.org/mediawiki/igem.org/3/3b/Menu_icon.svg">
 +
</div>
 +
 
 +
</div>
 +
 
 +
 
 +
 
 +
 
 +
<div class="igem_2018_team_menu displaying_menu">
 +
 
 +
 
 +
<a href="https://2018.igem.org/Team:TJU_China">
 +
<img src="http://placehold.it/350x150/e4dede/c4baba">
 +
</a>
 +
 
 +
 
 +
 
 +
<a href="https://2018.igem.org/Team:TJU_China">
 +
<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:TJU_China/Team">
 +
<div class="submenu_item">
 +
Team Members
 +
</div>
 +
</a>
 +
 
 +
<a href="https://2018.igem.org/Team:TJU_China/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:TJU_China/Description">
 +
<div class="submenu_item">
 +
Description
 +
</div>
 +
</a>
 +
 
 +
<a href="https://2018.igem.org/Team:TJU_China/Design">
 +
<div class="submenu_item">
 +
Design
 +
</div>
 +
</a>
 +
 
 +
<a href="https://2018.igem.org/Team:TJU_China/Experiments">
 +
<div class="submenu_item">
 +
Experiments
 +
</div>
 +
</a>
 +
 
 +
 
 +
<a href="https://2018.igem.org/Team:TJU_China/Notebook">
 +
<div class="submenu_item">
 +
Notebook
 +
</div>
 +
</a>
 +
 
 +
<a href="https://2018.igem.org/Team:TJU_China/InterLab">
 +
<div class="submenu_item">
 +
InterLab
 +
</div>
 +
</a>
 +
 
 +
 
 +
<a href="https://2018.igem.org/Team:TJU_China/Model">
 +
<div class="submenu_item">
 +
Model
 +
</div>
 +
</a>
 +
 
 +
<a href="https://2018.igem.org/Team:TJU_China/Results">
 +
<div class="submenu_item">
 +
Results
 +
</div>
 +
</a>
 +
 
 +
 
 +
<a href="https://2018.igem.org/Team:TJU_China/Demonstrate">
 +
<div class="submenu_item">
 +
Demonstrate
 +
</div>
 +
</a>
 +
 
 +
<a href="https://2018.igem.org/Team:TJU_China/Improve">
 +
<div class="submenu_item">
 +
Improve
 +
</div>
 +
</a>
 +
 
 +
<a href="https://2018.igem.org/Team:TJU_China/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:TJU_China/Parts">
 +
<div class="submenu_item">
 +
Parts Overview
 +
</div>
 +
</a>
 +
 
 +
<a href="https://2018.igem.org/Team:TJU_China/Basic_Part">
 +
<div class="submenu_item">
 +
Basic Parts
 +
</div>
 +
</a>
 +
 
 +
<a href="https://2018.igem.org/Team:TJU_China/Composite_Part">
 +
<div class="submenu_item">
 +
Composite Parts
 +
</div>
 +
</a>
 +
 
 +
<a href="https://2018.igem.org/Team:TJU_China/Part_Collection">
 +
<div class="submenu_item">
 +
Part Collection
 +
</div>
 +
</a>
 +
</div>
 +
 
 +
 +
 +
 +
 +
 
 +
<a href="https://2018.igem.org/Team:TJU_China/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:TJU_China/Human_Practices">
 +
<div class="submenu_item">
 +
Human Practices
 +
</div>
 +
</a>
 +
 
 +
 
 +
<a href="https://2018.igem.org/Team:TJU_China/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:TJU_China/Applied_Design">
 +
<div class="submenu_item">
 +
Applied Design
 +
</div>
 +
</a>
 +
 
 +
<a href="https://2018.igem.org/Team:TJU_China/Entrepreneurship">
 +
<div class="submenu_item">
 +
Entrepreneurship
 +
</div>
 +
</a>
 +
 
 +
<a href="https://2018.igem.org/Team:TJU_China/Hardware">
 +
<div class="submenu_item">
 +
Hardware
 +
</div>
 +
</a>
 +
 
 +
<a href="https://2018.igem.org/Team:TJU_China/Measurement">
 +
<div class="submenu_item">
 +
Measurement
 +
</div>
 +
</a>
 +
 
 +
<a href="https://2018.igem.org/Team:TJU_China/Model">
 +
<div class="submenu_item">
 +
Model
 +
</div>
 +
</a>
 +
 
 +
<a href="https://2018.igem.org/Team:TJU_China/Plant">
 +
<div class="submenu_item">
 +
Plant
 +
</div>
 +
</a>
 +
 
 +
 
 +
<a href="https://2018.igem.org/Team:TJU_China/Software">
 +
<div class="submenu_item">
 +
Software
 +
</div>
 +
</a>
 +
 
 +
</div>  
 +
 
 +
 
  
 +
<a href="https://igem.org/2018_Judging_Form?team=TJU_China">
 +
<div class="menu_item direct_link">
 +
JUDGING FORM ⇗
 +
</div>
 +
</a>
  
  
Line 419: Line 785:
  
  
−
<div class="nav">
 
−
        <ul class="main">
 
−
            <li>
 
−
                <a href="https://2018.igem.org/Team:TJU_China/Home">Home</a>
 
−
            </li>
 
−
            <li>
 
−
                <a href="https://2018.igem.org/Team:TJU_China/Project">Project▼</a>
 
−
                <ul class="drop menu1">
 
−
                    <li><a href="https://2018.igem.org/Team:TJU_China/Description">Description</a></li>
 
−
                    <li><a href="https://2018.igem.org/Team:TJU_China/Design">Design</a></li>
 
−
                    <li><a href="https://2018.igem.org/Team:TJU_China/Experiment">Experiment</a></li>
 
−
                    <li><a href="https://2018.igem.org/Team:TJU_China/Notebook">Notebook</a></li>
 
−
                    <li><a href="https://2018.igem.org/Team:TJU_China/Results">Results</a></li>
 
−
                    <li><a href="https://2018.igem.org/Team:TJU_China/Demonstration">Demonstration</a></li>
 
−
                    <li><a href="https://2018.igem.org/Team:TJU_China/AppliedDesign">Applied Design</a></li>
 
−
                    <li><a href="https://2018.igem.org/Team:TJU_China/Entrepreneurship">Entrepreneur- ship</a></li>
 
−
                    <li><a href="https://2018.igem.org/Team:TJU_China/Measurement">Measurement</a></li>
 
−
   
 
−
                </ul>
 
−
   
 
−
            </li>
 
−
            <li><a href="https://2018.igem.org/Team:TJU_China/Parts">Parts▼</a>
 
−
                <ul class="drop menu2">
 
−
                    <li><a href="https://2018.igem.org/Team:TJU_China/PartsOverview">Parts Overview</a></li>
 
−
                    <li><a href="https://2018.igem.org/Team:TJU_China/Basic">Basic</a></li>
 
−
                    <li><a href="https://2018.igem.org/Team:TJU_China/compsite">Composite</a></li>
 
−
                    <li><a href="https://2018.igem.org/Team:TJU_China/Collection">Collection</a></li>
 
−
                    <li><a href="https://2018.igem.org/Team:TJU_China/Improve">Improve</a></li>
 
−
                </ul>
 
−
            </li>
 
−
            <li><a href="https://2018.igem.org/Team:TJU_China/Model">Model</a>
 
−
            </li>
 
−
            <li><a href="https://2018.igem.org/Team:TJU_China/Safety">Safety</a>
 
−
            </li>
 
−
            <li><a href="https://2018.igem.org/Team:TJU_China/HP">HP▼</a>
 
−
                <ul class="drop menu5">
 
−
                    <li><a href="https://2018.igem.org/Team:TJU_China/HumanPractise">Human Practise</a></li>
 
−
                    <li><a href="https://2018.igem.org/Team:TJU_China/Education&Engagement">Education& Engagement</a></li>
 
−
                </ul>
 
−
            </li>
 
−
            <li><a href="https://2018.igem.org/Team:TJU_China/Team">Team▼</a>
 
−
                <ul class="drop menu7">
 
−
                    <li><a href="https://2018.igem.org/Team:TJU_China/Members">Members</a></li>
 
−
                    <li><a href="https://2018.igem.org/Team:TJU_China/Collaboration">Collaboration</a></li>
 
−
                    <li><a href="https://2018.igem.org/Team:TJU_China/Attribution">Attribution</a></li>
 
−
                </ul>
 
−
            </li>
 
−
   
 
−
        </ul>
 
−
    </div>
 
  
 +
</div>
  
−
<!-- Content of the page  -->
+
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
<!--- Content of the page  --->
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
  
  

Revision as of 13:23, 27 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 ⇗