Difference between revisions of "Team:Ecuador"

(Undo revision 182749 by Tefiducky8 (talk))
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 {
+
 
−
    from {
+
    @keyframes slide-in-menu {
−
      margin-left: -100%;
+
      from {
−
      border-bottom-right-radius: 30px;
+
        margin-left: -120%;
−
      border-top-right-radius: 30px;
+
        border-bottom-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;
 +
      }
 
     }
 
     }
  
−
     to {
+
     @keyframes fade-in {
−
       margin-left: 0%;
+
       from {
−
       border-bottom-right-radius: 0;
+
        opacity: 0;
−
       border-top-right-radius: 0px;
+
       }
 +
 
 +
      to {
 +
        opacity: 1;
 +
       }
 
     }
 
     }
−
  }
 
  
−
  @keyframes slide-in-menu {
+
    @keyframes slide-in-oposite {
−
    from {
+
      from {
−
      margin-left: -120%;
+
        margin-left: 100%;
−
       border-bottom-right-radius: 30px;
+
       }
−
       border-top-right-radius: 30px;
+
 
−
       opacity: 0.5;
+
       to {
 +
        margin-left: 0%;
 +
       }
 
     }
 
     }
  
−
     to {
+
     @keyframes slide-in-up {
−
       margin-left: 0%;
+
       from {
−
       border-bottom-right-radius: 0;
+
        margin-top: 100%;
−
       border-top-right-radius: 0px;
+
       }
−
       opacity: 1;
+
 
 +
       to {
 +
        margin-left: 0%;
 +
       }
 
     }
 
     }
−
  }
 
  
−
  @keyframes fade-in {
+
    @keyframes slide-in-up-oposite {
−
    from {
+
      from {
−
       opacity: 0;
+
        margin-top: -100%;
 +
       }
 +
 
 +
      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;
 
     }
 
     }
  
−
     to {
+
     .ecuador_home {
−
       opacity: 1;
+
       width: 16%;
 +
      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;
 
     }
 
     }
−
  }
 
  
−
  @keyframes slide-in-oposite {
+
     .ecuador_home:hover {
−
     from {
+
       cursor: pointer;
−
       margin-left: 100%;
+
      font-size: 16px;
 +
      background-color: #1A5276;
 +
      box-shadow: none;
 
     }
 
     }
  
−
     to {
+
     .menu_options_container {
−
       margin-left: 0%;
+
       width: 79%;
 +
      height: 50px;
 +
      position: absolute;
 +
      left: 19%;
 +
      top: 15px;
 +
      display: flex;
 +
      justify-content: center;
 
     }
 
     }
−
  }
 
  
−
  @keyframes slide-in-up {
+
     .menu_option {
−
     from {
+
       width: 14.28%;
−
       margin-top: 100%;
+
      height: 100%;
 +
      position: relative;
 +
      justify-content: center;
 +
      align-items: center;
 +
      display: flex;
 +
      color: #FFFFFF;
 +
      transition: 0.2s;
 +
      text-align: center;
 
     }
 
     }
  
−
     to {
+
     #project {
−
       margin-left: 0%;
+
       animation-name: slide-in-up-oposite;
 +
      animation-duration: 0.5s;
 +
      animation-delay: 0.5s;
 +
      animation-fill-mode: backwards;
 +
      position: absolute;
 +
      left: 0%;
 +
      z-index: 9;
 
     }
 
     }
−
  }
 
  
−
  @keyframes slide-in-up-oposite {
+
    #people {
−
    from {
+
      animation-name: slide-in-up-oposite;
−
       margin-top: -100%;
+
      animation-duration: 0.5s;
 +
       animation-delay: 0.6s;
 +
      animation-fill-mode: backwards;
 +
      position: absolute;
 +
      left: 14.28%;
 +
      z-index: 9;
 
     }
 
     }
  
