Difference between revisions of "Team:UChile Biotec/css"

 
(91 intermediate revisions by 2 users not shown)
Line 3: Line 3:
 
<link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
 
<link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
 
<script>
 
<script>
−
 
−
 
 
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
  
Line 46: Line 44:
  
  
−
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////  
+
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
−
   
+
 
</script>
 
</script>
 +
  
 
<style>
 
<style>
 +
/**************************************************************************************************************************************************************************************************/
 +
 +
  
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
Line 60: Line 61:
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#sideMenu, #top_title, .patrollink  {display:none;}
 
#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
 
#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
−
body {background-color:#F5F4D8; }
+
body {background-color:white; }
 
#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; }
  
−
.judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
 
−
 
−
 
−
/**************************************************************************************************************************************************************************************************/   
 
 
      
 
      
−
/********************************* Navigation bar  *********************************/
+
/********************************* Navigation bar  *********************************/
 +
 
  #nav{
 
  #nav{
 
     border:1px solid #ccc;
 
     border:1px solid #ccc;
Line 83: Line 81:
 
     background-attachment: scroll;
 
     background-attachment: scroll;
 
     background-position: center top;  
 
     background-position: center top;  
−
     height:220px;
+
     height:350px;
 +
    z-index: 9998;
 
  }
 
  }
 
      
 
      
Line 89: Line 88:
 
     position:relative;
 
     position:relative;
 
     display:inline;
 
     display:inline;
 +
    z-index: 9999;
 
  }
 
  }
 
      
 
      
Line 100: Line 100:
 
     text-align: center;
 
     text-align: center;
 
     text-decoration: none;
 
     text-decoration: none;
−
     text-align: center;
+
     z-index: 9999;
 
  }
 
  }
 
      
 
      
Line 109: Line 109:
 
     padding:0;
 
     padding:0;
 
     text-align:center;
 
     text-align:center;
 +
    z-index: 9999;
 
  }
 
  }
 
      
 
      
 
  #nav ul li{
 
  #nav ul li{
 
     display:block;
 
     display:block;
 +
    text-align:center;
 +
    z-index: 9999;
 
  }
 
  }
 
      
 
      
 
  #nav li:hover ul{
 
  #nav li:hover ul{
 
     left:0;
 
     left:0;
 +
    text-align:center;
 +
    z-index:9999;
 
  }
 
  }
 
      
 
      
 
  #nav li:hover a{
 
  #nav li:hover a{
 
     background: transparent;
 
     background: transparent;
 +
    text-align: center;
 
     color: #cc6666;
 
     color: #cc6666;
 
  }
 
  }
Line 128: Line 134:
 
     background:#cccccc;
 
     background:#cccccc;
 
     color: white;
 
     color: white;
 +
    text-align:center;
 
  }
 
  }
 
      
 
      
Line 133: Line 140:
 
     background:#cc9999;
 
     background:#cc9999;
 
     color: white;
 
     color: white;
 +
    text-align:center;
 
  }
 
  }
 
      
 
      
 
  #nav ul a{
 
  #nav ul a{
−
     white-space:nowrap;
+
     white-space:pre;
 +
    text-align:center;
 
     display:block;
 
     display:block;
 
     border-bottom:1px solid #ccc;
 
     border-bottom:1px solid #ccc;
Line 147: Line 156:
 
     text-decoration:none;
 
     text-decoration:none;
 
     font-weight:bold;
 
     font-weight:bold;
 +
    text-align:center;
 
  }
 
  }
 
      
 
      
Line 152: Line 162:
 
     background:#ddd;
 
     background:#ddd;
 
  }
 
  }
 +
 +
/**************************************************************************************************************************************************************************************************/
 +
/* FOOTER */
 +
/**************************************************************************************************************************************************************************************************/
 +
 +
.footer {
 +
  position: absolute;
 +
  right: 0;
 +
  bottom: -20px;
 +
  left: 0;
 +
  height:220px;
 +
  text-align: center;
 +
  display: inline-block;
 +
}
 +
 +
.footer img {
 +
    float: left;
 +
    color: white;
 +
    text-align: center;
 +
    padding: 0 0 0 0;
 +
}
 +
 +
 +
