Difference between revisions of "Template:Team:TU Eindhoven/Team CSS"
(28 intermediate revisions by 4 users not shown) | |||
Line 3: | Line 3: | ||
text-align: justify; | text-align: justify; | ||
} | } | ||
− | + | ||
− | + | #imageText { | |
− | + | width:100%; | |
− | + | overflow: hidden; | |
} | } | ||
− | . | + | |
− | + | .left1 { | |
− | + | float:left; | |
− | align: | + | width:58%; |
+ | text-align: justify; | ||
} | } | ||
− | . | + | |
− | align: | + | .right1{ |
+ | float:right; | ||
+ | width:35%; | ||
+ | text-align: justify; | ||
} | } | ||
+ | |||
+ | .right3 { | ||
+ | float:right; | ||
+ | width:58%; | ||
+ | text-align: justify; | ||
+ | } | ||
+ | |||
+ | .right2text { | ||
+ | float:left; | ||
+ | width:40%; | ||
+ | text-align: justify; | ||
+ | } | ||
+ | |||
+ | .linksToDetailsHolder{ | ||
+ | width:102%; | ||
+ | overflow:hidden; | ||
+ | margin: 30px 0px; | ||
+ | } | ||
+ | |||
+ | .link{ | ||
+ | margin-left: 10%; | ||
+ | display:block; | ||
+ | float:left; | ||
+ | width:80%; | ||
+ | overflow:hidden; | ||
+ | position:relative; | ||
+ | } | ||
+ | |||
+ | .linkImg { | ||
+ | width:100%; | ||
+ | } | ||
+ | |||
+ | .linkTxt{ | ||
+ | background-color:rgba(255,255,255,0.5); | ||
+ | height:47%; | ||
+ | padding:10px; | ||
+ | position:absolute; | ||
+ | bottom:-53%; | ||
+ | transition: all 0.5s ease; | ||
+ | } | ||
+ | |||
+ | .link:hover .linkTxt { | ||
+ | background-color:rgba(255,255,255,0.9); | ||
+ | bottom:0; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
</html> | </html> |
Latest revision as of 09:42, 15 September 2015
#containercontent{ text-align: justify; } #imageText { width:100%; overflow: hidden; } .left1 { float:left; width:58%; text-align: justify; } .right1{ float:right; width:35%; text-align: justify; } .right3 { float:right; width:58%; text-align: justify; } .right2text { float:left; width:40%; text-align: justify; } .linksToDetailsHolder{ width:102%; overflow:hidden; margin: 30px 0px; } .link{ margin-left: 10%; display:block; float:left; width:80%; overflow:hidden; position:relative; } .linkImg { width:100%; } .linkTxt{ background-color:rgba(255,255,255,0.5); height:47%; padding:10px; position:absolute; bottom:-53%; transition: all 0.5s ease; } .link:hover .linkTxt { background-color:rgba(255,255,255,0.9); bottom:0; }