−
     to {
+
     #notebook {
−
       margin-left: 0%;
+
       animation-name: slide-in-up-oposite;
 +
      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;
 
−
  }
 
  
−
  .ecuador_home {
+
    #human_practice {
−
    width: 16%;
+
      animation-name: slide-in-up-oposite;
−
    height: 100%;
+
      animation-duration: 0.5s;
−
    display: flex;
+
      animation-delay: 0.8s;
−
    justify-content: center;
+
      animation-fill-mode: backwards;
−
    background-color: #1F618D;
+
      position: absolute;
−
    position: absolute;
+
      left: 42.84%;
−
    align-items: center;
+
      z-index: 9;
−
    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 {
+
    #parts {
−
    cursor: pointer;
+
      animation-name: slide-in-up-oposite;
−
    font-size: 16px;
+
      animation-duration: 0.5s;
−
    background-color: #1A5276;
+
      animation-delay: 0.9s;
−
    box-shadow: none;
+
      animation-fill-mode: backwards;
−
  }
+
      position: absolute;
 +
      left: 57.12%;
 +
      z-index: 9;
 +
    }
  
−
  .menu_options_container {
+
    #safety {
−
    width: 79%;
+
      animation-name: slide-in-up-oposite;
−
    height: 50px;
+
      animation-duration: 0.5s;
−
    position: absolute;
+
      animation-delay: 1s;
−
    left: 19%;
+
      animation-fill-mode: backwards;
−
    top: 15px;
+
      position: absolute;
−
    display: flex;
+
      left: 71.40%;
−
    justify-content: center;
+
      z-index: 9;
−
  }
+
    }
  
−
  .menu_option {
+
    #interlab {
−
    width: 14.28%;
+
      animation-name: slide-in-up-oposite;
−
    height: 100%;
+
      animation-duration: 0.5s;
−
    position: relative;
+
      animation-delay: 1.1s;
−
    justify-content: center;
+
      animation-fill-mode: backwards;
−
    align-items: center;
+
      position: absolute;
−
    display: flex;
+
      left: 85.68%;
−
    color: #FFFFFF;
+
      z-index: 9;
−
    transition: 0.2s;
+
    }
−
    text-align: center;
+
−
  }
+
  
−
  #project {
+
    .ecuador_href_text {
−
    animation-name: slide-in-up-oposite;
+
      width: 14.28% !important;
−
    animation-duration: 0.5s;
+
      height: 100% !important;
−
    animation-delay: 0.5s;
+
      position: relative !important;
−
    animation-fill-mode: backwards;
+
      justify-content: center !important;
−
    position: absolute;
+
      align-items: center !important;
−
    left: 0%;
+
      display: flex !important;
−
    z-index: 9;
+
      color: #FFFFFF !important;
−
  }
+
      transition: 0.2s !important;
 +
      text-align: center !important;
 +
      text-decoration: none !important;
 +
      font-weight: bold !important;
 +
    }
  
−
  #parts {
+
    .ecuador_href_sub_text {
−
    animation-name: slide-in-up-oposite;
+
      width: 100% !important;
−
    animation-duration: 0.5s;
+
      height: 40px !important;
−
    animation-delay: 0.6s;
+
      position: relative !important;
−
    animation-fill-mode: backwards;
+
      text-align: left !important;
−
    position: absolute;
+
      text-indent: 20px !important;
−
    left: 12.5%;
+
      display: flex !important;
−
    z-index: 9;
+
      background-color: #000 !important;
−
  }
+
      margin: auto auto !important;
 +
      align-items: center !important;
 +
      transition: 0.2s !important;
 +
      color: #D5DBDB !important;
 +
      text-decoration: none !important;
 +
    }
  
−
  #human_practice {
+
     .menu_option:hover {
−
     animation-name: slide-in-up-oposite;
+
      margin-top: 3px;
−
    animation-duration: 0.5s;
+
      cursor: pointer;
−
    animation-delay: 0.7s;
+
     }
