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