/**************************************************************************************************************************************************************************************************/
 +
/* MOBILE MENU */
 +
/**************************************************************************************************************************************************************************************************/
 +
 +
/*this wraps the whole of the menu*/
 +
.igem_2018_team_menu {
 +
font-family: Quicksand;
 +
display:none;
 +
float:right;
 +
height:100vh;
 +
max-width: 270px;
 +
overflow-y: auto;
 +
overflow-x: hidden;
 +
padding:5%;
 +
position:fixed;
 +
right:0%;
 +
text-align:left;
 +
width: 15%;
 +
z-index: 9999;
 +
}
 +
 +
 +
.igem_2018_team_menu.displaying_menu{
 +
display:none;
 +
}
 +
 +
.igem_2018_team_menu  a {
 +
color: #cc6666;
 +
}
 +
 +
.igem_2018_team_menu img {
 +
width:100%;
 +
}
 +
 +
 +
.igem_2018_team_menu .menu_item {
 +
background-color: #7695A5;
 +
clear: both;
 +
color: white;
 +
cursor: pointer;
 +
float: center;
 +
font-size: 100%;
 +
text-align:left;
 +
font-weight: bold;
 +
padding: 15px 0px 15px 5%;
 +
  width: 100%;
 +
}
 +
 +
.igem_2018_team_menu .menu_item.direct_link {
 +
color: white;
 +
padding-left: 15%;
 +
}
 +
.igem_2018_team_menu .menu_item:hover {
 +
background-color: #996666;
 +
}
 +
 +
 +
.igem_2018_team_menu .menu_item .submenu_control_icon {
 +
color: white;
 +
float: left;
 +
width: 10%;
 +
padding-right: 0%;
 +
text-align:center;
 +
}
 +
 +
/* 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{
 +
padding: 0 0 0 5%;
 +
background-color: #cccccc;
 +
clear:both;
 +
display:none;
 +
float: left; 
 +
width:100%;
 +
z-index: 9999;
 +
}
 +
 +
/*styling for a submenu item*/
 +
.igem_2018_team_menu .submenu .submenu_item {
 +
border-bottom: 1px solid #c4baba;
 +
  color: white;
 +
  height: 30px;
 +
  float: left;
 +
  font-size: 100%;
 +
font-weight: bold;
 +
  padding: 12px 0px 0px 10%;
 +
  width: 100%;
 +
text-align:left;
 +
}
 +
 +
.igem_2018_team_menu .submenu .submenu_item:hover {
 +
background-color: #996666;
 +
}
 +
 +
 +
.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*/
 +
/**************************************************************************************************************************************************************************************************/
 +
 +
 +
.igem_2018_team_mobile_bar {
 +
background-image: url('https://static.igem.org/mediawiki/2018/4/42/T--UChile_Biotec--barramobile.png');
 +
background-repeat: no-repeat;
 +
background-size: 100%;
 +
background-attachment: scroll;
 +
background-position: center top; 
 +
border:1px solid #ccc;
 +
border-style:hidden;
 +
cursor:pointer;
 +
display:none;
 +
float:left;
 +
margin-bottom: 0%;
 +
padding: 5% 0;
 +
position:fixed;
 +
width:100%;
 +
height:10%;
 +
z-index: 9999;
 +
}
 +
 +
.igem_logo_mobile img {
 +
width:70px;
 +
}
 +
 +
.igem_logo_mobile {
 +
float:left;
 +
padding-left: 5%;
 +
width: 30%;
 +
}
 +
 +
.igem_menu_control_mobile img {
 +
width:25px;
 +
}
 +
 +
.igem_menu_control_mobile {
 +
float:right;
 +
padding-right:5%;
 +
padding-top:15%;
 +
text-align:right;
 +
width: 30%;
 +
}
  
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
Line 167: Line 355:
 
.igem_2018_team_content .igem_2018_team_column_wrapper {
 
.igem_2018_team_content .igem_2018_team_column_wrapper {
 
margin:auto;
 
margin:auto;
−
max-width: 1400px;
+
max-width: 1920px;
 
width:100%;
 
width:100%;
 
}
 
}
 +
 +
