Difference between revisions of "Team:Ecuador"

Line 4: Line 4:
 
   <style>
 
   <style>
 
     @import url('https://fonts.googleapis.com/css?family=Raleway');
 
     @import url('https://fonts.googleapis.com/css?family=Raleway');
−
      *{
+
    *{
−
          margin: 0px;
+
        margin: 0px;
−
          font-family: 'Raleway', sans-serif;
+
        font-family: 'Raleway', sans-serif;
−
      }
+
−
    @keyframes slide-in {
+
−
      from {
+
−
        margin-left: -100%;
+
−
        border-bottom-right-radius: 30px;
+
−
        border-top-right-radius: 30px;
+
−
      }
+
−
 
+
−
      to {
+
−
        margin-left: 0%;
+
−
        border-bottom-right-radius: 0;
+
−
        border-top-right-radius: 0px;
+
−
      }
+
 
     }
 
     }
−
 
+
  @keyframes slide-in {
−
    @keyframes slide-in-menu {
+
    from {
−
      from {
+
      margin-left: -100%;
−
        margin-left: -120%;
+
      border-bottom-right-radius: 30px;
−
        border-bottom-right-radius: 30px;
+
      border-top-right-radius: 30px;
−
        border-top-right-radius: 30px;
+
−
        opacity: 0.5;
+
−
      }
+
−
 
+
−
      to {
+
−
        margin-left: 0%;
+
−
        border-bottom-right-radius: 0;
+
−
        border-top-right-radius: 0px;
+
−
        opacity: 1;
+
−
      }
+
 
     }
 
     }
  
−
     @keyframes fade-in {
+
     to {
−
       from {
+
       margin-left: 0%;
−
        opacity: 0;
+
       border-bottom-right-radius: 0;
−
       }
+
       border-top-right-radius: 0px;
−
 
+
−
      to {
+
−
        opacity: 1;
+
−
       }
+
 
     }
 
     }
 +
  }
  
−
    @keyframes slide-in-oposite {
+
  @keyframes slide-in-menu {
−
      from {
+
    from {
−
        margin-left: 100%;
+
      margin-left: -120%;
−
       }
+
       border-bottom-right-radius: 30px;
−
 
+
       border-top-right-radius: 30px;
−
       to {
+
       opacity: 0.5;
−
        margin-left: 0%;
+
−
       }
+
 
     }
 
     }
  
−
     @keyframes slide-in-up {
+
     to {
−
       from {
+
       margin-left: 0%;
−
        margin-top: 100%;
+
       border-bottom-right-radius: 0;
−
       }
+
       border-top-right-radius: 0px;
−
 
+
       opacity: 1;
−
       to {
+
−
        margin-left: 0%;
+
−
       }
+
 
     }
 
     }
 +
  }
  
−
    @keyframes slide-in-up-oposite {
+
  @keyframes fade-in {
−
      from {
+
    from {
−
        margin-top: -100%;
+
       opacity: 0;
−
       }
+
−
 
+
−
      to {
+
−
        margin-left: 0%;
+
−
      }
+
−
    }
+
−
    .igem_2018_team_menu.displaying_menu {
+
−
      display: none;
+
−
    }
+
−
    .ecuador_menu {
+
−
      font-size: 14px;
+
−
      width: 100%;
+
−
      height: 80px;
+
−
      position: fixed;
+
−
      left: 0px;
+
−
      top: 15px;
+
−
      background-color: #2471A3;
+
−
      animation-name: fade-in;
+
−
      animation-duration: 2s;
+
−
      -webkit-box-shadow: 0px 3px 11px 0px rgba(0,0,0,0.75);
+
−
      -moz-box-shadow: 0px 3px 11px 0px rgba(0,0,0,0.75);
+
−
      box-shadow: 0px 3px 11px 0px rgba(0,0,0,0.75);
+
−
      display: flex;
+
−
      z-index: 5;
+
 
     }
 
     }
  
−
     .ecuador_home {
+
     to {
−
       width: 16%;
+
       opacity: 1;
−
      height: 100%;
+
−
      display: flex;
+
−
      justify-content: center;
+
−
      background-color: #1F618D;
+
−
      position: absolute;
+
−
      align-items: center;
+
−
      margin: auto auto;
+
−
      left: 1.5%;
+
−
      color: #FFF;
+
−
      transition: 0.5s;
+
−
      -webkit-box-shadow: inset -50px -42px 114px -30px rgba(0,0,0,0.75);
+
−
      -moz-box-shadow: inset -50px -42px 114px -30px rgba(0,0,0,0.75);
+
−
      box-shadow: inset -50px -42px 114px -30px rgba(0,0,0,0.75);
+
−
      z-index: 10;
+
 
     }
 
     }
 +
  }
  
−
     .ecuador_home:hover {
+
  @keyframes slide-in-oposite {
−
       cursor: pointer;
+
     from {
−
      font-size: 16px;
+
       margin-left: 100%;
−
      background-color: #1A5276;
+
−
      box-shadow: none;
+
 
     }
 
     }
  
−
     .menu_options_container {
+
     to {
−
       width: 79%;
+
       margin-left: 0%;
−
      height: 50px;
+
−
      position: absolute;
+
−
      left: 19%;
+
−
      top: 15px;
+
−
      display: flex;
+
−
      justify-content: center;
+
 
     }
 
     }
 +
  }
  
