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

(Created page with "<html> <div id="footer"> <div id="sponsors"> <a href="snapgene logo"><img src="snapgene logo trans.png" class="sponsorSnapgeneLogo" /></a> <a href="NEB logo white"><img src="NEB ...")
 
 
(45 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
<div id="footer">
+
#footer{
<div id="sponsors">
+
margin: 0 auto;
<a href="snapgene logo"><img src="snapgene logo trans.png" class="sponsorSnapgeneLogo" /></a>
+
width:1500px;
<a href="NEB logo white"><img src="NEB logo trans.png" class="sponsorNEBLogo" /></a>
+
margin-bottom: 40px;
<a href="promega logo trans.png"><img src="Promega logo trans.png" class="sponsorPromegaLogo" /></a>
+
}
<a href="ufe logo trans.png"><img src="ufe logo trans.png" class="sponsorUFELogo" /></a>
+
#sponsors{
<a href="IDT logo trans.png"><img src="IDT logo trans.png" class="sponsorIDTLogo" /></a>
+
position:relative;
<a href="icms logo trans.png"><img src="icms logo trans.png" class="sponsorICMSLogo" /></a>
+
width:100%;
</div>
+
}
</div>
+
.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;
 +
}
 
</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; }