.center {
 +
    display: block;
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
    width: 50%;
 +
}
 +
 +
#sp{
 +
    display:none;
 +
    height:120px;
 +
    position:static;
 +
}
 +
 +
#sp ul{
 +
    position:absolute;
 +
    left:-9999px;
 +
    margin:0;
 +
    padding:0;
 +
    text-align:center;
 +
    z-index: -9999;
 +
}
 +
 +
/********************************* Interactive Image  *********************************/
 +
 +
.image{
 +
  position: relative;
 +
}
 +
.image a{
 +
  display: block;     
 +
  position: absolute;
 +
}
 +
 +
.image a img{
 +
  display: block;     
 +
  position: absolute;
 +
  padding: 0 0 0 0;
 +
}
 +
 +
.image a p{
 +
  display: block;     
 +
  position: absolute;
 +
  text-align:center;
 +
  text-size:100%;
 +
}
 +
 +
        #elem:hover{
 +
        -moz-transform: scale(1.2);
 +
  -webkit-transform: scale(1.2);
 +
  transform: scale(1.2);
 +
    transition: all 0.7s ease-out;
 +
    z-index: 9999;
 +
    }
  
  
Line 175: Line 416:
  
 
      
 
      
−
.igem_2018_team_content .igem_2018_team_column_wrapper h1 { font-size: 230%;}
+
.igem_2018_team_content .igem_2018_team_column_wrapper h1 { font-size: 280%;}
−
.igem_2018_team_content .igem_2018_team_column_wrapper h2 { font-size: 190%;}
+
.igem_2018_team_content .igem_2018_team_column_wrapper h2 { font-size: 240%;}
−
.igem_2018_team_content .igem_2018_team_column_wrapper h3 { font-size: 170%;}
+
.igem_2018_team_content .igem_2018_team_column_wrapper h3 { font-size: 210%;}
−
.igem_2018_team_content .igem_2018_team_column_wrapper h4 { font-size: 150%;}
+
.igem_2018_team_content .igem_2018_team_column_wrapper h4 { font-size: 200%;}
−
.igem_2018_team_content .igem_2018_team_column_wrapper h5 { font-size: 140%;}
+
.igem_2018_team_content .igem_2018_team_column_wrapper h5 { font-size: 190%;}
−
.igem_2018_team_content .igem_2018_team_column_wrapper h6 { font-size: 130%;}
+
.igem_2018_team_content .igem_2018_team_column_wrapper h6 { font-size: 180%;}
  
  
Line 189: Line 430:
 
font-family: Quicksand;
 
font-family: Quicksand;
 
padding: 10px 0px;
 
padding: 10px 0px;
 +
text-align: center;
 
}
 
}
  
Line 199: Line 441:
 
color: #B45A62;   
 
color: #B45A62;   
 
font-family: Quicksand;
 
font-family: Quicksand;
 +
text-align: center;
 
padding: 5px 0px;
 
padding: 5px 0px;
 
}
 
}
Line 226: Line 469:
 
/* hover for the links */
 
/* hover for the links */
 
.igem_2018_team_content .igem_2018_team_column_wrapper a:hover {  
 
.igem_2018_team_content .igem_2018_team_column_wrapper a:hover {  
−
color: #f8b732;
 
 
text-decoration:none;
 
text-decoration:none;
 
}
 
}
Line 274: Line 516:
 
.igem_2018_team_content .igem_2018_team_column_wrapper ol ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ol ol li,  
 
.igem_2018_team_content .igem_2018_team_column_wrapper ol ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ul ol ol li,  
 
.igem_2018_team_content .igem_2018_team_column_wrapper ol ul ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ol ol ul li,  
 
.igem_2018_team_content .igem_2018_team_column_wrapper ol ul ul li, .igem_2018_team_content .igem_2018_team_column_wrapper ol ol ul li,  
−
  .igem_2018_team_content .igem_2018_team_column_wrapper ol ol ol li, .igem_2018_team_content .igem_2018_team_column_wrapper ol ul ol li{ font-size: 76%; }
+
  .igem_2018_team_content .igem_2018_team_column_wrapper ol ol ol li, .igem_2018_team_content .igem_2018_team_column_wrapper ol ul ol li{ font-size:76%;}
  
  