−
     .menu_option {
+
  @keyframes slide-in-up {
−
       width: 14.28%;
+
     from {
−
      height: 100%;
+
       margin-top: 100%;
−
      position: relative;
+
−
      justify-content: center;
+
−
      align-items: center;
+
−
      display: flex;
+
−
      color: #FFFFFF;
+
−
      transition: 0.2s;
+
−
      text-align: center;
+
 
     }
 
     }
  
−
     #project {
+
     to {
−
       animation-name: slide-in-up-oposite;
+
       margin-left: 0%;
−
      animation-duration: 0.5s;
+
−
      animation-delay: 0.5s;
+
−
      animation-fill-mode: backwards;
+
−
      position: absolute;
+
−
      left: 0%;
+
−
      z-index: 9;
+
 
     }
 
     }
 +
  }
  
−
    #people {
+
  @keyframes slide-in-up-oposite {
−
      animation-name: slide-in-up-oposite;
+
    from {
−
      animation-duration: 0.5s;
+
       margin-top: -100%;
−
       animation-delay: 0.6s;
+
−
      animation-fill-mode: backwards;
+
−
      position: absolute;
+
−
      left: 14.28%;
+
−
      z-index: 9;
+
 
     }
 
     }
  
−
     #notebook {
+
     to {
−
       animation-name: slide-in-up-oposite;
+
       margin-left: 0%;
−
      animation-duration: 0.5s;
+
−
      animation-delay: 0.7s;
+
−
      animation-fill-mode: backwards;
+
−
      position: absolute;
+
−
      left: 28.56%;
+
−
      z-index: 9;
+
 
     }
 
     }
 +
  }
 +
  .igem_2018_team_menu.displaying_menu {
 +
    display: none;
 +
  }
 +
  .ecuador_menu {
 +
    font-size: 14px;
 +
    width: 100%;
 +
    height: 80px;
 +
    position: fixed;
 +
    left: 0px;
 +
    top: 15px;
 +
    background-color: #2471A3;
 +
    animation-name: fade-in;
 +
    animation-duration: 2s;
 +
    -webkit-box-shadow: 0px 3px 11px 0px rgba(0,0,0,0.75);
 +
    -moz-box-shadow: 0px 3px 11px 0px rgba(0,0,0,0.75);
 +
    box-shadow: 0px 3px 11px 0px rgba(0,0,0,0.75);
 +
    display: flex;
 +
    z-index: 5;
 +
  }
  
−
    #human_practice {
+
  .ecuador_home {
−
      animation-name: slide-in-up-oposite;
+
    width: 16%;
−
      animation-duration: 0.5s;
+
    height: 100%;
−
      animation-delay: 0.8s;
+
    display: flex;
−
      animation-fill-mode: backwards;
+
    justify-content: center;
−
      position: absolute;
+
    background-color: #1F618D;
−
      left: 42.84%;
+
    position: absolute;
−
      z-index: 9;
+
    align-items: center;
−
    }
+
    margin: auto auto;
 +
    left: 1.5%;
 +
    color: #FFF;
 +
    transition: 0.5s;
 +
    -webkit-box-shadow: inset -50px -42px 114px -30px rgba(0,0,0,0.75);
 +
    -moz-box-shadow: inset -50px -42px 114px -30px rgba(0,0,0,0.75);
 +
    box-shadow: inset -50px -42px 114px -30px rgba(0,0,0,0.75);
 +
    z-index: 10;
 +
  }
  
−
    #parts {
+
  .ecuador_home:hover {
−
      animation-name: slide-in-up-oposite;
+
    cursor: pointer;
−
      animation-duration: 0.5s;
+
    font-size: 16px;
−
      animation-delay: 0.9s;
+
    background-color: #1A5276;
−
      animation-fill-mode: backwards;
+
    box-shadow: none;
−
      position: absolute;
+
  }
−
      left: 57.12%;
+
−
      z-index: 9;
+
−
    }
+
  
−
    #safety {
+
  .menu_options_container {
−
      animation-name: slide-in-up-oposite;
+
    width: 79%;
−
      animation-duration: 0.5s;
+
    height: 50px;
−
      animation-delay: 1s;
+
    position: absolute;
−
      animation-fill-mode: backwards;
+
    left: 19%;
−
      position: absolute;
+
    top: 15px;
−
      left: 71.40%;
+
    display: flex;
−
      z-index: 9;
+
    justify-content: center;
−
    }
+
  }
  
−
    #interlab {
+
  .menu_option {
−
      animation-name: slide-in-up-oposite;
+
    width: 14.28%;
−
      animation-duration: 0.5s;
+
    height: 100%;
−
      animation-delay: 1.1s;
+
    position: relative;
−
      animation-fill-mode: backwards;
+
    justify-content: center;
−
      position: absolute;
+
    align-items: center;
−
      left: 85.68%;
+
    display: flex;
−
      z-index: 9;
+
    color: #FFFFFF;
−
    }
+
    transition: 0.2s;
 +
    text-align: center;
 +
  }
  
−
    .ecuador_href_text {
+
  #project {
−
      width: 14.28% !important;
+
    animation-name: slide-in-up-oposite;
−
      height: 100% !important;
+
    animation-duration: 0.5s;
−
      position: relative !important;
+
    animation-delay: 0.5s;
−
      justify-content: center !important;
+
    animation-fill-mode: backwards;
−
      align-items: center !important;
+
    position: absolute;
−
      display: flex !important;
+
    left: 0%;
−
      color: #FFFFFF !important;
+
    z-index: 9;
−
      transition: 0.2s !important;
+
  }
