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); }