|
|
| (One intermediate revision by the same user not shown) |
| Line 1: |
Line 1: |
| − | {{Template:IIT_Kanpur}}
| |
| − | <html>
| |
| − | <head>
| |
| − | <meta name="viewport" content="width=device-width,initial-scale=1.0">
| |
| − | <!--bootstrap core css-->
| |
| − | <link href="https://2018.igem.org/Team:Tec-Monterrey/CSS/bootstrapmin?action=raw&ctype=text/css" rel="stylesheet">
| |
| − | <link href="https://2018.igem.org/Team:Tec-Monterrey/CSS/fontawesomemin?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
| |
| − | <style>
| |
| − | .column.full_size, .igem_2018_team_menu.displaying_menu{
| |
| − | display: none;
| |
| − | }
| |
| | | | |
| − | /**************************************** Clear the default wiki settings *********************************/
| |
| − | #home_logo, #sideMenu {
| |
| − | display:none;
| |
| − | }
| |
| − | #sideMenu, #top_title, .patrollink {
| |
| − | display:none;
| |
| − | }
| |
| − | #content, #HQ_page {
| |
| − | width: 100%;
| |
| − | padding: 0;
| |
| − | margin: 0;
| |
| − | background-color: white;
| |
| − | //font-size: 100% !important;
| |
| − | }
| |
| − | #content {
| |
| − | margin-top: -16px;
| |
| − | }
| |
| − | #globalWrapper, #content, #HQ_page, #bodyContent, #mw-content-text{
| |
| − | height: 100%;
| |
| − | width: 100%;
| |
| − | }
| |
| − | /*Bootstrap.min altered the way the top menu looks, by changing box-sizing: from border-box to initial, the damage is undone*/
| |
| − | #top_menu_14 {
| |
| − | box-sizing: initial;
| |
| − | }
| |
| − | td a{
| |
| − | padding-right: 0px !important;
| |
| − | }
| |
| − | #globalWrapper{
| |
| − | padding-bottom: 0;
| |
| − | }
| |
| − | /*************************************************** Bootstrap Stuff ************************************************/
| |
| − | .portfolio-item .caption .caption-content p {
| |
| − | font-weight: 300;
| |
| − | font-size: 1.2rem;
| |
| − | }
| |
| − | @media (min-width: 992px) {
| |
| − | .portfolio-item {
| |
| − | max-width: none;
| |
| − | margin: 0;
| |
| − | }
| |
| − | .portfolio-item .caption {
| |
| − | -webkit-transition: -webkit-clip-path 0.25s ease-out, background-color 0.7s;
| |
| − | -webkit-clip-path: inset(0px);
| |
| − | clip-path: inset(0px);
| |
| − | }
| |
| − | .portfolio-item .caption .caption-content {
| |
| − | transition: opacity 0.25s;
| |
| − | margin-left: 5rem;
| |
| − | margin-right: 5rem;
| |
| − | margin-bottom: 5rem;
| |
| − | }
| |
| − | .portfolio-item img {
| |
| − | -webkit-transition: -webkit-clip-path 0.25s ease-out;
| |
| − | -webkit-clip-path: inset(-1px);
| |
| − | clip-path: inset(-1px);
| |
| − | }
| |
| − | .portfolio-item:hover img {
| |
| − | -webkit-clip-path: inset(2rem);
| |
| − | clip-path: inset(2rem);
| |
| − | }
| |
| − | .portfolio-item:hover .caption {
| |
| − | background-color: rgba(29, 128, 159, 0.9);
| |
| − | -webkit-clip-path: inset(2rem);
| |
| − | clip-path: inset(2rem);
| |
| − | }
| |
| − | }
| |
| − | a {
| |
| − | color: #1D809F;
| |
| − | }
| |
| − | a:hover, a:focus, a:active {
| |
| − | color: #155d74;
| |
| − | }
| |
| − | .btn-primary {
| |
| − | background-color: #1D809F !important;
| |
| − | border-color: #1D809F !important;
| |
| − | color: #fff !important;
| |
| − | }
| |
| − | .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
| |
| − | background-color: #155d74 !important;
| |
| − | border-color: #155d74 !important;
| |
| − | }
| |
| − | .btn {
| |
| − | box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
| |
| − | font-weight: 700;
| |
| − | }
| |
| − | .btn-xl {
| |
| − | padding: 1.25rem 2.5rem;
| |
| − | }
| |
| − | /*****************************************************custom css*****************************************************/
| |
| − |
| |
| − | @font-face{
| |
| − | font-family: "Norwester";
| |
| − | src: url('https://static.igem.org/mediawiki/2018/d/da/T--Tec-Monterrey--Norwester.woff') format('woff'),
| |
| − | url('https://static.igem.org/mediawiki/2018/8/8d/T--Tec-Monterrey--Norwester.ttf') format('truetype');
| |
| − | }
| |
| − | @font-face{
| |
| − | font-family: "Montserrat";
| |
| − | src: url('https://static.igem.org/mediawiki/2018/4/44/T--Tec-Monterrey--Montserrat.woff') format('woff'),
| |
| − | url('https://static.igem.org/mediawiki/2018/a/ad/T--Tec-Monterrey--Montserrat.ttf') format('truetype');
| |
| − | }
| |
| − | @font-face{
| |
| − | font-family: "DosisRegular";
| |
| − | src: url('https://static.igem.org/mediawiki/2018/8/84/T--Tec-Monterrey--Dosis_regular.woff') format('woff'),
| |
| − | url('https://static.igem.org/mediawiki/2018/e/e1/T--Tec-Monterrey--Dosis_regular.ttf') format('truetype');
| |
| − | }
| |
| − | html {
| |
| − | }
| |
| − | ::-webkit-scrollbar {
| |
| − | background: #cccccc;
| |
| − | }
| |
| − | ::-webkit-scrollbar-thumb {
| |
| − | background: #103010;
| |
| − | }
| |
| − | ::-webkit-scrollbar-thumb:hover{
| |
| − | background: #155015;
| |
| − | }
| |
| − | body, html {
| |
| − | width: 100%;
| |
| − | height: 100%;
| |
| − | }
| |
| − | body {
| |
| − | font-family: "DosisRegular", sans-serif !important;
| |
| − | }
| |
| − | ul{
| |
| − | margin: 0 !important;
| |
| − | }
| |
| − | h1, h2, h3, h4, h5, h6 {
| |
| − | font-weight: 700;
| |
| − | padding: 0 0 0 0;
| |
| − | margin: 0 0 0 0;
| |
| − | }
| |
| − | .text-faded {
| |
| − | color: rgba(255, 255, 255, 0.7);
| |
| − | }
| |
| − | .full-masthead {
| |
| − | width: 100%;
| |
| − | }
| |
| − | .masthead {
| |
| − | height: 100%;
| |
| − | width: 100%;
| |
| − | }
| |
| − | .header-top {
| |
| − | height: 70%;
| |
| − | width: 100%;
| |
| − | position: relative;
| |
| − | background: rgb(248,247,246);
| |
| − | }
| |
| − | .video-header {
| |
| − | right: 0;
| |
| − | left: 0;
| |
| − | width: 100%;
| |
| − | }
| |
| − | .header-bottom {
| |
| − | height: 30%;
| |
| − | position: relative;
| |
| − | background: white;
| |
| − | padding: 10px 0px 10px 10px;
| |
| − | margin: 0px 0px 0px 0px;"
| |
| − | }
| |
| − | .div-header-bottom {
| |
| − | padding:5px 0px 0px 10px;
| |
| − | border-left: 10px solid #2f6361;
| |
| − | }
| |
| − | .header-background {
| |
| − | display: flex;
| |
| − | z-index: 1;
| |
| − | height: 83%;
| |
| − | width: 99%;
| |
| − | margin: 0;
| |
| − | padding: 0;
| |
| − | position: absolute;
| |
| − | direction: rtl;
| |
| − | }
| |
| − | .header-background-left, .header-background-center, .header-background-center-right, .header-background-right {
| |
| − | width: 18%;
| |
| − | }
| |
| − | .trail {
| |
| − | width: 100%;
| |
| − | height: auto;
| |
| − | top: 5%;
| |
| − | }
| |
| − | .header-title {
| |
| − | font-family: "Norwester", sans-serif !important;
| |
| − | text-align: left !important;
| |
| − | font-size: 9vw;
| |
| − | font-weight: 700 !important;
| |
| − | line-height: 1em;
| |
| − | padding-bottom: 0;
| |
| − | margin-bottom: -5px;
| |
| − | color: #3582d2;
| |
| − | }
| |
| − | .header-subtitle {
| |
| − | font-family: "Montserrat", monospace;
| |
| − | text-align: left !important;
| |
| − | font-size: 3.5vw;
| |
| − | font-weight: 600 !important;
| |
| − | line-height: 1em;
| |
| − | padding-bottom: 4px;
| |
| − | color: #5da565;
| |
| − | }
| |
| − | .body-title {
| |
| − | font-family: "Norwester", sans-serif !important;
| |
| − | font-size: 4vw;
| |
| − | font-weight: 600 !important;
| |
| − | line-height: 1em;
| |
| − | padding: 10px 0 10px 0;
| |
| − | text-align: center;
| |
| − | }
| |
| − | .body-title h1 {
| |
| − | margin: 0 !important;
| |
| − | }
| |
| − | .body-subtitle {
| |
| − | font-family: "Montserrat", monospace !important;
| |
| − | font-size: 2.5vw;
| |
| − | font-weight: 400 !important;
| |
| − | line-height: 1.2em;
| |
| − | padding: 3% 0;
| |
| − | }
| |
| − | .scroll-to-top {
| |
| − | position: fixed;
| |
| − | right: 10px;
| |
| − | bottom: 10px;
| |
| − | display: none;
| |
| − | width: 50px;
| |
| − | height: 50px;
| |
| − | text-align: center;
| |
| − | color: white !important;
| |
| − | background: rgba(52, 58, 64, 0.5);
| |
| − | line-height: 45px;
| |
| − | }
| |
| − | .scroll-to-top:focus, .scroll-to-top:hover {
| |
| − | color: white !important;
| |
| − | }
| |
| − | .scroll-to-top:hover {
| |
| − | background: #343a40;
| |
| − | }
| |
| − | .scroll-to-top i {
| |
| − | font-weight: 800;
| |
| − | }
| |
| − | .hide {
| |
| − | display: none;
| |
| − | }
| |
| − |
| |
| − | /**************************************************************** FOOTER ****************************************/
| |
| − | .footer {
| |
| − | padding-top: 1rem;
| |
| − | padding-bottom: 1rem;
| |
| − | background: #404040;
| |
| − | }
| |
| − | .footer p{
| |
| − | font-family: "DosisRegular", sans-serif !important;
| |
| − | font-size: 3vh;
| |
| − | text-align: center !important;
| |
| − | }
| |
| − | #footerCopyright{
| |
| − | text-align: center !important;
| |
| − | }
| |
| − | .no-padding {
| |
| − | padding-right: 0 !important;
| |
| − | }
| |
| − | .social-link {
| |
| − | color: #eeeeee;
| |
| − | opacity: 0.5;
| |
| − | font-size: 6vw;
| |
| − | transition: all 0.4s;
| |
| − | -webkit-transition: all 0.4s;
| |
| − | }
| |
| − | .social-link:hover {
| |
| − | opacity: 0.9;
| |
| − | }
| |
| − | .sponsor {
| |
| − | height: 10vh;
| |
| − | display: inline-block;
| |
| − | }
| |
| − | .sponsor-img {
| |
| − | height: 100%;
| |
| − | }
| |
| − |
| |
| − | /***********************************************************************************************************************/
| |
| − | /************************************************* CONTENIDO GENERAL DE LA PAGINA **************************************/
| |
| − | /***********************************************************************************************************************/
| |
| − |
| |
| − | .articulo {
| |
| − | font-size: 1.7vw;
| |
| − | }
| |
| − | .seccion-responsiva {
| |
| − | width: 80%;
| |
| − | background: white;
| |
| − | margin: 0.5% auto;
| |
| − | padding: 2% 5%;
| |
| − | border-radius: 40px;
| |
| − | box-shadow: 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2);
| |
| − | }
| |
| − | .resumen > .body-title {
| |
| − | text-align: center;
| |
| − | }
| |
| − | .introduccion > .body-title {
| |
| − | text-align: center;
| |
| − | }
| |
| − | .resumen::after, .introduccion::after {
| |
| − | content: "";
| |
| − | width: 80%;
| |
| − | height: 2px;
| |
| − | display:block;
| |
| − | right: 0;
| |
| − | background-color: #000;
| |
| − | padding: 0;
| |
| − | margin: 3% auto;
| |
| − | }
| |
| − | .contenido {
| |
| − | }
| |
| − | .leyenda {
| |
| − | font-size: 1.4vw;
| |
| − | }
| |
| − | .contenido-con-imagen-derecha, .contenido-con-imagen-izquierda {
| |
| − | height: auto;
| |
| − | }
| |
| − | .imagen-derecha > img, .imagen-izquierda > img {
| |
| − | width: 100%;
| |
| − | }
| |
| − | .contenido-con-imagen-derecha > .imagen-derecha {
| |
| − | float: right;
| |
| − | margin: 10px;
| |
| − | width: 40%;
| |
| − | display: inline-block;
| |
| − | }
| |
| − | .contenido-con-imagen-derecha > .texto-izquierda {
| |
| − | float: left;
| |
| − | width: 51%;
| |
| − | display: inline-block;
| |
| − | }
| |
| − | .contenido-con-imagen-izquierda > .imagen-izquierda {
| |
| − | float: left;
| |
| − | margin: 10px;
| |
| − | width: 40%;
| |
| − | display: inline-block;
| |
| − | }
| |
| − | .contenido-con-imagen-izquierda > .texto-derecha {
| |
| − | float: right;
| |
| − | width: 51%;
| |
| − | display: inline-block;
| |
| − | }
| |
| − | .imagen-centrada-reducida > img {
| |
| − | width: 50%;
| |
| − | margin-left: 25%;
| |
| − | margin-right: 25%;
| |
| − | }
| |
| − | .imagen-centrada-reducida > .leyenda {
| |
| − | text-align: center;
| |
| − | }
| |
| − | .imagen-centrada-completa > img {
| |
| − | width: 100%;
| |
| − | margin-left: auto;
| |
| − | margin-right: auto;
| |
| − | }
| |
| − | .imagen-centrada-completa > .leyenda {
| |
| − | text-align: center;
| |
| − | }
| |
| − | .conclusion {
| |
| − | }
| |
| − | .referencias {
| |
| − | }
| |
| − | /******************************************** RESIZING CONTENTS ON SCREEN SIZE *************************************/
| |
| − | @media screen and (max-width: 900px) {
| |
| − | .articulo {
| |
| − | font-size: 3vh;
| |
| − | line-height: 1.2em;
| |
| − | }
| |
| − | .body-title {
| |
| − | font-size: 6vh;
| |
| − | }
| |
| − | .body-subtitle {
| |
| − | font-size: 4vh;
| |
| − | }
| |
| − | .seccion-responsiva {
| |
| − | border-radius: 10px;
| |
| − | }
| |
| − | .masthead {
| |
| − | height: auto;
| |
| − | }
| |
| − | .header-top {
| |
| − | display: none;
| |
| − | }
| |
| − | .header-bottom {
| |
| − | height: auto;
| |
| − | }
| |
| − | .header-title {
| |
| − | font-size: 16vw;
| |
| − | }
| |
| − | .header-subtitle {
| |
| − | font-size: 8vw;
| |
| − | }
| |
| − | .header-background {
| |
| − | display: none;
| |
| − | }
| |
| − | .imagen-centrada-reducida > img {
| |
| − | width: 100%;
| |
| − | margin: 0;
| |
| − | }
| |
| − | .leyenda {
| |
| − | font-size: 2vh;
| |
| − | }
| |
| − | .social-link {
| |
| − | font-size: 10vw;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | /******************************************************* TOPBAR MENU *********************************************/
| |
| − | #topBarWrapper {
| |
| − | display: none;
| |
| − | }
| |
| − |
| |
| − | .topBar {
| |
| − | position: fixed;
| |
| − | top: 18px;
| |
| − | z-index: 99;
| |
| − | height: 8vh;
| |
| − | width: 100%;
| |
| − | }
| |
| − |
| |
| − | #navbar {
| |
| − | position: fixed;
| |
| − | z-index: 99;
| |
| − | height: 8vh;
| |
| − | width: 100%;
| |
| − | background: linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(255,255,255,0) 100%);
| |
| − | transition: all 0.3s;
| |
| − | -webkit-transition: all 0.3s;
| |
| − | }
| |
| − |
| |
| − | #navbarLogoWrapper {
| |
| − | position: absolute;
| |
| − | display: inline-block;
| |
| − | height: 100%;
| |
| − | -webkit-transition: all 0.3s;
| |
| − | transition: all 0.3s;
| |
| − | }
| |
| − |
| |
| − | #navbarLogoText {
| |
| − | display: inline-block;
| |
| − | font-size: 1vw;
| |
| − | color: white;
| |
| − | opacity: 0;
| |
| − | -webkit-transition: opacity 0.3s;
| |
| − | transition: opacity 0.3s;
| |
| − | }
| |
| − |
| |
| − | #navbarLogo {
| |
| − | height: 80%;
| |
| − | margin-top: 5%;
| |
| − | margin-bottom: 15%;
| |
| − | margin-left: 20px;
| |
| − | padding-left: 20px;
| |
| − | display: inline-block;
| |
| − | }
| |
| − |
| |
| − | #navbarGif {
| |
| − | height: 80%;
| |
| − | margin-top: 5%;
| |
| − | margin-bottom: 15%;
| |
| − | margin-left: 20px;
| |
| − | padding-left: 20px;
| |
| − | display: none;
| |
| − | }
| |
| − |
| |
| − | #navbarGif, #navbarLogoWrapper:hover #navbarLogo {
| |
| − | display: none;
| |
| − | }
| |
| − |
| |
| − | #navbarLogo, #navbarLogoWrapper:hover #navbarGif {
| |
| − | display: inline-block;
| |
| − | }
| |
| − |
| |
| − | #navbarLogoWrapper:hover {
| |
| − | transform: scale(1.4,1.4);
| |
| − | cursor: pointer;
| |
| − | }
| |
| − |
| |
| − | #navbarLogoWrapper:hover > #navbarLogoText {
| |
| − | opacity: 1;
| |
| − | }
| |
| − |
| |
| − | #navContainer {
| |
| − | z-index: 2;
| |
| − | height: 8vh;
| |
| − | width: 80%;
| |
| − | left: 10%;
| |
| − | position: fixed;
| |
| − | background-color: rgba(0,0,0,0);
| |
| − | color: #fff;
| |
| − | }
| |
| − |
| |
| − | .navbar-linkContainer {
| |
| − | height: 100%;
| |
| − | width: 20%;
| |
| − | color: white;
| |
| − | background-color: rgba(0,0,0,0);
| |
| − | -webkit-transition: all 0.3s;
| |
| − | transition: all 0.3s;
| |
| − | position: relative;
| |
| − | float: left;
| |
| − | text-align: center;
| |
| − | }
| |
| − | .navbar-linkContainerChild {
| |
| − | position: absolute;
| |
| − | top: 0;
| |
| − | bottom: 0;
| |
| − | left: 0;
| |
| − | right: 0;
| |
| − | width: 100%;
| |
| − | height: 1em;
| |
| − | margin: auto;
| |
| − | font-family: "Norwester", sans-serif;
| |
| − | font-weight: 700;
| |
| − | font-size: 1.5vw;
| |
| − | line-height: 1em;
| |
| − | border-right: 1px solid white;
| |
| − | }
| |
| − |
| |
| − | #linkContainer_ModelingChild {
| |
| − | border: 0;
| |
| − | }
| |
| − |
| |
| − | .navbar-linkContainer.active {
| |
| − | transform: scale(1.05,1.05);
| |
| − | border-radius: 5%;
| |
| − | box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
| |
| − | background-color: #5da565;
| |
| − | -webkit-transition: all 0.3s;
| |
| − | transition: all 0.3s;
| |
| − | z-index: 9;
| |
| − | }
| |
| − |
| |
| − | .activeChild {
| |
| − | border: 0;
| |
| − | z-index: 10;
| |
| − | }
| |
| − |
| |
| − | .collapsed-menu {
| |
| − | top: calc(8vh + 18px);
| |
| − | position: fixed;
| |
| − | z-index: 1;
| |
| − | width: 100%;
| |
| − | background-color: aquamarine;
| |
| − | }
| |
| − |
| |
| − | .container-collapse {
| |
| − | padding: 0 10px 30px 10px;
| |
| − | width: 80%;
| |
| − | margin-left: 10%;
| |
| − | }
| |
| − |
| |
| − | .height-support {
| |
| − | height: 20px;
| |
| − | width: 100%;
| |
| − | }
| |
| − |
| |
| − | .mask {
| |
| − | height: 8vh;
| |
| − | width:100%;
| |
| − | background-color: rgba(0,0,0,0);
| |
| − | z-index: 0;
| |
| − | }
| |
| − |
| |
| − | .navbarList {
| |
| − | float: left;
| |
| − | height: 100%;
| |
| − | width: 20%;
| |
| − | }
| |
| − |
| |
| − | .navbarItem {
| |
| − | height: 100%;
| |
| − | }
| |
| − |
| |
| − | .navbarItemHeader {
| |
| − | display: inline-block;
| |
| − | position: relative;
| |
| − | font-family: "Norwester", sans-serif;
| |
| − | font-weight: 500;
| |
| − | font-size: 1.8vw;
| |
| − | color: black;
| |
| − | text-decoration: none;
| |
| − | padding-top: 10px;
| |
| − | width: auto;
| |
| − | }
| |
| − |
| |
| − | .navbarItemContent {
| |
| − | display: inline-block;
| |
| − | position: relative;
| |
| − | color: black;
| |
| − | font-size: 1.5vw;
| |
| − | line-height: 1.5em;
| |
| − | text-decoration: none;
| |
| − | width: auto;
| |
| − | }
| |
| − |
| |
| − | a.navbarItemHeader::after, a.navbarItemContent::after {
| |
| − | content: "";
| |
| − | position: absolute;
| |
| − | width: 0;
| |
| − | height: 2px;
| |
| − | display:block;
| |
| − | margin-top: 5px;
| |
| − | right: 0;
| |
| − | background-color: #000;
| |
| − | -webkit-transition: width 0.3s ease-in-out 0s;
| |
| − | transition: width 0.3s ease-in-out 0s;
| |
| − | padding: 0;
| |
| − | margin: 0;
| |
| − | }
| |
| − |
| |
| − | a.navbarItemHeader:link, a.navbarItemContent:link {
| |
| − | color: black;
| |
| − | text-decoration: none;
| |
| − | }
| |
| − | a.navbarItemHeader:visited, a.navbarItemContent:visited {
| |
| − | color: black;
| |
| − | text-decoration: none;
| |
| − | }
| |
| − | a.navbarItemHeader:active, a.navbarItemContent:active {
| |
| − | color: black;
| |
| − | text-decoration: none;
| |
| − | }
| |
| − | a.navbarItemHeader:hover, a.navbarItemContent:hover {
| |
| − | color: black;
| |
| − | text-decoration: none;
| |
| − | }
| |
| − |
| |
| − | a.navbarItemHeader:hover::after, a.navbarItemContent:hover::after {
| |
| − | width: 100%;
| |
| − | left: 0;
| |
| − | background: #000;
| |
| − | }
| |
| − |
| |
| − | .clearBoth {
| |
| − | clear: both;
| |
| − | }
| |
| − | /********************************************************* TOPBAR MENU ENDS *********************************************/
| |
| − |
| |
| − | /********************************************************Loader**************************************************/
| |
| − | #loader-wrapper {
| |
| − | position: fixed;
| |
| − | top: 0;
| |
| − | left: 0;
| |
| − | width: 100%;
| |
| − | height: 100%;
| |
| − | z-index: 1000;
| |
| − | }
| |
| − |
| |
| − | #loader {
| |
| − | position: relative;
| |
| − | width: 100%;
| |
| − | height: 100%;
| |
| − | z-index: 1001;
| |
| − | }
| |
| − |
| |
| − | #loaderMessage {
| |
| − | position: absolute;
| |
| − | width: 50%;
| |
| − | height: 10%;
| |
| − | margin: 85% 25% 5% 25%;
| |
| − | font-size: 10%;
| |
| − | }
| |
| − |
| |
| − | #videoLoader {
| |
| − | position:absolute;
| |
| − | width: 50%;
| |
| − | margin: 15% 25%;
| |
| − | }
| |
| − |
| |
| − | #loader-wrapper .loader-section {
| |
| − | position: fixed;
| |
| − | width: 100%;
| |
| − | height: 51%;
| |
| − | background: rgb(214,230,223);
| |
| − | z-index: 1000;
| |
| − | -webkit-transform: translateY(0);
| |
| − | -ms-transform: translateY(0);
| |
| − | transform: translateY(0);
| |
| − | }
| |
| − | #loader-wrapper .loader-section.section-top {
| |
| − | top: 0;
| |
| − | }
| |
| − | #loader-wrapper .loader-section.section-bottom {
| |
| − | bottom: 0;
| |
| − | }
| |
| − | /* Loaded */
| |
| − | .loaded #loader-wrapper .loader-section.section-top {
| |
| − | -webkit-transform: translateY(-100%);
| |
| − | -ms-transform: translateY(-100%);
| |
| − | transform: translateY(-100%);
| |
| − | -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
| |
| − | -o-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
| |
| − | transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
| |
| − | }
| |
| − | .loaded #loader-wrapper .loader-section.section-bottom {
| |
| − | -webkit-transform: translateY(100%);
| |
| − | -ms-transform: translateY(100%);
| |
| − | transform: translateY(100%);
| |
| − | -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
| |
| − | -o-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
| |
| − | transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
| |
| − | }
| |
| − | .loaded #loader {
| |
| − | opacity: 0;
| |
| − | -webkit-transition: all 0.3s ease-out;
| |
| − | -o-transition: all 0.3s ease-out;
| |
| − | transition: all 0.3s ease-out;
| |
| − | }
| |
| − | .loaded #loader-wrapper {
| |
| − | visibility: hidden;
| |
| − | }
| |
| − | /* JavaScript Turned Off */
| |
| − | .no-js #loader-wrapper {
| |
| − | display: none;
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − | </style>
| |
| − | </head>
| |
| − | <body>
| |
| − | <!------------------------------------------------------- LOADER ------------------------------------------------------->
| |
| − | <div id="loader-wrapper">
| |
| − | <div id="loader">
| |
| − | <img id="videoLoader" src="https://static.igem.org/mediawiki/2018/e/e3/T--Tec-Monterrey--Page_Loader.gif">
| |
| − | <div id="loaderMessage"></div>
| |
| − | </div>
| |
| − | <div class="loader-section section-top"></div>
| |
| − | <div class="loader-section section-bottom"></div>
| |
| − | </div>
| |
| − |
| |
| − | <!--------------------------------------------------------- TOPBAR MENU STARTS ------------------------------------------->
| |
| − | <div id="topBarWrapper">
| |
| − | <div class="topBar d-flex">
| |
| − | <div id="navbar">
| |
| − | <div id="navbarLogoWrapper">
| |
| − | <img id="navbarLogo" src="https://static.igem.org/mediawiki/2018/5/5e/T--IIT_Kanpur--logo2.png"/>
| |
| − | <h5 id="navbarLogoText">Home</h5>
| |
| − | </div>
| |
| − | <div id="navContainer">
| |
| − | <a href="#">
| |
| − | <div class="navbar-linkContainer" id="linkContainer_Project">
| |
| − | <div class="navbar-linkContainerChild" id="linkContainer_ProjectChild">PROJECT</div>
| |
| − | </div>
| |
| − | </a>
| |
| − | <a href="#">
| |
| − | <div class="navbar-linkContainer" id="linkContainer_Parts">
| |
| − | <div class="navbar-linkContainerChild" id="linkContainer_PartsChild">PARTS</div>
| |
| − | </div>
| |
| − | </a>
| |
| − | <a href="#">
| |
| − | <div class="navbar-linkContainer" id="linkContainer_People">
| |
| − | <div class="navbar-linkContainerChild" id="linkContainer_PeopleChild">PEOPLE</div>
| |
| − | </div>
| |
| − | </a>
| |
| − | <a href="#">
| |
| − | <div class="navbar-linkContainer" id="linkContainer_HP">
| |
| − | <div class="navbar-linkContainerChild" id="linkContainer_HPChild">HUMAN PRACTICES</div>
| |
| − | </div>
| |
| − | </a>
| |
| − | <a href="#">
| |
| − | <div class="navbar-linkContainer" id="linkContainer_Modeling">
| |
| − | <div class="navbar-linkContainerChild" id="linkContainer_ModelingChild">MODELING</div>
| |
| − | </div>
| |
| − | </a>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <!-- Project collapsed -->
| |
| − | <div class="collapse collapsed-menu" id="collapseProject">
| |
| − | <div class="container-collapse">
| |
| − | <div class="height-support">
| |
| − | </div>
| |
| − | <ul class="navbar-nav mr-auto navbarList">
| |
| − | <li class="nav-item navbarItem">
| |
| − | <a href="https://2018.igem.org/Team:Tec-Monterrey#description"
| |
| − | class="navbarItemHeader">Description</a>
| |
| − | <br>
| |
| − | <a class="navbarItemContent">Overview</a>
| |
| − | <br>
| |
| − | <a class="navbarItemContent">Introduction</a>
| |
| − | <br>
| |
| − | <a class="navbarItemContent">The System</a>
| |
| − | <br>
| |
| − | <a class="navbarItemContent">Applications</a>
| |
| − | <br>
| |
| − | <a class="navbarItemContent">Prototype</a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | <ul class="navbar-nav mr-auto navbarList">
| |
| − | <li class="nav-item navbarItem">
| |
| − | <a class="navbarItemHeader">Design</a>
| |
| − | <br>
| |
| − | <a class="navbarItemContent">Background</a>
| |
| − | <br>
| |
| − | <a class="navbarItemContent">Module I</a>
| |
| − | <br>
| |
| − | <a class="navbarItemContent">Module II</a>
| |
| − | <br>
| |
| − | <a class="navbarItemContent">Module III</a>
| |
| − | <br>
| |
| − | <a class="navbarItemContent">Module IV</a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | <ul class="navbar-nav mr-auto navbarList">
| |
| − | <li class="nav-item navbarItem">
| |
| − | <a href="https://2018.igem.org/Team:Tec-Monterrey/InterLab" class="navbarItemHeader">InterLab</a>
| |
| − | <br>
| |
| − | <a href="https://2018.igem.org/Team:Tec-Monterrey/InterLab#procedure-interlab" class="navbarItemContent">Procedure</a>
| |
| − | <br>
| |
| − | <a href="https://2018.igem.org/Team:Tec-Monterrey/InterLab#results-interlab" class="navbarItemContent">Results</a>
| |
| − | <br>
| |
| − | <a href="https://2018.igem.org/Team:Tec-Monterrey/InterLab#conclusion-interlab" class="navbarItemContent">Conclusion</a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | <ul class="navbar-nav mr-auto navbarList">
| |
| − | <li class="nav-item navbarItem">
| |
| − | <a class="navbarItemHeader">Notebook</a>
| |
| − | <br>
| |
| − | <a class="navbarItemContent">Calendar</a>
| |
| − | <br>
| |
| − | <a class="navbarItemContent">Meetings</a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | <ul class="navbar-nav mr-auto navbarList">
| |
| − | <li class="nav-item navbarItem">
| |
| − | <a href="https://2018.igem.org/Team:Tec-Monterrey/Demonstrate" class="navbarItemHeader">Demonstrate</a>
| |
| − | <br>
| |
| − | <a class="navbarItemContent">Overview</a>
| |
| − | <br>
| |
| − | <a class="navbarItemContent">Introduction</a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | <br class="clearBoth"/>
| |
| − | </div>
| |
| − | </div>
| |
| − | <!-- Parts collapsed -->
| |
| − | <div class="collapse collapsed-menu" id="collapseParts">
| |
| − | <div class="container-collapse">
| |
| − | <div class="height-support">
| |
| − | </div>
| |
| − | <ul class="navbar-nav mr-auto navbarList">
| |
| − | <li class="nav-item navbarItem">
| |
| − | <a href="" class="navbarItemHeader">Basic Parts</a>
| |
| − | <br>
| |
| − | <a href="" class="navbarItemContent">Overview</a>
| |
| − | <br>
| |
| − | <a href="" class="navbarItemContent">Best Basic Part</a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | <ul class="navbar-nav mr-auto navbarList">
| |
| − | <li class="nav-item navbarItem">
| |
| − | <a href="" class="navbarItemHeader">Composite Parts</a>
| |
| − | <br>
| |
| − | <a href="" class="navbarItemContent">Overview</a>
| |
| − | <br>
| |
| − | <a href="" class="navbarItemContent">Best Composite Part</a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | <ul class="navbar-nav mr-auto navbarList">
| |
| − | <li class="nav-item navbarItem">
| |
| − | <a href="" class="navbarItemHeader">Parts Collection</a>
| |
| − | <br>
| |
| − | <a href="" class="navbarItemContent">Best Parts</a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | <ul class="navbar-nav mr-auto navbarList">
| |
| − | <li class="nav-item navbarItem">
| |
| − | <a href="https://2018.igem.org/Team:Tec-Monterrey/Improve" class="navbarItemHeader">Improved Parts</a>
| |
| − | <br>
| |
| − | <a href="" class="navbarItemContent">Overview</a>
| |
| − | <br>
| |
| − | <a href="" class="navbarItemContent">Part I</a>
| |
| − | <br>
| |
| − | <a href="" class="navbarItemContent">Part II</a>
| |
| − | <br>
| |
| − | <a href="" class="navbarItemContent">Part III</a>
| |
| − | <br>
| |
| − | <a href="" class="navbarItemContent">Part IV</a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | <ul class="navbar-nav mr-auto navbarList">
| |
| − | <li class="nav-item navbarItem">
| |
| − | <a href="" class="navbarItemHeader">Parts List</a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | <br class="clearBoth"/>
| |
| − | </div>
| |
| − | </div>
| |
| − | <!-- People collapsed -->
| |
| − | <div class="collapse collapsed-menu" id="collapsePeople">
| |
| − | <div class="container-collapse">
| |
| − | <div class="height-support">
| |
| − | </div>
| |
| − | <ul class="navbar-nav mr-auto navbarList">
| |
| − | <li class="nav-item navbarItem">
| |
| − | <a href="https://2018.igem.org/Team:Tec-Monterrey/Team" class="navbarItemHeader">Team</a>
| |
| − | <br>
| |
| − | <a href="https://2018.igem.org/Team:Tec-Monterrey/Team#page-top" class="navbarItemContent">Header</a>
| |
| − | <br>
| |
| − | <a href="https://2018.igem.org/Team:Tec-Monterrey/Team#teamMembers" class="navbarItemContent">Team Members</a>
| |
| − | <br>
| |
| − | <a href="https://2018.igem.org/Team:Tec-Monterrey/Team#pi1" class="navbarItemContent">PI 1</a>
| |
| − | <br>
| |
| − | <a href="https://2018.igem.org/Team:Tec-Monterrey/Team#pi2" class="navbarItemContent">PI 2</a>
| |
| − | <br>
| |
| − | <a href="https://2018.igem.org/Team:Tec-Monterrey/Team#instructor" class="navbarItemContent">Instructor</a>
| |
| − | <br>
| |
| − | <a href="https://2018.igem.org/Team:Tec-Monterrey/Team#advisors" class="navbarItemContent">Advisors</a>
| |
| − | <br>
| |
| − | <a href="https://2018.igem.org/Team:Tec-Monterrey/Team#collaborators" class="navbarItemContent">Collaborators</a>
| |
| − | <br>
| |
| − | </li>
| |
| − | </ul>
| |
| − | <ul class="navbar-nav mr-auto navbarList">
| |
| − | <li class="nav-item navbarItem">
| |
| − | <a href="https://2018.igem.org/Team:Tec-Monterrey/Collaborations" class="navbarItemHeader">Collaborations</a>
| |
| − | <br>
| |
| − | <a href="#page-top" class="navbarItemContent">Collab 1</a>
| |
| − | <br>
| |
| − | <a href="#page-top" class="navbarItemContent">Collab 2</a>
| |
| − | <br>
| |
| − | <a href="#page-top" class="navbarItemContent">Collab 3</a>
| |
| − | <br>
| |
| − | <a href="#page-top" class="navbarItemContent">Collab 4</a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | <ul class="navbar-nav mr-auto navbarList">
| |
| − | <li class="nav-item navbarItem">
| |
| − | <a href="https://2018.igem.org/Team:Tec-Monterrey/Attributions" class="navbarItemHeader">Attributions</a>
| |
| − | <br>
| |
| − | <a href="https://2018.igem.org/Team:Tec-Monterrey/Attributions#tec-monterrey-work" class="navbarItemContent">What we have done</a>
| |
| − | <br>
| |
| − | <a href="https://2018.igem.org/Team:Tec-Monterrey/Attributions#general-support" class="navbarItemContent">General Support</a>
| |
| − | <br>
| |
| − | <a href="https://2018.igem.org/Team:Tec-Monterrey/Attributions#HP-support" class="navbarItemContent">HP Support</a>
| |
| − | <br>
| |
| − | <a href="https://2018.igem.org/Team:Tec-Monterrey/Attributions#design-wiki" class="navbarItemContent">Design/Wiki</a>
| |
| − | <br>
| |
| − | <a href="https://2018.igem.org/Team:Tec-Monterrey/Attributions#fund-raising" class="navbarItemContent">Fund raising</a>
| |
| − | <br>
| |
| − | <a href="https://2018.igem.org/Team:Tec-Monterrey/Attributions#thanks" class="navbarItemContent">Thanks</a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | <ul class="navbar-nav mr-auto navbarList">
| |
| − | <li class="nav-item navbarItem">
| |
| − | <a href="#page-top" class="navbarItemHeader">Sponsors</a>
| |
| − | <br>
| |
| − | <a href="#page-top" class="navbarItemContent">Principal</a>
| |
| − | <br>
| |
| − | <a href="#page-top" class="navbarItemContent">Secondary</a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | <br class="clearBoth"/>
| |
| − | </div>
| |
| − | </div>
| |
| − | <!-- HP collapsed -->
| |
| − | <div class="collapse collapsed-menu" id="collapseHP">
| |
| − | <div class="container-collapse">
| |
| − | <div class="height-support">
| |
| − | </div>
| |
| − | <ul class="navbar-nav mr-auto navbarList">
| |
| − | <li class="nav-item navbarItem">
| |
| − | <a href="https://2018.igem.org/Team:Tec-Monterrey/Human_Practices" class="navbarItemHeader">Human Practices</a>
| |
| − | <br>
| |
| − | <a href="https://2018.igem.org/Team:Tec-Monterrey/Human_Practices#page-top" class="navbarItemContent">Header</a>
| |
| − | <br>
| |
| − | <a href="https://2018.igem.org/Team:Tec-Monterrey/Human_Practices#introduction-HP" class="navbarItemContent">Intro</a>
| |
| − | <br>
| |
| − | <a href="https://2018.igem.org/Team:Tec-Monterrey/Human_Practices#monterrey-HP" class="navbarItemContent">Monterrey</a>
| |
| − | <br>
| |
| − | <a href="https://2018.igem.org/Team:Tec-Monterrey/Human_Practices#chiapas-HP" class="navbarItemContent">Chiapas</a>
| |
| − | <br>
| |
| − | <a href="https://2018.igem.org/Team:Tec-Monterrey/Human_Practices#integrated-HP" class="navbarItemContent">Integrated</a>
| |
| − | <a href="https://2018.igem.org/Team:Tec-Monterrey/Human_Practices#world-HP" class="navbarItemContent">World</a>
| |
| − | <br>
| |
| − | <a href="https://2018.igem.org/Team:Tec-Monterrey/Human_Practices#prototype-HP" class="navbarItemContent">Prototype</a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | <ul class="navbar-nav mr-auto navbarList">
| |
| − | <li class="nav-item navbarItem">
| |
| − | <a href="#" class="navbarItemHeader">The Journey</a>
| |
| − | <br>
| |
| − | <a href="#" class="navbarItemContent">Tabasco</a>
| |
| − | <br>
| |
| − | <a href="#" class="navbarItemContent">Chiapas</a>
| |
| − | <br>
| |
| − | <a href="#" class="navbarItemContent">Samples</a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | <ul class="navbar-nav mr-auto navbarList" style="width: 25%;">
| |
| − | <li class="nav-item navbarItem">
| |
| − | <a href="https://2018.igem.org/Team:Tec-Monterrey/Public_Engagement" class="navbarItemHeader">Public Engagement</a>
| |
| − | <br>
| |
| − | <a href="#" class="navbarItemContent">Milenio News</a>
| |
| − | <br>
| |
| − | <a href="#" class="navbarItemContent">Conexion Tec</a>
| |
| − | <br>
| |
| − | <a href="#" class="navbarItemContent">Genobiotec</a>
| |
| − | <br>
| |
| − | <a href="#" class="navbarItemContent">Curiosamente</a>
| |
| − | <br>
| |
| − | <a href="#" class="navbarItemContent">Tec Review</a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | <ul class="navbar-nav mr-auto navbarList" style="width: 25%;">
| |
| − | <li class="nav-item navbarItem">
| |
| − | <a href="https://2018.igem.org/Team:Tec-Monterrey/Public_Engagement" class="navbarItemHeader">Educational Engagement</a>
| |
| − | <br>
| |
| − | <a href="#" class="navbarItemContent">Seminar</a>
| |
| − | <br>
| |
| − | <a href="#" class="navbarItemContent">Congress</a>
| |
| − | <br>
| |
| − | <a href="#" class="navbarItemContent">Talks</a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | <br class="clearBoth"/>
| |
| − | </div>
| |
| − | </div>
| |
| − | <!-- Modeling collapsed -->
| |
| − | <div class="collapse collapsed-menu" id="collapseModeling">
| |
| − | <div class="container-collapse">
| |
| − | <div class="height-support">
| |
| − | </div>
| |
| − | <ul class="navbar-nav mr-auto navbarList" style="width: 25%;">
| |
| − | <li class="nav-item navbarItem">
| |
| − | <a href="https://2018.igem.org/Team:Tec-Monterrey/Model" class="navbarItemHeader">Mathematical Model</a>
| |
| − | <br>
| |
| − | <a href="#page-top" class="navbarItemContent">Overview</a>
| |
| − | <br>
| |
| − | <a href="#page-top" class="navbarItemContent">Growth</a>
| |
| − | <br>
| |
| − | <a href="#page-top" class="navbarItemContent">Enzimes</a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | <br class="clearBoth"/>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="mask"></div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <!--------------------------------------------------------- TOPBAR MENU ENDS --------------------------------------------->
| |
| − |
| |
| − | </body>
| |
| − | </html>
| |