−
      text-align: center !important;
+
−
      text-decoration: none !important;
+
−
      font-weight: bold !important;
+
−
    }
+
  
−
    .ecuador_href_sub_text {
+
  #parts {
−
      width: 100% !important;
+
    animation-name: slide-in-up-oposite;
−
      height: 40px !important;
+
    animation-duration: 0.5s;
−
      position: relative !important;
+
    animation-delay: 0.6s;
−
      text-align: left !important;
+
    animation-fill-mode: backwards;
−
      text-indent: 20px !important;
+
    position: absolute;
−
      display: flex !important;
+
    left: 12.5%;
−
      background-color: #000 !important;
+
    z-index: 9;
−
      margin: auto auto !important;
+
  }
−
      align-items: center !important;
+
−
      transition: 0.2s !important;
+
−
      color: #D5DBDB !important;
+
−
      text-decoration: none !important;
+
−
    }
+
  
−
     .menu_option:hover {
+
  #human_practice {
−
      margin-top: 3px;
+
     animation-name: slide-in-up-oposite;
−
      cursor: pointer;
+
    animation-duration: 0.5s;
−
     }
+
    animation-delay: 0.7s;
 +
    animation-fill-mode: backwards;
 +
    position: absolute;
 +
     left: 25%;
 +
    z-index: 9;
 +
  }
  
−
     .menu_option:hover div.menu_sub_options_container{
+
  #safety {
−
      display: block;
+
     animation-name: slide-in-up-oposite;
−
     }
+
    animation-duration: 0.5s;
 +
    animation-delay: 0.8s;
 +
    animation-fill-mode: backwards;
 +
     position: absolute;
 +
    left: 37.5%;
 +
    z-index: 9;
 +
  }
  
−
     .menu_sub_options_container {
+
  #interlab {
−
      width: 90%;
+
     animation-name: slide-in-up-oposite;
−
      height: auto;
+
    animation-duration: 0.5s;
−
      position: absolute;
+
    animation-delay: 0.9s;
−
      top: 50px;
+
    animation-fill-mode: backwards;
−
      display: none;
+
    position: absolute;
−
    }
+
    left: 50%;
 +
    z-index: 9;
 +
  }
  
−
    .sub_menu_option {
+
  #judging_forms {
−
      width: 100%;
+
    animation-name: slide-in-up-oposite;
−
      height: 40px;
+
    animation-duration: 0.5s;
−
      position: relative;
+
    animation-delay: 1s;
−
      text-align: left;
+
    animation-fill-mode: backwards;
−
      text-indent: 20px;
+
    position: absolute;
−
      display: flex;
+
    left: 62.5%;
−
      background-color: #000;
+
    z-index: 9;
−
      margin: auto auto;
+
  }
−
      align-items: center;
+
−
      transition: 0.2s;
+
−
      color: #D5DBDB;
+
−
    }
+
  
−
     .sub_menu_option:hover {
+
  #team {
−
      text-indent: 25px;
+
     animation-name: slide-in-up-oposite;
−
      background-color: #2E86C1;
+
    animation-duration: 0.5s;
−
     }
+
    animation-delay: 1.1s;
 +
    animation-fill-mode: backwards;
 +
    position: absolute;
 +
    left: 75%;
 +
    z-index: 9;
 +
  }
 +
#atributions {
 +
    animation-name: slide-in-up-oposite;
 +
     animation-duration: 0.5s;
 +
    animation-delay: 1.2s;
 +
    animation-fill-mode: backwards;
 +
    position: absolute;
 +
    left: 87.5%;
 +
    z-index: 9;
 +
  }
  
−
    .ecuador_footer {
+
  .ecuador_href_text {
−
      width: 100%;
+
    width: 14.28% !important;
−
      height: 250px;
+
    height: 100% !important;
−
      position: relative;
+
    position: relative !important;
−
      left: 0px;
+
    justify-content: center !important;
−
      background-color: #212F3C;
+
    align-items: center !important;
−
     }
+
    display: flex !important;
 +
    color: #FFFFFF !important;
 +
     transition: 0.2s !important;
 +
    text-align: center !important;
 +
    text-decoration: none !important;
 +
    font-weight: bold !important;
 +
  }
  
