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

 
(136 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
 +
<link href='http://fonts.googleapis.com/css?family=Lato&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
 +
<link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
 
<script>
 
<script>
 
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
Line 42: Line 44:
  
  
−
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////  
+
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
−
   
+
 
</script>
 
</script>
 +
  
 
<style>
 
<style>
 +
/**************************************************************************************************************************************************************************************************/
 +
 +
  
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
Line 59: Line 64:
 
#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 73: Line 74:
 
     padding:0;
 
     padding:0;
 
     text-align:center;
 
     text-align:center;
−
     background-color: #006666;
+
     background-color: #F5F4D8;
−
     font-family: Arial, Helvetica, sans-serif;
+
     font-family: Quicksand;
 
     background-image: url('https://static.igem.org/mediawiki/2018/b/b7/T--UChile_Biotec--Topfondo.jpg');
 
     background-image: url('https://static.igem.org/mediawiki/2018/b/b7/T--UChile_Biotec--Topfondo.jpg');
 
     background-repeat: no-repeat;
 
     background-repeat: no-repeat;
 
     background-size: 100%;
 
     background-size: 100%;
−
     background-attachment: fixed;
+
     background-attachment: scroll;
 
     background-position: center top;  
 
     background-position: center top;  
−
     height:200px;
+
     height:350px;
 +
    z-index: 9998;
 
  }
 
  }
 
      
 
      
Line 86: Line 88:
 
     position:relative;
 
     position:relative;
 
     display:inline;
 
     display:inline;
 +
    z-index: 9999;
 
  }
 
  }
 
      
 
      
Line 91: Line 94:
 
     display:inline-block;
 
     display:inline-block;
 
     position: top;
 
     position: top;
−
    height: 10%;
 
 
     width: 80px;
 
     width: 80px;
−
     padding: 25px 30px;
+
     padding: 30px 30px;
−
     font-size: 16px;
+
     font-size: 20px;
 
     color: white;
 
     color: white;
 
     text-align: center;
 
     text-align: center;
 
     text-decoration: none;
 
     text-decoration: none;
−
     text-align: center;
+
     z-index: 9999;
 
  }
 
  }
 
      
 
      
Line 106: Line 108:
 
     margin:0;
 
     margin:0;
 
     padding:0;
 
     padding:0;
−
     text-align:left;
+
     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 126: Line 134:
 
     background:#cccccc;
 
     background:#cccccc;
 
     color: white;
 
     color: white;
 +
    text-align:center;
 
  }
 
  }
 
      
 
      
Line 131: 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 145: Line 156:
 
     text-decoration:none;
 
     text-decoration:none;
 
     font-weight:bold;
 
     font-weight:bold;
 +
    text-align:center;
 
  }
 
  }
 
      
 
      
Line 152: Line 164:
  
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
−
/* CONTENT OF THE PAGE */
+
/* 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%;
 +
}
 +
 +
/**************************************************************************************************************************************************************************************************/
 +
/* CONTENT OF THE PAGE */
 +
/**************************************************************************************************************************************************************************************************/
  
 
/* general wrapper for the content */
 
/* general wrapper for the content */
Line 166: 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 174: Line 416:
  
 
      
 
      
−
.igem_2018_team_content .igem_2018_team_column_wrapper h1 { font-size: 210%;}
+
.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 186: Line 428:
 
border-bottom:0px;  
 
border-bottom:0px;  
 
color: #136274;
 
color: #136274;
−
font-family: "Arial Black", Gadget, sans-serif;
+
font-family: Quicksand;
 
padding: 10px 0px;
 
padding: 10px 0px;
 +
text-align: center;
 
}
 
}
  
Line 197: Line 440:
 
border-bottom:0px;  
 
border-bottom:0px;  
 
color: #B45A62;   
 
color: #B45A62;   
−
font-family: "Arial Black", Gadget, sans-serif;
+
font-family: Quicksand;
 +
text-align: center;
 
padding: 5px 0px;
 
