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

(Created page with "<html> </html>")
 
Line 1: Line 1:
 
<html>
 
<html>
 +
#hexagonwrapper1{
 +
margin: 0 auto;
 +
position:relative;
 +
float:left;
 +
}
 +
 +
#hexagonwrapper2{
 +
margin: 0 auto;
 +
position:relative;
 +
float:right;
 +
}
 +
 +
.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{
 +
width: 200px;
 +
line-height: 18px;
 +
position:relative;
 +
margin: 0 auto;
 +
margin-top: 40px;
 +
}
 +
.hexagonimage{
 +
position: relative;
 +
height: 50px;
 +
margin-top: calc(58px - 40px - 18px);
 +
pointer-events: none;
 +
}
 +
.hexagonlogos{
 +
transform: scale(1,1);
 +
}
 
</html>
 
</html>

Revision as of 20:35, 4 September 2015

#hexagonwrapper1{ margin: 0 auto; position:relative; float:left; } #hexagonwrapper2{ margin: 0 auto; position:relative; float:right; } .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{ width: 200px; line-height: 18px; position:relative; margin: 0 auto; margin-top: 40px; } .hexagonimage{ position: relative; height: 50px; margin-top: calc(58px - 40px - 18px); pointer-events: none; } .hexagonlogos{ transform: scale(1,1); }