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

 
(85 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;
 +
    z-index: 9999;
 
  }
 
  }
 
      
 
      
Line 108: Line 109:
 
     padding:0;
 
     padding:0;
 
     text-align:center;
 
     text-align:center;
 +
    z-index: 9999;
 
  }
 
  }
 
      
 
      
Line 113: Line 115:
 
     display:block;
 
     display:block;
 
     text-align:center;
 
     text-align:center;
 +
    z-index: 9999;
 
  }
 
  }
 
      
 
      
Line 118: Line 121:
 
     left:0;
 
     left:0;
 
     text-align:center;
 
     text-align:center;
 +
    z-index:9999;
 
  }
 
  }
 
      
 
      
Line 140: Line 144:
 
      
 
      
 
  #nav ul a{
 
  #nav ul a{
     white-space:nowrap;
+
     white-space:pre;
 
     text-align:center;
 
     text-align:center;
 
     display:block;
 
     display:block;
Line 158: 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 173: 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 181: 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 195: Line 430:
 
font-family: Quicksand;
 
font-family: Quicksand;
 
padding: 10px 0px;
 
padding: 10px 0px;
 +
text-align: center;
 
}
 
}
  
Line 205: Line 441:
 
color: #B45A62;   
 
color: #B45A62;   
 
font-family: Quicksand;
 
font-family: Quicksand;
 +
text-align: center;
 
padding: 5px 0px;
 
padding: 5px 0px;
 
}
 
}
Line 232: 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 280: 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 290: 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 312: 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 355: 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 396: 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 437: 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 452: 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