−
    animation-fill-mode: backwards;
+
−
    position: absolute;
+
−
     left: 25%;
+
−
    z-index: 9;
+
−
  }
+
  
−
  #safety {
+
     .menu_option:hover div.menu_sub_options_container{
−
     animation-name: slide-in-up-oposite;
+
      display: block;
−
    animation-duration: 0.5s;
+
     }
−
    animation-delay: 0.8s;
+
−
    animation-fill-mode: backwards;
+
−
     position: absolute;
+
−
    left: 37.5%;
+
−
    z-index: 9;
+
−
  }
+
  
−
  #interlab {
+
     .menu_sub_options_container {
−
     animation-name: slide-in-up-oposite;
+
      width: 90%;
−
    animation-duration: 0.5s;
+
      height: auto;
−
    animation-delay: 0.9s;
+
      position: absolute;
−
    animation-fill-mode: backwards;
+
      top: 50px;
−
    position: absolute;
+
      display: none;
−
    left: 50%;
+
    }
−
    z-index: 9;
+
−
  }
+
  
−
  #judging_forms {
+
    .sub_menu_option {
−
    animation-name: slide-in-up-oposite;
+
      width: 100%;
−
    animation-duration: 0.5s;
+
      height: 40px;
−
    animation-delay: 1s;
+
      position: relative;
−
    animation-fill-mode: backwards;
+
      text-align: left;
−
    position: absolute;
+
      text-indent: 20px;
−
    left: 62.5%;
+
      display: flex;
−
    z-index: 9;
+
      background-color: #000;
−
  }
+
      margin: auto auto;
 +
      align-items: center;
 +
      transition: 0.2s;
 +
      color: #D5DBDB;
 +
    }
  
−
  #team {
