|
|
| Line 5: |
Line 5: |
| | <title>C-lastin, Interlab</title> | | <title>C-lastin, Interlab</title> |
| | <style> | | <style> |
| − | @charset "utf-8";
| + | .ec--modeling--container{ |
| − | /* CSS Document */
| + | |
| − | @import url('https://fonts.googleapis.com/css?family=Raleway');
| + | |
| − | *{
| + | |
| − | margin: 0px;
| + | |
| − | font-family: 'Raleway', sans-serif;
| + | |
| − | }
| + | |
| − |
| + | |
| − |
| + | |
| − | .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 {
| + | |
| − | 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;
| + | |
| − |
| + | |
| − | }
| + | |
| − | | + | |
| − | .ecuador_home:hover {
| + | |
| − | cursor: pointer;
| + | |
| − | font-size: 16px;
| + | |
| − | background-color: #1A5276;
| + | |
| − | box-shadow: none;
| + | |
| − | }
| + | |
| − | | + | |
| − | .menu_options_container {
| + | |
| − | width: 79%;
| + | |
| − | height: 50px;
| + | |
| − | position: absolute;
| + | |
| − | left: 19%;
| + | |
| − | top: 15px;
| + | |
| − | display: flex;
| + | |
| − | justify-content: center;
| + | |
| − | }
| + | |
| − | | + | |
| − | .menu_option {
| + | |
| − | width: 14.28%;
| + | |
| − | height: 100%;
| + | |
| − | position: relative;
| + | |
| − | justify-content: center;
| + | |
| − | align-items: center;
| + | |
| − | display: flex;
| + | |
| − | color: #FFFFFF;
| + | |
| − | transition: 0.2s;
| + | |
| − | text-align: center;
| + | |
| − | }
| + | |
| − | | + | |
| − | #project {
| + | |
| − | 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;
| + | |
| − | }
| + | |
| − | | + | |
| − | #parts {
| + | |
| − | animation-name: slide-in-up-oposite;
| + | |
| − | animation-duration: 0.5s;
| + | |
| − | animation-delay: 0.6s;
| + | |
| − | animation-fill-mode: backwards;
| + | |
| − | position: absolute;
| + | |
| − | left: 12.5%;
| + | |
| − | z-index: 9;
| + | |
| − | }
| + | |
| − | | + | |
| − | #human_practice {
| + | |
| − | animation-name: slide-in-up-oposite;
| + | |
| − | animation-duration: 0.5s;
| + | |
| − | animation-delay: 0.7s;
| + | |
| − | animation-fill-mode: backwards;
| + | |
| − | position: absolute;
| + | |
| − | left: 25%;
| + | |
| − | z-index: 9;
| + | |
| − | }
| + | |
| − | | + | |
| − | #safety {
| + | |
| − | 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;
| + | |
| − | }
| + | |
| − | | + | |
| − | #interlab {
| + | |
| − | animation-name: slide-in-up-oposite;
| + | |
| − | animation-duration: 0.5s;
| + | |
| − | animation-delay: 0.9s;
| + | |
| − | animation-fill-mode: backwards;
| + | |
| − | position: absolute;
| + | |
| − | left: 50%;
| + | |
| − | z-index: 9;
| + | |
| − | }
| + | |
| − | | + | |
| − | #judging_forms {
| + | |
| − | animation-name: slide-in-up-oposite;
| + | |
| − | animation-duration: 0.5s;
| + | |
| − | animation-delay: 1s;
| + | |
| − | animation-fill-mode: backwards;
| + | |
| − | | + | |
| − | position: absolute;
| + | |
| − | left: 62.5%;
| + | |
| − | z-index: 9;
| + | |
| − | }
| + | |
| − | | + | |
| − | #team {
| + | |
| − | animation-name: slide-in-up-oposite;
| + | |
| − | 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_href_text {
| + | |
| − | width: 14.28% !important;
| + | |
| − | height: 100% !important;
| + | |
| − | position: relative !important;
| + | |
| − | justify-content: center !important;
| + | |
| − | 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_href_sub_text {
| + | |
| − | width: 100% !important;
| + | |
| − | height: 40px !important;
| + | |
| − | position: relative !important;
| + | |
| − | text-align: left !important;
| + | |
| − | text-indent: 20px !important;
| + | |
| − | display: flex !important;
| + | |
| − | background-color: #FFF !important;
| + | |
| − | margin: auto auto !important;
| + | |
| − | align-items: center !important;
| + | |
| − | transition: 0.2s !important;
| + | |
| − | color: #D5DBDB !important;
| + | |
| − | text-decoration: none !important;
| + | |
| − | }
| + | |
| − | | + | |
| − | .menu_option:hover {
| + | |
| − | margin-top: 3px;
| + | |
| − | cursor: pointer;
| + | |
| − | }
| + | |
| − | | + | |
| − | .menu_option:hover div.menu_sub_options_container{
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − | | + | |
| − | .menu_sub_options_container {
| + | |
| − | width: 100%;
| + | |
| − | height: auto;
| + | |
| − | position: absolute;
| + | |
| − | top: 50px;
| + | |
| − | display: none;
| + | |
| − | }
| + | |
| − | | + | |
| − | .sub_menu_option {
| + | |
| − | width: 100%;
| + | |
| − | height: 40px;
| + | |
| − | position: relative;
| + | |
| − | text-align: left;
| + | |
| − | text-indent: 20px;
| + | |
| − | display: flex;
| + | |
| − | background-color: #000;
| + | |
| − | margin: auto auto;
| + | |
| − | align-items: center;
| + | |
| − | transition: 0.2s;
| + | |
| − | color: #D5DBDB;
| + | |
| − | }
| + | |
| − | | + | |
| − | .sub_menu_option:hover {
| + | |
| − | text-indent: 71px;
| + | |
| − | background-color: #2E86C1;
| + | |
| − | }
| + | |
| − | .ecuador_footer {
| + | |
| − | width: 100%;
| + | |
| − | height: 250px;
| + | |
| − | position: relative;
| + | |
| − | left: 0px;
| + | |
| − | background-color: #212F3C;
| + | |
| − | }
| + | |
| − | | + | |
| − | .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;
| + | |
| − | }
| + | |
| − | .ecuador_information_data_container{
| + | |
| − | width: 80%;
| + | |
| − | height: 60px;
| + | |
| − | position: relative;
| + | |
| − | top: 25px;
| + | |
| − | margin: auto;
| + | |
| − | display: flex;
| + | |
| − | font-size: 17px;
| + | |
| − | }
| + | |
| − | | + | |
| − | .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;
| + | |
| − | }
| + | |
| − | | + | |
| − | .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: 4px;
| + | |
| − | margin-left: 4px;
| + | |
| − | }
| + | |
| − | #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;
| + | |
| − | }
| + | |
| − | | + | |
| − | @charset "utf-8";
| + | |
| − | /* CSS Document */
| + | |
| − | .ec--modeling--container{ | + | |
| | padding-top: 100px; | | padding-top: 100px; |
| | padding-right: 300px; | | padding-right: 300px; |
| Line 482: |
Line 97: |
| | color:black; | | color:black; |
| | } | | } |
| | + | |
| | </style> | | </style> |
| | + | |
| | </head> | | </head> |
| | | | |
| | <body> | | <body> |
| − |
| |
| | <div class="ec--modeling--container"> | | <div class="ec--modeling--container"> |
| | <div class="ec--first--section"> | | <div class="ec--first--section"> |
| | <div class="ec--main--title"> | | <div class="ec--main--title"> |
| − | <a name="MOD" style="text-decoration: none;"><h1>Interlab</h1></a> | + | <a name="MOD" style="text-decoration: none;"> |
| | + | <h1>Interlab</h1> |
| | + | </a> |
| | </div> | | </div> |
| | <div class="ec--modeling--items"> | | <div class="ec--modeling--items"> |
| Line 665: |
Line 283: |
| | </div> | | </div> |
| | </div> | | </div> |
| − | <div class="ec--hump--section">
| |
| − | <div class="ec--hump--content">
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| | <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> | | <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> |
| | <script> | | <script> |
