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

 
(103 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 56: 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;}
 
−
 
−
 
−
/**************************************************************************************************************************************************************************************************/   
 
−
 
−
/* general wrapper for the content */
 
−
@fontface {
 
−
font-family: "Futura";
 
−
src:url("https://static.igem.org/mediawiki/2018/2/29/T--UChile_Biotec--futura.ttf");
 
−
}
 
−
 
−
 
 
 
      
 
      
−
/********************************* Navigation bar  *********************************/
+
/********************************* Navigation bar  *********************************/
 +
 
  #nav{
 
  #nav{
 
     border:1px solid #ccc;
 
     border:1px solid #ccc;
Line 81: Line 75:
 
     text-align:center;
 
     text-align:center;
 
     background-color: #F5F4D8;
 
     background-color: #F5F4D8;
−
     font-family: 'Futura';
+
     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;
Line 87: Line 81:
 
     background-attachment: scroll;
 
     background-attachment: scroll;
 
     background-position: center top;  
 
     background-position: center top;  
−
     height:220px;
+
     height:350px;
 +
    z-index: 9998;
 
  }
 
  }
 
      
 
      
Line 93: Line 88:
 
     position:relative;
 
     position:relative;
 
     display:inline;
 
     display:inline;
 +
    z-index: 9999;
 
  }
 
  }
 
      
 
      
Line 104: Line 100:
 
     text-align: center;
 
     text-align: center;
 
     text-decoration: none;
 
     text-decoration: none;
−
     text-align: center;
+
     z-index: 9999;
 
  }
 
  }
 
      
 
      
Line 112: 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 132: Line 134:
 
     background:#cccccc;
 
     background:#cccccc;
 
     color: white;
 
     color: white;
 +
    text-align:center;
 
  }
 
  }
 
      
 
      
Line 137: 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 151: Line 156:
 
     text-decoration:none;
 
     text-decoration:none;
 
     font-weight:bold;
 
     font-weight:bold;
 +
    text-align:center;
 
  }
 
  }
 
      
 
      
Line 156: 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 171: 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 179: 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 191: 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 202: 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 209: 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: justify;
 
text-align: justify;
Line 230: 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 267: 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;
 
         color: #4C4C4C;
Line 278: 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 288: 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 310: 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 353: 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 394: 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/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/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>
Line 414: Line 723:
 
      
 
      
 
     <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/Products">Products</a></li>
+
        </ul>
−
            </ul>
+
 
     </li>
 
     </li>
  
Line 426: 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/Before">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="https://2018.igem.org/Team:UChile_Biotec/Practices">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">
 
<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