Line 284: Line 526:
 
.igem_2018_team_content .igem_2018_team_column_wrapper .column  {  
 
.igem_2018_team_content .igem_2018_team_column_wrapper .column  {  
 
float:left;
 
float:left;
−
margin: 1% 2%;
+
margin: 0% 2%;
 
padding: 0px;
 
padding: 0px;
 
}
 
}
  
 
/* 100% */
 
/* 100% */
−
.igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size { width:96%; }
+
.igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size { width:70%; margin-left:15%; margin-right:15%; position:center; }
  
 
/* 66% */
 
/* 66% */
 
.igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size { width: 62.6%; }
 
.igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size { width: 62.6%; }
 +
 +
/* 50% */
 +
.igem_2018_team_content .igem_2018_team_column_wrapper .column.half_size { width:46%; position:center; }
  
 
/* 33% */
 
/* 33% */
Line 306: Line 551:
 
.igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size img,  
 
.igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size img,  
 
.igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size img,
 
.igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size img,
 +
.igem_2018_team_content .igem_2018_team_column_wrapper .column.half_size img,
 
.igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size img {
 
.igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size img {
 
margin-bottom: 15px;
 
margin-bottom: 15px;
−
width: 100%;  
+
margin-top: 15px;
 +
width: 100%;
 +
max-width: 100%;
 +
object-fit: contain;  
 
}
 
}
  
Line 349: Line 598:
 
}
 
}
  
−
.igem_2018_team_content .igem_2018_team_column_wrapper .button_link a:hover {
+
.igem_2018_team_content .igem_2018_team_column_wrapper .button_link a:hover {  
−
background-color: #f8b732 !important; 
+
 
}
 
}
  
Line 390: Line 638:
 
     border: 4px solid #f8b732;
 
     border: 4px solid #f8b732;
 
}
 
}
 +
 +
/*mobile*/
 +
/**************************************************************************************************************************************************************************************************/
 +
 +
/* 1920px  */
 +
/************************************************/
 +
@media only screen and (max-width: 2500px) {
 +
.igem_2018_team_menu {display:none;}
 +
#nav {height:350px;}
 +
}
 +
 +
 +
/* 1800px  */
 +
/************************************************/
 +
@media only screen and (max-width: 1800px) {
 +
.igem_2018_team_menu {display:none;}
 +
#nav {height:220px;}
 +
}
 +
 +
/* 1400px  */
 +
/************************************************/
 +
@media only screen and (max-width: 1400px) {
 +
.igem_2018_team_menu .menu_item { font-size:100%;}
 +
.igem_2018_team_menu .submenu .submenu_item { font-size:90%;}
 +
.igem_2018_team_menu {display:none;}
 +
}
 +
 +
@media only screen and (max-width: 1101px) {
 +
.igem_2018_team_menu {display:none;}
 +
}
 +
 +
/* 1000px  */
 +
/************************************************/
 +
@media only screen and (max-width: 1100px) {
 +
#nav{display:none;}
 +
.igem_2018_team_menu.displaying_menu{display:block;}
 +
.igem_2018_team_menu {padding: 0 0 0 10%; display:none; margin-top: 45px; min-width:50%; width:50%;}
 +
.igem_2018_team_mobile_bar {display:inline-block;}
 +
.igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size { width:80%; margin-left:10%; margin-right:10%; position:center; }
 +
.igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size { width:80%; margin-left:10%; margin-right:10%; position:center; }
 +
.igem_2018_team_content .igem_2018_team_column_wrapper .column.half_size { width:80%; margin-left:10%; margin-right:10%; position:center; }
 +
.igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size { width:80%; margin-left:10%; margin-right:10%; position:center; }
 +
#sp{display:inline;}
 +
 +
}
 +
 +
 +
@media only screen and (max-width: 500px) {
 +
.igem_2018_team_menu.displaying_menu{display:block;}
 +
.igem_2018_team_menu {min-width:100%; width:100%; }
 +
#sp{display:inline;}
 +
}
 +
 +
 +
/**************************************************************************************************************************************************************************************************/
 +
 +
  
  
  