padding: 5px 0px;
 
}
 
}
Line 204: Line 448:
 
.igem_2018_team_content .igem_2018_team_column_wrapper p {  
 
.igem_2018_team_content .igem_2018_team_column_wrapper p {  
 
font-size: 130%;
 
font-size: 130%;
−
font-family: Arial, Helvetica, sans-serif;
+
font-family: Quicksand;
 
padding: 5px 0px;
 
padding: 5px 0px;
−
text-align: left;
+
text-align: justify;
 
color: #4C4C4C;
 
color: #4C4C4C;
 
}
 
}
Line 225: 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 262: Line 505:
 
.igem_2018_team_content .igem_2018_team_column_wrapper ul, .igem_2018_team_content .igem_2018_team_column_wrapper ol {
 
.igem_2018_team_content .igem_2018_team_column_wrapper ul, .igem_2018_team_content .igem_2018_team_column_wrapper ol {
 
font-size: 130%;
 
font-size: 130%;
−
font-family: Arial, Helvetica, sans-serif;
+
font-family: Quicksand;
 
padding:0px 20px;
 
padding:0px 20px;
 +
        color: #4C4C4C;
 
}
 
}
  
Line 272: 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 282: 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% */
−
.igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size { width: 29.3%; }
+
.igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size {
 +
width: 29.3%;  
 +
text-align: center;
 +
}
  
  
Line 301: 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 344: 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 385: 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="/about/">Project</a>
+
         <a href="https://2018.igem.org/Team:UChile_Biotec/Project">Project</a>
 
         <ul>
 
         <ul>
−
             <li><a href="#">Problem</a></li>
+
             <li><a href="https://2018.igem.org/Team:UChile_Biotec/Project#Problem">Problem</a></li>
−
             <li><a href="#">Results</a></li>
+
             <li><a href="https://2018.igem.org/Team:UChile_Biotec/Project#Solution">Solution</a></li>
 +
        </ul>
 +
    </li>
 +
 
 +
    <li>
 +
        <a href="https://2018.igem.org/Team:UChile_Biotec/Overview">Lab</a>
 +
        <ul>
 +
            <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/Results">Results</a></li>
 +
            <li><a href="https://2018.igem.org/Team:UChile_Biotec/InterLab">InterLab</a></li>
 
         </ul>
 
         </ul>
 
     </li>
 
     </li>
 
      
 
      
 
     <li>
 
     <li>
−
         <a href="/portfolio/">Device</a>
+
         <a href="https://2018.igem.org/Team:UChile_Biotec/Applied_Design">Design</a>
−
            <ul>
+
        <ul>
−
                <li><a href="#">Design</a></li>
+
            <li><a href="https://2018.igem.org/Team:UChile_Biotec/Applied_Design#device">Device</a></li>
−
                <li><a href="#">Products</a></li>
+
        </ul>
−
            </ul>
+
 
     </li>
 
     </li>
  
−
     <li><a href="/archives/" style="padding-bottom: 120px"> <br> </a></li>     
+
     <li><a href="https://2018.igem.org/Team:UChile_Biotec"> <br> </a></li>     
 
      
 
      
 
     <li>
 
     <li>
−
         <a href="/portfolio/">Team</a>
+
         <a href="https://2018.igem.org/Team:UChile_Biotec/Team">Team</a>
 
             <ul>
 
             <ul>
−
                 <li><a href="#">Us</a></li>
+
                 <li><a href="https://2018.igem.org/Team:UChile_Biotec/Team#Us">Us</a></li>
−
                 <li><a href="#">Before</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><a href="/resources/">Practices</a></li>
+
     <li>
−
      
+
        <a href="https://2018.igem.org/Team:UChile_Biotec/Human_Practices#jump">Practices</a>
 +
            <ul>
 +
                <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/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>
 +
     </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">
−
<div class="clear extra_space"></div>
+
<br>
−
<div class="clear extra_space"></div>
+
<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