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

 
(32 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
−
#kop1{ font-family: Aleo_Bold, Arial, sans-serif;  
+
#hexagonwrapper{
−
font-size:40px;
+
transform: rotate(90deg);
−
margin:0 auto;
+
margin: 50px auto;
 +
position:relative;
 +
}
 +
 
 +
.tekstMiddle{
 +
text-align: center;
 +
width: 100%;
 +
margin: 0 auto;
 +
}
 +
 
 +
.hexagoncontentwrapper{
 
text-align:center;
 
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);
 +
}
  
−
.tekst1{
+
.vid{
−
font-family: Aleo_Regular, Arial, sans-serif;
+
margin: 0 auto;
−
font-size:20px;
+
width: 800px;
−
text-align:center;
+
height: 450px;
 +
border: 2px solid rgba(0,0,0,0.15);
 
}
 
}
  
−
.tekst1{
+
.video{
−
font-family: Aleo_Italic, Arial, sans-serif;
+
width: 100%;
−
font-size:20px;
+
height: 100%;
−
text-align:center;
+
 
}
 
}
 
</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%; }