Difference between revisions of "Template:Team:TU Eindhoven/Team CSS"

(Created page with "</html> #tekst1{ font-size:20px; text-align:center; } </html>")
 
 
(49 intermediate revisions by 4 users not shown)
Line 1: Line 1:
−
</html>
+
<html>
−
#tekst1{
+
#containercontent{
−
font-size:20px;
+
text-align: justify;
−
text-align:center;
+
 
}
 
}
 +
 +
#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;
 +
}
 +
 +
 +
 +
 
</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; }