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

 
(33 intermediate revisions by 4 users not shown)
Line 3: Line 3:
 
text-align: justify;
 
text-align: justify;
 
}
 
}
.tekst1 {
+
 
font-family: Aleo, Arial, sans-serif;
+
#imageText {
font-size:20px;
+
width:100%;
align: center;
+
overflow: hidden;
 
}
 
}
  
.kop2 {
+
 
font-family: Aleo_Bold, Arial, sans-serif;  
+
.left1 {
font-size:35px;
+
float:left;
align:center;
+
width:58%;
 +
text-align: justify;
 
}
 
}
.TeamFoto{
+
 
align:middle;
+
.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; }