Difference between revisions of "Template:Team:TU Eindhoven/Stakeholders CSS"
(Created page with "<html> </html>") |
|||
Line 1: | Line 1: | ||
<html> | <html> | ||
+ | .textImage { | ||
+ | width:100%; | ||
+ | overflow: hidden; | ||
+ | margin: 10px 0px; | ||
+ | } | ||
+ | |||
+ | .left2 { | ||
+ | float:left; | ||
+ | width:72%; | ||
+ | text-align: justify; | ||
+ | } | ||
+ | |||
+ | .left2imglink { | ||
+ | display:block; | ||
+ | float:right; | ||
+ | width:23%; | ||
+ | text-align:justify; | ||
+ | overflow:hidden; | ||
+ | position:relative; | ||
+ | } | ||
+ | |||
+ | .right2imglink { | ||
+ | display:block; | ||
+ | float:left; | ||
+ | width:23%; | ||
+ | text-align:justify; | ||
+ | overflow:hidden; | ||
+ | position:relative; | ||
+ | } | ||
+ | |||
+ | .linkImg { | ||
+ | width:100%; | ||
+ | } | ||
+ | |||
+ | .linkTxt{ | ||
+ | background-color:rgba(255,255,255,0.5); | ||
+ | height:60%; | ||
+ | padding:10px; | ||
+ | position:absolute; | ||
+ | bottom:-100%; | ||
+ | transition: all 0.5s ease; | ||
+ | } | ||
+ | |||
+ | .left2imglink:hover .linkTxt { | ||
+ | background-color:rgba(255,255,255,0.9); | ||
+ | bottom:0; | ||
+ | } | ||
+ | |||
+ | .right2imglink:hover .linkTxt { | ||
+ | background-color:rgba(255,255,255,0.9); | ||
+ | bottom:0; | ||
+ | } | ||
+ | |||
+ | .right2i { | ||
+ | float:right; | ||
+ | width:72%; | ||
+ | text-align: justify; | ||
+ | } | ||
</html> | </html> |
Revision as of 06:42, 15 September 2015
.textImage { width:100%; overflow: hidden; margin: 10px 0px; } .left2 { float:left; width:72%; text-align: justify; } .left2imglink { display:block; float:right; width:23%; text-align:justify; overflow:hidden; position:relative; } .right2imglink { display:block; float:left; width:23%; text-align:justify; overflow:hidden; position:relative; } .linkImg { width:100%; } .linkTxt{ background-color:rgba(255,255,255,0.5); height:60%; padding:10px; position:absolute; bottom:-100%; transition: all 0.5s ease; } .left2imglink:hover .linkTxt { background-color:rgba(255,255,255,0.9); bottom:0; } .right2imglink:hover .linkTxt { background-color:rgba(255,255,255,0.9); bottom:0; } .right2i { float:right; width:72%; text-align: justify; }