Tefiducky8 (Talk | contribs) |
Tefiducky8 (Talk | contribs) |
||
Line 153: | Line 153: | ||
} | } | ||
− | # | + | #parts { |
animation-name: slide-in-up-oposite; | animation-name: slide-in-up-oposite; | ||
animation-duration: 0.5s; | animation-duration: 0.5s; | ||
Line 159: | Line 159: | ||
animation-fill-mode: backwards; | animation-fill-mode: backwards; | ||
position: absolute; | position: absolute; | ||
− | left: | + | left: 12.5%; |
z-index: 9; | z-index: 9; | ||
} | } | ||
− | # | + | #human_practice { |
animation-name: slide-in-up-oposite; | animation-name: slide-in-up-oposite; | ||
animation-duration: 0.5s; | animation-duration: 0.5s; | ||
Line 169: | Line 169: | ||
animation-fill-mode: backwards; | animation-fill-mode: backwards; | ||
position: absolute; | position: absolute; | ||
− | left: | + | left: 25%; |
z-index: 9; | z-index: 9; | ||
} | } | ||
− | # | + | #safety { |
animation-name: slide-in-up-oposite; | animation-name: slide-in-up-oposite; | ||
animation-duration: 0.5s; | animation-duration: 0.5s; | ||
Line 179: | Line 179: | ||
animation-fill-mode: backwards; | animation-fill-mode: backwards; | ||
position: absolute; | position: absolute; | ||
− | left: | + | left: 37.5%; |
z-index: 9; | z-index: 9; | ||
} | } | ||
− | # | + | #interlab { |
animation-name: slide-in-up-oposite; | animation-name: slide-in-up-oposite; | ||
animation-duration: 0.5s; | animation-duration: 0.5s; | ||
Line 189: | Line 189: | ||
animation-fill-mode: backwards; | animation-fill-mode: backwards; | ||
position: absolute; | position: absolute; | ||
− | left: | + | left: 50%; |
z-index: 9; | z-index: 9; | ||
} | } | ||
− | # | + | #judging_forms { |
animation-name: slide-in-up-oposite; | animation-name: slide-in-up-oposite; | ||
animation-duration: 0.5s; | animation-duration: 0.5s; | ||
Line 199: | Line 199: | ||
animation-fill-mode: backwards; | animation-fill-mode: backwards; | ||
position: absolute; | position: absolute; | ||
− | left: | + | left: 62.5%; |
z-index: 9; | z-index: 9; | ||
} | } | ||
− | # | + | #team { |
animation-name: slide-in-up-oposite; | animation-name: slide-in-up-oposite; | ||
animation-duration: 0.5s; | animation-duration: 0.5s; | ||
Line 209: | Line 209: | ||
animation-fill-mode: backwards; | animation-fill-mode: backwards; | ||
position: absolute; | position: absolute; | ||
− | left: | + | 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; | z-index: 9; | ||
} | } | ||
Line 252: | Line 261: | ||
.menu_sub_options_container { | .menu_sub_options_container { | ||
− | width: | + | width: 100%; |
height: auto; | height: auto; | ||
position: absolute; | position: absolute; | ||
Line 274: | Line 283: | ||
.sub_menu_option:hover { | .sub_menu_option:hover { | ||
− | text-indent: | + | text-indent: 15px; |
background-color: #2E86C1; | background-color: #2E86C1; | ||
} | } | ||
Line 281: | Line 290: | ||
width: 100%; | width: 100%; | ||
height: 250px; | height: 250px; | ||
− | position: | + | position: relative; |
left: 0px; | left: 0px; | ||
− | |||
background-color: #212F3C; | background-color: #212F3C; | ||
+ | top: 500px; | ||
} | } | ||
.ecuador_footer_igem_logo { | .ecuador_footer_igem_logo { | ||
− | + | width: 180px; | |
− | + | 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; | |
− | + | } | |
− | + | .ecuador_footer_information_layout { | |
− | + | width: 75%; | |
− | + | height: 80%; | |
− | + | position: absolute; | |
− | + | left: 60px; | |
− | + | top: 15%; | |
− | + | display: flex; | |
− | + | } | |
− | + | .ecuador_footer_information_container { | |
− | + | width: 33.33%; | |
− | + | height: 100%; | |
− | + | position: relative; | |
− | + | } | |
− | + | .ecuador_footer_information_title_container { | |
− | + | width: 100%; | |
− | + | height: 25px; | |
− | + | position: relative; | |
− | + | top: 0px; | |
− | + | text-align: center; | |
− | + | font-size: 20px; | |
− | + | font-weight: bold; | |
− | + | color: #B2BABB; | |
− | + | } | |
− | + | .ecuador_follow_us_icons_container { | |
− | + | width: 50%; | |
− | + | height: 60px; | |
− | + | position: relative; | |
− | + | top: 40px; | |
− | + | margin: auto; | |
− | display: flex; | + | display: flex; |
− | + | } | |
+ | .ecuador_information_data_container{ | ||
+ | width: 50%; | ||
+ | height: 60px; | ||
+ | position: relative; | ||
+ | top: 55px; | ||
+ | margin: auto; | ||
+ | display: flex; | ||
+ | } | ||
− | + | .ecuador_follow_us_icon { | |
− | + | width: 70px; | |
− | + | height: 60px; | |
− | + | position: relative; | |
− | + | margin: auto; | |
− | + | } | |
− | + | #facebook { | |
− | + | background-image: url(https://static.igem.org/mediawiki/2018/4/42/T--Ecuador--Facebook.png); | |
− | + | background-repeat: no-repeat; | |
− | + | background-position: center; | |
− | + | background-size: 80%; | |
− | + | transition: 0.4s; | |
− | + | border-radius: 5px; | |
− | + | } | |
− | + | #facebook:hover { | |
− | + | background-image: url(https://static.igem.org/mediawiki/2018/4/40/T--Ecuador--Facebook--White.png); | |
− | + | cursor: pointer; | |
− | + | } | |
− | + | #instagram { | |
− | + | background-image: url(https://static.igem.org/mediawiki/2018/9/90/T--Ecuador--Instagram.png); | |
− | + | background-repeat: no-repeat; | |
− | + | background-position: center; | |
− | + | background-size: 80%; | |
− | + | 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; | + | cursor: pointer; |
− | + | } | |
+ | .ecuador_sponsors_icons_container { | ||
+ | width: 100%; | ||
+ | height: 60px; | ||
+ | position: relative; | ||
+ | top: 40px; | ||
+ | margin-top: auto; | ||
+ | margin-right: auto; | ||
+ | margin-left: auto; | ||
+ | margin-bottom: auto; | ||
+ | display: flex; | ||
+ | } | ||
+ | .ecuador_sponsors_icon { | ||
+ | width: 60px; | ||
+ | height: 60px; | ||
+ | position: relative; | ||
+ | margin-right: 15px; | ||
+ | margin-left: 15px; | ||
+ | } | ||
+ | #ing_bio{ | ||
+ | background-image: url(https://static.igem.org/mediawiki/2018/thumb/1/17/T--Ecuador--Logo--BIO.png/902px-T--Ecuador--Logo--BIO.png); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: center; | ||
+ | background-size: 90%; | ||
+ | transition: 0.4s; | ||
+ | border-radius: 5px; | ||
+ | } | ||
+ | #ing_bio:hover { | ||
+ | background-size: 93%; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | #espe{ | ||
+ | background-image: url(https://static.igem.org/mediawiki/2018/thumb/d/d2/T--Ecuador--Logo--ESPE.png/1066px-T--Ecuador--Logo--ESPE.png); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: center; | ||
+ | background-size: 120%; | ||
+ | transition: 0.4s; | ||
+ | border-radius: 5px; | ||
+ | } | ||
+ | #espe:hover { | ||
+ | background-size: 125%; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | #idgen{ | ||
+ | background-image: url(https://static.igem.org/mediawiki/2018/e/e2/T--Ecuador--Logo--Idgen.png); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: center; | ||
+ | background-size: 90%; | ||
+ | transition: 0.4s; | ||
+ | border-radius: 5px; | ||
+ | } | ||
+ | #idgen:hover { | ||
+ | background-size: 93%; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | #tukii{ | ||
+ | background-image: url(https://static.igem.org/mediawiki/2018/thumb/2/26/T--Ecuador--Logo--Tukii.png/1024px-T--Ecuador--Logo--Tukii.png); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: center; | ||
+ | background-size: 90%; | ||
+ | transition: 0.4s; | ||
+ | border-radius: 5px; | ||
+ | } | ||
+ | #tukii:hover { | ||
+ | background-size: 93%; | ||
+ | cursor: pointer; | ||
+ | } | ||
.ecuador_abstract_container { | .ecuador_abstract_container { | ||
Line 380: | Line 463: | ||
.ecuador_abstract_title_cotainer { | .ecuador_abstract_title_cotainer { | ||
width: 100%; | width: 100%; | ||
− | height: | + | height: 50px; |
position: relative; | position: relative; | ||
top: 30px; | top: 30px; | ||
+ | bottom: 30px; | ||
margin: auto; | margin: auto; | ||
color: #FFF; | color: #FFF; | ||
Line 392: | Line 476: | ||
animation-duration: 1.5s; | animation-duration: 1.5s; | ||
} | } | ||
+ | .ecuador_img_descrip{ | ||
+ | width: 100%; | ||
+ | height: 35%; | ||
+ | position: relative; | ||
+ | left: 0px; | ||
+ | top: 40px; | ||
+ | margin-top: 10px; | ||
+ | background-color: #FFF; | ||
+ | background-image: url(https://static.igem.org/mediawiki/2018/thumb/c/cb/T--Ecuador--ABSTRACT--001.jpeg/1200px-T--Ecuador--ABSTRACT--001.jpeg); | ||
+ | background-position: center; | ||
+ | background-repeat: no-repeat; | ||
+ | background-size: 45%; | ||
+ | animation-name: fade-in; | ||
+ | animation-duration: 4s; | ||
+ | } | ||
.ecuador_abstract_text_container { | .ecuador_abstract_text_container { | ||
width: 100%; | width: 100%; | ||
− | height: | + | height: 100px; |
− | top: | + | top: 40px; |
position: relative; | position: relative; | ||
} | } | ||
Line 413: | Line 512: | ||
animation-duration: 4.5s; | animation-duration: 4.5s; | ||
} | } | ||
+ | |||
+ | |||
+ | |||
</style> | </style> | ||
Line 424: | Line 526: | ||
<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 | |
</div> | </div> | ||
</a> | </a> | ||
Line 446: | Line 550: | ||
</div> | </div> | ||
</a> | </a> | ||
− | + | <a class="ecuador_href_sub_text" href="https://2018.igem.org/Team:Ecuador/Experiments"> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <a class="ecuador_href_sub_text" href="https://2018.igem.org/Team:Ecuador/ | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<div class="sub_menu_option"> | <div class="sub_menu_option"> | ||
− | + | 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="parts" class="menu_option"> | |
− | <a class="ecuador_href_text" href="https://2018.igem.org/Team:Ecuador/ | + | <a class="ecuador_href_text" href="https://2018.igem.org/Team:Ecuador/Parts"> |
− | + | 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/ | + | <a class="ecuador_href_sub_text" href="https://2018.igem.org/Team:Ecuador/Parts"> |
<div class="sub_menu_option"> | <div class="sub_menu_option"> | ||
− | + | PARTS OVERVIEW | |
</div> | </div> | ||
</a> | </a> | ||
− | <a class="ecuador_href_sub_text" href="https://2018.igem.org/Team:Ecuador/ | + | <a class="ecuador_href_sub_text" href="https://2018.igem.org/Team:Ecuador/Basic"> |
− | + | <div class="sub_menu_option"> | |
− | + | BASIC PARTS | |
− | + | </div> | |
+ | </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> | </a> | ||
+ | |||
+ | |||
</div> | </div> | ||
</div> | </div> | ||
− | + | <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 | + | 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/ | + | <a class="ecuador_href_sub_text" href="https://2018.igem.org/Team:Ecuador/Human_Practices"> |
+ | <div class="sub_menu_option"> | ||
+ | HUMAN PRACTICES | ||
+ | </div> | ||
+ | </a> | ||
+ | <a class="ecuador_href_sub_text" href="https://2018.igem.org/Team:Ecuador/Public_Engagement"> | ||
<div class="sub_menu_option"> | <div class="sub_menu_option"> | ||
− | + | PUBLIC ENGAGEMENT | |
</div> | </div> | ||
</a> | </a> | ||
</div> | </div> | ||
</div> | </div> | ||
− | <div id=" | + | <div id="safety" class="menu_option"> |
− | <a class="ecuador_href_text" href="https://2018.igem.org/Team:Ecuador/ | + | <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 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/ | + | <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"> | ||
− | + | COLLABORATIONS | |
</div> | </div> | ||
</a> | </a> | ||
− | <a class="ecuador_href_sub_text" href="https://2018.igem.org/Team:Ecuador/ | + | |
+ | </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 | |
</div> | </div> | ||
</a> | </a> | ||
− | <a class="ecuador_href_sub_text" href="https://2018.igem.org/Team:Ecuador/ | + | <a class="ecuador_href_sub_text" href="https://2018.igem.org/Team:Ecuador/Sponsoring"> |
<div class="sub_menu_option"> | <div class="sub_menu_option"> | ||
− | + | SPONSORING | |
</div> | </div> | ||
</a> | </a> | ||
− | + | </div> | |
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
</div> | </div> | ||
Line 537: | Line 689: | ||
Design | Design | ||
</div> | </div> | ||
+ | |||
+ | <div class="ecuador_abstract_text_container"> | ||
+ | |||
<div class="ecuador_abstract_text_container"> | <div class="ecuador_abstract_text_container"> | ||
<div class="ecuador_abstract_text"> | <div class="ecuador_abstract_text"> | ||
About our design. | About our design. | ||
+ | |||
</div> | </div> | ||
+ | |||
</div> | </div> | ||
</div> | </div> | ||
Line 546: | Line 703: | ||
<div class="ecuador_footer"> | <div class="ecuador_footer"> | ||
<div class="ecuador_footer_igem_logo"> | <div class="ecuador_footer_igem_logo"> | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
− | <div class=" | + | <div class="ecuador_footer_information_layout"> |
− | <div class=" | + | <div class="ecuador_footer_information_container"> |
− | + | <div class="ecuador_footer_information_title_container"> | |
− | <div class=" | + | SPONSORS |
− | <div id="facebook" class=" | + | <div class="ecuador_sponsors_icons_container"> |
− | + | <a href="http://www.espe.edu.ec/"> | |
+ | <div id="espe" class="ecuador_sponsors_icon"> | ||
+ | </div> | ||
+ | </a> | ||
+ | <a href="https://biotecnologia.espe.edu.ec/"> | ||
+ | <div id="ing_bio" class="ecuador_sponsors_icon"> | ||
+ | </div> | ||
+ | </a> | ||
+ | <a href="https://www.facebook.com/IDgenlaboratorio/"> | ||
+ | <div id="idgen" class="ecuador_sponsors_icon"> | ||
+ | </div> | ||
+ | </a> | ||
+ | <a href="https://www.facebook.com/wawatukii/"> | ||
+ | <div id="tukii" class="ecuador_sponsors_icon"> | ||
+ | </div> | ||
+ | </a> | ||
</div> | </div> | ||
− | <div id="instagram" class="ecuador_follow_us_icon"> | + | </div> |
− | + | </div> | |
+ | <div class="ecuador_footer_information_container"> | ||
+ | <div class="ecuador_footer_information_title_container"> | ||
+ | FOLLOW US | ||
+ | <div class="ecuador_follow_us_icons_container"> | ||
+ | <a href="https://www.facebook.com/BiosinEcuador/"> | ||
+ | <div id="facebook" class="ecuador_follow_us_icon"> | ||
+ | </div> | ||
+ | </a> | ||
+ | |||
+ | <a href="https://www.instagram.com/igem.espe.ecuador/"> | ||
+ | <div id="instagram" class="ecuador_follow_us_icon"> | ||
+ | </div> | ||
+ | </a> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
− | + | <div class="ecuador_footer_information_container"> | |
− | + | <div class="ecuador_footer_information_title_container"> | |
− | + | CONTACT US | |
− | + | <div class="ecuador_information_data_container"> | |
+ | |||
+ | m.me/BiosinEcuador | ||
+ | </div> | ||
+ | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
− | |||
</div> | </div> | ||
</html> | </html> |
Revision as of 11:04, 4 October 2018
Design
About our design.