Difference between revisions of "Template:Team:TU Eindhoven/Application scenarios CSS"
Jan Willem (Talk | contribs) |
|||
| Line 81: | Line 81: | ||
#qFeverScenario { | #qFeverScenario { | ||
width:100%; | width:100%; | ||
| − | + | height:0; | |
| − | + | overflow:hidden; | |
| + | transition: height 2s; | ||
} | } | ||
Revision as of 10:16, 10 September 2015
.textholder { width:100%; margin: 10px 0px; } .columnholder { width:100%; overflow:hidden; } .leftColumn { width:45%; margin-right:1%; float:left; } .rightColumn { width:45%; margin-left:1%; margin-top:auto; margin-bottom:auto; float:right; } .rightColumnImage { margin-top:20px; } .centeredImage { display:block; margin-top:3%; margin-left:auto; margin-right:auto; } .centeredImageCaption { display:block; margin-top:3%; margin-left:10%; margin-right:10%; margin-bottom:3%; } .selector { display:block; float:left; width:33.2%; height:184px; overflow:hidden; position:relative; } .scenarioText { background-color:rgba(255,255,255,0.5); padding:10px; position:absolute; top:100%; height:176px; transition: all 0.5s ease; } .selector:hover .scenarioText { background-color:rgba(255,255,255,0.9); top:0; } .scenarioSelectorImage { border:3px solid #021a40; background-color:#fff; } #scenarioSelector { width:102%; overflow:hidden; margin: 10px 0px; } #qFeverScenario { width:100%; height:0; overflow:hidden; transition: height 2s; } #intestinesScenario { width:100%; display:none; } #pesticidesScenario { width:100%; display:none; }