−
   
 
 
</style>
 
</style>
−
   
+
 
 
<body>
 
<body>
 
      
 
      
 
<ul id="nav">
 
<ul id="nav">
−
       
+
 
 
     <li>
 
     <li>
 
         <a href="https://2018.igem.org/Team:UChile_Biotec/Project">Project</a>
 
         <a href="https://2018.igem.org/Team:UChile_Biotec/Project">Project</a>
 
         <ul>
 
         <ul>
−
             <li><a href="https://2018.igem.org/Team:UChile_Biotec/Problem">Problem</a></li>
+
             <li><a href="https://2018.igem.org/Team:UChile_Biotec/Project#Problem">Problem</a></li>
−
             <li><a href="https://2018.igem.org/Team:UChile_Biotec/Solution">Solution</a></li>
+
             <li><a href="https://2018.igem.org/Team:UChile_Biotec/Project#Solution">Solution</a></li>
 
         </ul>
 
         </ul>
 
     </li>
 
     </li>
  
 
     <li>
 
     <li>
−
         <a href="https://2018.igem.org/Team:UChile_Biotec/Lab">Lab</a>
+
         <a href="https://2018.igem.org/Team:UChile_Biotec/Overview">Lab</a>
 
         <ul>
 
         <ul>
−
             <li><a href="https://2018.igem.org/Team:UChile_Biotec/Abstract">Abstract</a></li>
+
             <li><a href="https://2018.igem.org/Team:UChile_Biotec/Overview">Overview</a></li>
 
             <li><a href="https://2018.igem.org/Team:UChile_Biotec/Notebook">Notebook</a></li>
 
             <li><a href="https://2018.igem.org/Team:UChile_Biotec/Notebook">Notebook</a></li>
 +
            <li><a href="https://2018.igem.org/Team:UChile_Biotec/Results">Results</a></li>
 
             <li><a href="https://2018.igem.org/Team:UChile_Biotec/InterLab">InterLab</a></li>
 
             <li><a href="https://2018.igem.org/Team:UChile_Biotec/InterLab">InterLab</a></li>
−
            <li><a href="https://2018.igem.org/Team:UChile_Biotec/Contributions">Contributions</a></li>
 
 
         </ul>
 
         </ul>
 
     </li>
 
     </li>
 
      
 
      
 
     <li>
 
     <li>
−
         <a href="https://2018.igem.org/Team:UChile_Biotec/Device">Device</a>
+
         <a href="https://2018.igem.org/Team:UChile_Biotec/Applied_Design">Design</a>
−
            <ul>
+
        <ul>
−
                <li><a href="https://2018.igem.org/Team:UChile_Biotec/Design">Design</a></li>
+
            <li><a href="https://2018.igem.org/Team:UChile_Biotec/Applied_Design#device">Device</a></li>
−
                <li><a href="https://2018.igem.org/Team:UChile_Biotec/Product">Product</a></li>
+
        </ul>
−
            </ul>
+
 
     </li>
 
     </li>
  
Line 431: Line 734:
 
         <a href="https://2018.igem.org/Team:UChile_Biotec/Team">Team</a>
 
         <a href="https://2018.igem.org/Team:UChile_Biotec/Team">Team</a>
 
             <ul>
 
             <ul>
−
                 <li><a href="https://2018.igem.org/Team:UChile_Biotec/Us">Us</a></li>
+
                 <li><a href="https://2018.igem.org/Team:UChile_Biotec/Team#Us">Us</a></li>
 
                 <li><a href="https://2018.igem.org/Team:UChile_Biotec/Sponsors">Sponsors</a></li>
 
                 <li><a href="https://2018.igem.org/Team:UChile_Biotec/Sponsors">Sponsors</a></li>
 +
                <li><a style="font-size:150%; text-align:center!important; padding:30px 40px 30px 20px" href="https://2018.igem.org/Team:UChile_Biotec/Attributions">Attributions</a></li>
 
             </ul>
 
             </ul>
 
     </li>
 
     </li>
 
      
 
      
 
     <li>
 
     <li>
−
         <a href="https://2018.igem.org/Team:UChile_Biotec/Practices">Practices</a>