+
     .sub_menu_option:hover {
−
     animation-name: slide-in-up-oposite;
+
      text-indent: 25px;
−
    animation-duration: 0.5s;
+
      background-color: #2E86C1;
−
    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_href_text {
+
    .ecuador_footer {
−
    width: 14.28% !important;
+
      width: 100%;
−
    height: 100% !important;
+
      height: 250px;
−
    position: relative !important;
+
      position: relative;
−
    justify-content: center !important;
+
      left: 0px;
−
    align-items: center !important;
+
      background-color: #212F3C;
−
    display: flex !important;
+
     }
−
    color: #FFFFFF !important;
+
−
     transition: 0.2s !important;
+
−
    text-align: center !important;
+
−
    text-decoration: none !important;
+
−
    font-weight: bold !important;
+
−
  }
+
  
−
  .ecuador_href_sub_text {
+
    .ecuador_footer_igem_logo {
−
    width: 100% !important;
+
      width: 180px;
−
    height: 40px !important;
+
      height: 180px;
−
    position: relative !important;
+
      position: absolute;
−
    text-align: left !important;
+
      right: 80px;
−
    text-indent: 20px !important;
+
      top: 35px;
−
    display: flex !important;
+
      background-image: url(https://static.igem.org/mediawiki/2018/5/55/T--Ecuador--iGEM--Logo--Black.png);
−
    background-color: #000 !important;
+
      background-size: 100%;
−
    margin: auto auto !important;
+
      background-repeat: no-repeat;
−
    align-items: center !important;
+
      background-position: center;
−
     transition: 0.2s !important;
+
     }
−
    color: #D5DBDB !important;
+
−
    text-decoration: none !important;
+
−
  }
+
  
−
  .menu_option:hover {
+
    .ecuador_footer_information_layout {
−
    margin-top: 3px;
+
      width: 75%;
−
    cursor: pointer;
+
      height: 80%;
−
  }
+
      position: absolute;
 +
      left: 60px;
 +
      top: 15%;
 +
      display: flex;
 +
    }
  
−
  .menu_option:hover div.menu_sub_options_container{
+
    .ecuador_footer_information_container {
−
    display: block;
+
      width: 33.33%;
−
  }
+
      height: 100%;
 +
      position: relative;
 +
    }
  
−
  .menu_sub_options_container {
+
    .ecuador_footer_information_title_container {
−
    width: 100%;
+
      width: 100%;
−
    height: auto;
+
      height: 25px;
−
    position: absolute;
+
      position: relative;
−
    top: 50px;
+
      top: 0px;
−
    display: none;
+
      text-align: center;
−
  }
+
      font-size: 20px;
 +
      font-weight: bold;
 +
      color: #B2BABB;
 +
    }
  
−
  .sub_menu_option {
+
    .ecuador_follow_us_icons_container {
−
    width: 100%;
+
      width: 50%;
−
    height: 40px;
+
      height: 60px;
−
    position: relative;
+
      position: relative;
−
    text-align: left;
+
      top: 40px;
−
    text-indent: 20px;
+
      margin: auto;
−
    display: flex;
+
      display: flex;
−
     background-color: #000;
+
     }
−
    margin: auto auto;
+
−
    align-items: center;
+
−
    transition: 0.2s;
+
−
    color: #D5DBDB;
+
−
  }
+
  
−
  .sub_menu_option:hover {
+
    .ecuador_follow_us_icon {
−
    text-indent: 15px;
+
      width: 60px;
−
    background-color: #2E86C1;
+
      height: 60px;
−
  }
+
      position: relative;
 +
      margin: auto;
 +
    }
  
−
  .ecuador_footer {
+
    #facebook {
−
    width: 100%;
+
      background-image: url(https://static.igem.org/mediawiki/2018/4/42/T--Ecuador--Facebook.png);
−
       height: 250px;
+
       background-repeat: no-repeat;
−
       position: absolute;
+
       background-position: center;
−
       left: 0px;
+
       background-size: 80%;
−
       top: 810px;
+
       transition: 0.4s;
−
       background-color: #212F3C;
+
       border-radius: 5px;
−
  }
+
    }
  
−
  .ecuador_footer_igem_logo {
+
     #facebook:hover {
−
     width: 180px;
+
      background-image: url(https://static.igem.org/mediawiki/2018/4/40/T--Ecuador--Facebook--White.png);
−
    height: 180px;
+
      cursor: pointer;
−
    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;
+
−
  }
+
  
−
  .ecuador_footer_information_layout {
+
    #instagram {
−
    width: 75%;
+
      background-image: url(https://static.igem.org/mediawiki/2018/9/90/T--Ecuador--Instagram.png);
−
    height: 80%;
+
      background-repeat: no-repeat;
−
    position: absolute;
+
      background-position: center;
−
    left: 60px;
+
      background-size: 80%;
−
    top: 15%;
+
      transition: 0.4s;
−
    display: flex;
+
      border-radius: 5px;
−
  }
+
    }
  
−
  .ecuador_footer_information_container {
+
    #instagram:hover {
−
    width: 33.33%;
+
      background-image: url(https://static.igem.org/mediawiki/2018/4/49/T--Ecuador--Instagram--White.png);
−
    height: 100%;
+
      cursor: pointer;
−
     position: relative;
+
     }
−
  }
+
  
−
  .ecuador_footer_information_title_container {
+
    .ecuador_down_arrow_container {
−
    width: 100%;
+
      width: 130px;
−
    height: 25px;
+
      height: 130px;
−
    position: relative;
+
      position: relative;
−
    top: 0px;
+
      bottom: 180px;
−
    text-align: center;
+
      left: 85%;
−
    font-size: 20px;
+
      background-image: url(https://static.igem.org/mediawiki/2018/d/db/T--Ecuador--Down--Arrow.png);
−
    font-weight: bold;
+
      background-position: center;
−
    color: #B2BABB;
+
      background-repeat: no-repeat;
−
  }
+
      background-size: 65%;
 +
      animation-name: fade-in;
 +
      animation-duration: 1s;
 +
      animation-fill-mode: backwards;
 +
      animation-delay: 3s;
 +
      transition: 0.5s;
 +
    }
  
−
  .ecuador_follow_us_icons_container {
+
    .ecuador_down_arrow_container:hover {
−
    width: 50%;
+
      transform: scale(1.20);
−
    height: 60px;
+
      cursor: pointer;
−
     position: relative;
+
     }
−
    top: 40px;
+
−
    margin: auto;
+
−
    display: flex;
+
−
  }
+
  
−
  .ecuador_follow_us_icon {
+
    .ecuador_team_icon {
−
    width: 60px;
+
      width: 100%;
−
    height: 60px;
+
      height: 750px;
−
    position: relative;
+
      position: relative;
−
    margin: auto;
+
      left: 0px;
−
  }
+
      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;
 +
    }
  
−
  #facebook {
+
    .ecuador_project_description_container {
−
    background-image: url(https://static.igem.org/mediawiki/2018/4/42/T--Ecuador--Facebook.png);
+
      width: 100%;
−
    background-repeat: no-repeat;
+
      height: 800px;
−
    background-position: center;
+
      background-color: #333333;
−
    background-size: 80%;
+
      position: relative;
−
    transition: 0.4s;
+
      transform: skewY(2deg);
−
     border-radius: 5px;
+
      display: flex;
−
  }
+
     }
  
−
  #facebook:hover {
+
    .ecuador_proyect_description_text_container {
−
    background-image: url(https://static.igem.org/mediawiki/2018/4/40/T--Ecuador--Facebook--White.png);
+
      transform: skewY(-2deg);
−
    cursor: pointer;
+
      width: 40%;
−
  }
+
      height: 50%;
 +
      position: relative;
 +
      margin-top: 170px;
 +
      justify-content: center;
 +
    }
  
−
  #instagram {
+
     .ecuador_project_description_video_container {
−
     background-image: url(https://static.igem.org/mediawiki/2018/9/90/T--Ecuador--Instagram.png);
+
      width: 60%;
−
    background-repeat: no-repeat;
+
      height: 70%;
−
    background-position: center;
+
      transform: skewY(-2deg);
−
    background-size: 80%;
+
      position: relative;
−
    transition: 0.4s;
+
      margin-top: 80px;
−
    border-radius: 5px;
+
     }
−
  }
+
−
 
+
−
  #instagram:hover {
+
−
    background-image: url(https://static.igem.org/mediawiki/2018/4/49/T--Ecuador--Instagram--White.png);
+
−
     cursor: pointer;
+
−
  }
+
  
−
  .ecuador_abstract_container {
+
    .ecuador_home_content {
 
       width: 100%;
 
       width: 100%;
−
       height: 700px;
+
       height: auto;
 
       position: absolute;
 
       position: absolute;
 
       left: 0px;
 
       left: 0px;
−
      top: 110px;
 
−
      background-color: #21618C;
 
 
     }
 
     }
  
−
     .ecuador_abstract_title_cotainer {
+
     .ecuador_proyect_description_main_text_container {
−
       width: 100%;
+
       width: 80%;
−
       height: 70px;
+
       height: auto;
−
      position: relative;
+
−
      top: 30px;
+
 
       margin: auto;
 
       margin: auto;
 +
      margin-top: 100px;
 
       color: #FFF;
 
       color: #FFF;
−
       font-size: 32px;
+
       font-size: 60px;
−
       display: flex;
+
      text-align: center;
−
       justify-content: center;
+
      text-indent: 20px;
−
       align-items: center;
+
      animation-name: fade-in;
−
       animation-name: slide-in;
+
      animation-duration: 1s;
−
       animation-duration: 1.5s;
+
      animation-delay: 0.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_abstract_text_container {
+
     .ecuador_description_abstract_container {
 
       width: 100%;
 
       width: 100%;
−
       height: 400px;
+
       height: 720px;
−
      top: 70px;
+
 
       position: relative;
 
       position: relative;
 +
      transform: skewY(-2deg);
 +
      display: block;
 +
      background-color: #23496E;
 +
      margin-top: -70px;
 +
      z-index: 2;
 
     }
 
     }
  
−
     .ecuador_abstract_text {
+
     .ecuador_description_abstract_container_title {
−
       width: 60%;
+
      transform: skewY(2deg);
−
       height: 100%;
+
       width: 100%;
 +
       height: auto;
 
       position: relative;
 
       position: relative;
−
       margin: auto;
+
       font-size: 40px;
−
       background-color: #21618C;
+
       display: flex;
−
       border-radius: 20px;
+
      justify-content: center;
 +
      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: 4.5s;
+
       animation-duration: 1s;
 +
      animation-delay: 0.75s;
 +
      animation-fill-mode: backwards;
 +
      display: none;
 
     }
 
     }
  
−
  </style>
+
    .ecuador_description_separator {
 +
      width: 100%;
 +
      height: 250px;
 +
      background-color: #23496E;
 +
      position: relative;
 +
      margin-top: -100px;
 +
      z-index: 1;
 +
    }
  
−
<div class="ecuador_menu">
+
    .description_video {
 +
      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 434: Line 639:
 
<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">
−
  DESCRIPTION
+
  OVERVIEW
 
</div>
 
</div>
 
  </a>
 
  </a>
Line 458: Line 661:
 
</div>
 
</div>
 
  </a>
 
  </a>
−
<a class="ecuador_href_sub_text" href="https://2018.igem.org/Team:Ecuador/Experiments">
+
</div>
 +
  </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">
−
  EXPERIMENTS
+
  TEAM
 
</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="parts" class="menu_option">
+
  <div id="notebook" 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/Notebook">
−
PARTS
+
NOTEBOOK
 
  </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/Parts">
+
<a class="ecuador_href_sub_text" href="https://2018.igem.org/Team:Ecuador/Lab_book">
 
  <div class="sub_menu_option">
 
  <div class="sub_menu_option">
−
  PARTS OVERVIEW
+
LAB BOOK
 
  </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/Protocols">
−
  <div class="sub_menu_option">
+
  <div class="sub_menu_option">
−
  BASIC PARTS
+
  PROTOCOLS
−
  </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 PRACTICES
+
HUMAN PRACTICE
 
  </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/Human_Practices">
+
<a class="ecuador_href_sub_text" href="https://2018.igem.org/Team:Ecuador/Collaborations">
 
  <div class="sub_menu_option">
 
  <div class="sub_menu_option">
−
HUMAN PRACTICES
+
COLLABORATIONS
−
  </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="safety" class="menu_option">
+
  <div id="parts" class="menu_option">
−
<a class="ecuador_href_text" href="https://2018.igem.org/Team:Ecuador/Safety">
+
  <a class="ecuador_href_text" href="https://2018.igem.org/Team:Ecuador/Parts">
−
SAFETY
+
PARTS
−
</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/Team">
+
<a class="ecuador_href_sub_text" href="https://2018.igem.org/Team:Ecuador/List">
−
<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">
−
COLLABORATIONS
+
  LIST
 
  </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">
−
ATRIBUTTIONS
+
  COMPOSITE
 
  </div>
 
  </div>
 
</a>
 
</a>
−
<a class="ecuador_href_sub_text" href="https://2018.igem.org/Team:Ecuador/Sponsoring">
+
<a class="ecuador_href_sub_text" href="https://2018.igem.org/Team:Ecuador/Basic">
 
  <div class="sub_menu_option">
 
  <div class="sub_menu_option">
−
SPONSORING
+
  BASIC
 
  </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:18, 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