- universal-wrapper {
margin-top: 70px; padding: 0; width: 100%;
}
- globalWrapper {
padding: 0;
}
- mw-content-text p {
margin: 0;
} body {
margin: 0; padding: 0; min-width: 1200px;
} html {
font-size: 100%;
}
/* BANNER */
.banner-pic-wrapper {
margin: 0; padding: 0; width: 100%; height: 700px; overflow: hidden; position: fixed; /*margin-top: 74px;*/ /* igem menu bar 20px, navigation bar 54px */ top: 0; z-index: -100;
} .banner-dummy {
margin: 0; position: relative; /* igem menu bar 20px, navigation bar 54px */ margin-top: 74px; padding: 0; width: 100%; height: 650px;
} .banner-pic {
margin: 0; padding: 0; width: 100%; position: absolute;
} .banner-pic:not(.active) {
display: none;
} .banner-text {
position: absolute; border: none; top: 20%; width: 100%; left: 0; right: 0; margin: 0 auto 0 auto; padding: 0; min-height: 160px; font-size: 120px; letter-spacing: 0.4em; font-family: Ubuntu,"Helvetica Neue", Arial; font-weight: bolder; text-align: center;
} .banner-text span {
opacity: 0; margin: 0; padding: 0;
}
- text-d {
color: #d35400;
}
- text-e {
color: #f1c40f;
}
- text-cose {
color: white;
} .banner-sub-text {
opacity: 0; position: absolute; padding: 0; top: 45%; width: 60%; margin: 0 20% 0 20%; font-size: 32px; line-height: 1.4em; letter-spacing: 0.1em; font-family: Lato,"Helvetica Neue",Arial; font-weight: bolder; text-align: center; color: white;
} .banner-up-arrow {
display: none; position: absolute; left: 0; right: 0; margin: 0 auto 0 auto; width: 120px; height: 80px; opacity: 0.8; bottom: 3%; z-index: 50;
} header + div.container {
margin-top: 76.8px;
} /* CONTENT */ .content-wrapper {
width: 100%; padding :0; margin: 0;
} .content-block {
width:100%; height: 400px; background-color: white; margin: 0; padding: 0; border-bottom: 1px solid #ecf0f1; overflow: hidden;
} .content-title {
opacity: 0; position: relative; top: -40px; margin: 0; padding: 0.8em 0 0.8em 0; font-size: 2.6rem; font-family: "Helvetica Neue",Arial; text-align: center; color: #d35400;
} .content-text {
opacity: 0; position: relative; left: -100px; margin: 0; padding: 0.8em 0 0.8em 0; font-family: Ubuntu,"Helvetica Neue",Arial; font-size: 1.2rem; line-height: 2.4rem; text-align: left;
} .content-text-wrapper {
width: 55%; height: 100%; margin: 0; padding: 0 7% 0 7%; float: left;
} .content-pic-wrapper {
width: 45%; height: 100%; margin: 0; float: left; text-align: center;
}
- content-block-1 video {
width: 600px; display: inline-block; margin-top: 40px;
}
- content-block-2 .content-text-wrapper {
float: right;
}
- content-block-2 img {
height: 100%;
}
- content-block-2 {
height: 450px;
}
- content-block-2 .content-text {
left: 100px;
}
- content-block-3 {
background-color: #f7f7f7; height: 450px;
}
- content-block-4 {
height: 140px;
}
- content-block-4 .content-title {
margin: 0; width: 40%; text-align: center; float: right;
}
- content-block-4 .content-title:before {
display: none;
}
- content-block-4 .content-text {
margin: 0; width: 60%; text-align: center; float: right; font-size: 1.7rem;
}
- content-block-dummy {
overflow: hidden; background: transparent;
}
- content-block-4-pic {
display: none; height: 650px; position: fixed; z-index: -1; bottom: 0;
}
- content-pic-team {
width: 100%; margin: 0; padding: 0;
}
- content-block-5 {
height: 220px; text-align: center;
}
- content-block-5 .content-title:before {
display: none;
} .sponsor-img {
display: inline-block; position: relative; top: -20px; /*opacity: 0;*/ padding: 0 2.0rem 0 2.0rem; margin: 0; height: 60px; vertical-align: top;
}