Difference between revisions of "Team:Duesseldorf/test17"

Line 6: Line 6:
  
 
<article>
 
<article>
−
{
+
{{Marburg}}
 +
<html>
 +
<style>
 +
body {
 +
overflow-x: hidden !important;
 +
}
 +
.home {
 +
  width: 100%;
 +
}
 +
 
 +
section {
 +
position: relative;
 +
overflow: hidden;
 +
width: 100%;
 +
background-color:black;
 +
height: 120vh;
 +
padding: 3%;
 +
box-sizing: border-box;
 +
}
 +
 
 +
.logoSection:before {
 +
position: absolute;
 +
width: 100%;
 +
height: 100%;
 +
left:0;
 +
top:0;
 +
content: "";
 +
opacity: 0.9;
 +
background-size: cover;
 +
background-position: center;
 +
}
 +
.logoSection {
 +
width: 100%;
 +
padding: 8% 5% 5% 5%;
 +
box-sizing: border-box;
 +
text-align: center;
 +
min-height: 100vh;
 +
background-color: white;
 +
background-size: cover;
 +
}
 +
.logoBackground {
 +
position: absolute;
 +
width: 100%;
 +
height: calc(100% + 54px);
 +
left:0;
 +
top:0;
 +
background-size: cover;
 +
background-image: url(http://212.224.125.161:8765/igem_2018/img/testbg2.png);
 +
}
 +
.logoSection img {
 +
position: absolute;
 +
display: inline-block;
 +
width: 60%;
 +
left:50%;
 +
top:50%;
 +
transform: translate(-50%, -50%);
 +
filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.5));
 +
padding-top: 4%;
 +
animation: mlogo_fadeIn 1s ease-in-out;
 +
}
 +
@keyframes mlogo_fadeIn { from { opacity: 0; transform: translate(-50%, -50%) scale(0.75); } to { opacity: 1; transform: translate(-50%, -50%) scale(1.0); }}
 +
.sectionBackground {
 +
position: absolute;
 +
width: 100%;
 +
height: 110%;
 +
left:0;
 +
top:-5%;
 +
background-size: cover;
 +
background-position: center;
 +
opacity: 0.3;
 +
background-color: black;
 +
}
 +
.sectionBackground:before {
 +
position: absolute;
 +
left: 0;
 +
top:0;
 +
content: "";
 +
width: 100%;
 +
height: 100%;
 +
 +
}
 +
 
 +
 
 +
.sectionContent {
 +
display: flex;
 +
justify-content: space-around;
 +
align-content: center;
 +
align-items: center;
 +
padding: 4%;
 +
height: 100%;
 +
box-sizing: border-box;
 +
}
 +
 
 +
.sectionContent figure img {
 +
display:inline-block;
 +
width: 100%;
 +
}
 +
 
 +
.sectionContent figure {
 +
width: 25%;
 +
}
 +
 
 +
.sectionContent aside {
 +
display:inline-block;
 +
align-self: center;
 +
position: relative;
 +
width: 70%;
 +
color:white;
 +
background-color: rgba(0, 0, 0, 0);
 +
font-size: 2.3vw;
 +
text-align: justify;
 +
}
 +
.spacer {
 +
position: relative;
 +
width: 100%;
 +
height: 2px;
 +
background-color:#fff;
 +
box-shadow: 0 0 15px rgba(255,255,255,1);
 +
z-index: 2;
 +
}
 +
.spacerH {
 +
position: absolute;
 +
text-align: center;
 +
background-color: white;
 +
font-size: 2.8vw;
 +
left:50%;
 +
top:50%;
 +
transform: translate(-50%, -50%);
 +
border-radius: 55px;
 +
padding: 1% 2% 1% 2%;
 +
text-align: center;
 +
}
 +
.scrollFade {
 +
opacity: 0;
 +
transition: all 1.5s ease-in-out;
 +
}
 +
.scaleIn {
 +
transform: scale(0.8);
 +
}
 +
.slideInLeft {
 +
transform: translate(-15%, 0);
 +
}
 +
.slideInRight {
 +
transform: translate(15%, 0);
 +
}
 +
.fadeIn {
 +
opacity: 1;
 +
}
 +
.transformIn {
 +
opacity: 1;
 +
transform: translate(0) scale(1.0);
 +
}
 +
 
 +
.logoSpacer {
 +
position: absolute;
 +
width: 100%;
 +
height: 15px;
 +
background-color:#fff;
 +
box-shadow: 0 0 15px rgba(255,255,255,1);z-index: 2;
 +
}
 +
.medalBody {
 +
width: 100%;
 +
border-radius: 25px;
 +
box-shadow: 10px 15px 20px rgb(0, 0, 0, 0.1);
 +
padding: 5%;
 +
box-sizing:border-box;
 +
}
 +
 
 +
</style>
 +
 
 
<div class="home">
 
<div class="home">
 
<div class="logoSection">
 
<div class="logoSection">

Revision as of 23:49, 17 October 2018

{{Marburg}}
Strain Engineering
Part Collection
Metabolic Engineering
Interlab
Accessible Science
B. Marchal



</article> </body> </html>