Difference between revisions of "Template:Team:TU Eindhoven/Home CSS"

 
(14 intermediate revisions by the same user not shown)
Line 2: Line 2:
 
#hexagonwrapper{
 
#hexagonwrapper{
 
transform: rotate(90deg);
 
transform: rotate(90deg);
margin: 0 auto;
+
margin: 50px auto;
margin-top: 50px;
+
 
position:relative;
 
position:relative;
 +
}
 +
 +
.tekstMiddle{
 +
text-align: center;
 +
width: 100%;
 +
margin: 0 auto;
 
}
 
}
  
Line 37: Line 42:
 
}
 
}
  
 +
.vid{
 +
margin: 0 auto;
 +
width: 800px;
 +
height: 450px;
 +
border: 2px solid rgba(0,0,0,0.15);
 +
}
 +
 +
.video{
 +
width: 100%;
 +
height: 100%;
 +
}
 
</html>
 
</html>

Latest revision as of 03:50, 19 September 2015

#hexagonwrapper{ transform: rotate(90deg); margin: 50px auto; position:relative; } .tekstMiddle{ text-align: center; width: 100%; margin: 0 auto; } .hexagoncontentwrapper{ text-align:center; position:absolute; height:100%; width:100%; line-height: 80px; } .hexagon{ -webkit-backface-visibility: hidden; pointer-events: none; z-index:0; background-image:url('https://static.igem.org/mediawiki/2015/c/c4/Hexagon3.png'); background-size: 100% 100%; background-repeat: no-repeat; position:absolute; } .hexagontext{ position:relative; margin-top: 12px; } .hexagonimage{ position: relative; pointer-events: none; } .hexagonlogos{ transform: scale(1.5,1.5); } .vid{ margin: 0 auto; width: 800px; height: 450px; border: 2px solid rgba(0,0,0,0.15); } .video{ width: 100%; height: 100%; }