−
    .ecuador_footer_igem_logo {
+
  .ecuador_href_sub_text {
−
      width: 180px;
+
    width: 100% !important;
−
      height: 180px;
+
    height: 40px !important;
−
      position: absolute;
+
    position: relative !important;
−
      right: 80px;
+
    text-align: left !important;
−
      top: 35px;
+
    text-indent: 20px !important;
−
      background-image: url(https://static.igem.org/mediawiki/2018/5/55/T--Ecuador--iGEM--Logo--Black.png);
+
    display: flex !important;
−
      background-size: 100%;
+
    background-color: #000 !important;
−
      background-repeat: no-repeat;
+
    margin: auto auto !important;
−
      background-position: center;
+
    align-items: center !important;
−
     }
+
     transition: 0.2s !important;
 +
    color: #D5DBDB !important;
 +
    text-decoration: none !important;
 +
  }
  
−
    .ecuador_footer_information_layout {
+
  .menu_option:hover {
−
      width: 75%;
+
    margin-top: 3px;
−
      height: 80%;
+
    cursor: pointer;
−
      position: absolute;
+
  }
−
      left: 60px;
+
−
      top: 15%;
+
−
      display: flex;
+
−
    }
+
  
−
    .ecuador_footer_information_container {
+
  .menu_option:hover div.menu_sub_options_container{
−
      width: 33.33%;
+
    display: block;
−
      height: 100%;
+
  }
−
      position: relative;
+
−
    }
+
  
−
    .ecuador_footer_information_title_container {
+
  .menu_sub_options_container {
−
      width: 100%;
+
    width: 100%;
−
      height: 25px;
+
    height: auto;
−
      position: relative;
+
    position: absolute;
−
      top: 0px;
+
    top: 50px;
−
      text-align: center;
+
    display: none;
−
      font-size: 20px;
+
  }
−
      font-weight: bold;
+
−
      color: #B2BABB;
+
−
    }
+
  
−
    .ecuador_follow_us_icons_container {
+
  .sub_menu_option {
−
      width: 50%;
+
    width: 100%;
−
      height: 60px;
+
    height: 40px;
−
      position: relative;
+
    position: relative;
−
      top: 40px;
+
    text-align: left;
−
      margin: auto;
+
    text-indent: 20px;
−
      display: flex;
+
    display: flex;
−
     }
+
     background-color: #000;
 +
    margin: auto auto;
 +
    align-items: center;
 +
    transition: 0.2s;
 +
    color: #D5DBDB;
 +
  }
  
−
    .ecuador_follow_us_icon {
+
  .sub_menu_option:hover {
−
      width: 60px;
+
    text-indent: 15px;
−
      height: 60px;
+
    background-color: #2E86C1;
−
      position: relative;
+
  }
−
      margin: auto;
+
−
    }
+
  
−
    #facebook {
+
  .ecuador_footer {
−
      background-image: url(https://static.igem.org/mediawiki/2018/4/42/T--Ecuador--Facebook.png);
+
    width: 100%;
−
       background-repeat: no-repeat;
+
       height: 250px;
−
       background-position: center;
+
       position: absolute;
−
       background-size: 80%;
+
       left: 0px;
−
       transition: 0.4s;
+
       top: 810px;
−
       border-radius: 5px;
+
       background-color: #212F3C;
−
    }
+
  }
  
−
     #facebook:hover {
+
  .ecuador_footer_igem_logo {
−
      background-image: url(https://static.igem.org/mediawiki/2018/4/40/T--Ecuador--Facebook--White.png);
+
     width: 180px;
−
      cursor: pointer;
+
    height: 180px;
−
     }
+
    position: absolute;
 +
    right: 80px;
 +
    top: 35px;
 +
    background-image: url(https://static.igem.org/mediawiki/2018/5/55/T--Ecuador--iGEM--Logo--Black.png);
 +
    background-size: 100%;
 +
     background-repeat: no-repeat;
 +
    background-position: center;
 +
  }
  
−
    #instagram {
+
  .ecuador_footer_information_layout {
−
      background-image: url(https://static.igem.org/mediawiki/2018/9/90/T--Ecuador--Instagram.png);
+
    width: 75%;
−
      background-repeat: no-repeat;
+
    height: 80%;
−
      background-position: center;
+
    position: absolute;
−
      background-size: 80%;
+
    left: 60px;
−
      transition: 0.4s;
+
    top: 15%;
−
      border-radius: 5px;
+
    display: flex;
−
    }
+
  }
  
−
    #instagram:hover {
+
  .ecuador_footer_information_container {
−
      background-image: url(https://static.igem.org/mediawiki/2018/4/49/T--Ecuador--Instagram--White.png);
+
    width: 33.33%;
−
      cursor: pointer;
+
    height: 100%;
−
     }
+
     position: relative;
 +
  }
  
−
    .ecuador_down_arrow_container {
+
  .ecuador_footer_information_title_container {
−
      width: 130px;
+
    width: 100%;
−
      height: 130px;
+
    height: 25px;
−
      position: relative;
+
    position: relative;
−
      bottom: 180px;
+
    top: 0px;
−
      left: 85%;
+
    text-align: center;
−
      background-image: url(https://static.igem.org/mediawiki/2018/d/db/T--Ecuador--Down--Arrow.png);
+
    font-size: 20px;
−
      background-position: center;
+
    font-weight: bold;
−
      background-repeat: no-repeat;
+
    color: #B2BABB;
−
      background-size: 65%;
+
  }
−
      animation-name: fade-in;
+
−
      animation-duration: 1s;
+
−
      animation-fill-mode: backwards;
+
−
      animation-delay: 3s;
+
−
      transition: 0.5s;
+
−
    }
+
  
−
    .ecuador_down_arrow_container:hover {
+
  .ecuador_follow_us_icons_container {
−
      transform: scale(1.20);
+
    width: 50%;
−
      cursor: pointer;
+
    height: 60px;
−
     }
+
     position: relative;
 +
    top: 40px;
 +
    margin: auto;
 +
    display: flex;
 +
  }
  
−
    .ecuador_team_icon {
+
  .ecuador_follow_us_icon {
−
      width: 100%;
+
    width: 60px;
−
      height: 750px;
+
    height: 60px;
−
      position: relative;
+
    position: relative;
−
      left: 0px;
+
    margin: auto;
−
      top: 0px;
+
  }
−
      margin-top: -40px;
+
−
      background-color: #FFF;
+
−
      background-image: url(https://static.igem.org/mediawiki/2018/5/5f/T--Ecuador--Logo.png);
+
−
      background-position: center;
+
−
      background-repeat: no-repeat;
+
−
      background-size: 80%;
+
−
      animation-name: fade-in;
+
−
      animation-duration: 4s;
+
−
    }
+
  
−
    .ecuador_project_description_container {
+
  #facebook {
−
      width: 100%;
+
    background-image: url(https://static.igem.org/mediawiki/2018/4/42/T--Ecuador--Facebook.png);
−
      height: 800px;
+
    background-repeat: no-repeat;
−
      background-color: #333333;
+
    background-position: center;
−
      position: relative;
+
    background-size: 80%;
−
      transform: skewY(2deg);
+
    transition: 0.4s;
−
      display: flex;
+
     border-radius: 5px;
−
     }
+
  }
  
−
    .ecuador_proyect_description_text_container {
+
  #facebook:hover {
−
      transform: skewY(-2deg);
+
    background-image: url(https://static.igem.org/mediawiki/2018/4/40/T--Ecuador--Facebook--White.png);
−
      width: 40%;
+
    cursor: pointer;
−
      height: 50%;
+
  }
−
      position: relative;
+
−
      margin-top: 170px;
+
−
      justify-content: center;
+
−
    }
+
  
−
     .ecuador_project_description_video_container {
+
  #instagram {
−
      width: 60%;
+
     background-image: url(https://static.igem.org/mediawiki/2018/9/90/T--Ecuador--Instagram.png);
−
      height: 70%;
+
    background-repeat: no-repeat;
−
      transform: skewY(-2deg);
+
    background-position: center;
−
      position: relative;
+
    background-size: 80%;
−
      margin-top: 80px;
+
    transition: 0.4s;
−
     }
+
    border-radius: 5px;
 +
  }
 +
 
 +
  #instagram:hover {
 +
    background-image: url(https://static.igem.org/mediawiki/2018/4/49/T--Ecuador--Instagram--White.png);
 +
     cursor: pointer;
 +
  }
  
−
    .ecuador_home_content {
+
  .ecuador_abstract_container {
 
       width: 100%;
 
       width: 100%;
−
       height: auto;
+
       height: 700px;
 
       position: absolute;
 
       position: absolute;
 
       left: 0px;
 
       left: 0px;
 +
      top: 110px;
 +
      background-color: #21618C;
 
     }
 
     }
  
−
     .ecuador_proyect_description_main_text_container {
+
     .ecuador_abstract_title_cotainer {
−
       width: 80%;
+
       width: 100%;
−
       height: auto;
+
       height: 70px;
 +
      position: relative;
 +
      top: 30px;
 
       margin: auto;
 
       margin: auto;
−
      margin-top: 100px;
 
 
       color: #FFF;
 
       color: #FFF;
−
       font-size: 60px;
+
       font-size: 32px;
−
      text-align: center;
+
       display: flex;
−
      text-indent: 20px;
+
       justify-content: center;
−
      animation-name: fade-in;
+
       align-items: center;
−
      animation-duration: 1s;
+
       animation-name: slide-in;
−
      animation-delay: 0.5s;
+
       animation-duration: 1.5s;
−
      animation-fill-mode: backwards;
+
−
       display: none;
+
−
    }
+
−
 
+
−
    .ecuador_proyect_description_sub_text_container {
+
−
       width: 40%;
+
−
      height: auto;
+
−
      margin: auto;
+
−
      margin-top: 60px;
+
−
       color: #FFF;
+
−
      font-size: 30px;
+
−
      text-align: center;
+
−
      text-indent: 20px;
+
−
      animation-name: fade-in;
+
−
      animation-duration: 1s;
+
−
      animation-delay: 1s;
+
−
      animation-fill-mode: backwards;
+
−
      display: none;
+
−
    }
+
−
 
+
−
    .ecuador_down_arrow_container_description {
+
−
      width: 130px;
+
−
      height: 130px;
+
−
      position: absolute;
+
−
      left: 100px;
+
−
      bottom: 180px;
+
−
      background-image: url(https://static.igem.org/mediawiki/2018/d/db/T--Ecuador--Down--Arrow.png);
+
−
      background-position: center;
+
−
      background-repeat: no-repeat;
+
−
      background-size: 65%;
+
−
       animation-name: fade-in;
+
−
       animation-duration: 1s;
+
−
      animation-fill-mode: backwards;
+
−
      animation-delay: 1.5s;
+
−
      transition: 0.5s;
+
−
      transform: scaleX(-1);
+
−
      display: none;
+
−
    }
+
−
 
+
−
    .ecuador_down_arrow_container_description:hover {
+
−
      bottom: 170px;
+
−
      cursor: pointer;
+
 
     }
 
     }
  
−
     .ecuador_description_abstract_container {
+
     .ecuador_abstract_text_container {
 
       width: 100%;
 
       width: 100%;
−
       height: 720px;
+
       height: 400px;
 +
      top: 70px;
 
       position: relative;
 
       position: relative;
−
      transform: skewY(-2deg);
 
−
      display: block;
 
−
      background-color: #23496E;
 
−
      margin-top: -70px;
 
−
      z-index: 2;
 
 
     }
 
     }
  
−
     .ecuador_description_abstract_container_title {
+
     .ecuador_abstract_text {
−
      transform: skewY(2deg);
+
       width: 60%;
−
       width: 100%;
+
       height: 100%;
−
       height: auto;
+
 
       position: relative;
 
       position: relative;
−
       font-size: 40px;
+
       margin: auto;
−
       display: flex;
+
       background-color: #21618C;
−
      justify-content: center;
+
       border-radius: 20px;
−
      color: #FFF;
+
−
       top: 100px;
+
−
      animation-name: fade-in;
+
−
      animation-duration: 1s;
+
−
      animation-fill-mode: backwards;
+
−
      text-align: center;
+
−
      display: none;
+
−
    }
+
−
 
+
−
    .ecuador_description_abstract_text_container {
+
−
      width: 80%;
+
−
      height: auto;
+
−
      transform: skewY(2deg);
+
−
      top: 160px;
+
 
       color: #FFF;
 
       color: #FFF;
 +
      text-align: justify;
 
       font-size: 20px;
 
       font-size: 20px;
−
      position: relative;
 
−
      margin: auto;
 
−
      text-align: justify;
 
 
       animation-name: fade-in;
 
       animation-name: fade-in;
−
       animation-duration: 1s;
+
       animation-duration: 4.5s;
−
      animation-delay: 0.75s;
+
−
      animation-fill-mode: backwards;
+
−
      display: none;
+
 
     }
 
     }
  
−
    .ecuador_description_separator {
+
  </style>
−
      width: 100%;
+
−
      height: 250px;
+
−
      background-color: #23496E;
+
−
      position: relative;
+
−
      margin-top: -100px;
+
−
      z-index: 1;
+
−
    }
+
  
−
    .description_video {
+
<div class="ecuador_menu">
−
      position: absolute;
+
−
      right: 200px;
+
−
      top: 80px;
+
−
      width: 60%;
+
−
      height: 55%;
+
−
    }
+
−
 
+
−
    .cientific_name_text {
+
−
      font-style: italic;
+
−
    }
+
−
 
+
−
    @media only screen and (max-device-width: 600px) {
+
−
      .ecuador_team_icon {
+
−
          display: none;
+
−
      }
+
−
 
+
−
      .ecuador_proyect_description_text_container {
+
−
        width: 0%;
+
−
        display: none;
+
−
      }
+
−
 
+
−
      .ecuador_project_description_video_container {
+
−
        width: 100%;
+
−
      }
+
−
 
+
−
      .ecuador_down_arrow_container_description {
+
−
        display: none;
+
−
        width: 0%;
+
−
      }
+
−
 
+
−
      .ecuador_down_arrow_container {
+
−
        display: none;
+
−
        width: 0%;
+
−
      }
+
−
 
+
−
      .ecuador_project_description_container {
+
−
        height: 600px;
+
−
      }
+
−
 
+
−
      .description_video {
+
−
        position: relative;
+
−
        width: 60%;
+
−
        height: 95%;
+
−
        left: 1%;
+
−
      }
+
−
 
+
−
      .ecuador_description_abstract_text_container {
+
−
        display: block;
+
−
        font-size: 14px;
+
−
      }
+
−
 
+
−
      .ecuador_description_abstract_container_title {
+
−
        display: block;
+
−
      }
+
−
 
+
−
      .ecuador_project_description_video_container {
+
−
        width: 100%;
+
−
        height: 300px;
+
−
        justify-content: center;
+
−
        display: flex;
+
−
      }
+
−
 
+
−
      .menu_options_container {
+
−
          display: none;
+
−
      }
+
−
 
+
−
      .ecuador_home {
+
−
        font-size: 12px;
+
−
      }
+
−
 
+
−
      .ecuador_description_abstract_container {
+
−
        height: 1400px;
+
−
      }
+
−
 
+
−
      .ecuador_footer {
+
−
        display: none;
+
−
      }
+
−
    }
+
−
 
+
−
  </style>
+
−
  <div class="ecuador_menu">
+
 
<a href="https://2018.igem.org/Team:Ecuador">
 
<a href="https://2018.igem.org/Team:Ecuador">
 
  <div class="ecuador_home">
 
  <div class="ecuador_home">
Line 639: Line 434:
 
<div class="menu_options_container">
 
<div class="menu_options_container">
 
  <div id="project" class="menu_option">
 
  <div id="project" class="menu_option">
 +
  <a class="ecuador_href_text" href="https://2018.igem.org/Team:Ecuador/Description">
 
PROJECT
 
PROJECT
 +
  </a>
 
<div class="menu_sub_options_container">
 
<div class="menu_sub_options_container">
 
  <a class="ecuador_href_sub_text" href="https://2018.igem.org/Team:Ecuador/Description">
 
  <a class="ecuador_href_sub_text" href="https://2018.igem.org/Team:Ecuador/Description">
 
<div class="sub_menu_option">
 
<div class="sub_menu_option">
−
  OVERVIEW
+
  DESCRIPTION
 
</div>
 
</div>
 
  </a>
 
  </a>
Line 661: Line 458:
 
</div>
 
</div>
 
  </a>
 
  </a>
−
</div>
+
<a class="ecuador_href_sub_text" href="https://2018.igem.org/Team:Ecuador/Experiments">
−
  </div>
+
−
  <div id="people" class="menu_option">
+
−
PEOPLE
+
−
<div class="menu_sub_options_container">
+
−
<a class="ecuador_href_sub_text" href="https://2018.igem.org/Team:Ecuador/Sponsiring">
+
−
<div class="sub_menu_option">
+
−
SPONSIRING
+
−
</div>
+
−
</a>
+
−
<a class="ecuador_href_sub_text" href="https://2018.igem.org/Team:Ecuador/Attributions">
+
−
  <div class="sub_menu_option">
+
−
ATTRIBUTIONS
+
−
  </div>
+
−
</a>
+
−
  <a class="ecuador_href_sub_text" href="https://2018.igem.org/Team:Ecuador/Team">
+
 
<div class="sub_menu_option">
 
<div class="sub_menu_option">
−
  TEAM
+
  EXPERIMENTS
 
</div>
 
</div>
 
  </a>
 
  </a>
 +
<a class="ecuador_href_sub_text" href="https://2018.igem.org/Team:Ecuador/Notebook">
 +
<div class="sub_menu_option">
 +
  NOTEBOOK
 +
</div>
 +
  </a>
 +
<a class="ecuador_href_sub_text" href="https://2018.igem.org/Team:Ecuador/Model">
 +
<div class="sub_menu_option">
 +
  MODELLING
 +
</div>
 +
  </a>
 +
<a class="ecuador_href_sub_text" href="https://2018.igem.org/Team:Ecuador/Results">
 +
<div class="sub_menu_option">
 +
  RESULTS
 +
</div>
 +
  </a>
 +
<a class="ecuador_href_sub_text" href="https://2018.igem.org/Team:Ecuador/Demonstrate">
 +
<div class="sub_menu_option">
 +
  DEMOSTRATE
 +
</div>
 +
  </a>
 +
<a class="ecuador_href_sub_text" href="https://2018.igem.org/Team:Ecuador/Improve">
 +
<div class="sub_menu_option">
 +
  IMPROVE
 +
</div>
 +
  </a>
 +
 
</div>
 
</div>
 
  </div>
 
  </div>
−
  <div id="notebook" class="menu_option">
+
  <div id="parts" class="menu_option">
−
  <a class="ecuador_href_text" href="https://2018.igem.org/Team:Ecuador/Notebook">
+
  <a class="ecuador_href_text" href="https://2018.igem.org/Team:Ecuador/Parts">
−
NOTEBOOK
+
PARTS
 
  </a>
 
  </a>
 
<div class="menu_sub_options_container">
 
<div class="menu_sub_options_container">
−
<a class="ecuador_href_sub_text" href="https://2018.igem.org/Team:Ecuador/Lab_book">
+
<a class="ecuador_href_sub_text" href="https://2018.igem.org/Team:Ecuador/Parts">
 
  <div class="sub_menu_option">
 
  <div class="sub_menu_option">
−
LAB BOOK
+
  PARTS OVERVIEW
 
  </div>
 
  </div>
 
</a>
 
</a>
−
<a class="ecuador_href_sub_text" href="https://2018.igem.org/Team:Ecuador/Protocols">
+
<a class="ecuador_href_sub_text" href="https://2018.igem.org/Team:Ecuador/Basic">
−
  <div class="sub_menu_option">
+
  <div class="sub_menu_option">
−
  PROTOCOLS
+
  BASIC PARTS
−
  </div>
+
  </div>
 
</a>
 
</a>
 +
<a class="ecuador_href_sub_text" href="https://2018.igem.org/Team:Ecuador/Composite">
 +
  <div class="sub_menu_option">
 +
  COMPOSITE PARTS
 +
  </div>
 +
</a>
 +
<a class="ecuador_href_sub_text" href="https://2018.igem.org/Team:Ecuador/List">
 +
  <div class="sub_menu_option">
 +
  PARTS COLLECTION
 +
  </div>
 +
</a>
 +
 +
 
</div>
 
</div>
 
  </div>
 
  </div>
−
  <div id="human_practice" class="menu_option">
+
<div id="human_practice" class="menu_option">
 
  <a class="ecuador_href_text" href="https://2018.igem.org/Team:Ecuador/Human_Practices">
 
  <a class="ecuador_href_text" href="https://2018.igem.org/Team:Ecuador/Human_Practices">
−
HUMAN PRACTICE
+
HUMAN PRACTICES
 
  </a>
 
  </a>
 
<div class="menu_sub_options_container">
 
<div class="menu_sub_options_container">
−
<a class="ecuador_href_sub_text" href="https://2018.igem.org/Team:Ecuador/Collaborations">
+
<a class="ecuador_href_sub_text" href="https://2018.igem.org/Team:Ecuador/Human_Practices">
 
  <div class="sub_menu_option">
 
  <div class="sub_menu_option">
−
COLLABORATIONS
+
HUMAN PRACTICES
 +
  </div>
 +
</a>
 +
<a class="ecuador_href_sub_text" href="https://2018.igem.org/Team:Ecuador/Public_Engagement">
 +
  <div class="sub_menu_option">
 +
PUBLIC ENGAGEMENT
 
  </div>
 
  </div>
 
</a>
 
</a>
 
</div>
 
</div>
 
  </div>
 
  </div>
−
  <div id="parts" class="menu_option">
+
<div id="safety" class="menu_option">
−
  <a class="ecuador_href_text" href="https://2018.igem.org/Team:Ecuador/Parts">
+
<a class="ecuador_href_text" href="https://2018.igem.org/Team:Ecuador/Safety">
−
PARTS
+
SAFETY
 +
</a>
 +
  </div>
 +
<div id="interlab" class="menu_option">
 +
<a class="ecuador_href_text" href="http://2018.iGEM.org/Team:Ecuador/Interlab">
 +
  INTERLAB
 +
</a>
 +
  </div>
 +
<div id="judging_forms" class="menu_option">
 +
<a class="ecuador_href_text" href="https://igem.org/2018_Judging_Form?id=2804">
 +
  JUDGING FORMS
 +
</a>
 +
  </div>
 +
 +
  <div id="team" class="menu_option">
 +
  <a class="ecuador_href_text" href="https://2018.igem.org/Team:Ecuador/Team">
 +
TEAM
 
  </a>
 
  </a>
 
<div class="menu_sub_options_container">
 
<div class="menu_sub_options_container">
−
<a class="ecuador_href_sub_text" href="https://2018.igem.org/Team:Ecuador/List">
+
<a class="ecuador_href_sub_text" href="https://2018.igem.org/Team:Ecuador/Team">
 +
<div class="sub_menu_option">
 +
TEAM MEMBERS
 +
</div>
 +
</a>
 +
<a class="ecuador_href_sub_text" href="https://2018.igem.org/Team:Ecuador/Collaborations">
 
  <div class="sub_menu_option">
 
  <div class="sub_menu_option">
−
  LIST
+
COLLABORATIONS
 
  </div>
 
  </div>
 
</a>
 
</a>
−
<a class="ecuador_href_sub_text" href="https://2018.igem.org/Team:Ecuador/Composite">
+
 
 +
</div>
 +
</div>
 +
 
 +
 +
<div id="atributions" class="menu_option">
 +
<a class="ecuador_href_text" href="https://2018.igem.org/Team:Ecuador/Attributions">
 +
  ATTRIBUTIONS
 +
  </a>
 +
<div class="menu_sub_options_container">
 +
<a class="ecuador_href_sub_text" href="https://2018.igem.org/Team:Ecuador/Attributions">
 
  <div class="sub_menu_option">
 
  <div class="sub_menu_option">
−
  COMPOSITE
+
ATRIBUTTIONS
 
  </div>
 
  </div>
 
</a>
 
</a>
−
<a class="ecuador_href_sub_text" href="https://2018.igem.org/Team:Ecuador/Basic">
+
<a class="ecuador_href_sub_text" href="https://2018.igem.org/Team:Ecuador/Sponsoring">
 
  <div class="sub_menu_option">
 
  <div class="sub_menu_option">
−
  BASIC
+
SPONSORING
 
  </div>
 
  </div>
 
</a>
 
</a>
−
</div>
+
</div>
−
  </div>
+
  </div>
−
  <div id="safety" class="menu_option">
+
−
  <a class="ecuador_href_text" href="https://2018.igem.org/Team:Ecuador/Safety">
+
−
SAFETY
+
−
</a>
+
−
  </div>
+
−
+
−
  <div id="interlab" class="menu_option">
+
−
<a class="ecuador_href_text" href="http://2018.iGEM.org/Team:Ecuador/Interlab">
+
−
  INTERLAB
+
−
</a>
+
−
  </div>
+
 
</div>
 
</div>
 
  </div>
 
  </div>

Revision as of 18:16, 30 September 2018

iGEM ECUADOR
iGEM ECUADOR
What is C-lastin?
Know our idea
About our project
In this project a new biomaterial based on the cross-linking of bacterial cellulose (bacterial celluose, BC) and elastin-like polypeptides (Elastin like polypeptides, ELP) will be developed, for use in biomedical applications. The cross-linking of both materials will be carried out with synthetic biology techniques using the Escherichia coli bacterium as the expression system of the new biomaterial, and as a mediator of the cross-linking to two protein modules of the carbohydrate binding domain (carbohydrate binding domain, CBD) specific for cellulose and one module of bone morphogenic protein 2 (BMP-2).

Bacterial cellulose will be used as a bandage matrix, due its biocompatibility in vivo with the body, moreover its ability to provide an optimal three-dimensional substrate for cell attachment and a microfibrillar structure that provides flexibility, and its high retention capacity of water and gas exchange, which allow it to obtain rapid rates of epithelization and tissue regeneration. CBDs are modules of proteins found in carbohydrate enzymes whose function is to bind to cellulose carbohydrate, allowing the ELP protein to give greater flexibility to the bandage, while the BMP2 protein, which is an inducer of cell differentiation in osteoblasts, will be responsible for reducing the recovery time of the bones.

To achieve the objective, the expression of the cellulose and the fusion protein in two bacteria will be carried out separately. For the synthesis of bacterial cellulose, an E. coli expression system will be used; introducing two plasmids: psb1C3 responsible for cellulose synthesis and psb1A3 responsible for the synthesis of the export system and overproduction. For the production of the fusion protein, plasmid psb1C3 will be used, which will contain the genes for the proteins CBD, ELP and BMP2
SPONSORS
FOLLOW US
CONTACT US