+
         <a href="https://2018.igem.org/Team:UChile_Biotec/Human_Practices#jump">Practices</a>
 
             <ul>
 
             <ul>
−
                 <li><a href="https://2018.igem.org/Team:UChile_Biotec/Education">Education</a></li>
+
                 <li><a style="font-size:130%; text-align:center!important; padding:30px 40px 30px 20px"  href="https://2018.igem.org/Team:UChile_Biotec/Public_Engagement">Engagement</a></li>
−
                 <li><a href="https://2018.igem.org/Team:UChile_Biotec/Fieldwork">Fieldwork</a></li>
+
                 <li><a href="https://2018.igem.org/Team:UChile_Biotec/Human_Practices#jump">Integrated</a></li>
 +
                <li><a href="https://2018.igem.org/Team:UChile_Biotec/Meetings">Meetings</a></li>
 +
                <li><a href="https://2018.igem.org/Team:UChile_Biotec/Protocol">Protocol</a></li>
 +
                <li><a style="font-size:130%; text-align:center!important; padding:30px 40px 30px 20px" href="https://2018.igem.org/Team:UChile_Biotec/Collaborations">Collaborations</a></li>
 +
 
 
             </ul>
 
             </ul>
 
     </li>
 
     </li>
Line 446: Line 754:
 
     <li><a href="https://2018.igem.org/Team:UChile_Biotec/LATAM">LATAM</a></li>
 
     <li><a href="https://2018.igem.org/Team:UChile_Biotec/LATAM">LATAM</a></li>
 
</ul>
 
</ul>
 +
 +
<div class="igem_2018_team_mobile_bar">
 +
 +
<div class="igem_logo_mobile">
 +
</div>
 +
 +
 +
<div class="igem_menu_control_mobile">
 +
</div>
 +
 +
</div>
 +
 +
 +
 +
<div class="igem_2018_team_menu">
 +
 +
 +
<a href="https://2018.igem.org/Team:UChile_Biotec">
 +
</a>
 +
 +
 +
 +
<a href="https://2018.igem.org/Team:UChile_Biotec">
 +
<div class="menu_item direct_link">
 +
HOME
 +
</div>
 +
</a>
 +
 +
<!-- Team -->
 +
<div class="menu_item">
 +
<div class="submenu_control_icon"> </div>
 +
PROJECT
 +
</div>
 +
<div class="submenu">
 +
 +
<a href="https://2018.igem.org/Team:UChile_Biotec/Project">
 +
<div class="submenu_item">
 +
Our Project
 +
</div>
 +
</a>
 +
 +
<a href="https://2018.igem.org/Team:UChile_Biotec/Project#Problem">
 +
<div class="submenu_item">
 +
The Problem
 +
</div>
 +
</a>
 +
 +
<a href="https://2018.igem.org/Team:UChile_Biotec/Project#Solution">
 +
<div class="submenu_item">
 +
Our Solution
 +
</div>
 +
</a>
 +
</div>
 +
 +
 +
<!-- Project -->
 +
<div class="menu_item">
 +
<div class="submenu_control_icon"> </div>
 +
LAB
 +
</div>
 +
<div class="submenu">
 +
 +
<a href="https://2018.igem.org/Team:UChile_Biotec/Overview">
 +
<div class="submenu_item">
 +
Laboratory
 +
</div>
 +
</a>
 +
 +
<a href="https://2018.igem.org/Team:UChile_Biotec/Overview">
 +
<div class="submenu_item">
 +
Overview
 +
</div>
 +
</a>
 +
 +
<a href="https://2018.igem.org/Team:UChile_Biotec/Notebook">
 +
<div class="submenu_item">
 +
Notebook
 +
</div>
 +
</a>
 +
 +
<a href="https://2018.igem.org/Team:UChile_Biotec/Results">
 +
<div class="submenu_item">
 +
Results
 +
</div>
 +
</a>
 +
 +
<a href="https://2018.igem.org/Team:UChile_Biotec/InterLab">
 +
<div class="submenu_item">
 +
InterLab
 +
</div>
 +
</a>
 +
 +
</div>
 +
 +
 +
 +
<!-- Project -->
 +
<div class="menu_item">
 +
