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

 
(43 intermediate revisions by 3 users not shown)
Line 2: Line 2:
 
#footer{
 
#footer{
 
margin: 0 auto;
 
margin: 0 auto;
−
width:1200px;
+
width:1500px;
 +
margin-bottom: 40px;
 
}
 
}
 
#sponsors{
 
#sponsors{
 
position:relative;
 
position:relative;
−
margin-left: calc((1200px - 3 * 300px) / 2);
+
width:100%;
−
width:1200px;
+
 
}
 
}
−
.sponsorSnapgeneLogo, .sponsorNEBLogo, .sponsorPromegaLogo, .sponsorUFELogo, .sponsorIDTLogo, .sponsorICMSLogo{
+
.sponsorPammLogo, .sponsorEuropaBioLogo, .sponsorUFELogo, .sponsorICMSLogo, .sponsorDSMLogo{
−
width: 300px;
+
width: 230px;
 +
position:absolute;
 
-webkit-filter: brightness(0) invert(1);
 
-webkit-filter: brightness(0) invert(1);
 
filter: brightness(0) invert(1);
 
filter: brightness(0) invert(1);
 
}
 
}
−
.sponsorSnapgeneLogo:hover, .sponsorNEBLogo:hover, .sponsorPromegaLogo:hover, .sponsorUFELogo:hover, .sponsorIDTLogo:hover, .sponsorICMSLogo:hover{
+
.sponsorPammLogo{
 +
bottom:20px;
 +
left:150px;
 +
}
 +
.sponsorDSMLogo{
 +
bottom:0;
 +
left:400px;
 +
}
 +
.sponsorEuropaBioLogo{
 +
bottom:-50px;
 +
left:640px;
 +
}
 +
.sponsorUFELogo{
 +
bottom:0;
 +
left: 870px;
 +
}
 +
.sponsorICMSLogo{
 +
bottom:0;
 +
left: 1100px;
 +
}
 +
 
 +
 
 +
.sponsorPammLogo:hover, .sponsorEuropaBioLogo:hover, .sponsorUFELogo:hover, .sponsorICMSLogo:hover, .sponsorDSMLogo:hover{
 
-webkit-filter: none;
 
-webkit-filter: none;
 
filter: none;
 
filter: none;
 
}
 
}
 
</html>
 
</html>

Latest revision as of 13:03, 25 August 2015

#footer{ margin: 0 auto; width:1500px; margin-bottom: 40px; } #sponsors{ position:relative; width:100%; } .sponsorPammLogo, .sponsorEuropaBioLogo, .sponsorUFELogo, .sponsorICMSLogo, .sponsorDSMLogo{ width: 230px; position:absolute; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .sponsorPammLogo{ bottom:20px; left:150px; } .sponsorDSMLogo{ bottom:0; left:400px; } .sponsorEuropaBioLogo{ bottom:-50px; left:640px; } .sponsorUFELogo{ bottom:0; left: 870px; } .sponsorICMSLogo{ bottom:0; left: 1100px; } .sponsorPammLogo:hover, .sponsorEuropaBioLogo:hover, .sponsorUFELogo:hover, .sponsorICMSLogo:hover, .sponsorDSMLogo:hover{ -webkit-filter: none; filter: none; }