Difference between revisions of "Template:Team:TU Eindhoven/Home CSS"
Jan Willem (Talk | contribs) |
|||
| (19 intermediate revisions by 2 users not shown) | |||
| Line 2: | Line 2: | ||
#hexagonwrapper{ | #hexagonwrapper{ | ||
transform: rotate(90deg); | transform: rotate(90deg); | ||
| − | margin: | + | margin: 50px auto; |
position:relative; | position:relative; | ||
| + | } | ||
| + | |||
| + | .tekstMiddle{ | ||
| + | text-align: center; | ||
| + | width: 100%; | ||
| + | margin: 0 auto; | ||
} | } | ||
| Line 26: | Line 32: | ||
.hexagontext{ | .hexagontext{ | ||
position:relative; | position:relative; | ||
| − | |||
margin-top: 12px; | margin-top: 12px; | ||
} | } | ||
| 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%; }