|
|
| Line 1,245: |
Line 1,245: |
| | transform: translateX(0); | | transform: translateX(0); |
| | } | | } |
| − | #globalWrapper {
| |
| − | background: rgb(248,247,246);
| |
| − | }
| |
| − | @media (max-width: 900px) {
| |
| − | .hp-left {
| |
| − | display: contents !important;
| |
| − | }
| |
| − | .hp-left img{
| |
| − | display: none;
| |
| − | }
| |
| − | .hp-right {
| |
| − | width: 100% !important;
| |
| − | text-align: center !important;
| |
| − | margin-top: 5%;
| |
| − | margin-bottom: 5%;
| |
| − | }
| |
| − | .hp-title {
| |
| − | text-align: center !important;
| |
| − | font-size: 7vw;
| |
| − | }
| |
| − | .hp-subtitle {
| |
| − | text-align: center !important;
| |
| − | font-size: 3vw;
| |
| − | }
| |
| − | .screen-title {
| |
| − | top: 10% !important;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | .screen-title {
| |
| − | position: absolute;
| |
| − | top: 25%;
| |
| − | left: 25%;
| |
| − | font-size: 7vw;
| |
| − | line-height: 1.5em;
| |
| − | color: rgba(93,165,101,0.8);
| |
| − | text-align: center;
| |
| − | font-family: "Norwester", sans-serif;
| |
| − | }
| |
| − | .screen-title h1{
| |
| − | font-family: "DosisRegular", sans-serif !important;
| |
| − | font-size: 5vw;
| |
| − | line-height: 2em;
| |
| − | }
| |
| − |
| |
| − | #memo {
| |
| − | width:100%;
| |
| − | }
| |
| − |
| |
| − | #project {
| |
| − | -webkit-transition: height 4s;
| |
| − | -moz-transition: height 4s;
| |
| − | -ms-transition: height 4s;
| |
| − | -o-transition: height 4s;
| |
| − | transition: height 4s;
| |
| − | height: auto;
| |
| − | background-image: url('/img/logoOficialCirculos.png');
| |
| − | background-repeat: no-repeat;
| |
| − | background-position: center;
| |
| − | background-size: contain;
| |
| − | text-align: center;
| |
| − | }
| |
| − | #team {
| |
| − | text-align: center;
| |
| − | }
| |
| − | #myTable{
| |
| − | width: 95%;
| |
| − | margin: 0px auto !important;
| |
| − | padding: 10px;
| |
| − | border: 2px solid rgb(1,99,60) !important;
| |
| − | border-collapse: collapse;
| |
| − | vertical-align: middle !important;
| |
| − | table-layout: fixed;
| |
| − | }
| |
| − | #myTable td{
| |
| − | width: 33%;
| |
| − | border: 2px solid rgb(1,99,60) !important;
| |
| − | border-collapse: collapse;
| |
| − | text-align: center;
| |
| − | padding: 5px;
| |
| − | }
| |
| − |
| |
| − | #myTable p {
| |
| − | text-align:center;
| |
| − | font-size: 14px;
| |
| − | }
| |
| − |
| |
| − | #HP{
| |
| − | background: rgb(248,247,246);
| |
| − | }
| |
| − | .container-hp {
| |
| − | width: 80%;
| |
| − | height: auto;
| |
| − | display: flex;
| |
| − | margin-left: 10%;
| |
| − | }
| |
| − | .hp-left {
| |
| − | width: 40%;
| |
| − | display: inline-block;
| |
| − | padding: 3%;
| |
| − | }
| |
| − | .hp-left img {
| |
| − | width: 100%;
| |
| − | }
| |
| − | .hp-right {
| |
| − | width: 60%;
| |
| − | display: inline-block;
| |
| − | text-align: left;
| |
| − | margin: 7% 0 5% 0;
| |
| − | }
| |
| − | .hp-title {
| |
| − | font-family: "Norwester", sans-serif !important;
| |
| − | text-align: left;
| |
| − | font-size: 9vw;
| |
| − | font-weight: 700;
| |
| − | line-height: 1em;
| |
| − | padding-bottom: 0;
| |
| − | margin-bottom: -5px;
| |
| − | color: #3582d2;
| |
| − | }
| |
| − | .hp-subtitle {
| |
| − | font-family: "Montserrat", monospace;
| |
| − | text-align: left;
| |
| − | font-size: 3.5vw;
| |
| − | font-weight: 600;
| |
| − | line-height: 1em;
| |
| − | padding-bottom: 4px;
| |
| − | color: #5da565;
| |
| − | }
| |
| | /********************************************************* TERMINA VERTICAL NAVBAR ***********************************/ | | /********************************************************* TERMINA VERTICAL NAVBAR ***********************************/ |
| | | | |
| | </style> | | </style> |
| | </head> | | </head> |
| − | <body id="page-top"> | + | <body> |
| − | <!-- Header -->
| + | |
| − | <header class="full-masthead" style="margin-bottom: -8px; text-align: center;">
| + | |
| − | <video autoplay muted loop class="video-header" type="video/mp4">
| + | |
| − | <source src="https://static.igem.org/mediawiki/2018/d/d7/T--Tec-Monterrey--videoTec.mp4">
| + | |
| − | </video>
| + | |
| − | <div class="screen-title">
| + | |
| − | Tec-Monterrey
| + | |
| − | <h1>E. coding</h1>
| + | |
| − | </div>
| + | |
| − | </header>
| + | |
| | <!------------------------------------------------------- LOADER -------------------------------------------------------> | | <!------------------------------------------------------- LOADER -------------------------------------------------------> |
| | <div id="loader-wrapper"> | | <div id="loader-wrapper"> |