<div class="submenu_control_icon"> </div>
 +
DESIGN
 +
</div>
 +
<div class="submenu">
 +
 +
<a href="https://2018.igem.org/Team:UChile_Biotec/Applied_Design">
 +
<div class="submenu_item">
 +
Our Design
 +
</div>
 +
</a>
 +
 +
<a href="https://2018.igem.org/Team:UChile_Biotec/Applied_Design#device">
 +
<div class="submenu_item">
 +
The Device
 +
</div>
 +
</a>
 +
 +
</div>
 +
 +
<!-- Team -->
 +
<div class="menu_item">
 +
<div class="submenu_control_icon"> </div>
 +
TEAM
 +
</div>
 +
<div class="submenu">
 +
 +
<a href="https://2018.igem.org/Team:UChile_Biotec/Team">
 +
<div class="submenu_item">
 +
Team Members
 +
</div>
 +
</a>
 +
 +
<a href="https://2018.igem.org/Team:UChile_Biotec/Team#Us">
 +
<div class="submenu_item">
 +
Us
 +
</div>
 +
</a>
 +
 +
<a href="https://2018.igem.org/Team:UChile_Biotec/Team#Sponsors">
 +
<div class="submenu_item">
 +
Sponsors
 +
</div>
 +
</a>
 +
 +
<a href="https://2018.igem.org/Team:UChile_Biotec/Attributions">
 +
<div class="submenu_item">
 +
Attributions
 +
</div>
 +
</a>
 +
</div>
 +
 +
<div class="menu_item">
 +
<div class="submenu_control_icon"> </div>
 +
PRACTICES
 +
</div>
 +
 +
<div class="submenu">
 +
 +
<a href="https://2018.igem.org/Team:UChile_Biotec/Human_Practices">
 +
<div class="submenu_item">
 +
Human Practices
 +
</div>
 +
</a>
 +
 +
 +
<a href="https://2018.igem.org/Team:UChile_Biotec/Public_Engagement">
 +
<div class="submenu_item">
 +
Education & Engagement
 +
</div>
 +
</a>
 +
 +
<a href="https://2018.igem.org/Team:UChile_Biotec/Fieldwork">
 +
<div class="submenu_item">
 +
Fieldwork
 +
</div>
 +
</a>
 +
 +
<a href="https://2018.igem.org/Team:UChile_Biotec/Meetings">
 +
<div class="submenu_item">
 +
Meetings
 +
</div>
 +
</a>
 +
 +
<a href="https://2018.igem.org/Team:UChile_Biotec/Protocol">
 +
<div class="submenu_item">
 +
Team Protocol
 +
</div>
 +
</a>
 +
 +
<a href="https://2018.igem.org/Team:UChile_Biotec/Collaborations">
 +
<div class="submenu_item">
 +
Collaborations
 +
</div>
 +
</a>
 +
 +
</div>
 +
 +
<a href="https://2018.igem.org/Team:UChile_Biotec/LATAM">
 +
<div class="menu_item direct_link">
 +
LATAM
 +
</div>
 +
</a>
 +
 +
 +
 +
</div>
 +
  
 
</body>
 
</body>
  
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
−
<!--- Content of the page  --->
+
<!--- THIS IS WHERE THE HTML BEGINS --->
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
  
 +
<head>
 +
 +
<!-- This tells the browser that your page is responsive -->
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
 +
</head>
 +
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
<!--- Content of the page  --->
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
  
 
<div class="igem_2018_team_content">
 
<div class="igem_2018_team_content">
 
<div class="igem_2018_team_column_wrapper">
 
<div class="igem_2018_team_column_wrapper">
 
<br>
 
<br>
 +
<ul id="sp">
 +
<br></br>
 +
<br></br>
 +
<br></br>
 +
</ul>

Latest revision as of 02:11, 5 November 2018

HOME
PROJECT
Our Project
The Problem
Our Solution
LAB
Laboratory
Overview
Notebook
Results
InterLab
DESIGN
Our Design
The Device
TEAM
Team Members
Us
Sponsors
Attributions
PRACTICES
Human Practices
Education & Engagement
Fieldwork
Meetings
Team Protocol
Collaborations
LATAM