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 ...")
 
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>
+
position:relative;
−
<a href="NEB logo white"><img src="NEB logo trans.png" class="sponsorNEBLogo" /></a>
+
width:1200px;
−
<a href="promega logo trans.png"><img src="Promega logo trans.png" class="sponsorPromegaLogo" /></a>
+
overflow:hidden;
−
<a href="ufe logo trans.png"><img src="ufe logo trans.png" class="sponsorUFELogo" /></a>
+
background:black;
−
<a href="IDT logo trans.png"><img src="IDT logo trans.png" class="sponsorIDTLogo" /></a>
+
}
−
<a href="icms logo trans.png"><img src="icms logo trans.png" class="sponsorICMSLogo" /></a>
+
#sponsors{
−
</div>
+
position:relative;
−
</div>
+
overflow:hidden;
 +
margin-left: calc((1200px - 3 * 300px) / 2);
 +
width:1200px;
 +
}
 +
.sponsorSnapgeneLogo, .sponsorNEBLogo, .sponsorPromegaLogo, .sponsorUFELogo, .sponsorIDTLogo, .sponsorICMSLogo{
 +
width: 300px;
 +
-webkit-filter: brightness(0) invert(1);
 +
filter: brightness(0) invert(1);
 +
}
 +
.sponsorSnapgeneLogo:hover, .sponsorNEBLogo:hover, .sponsorPromegaLogo:hover, .sponsorUFELogo:hover, .sponsorIDTLogo:hover, .sponsorICMSLogo:hover{
 +
-webkit-filter: none;
 +
filter: none;
 +
}
 
</html>
 
</html>

Revision as of 09:13, 13 July 2015

#footer{ margin: 0 auto; position:relative; width:1200px; overflow:hidden; background:black; } #sponsors{ position:relative; overflow:hidden; margin-left: calc((1200px - 3 * 300px) / 2); width:1200px; } .sponsorSnapgeneLogo, .sponsorNEBLogo, .sponsorPromegaLogo, .sponsorUFELogo, .sponsorIDTLogo, .sponsorICMSLogo{ width: 300px; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .sponsorSnapgeneLogo:hover, .sponsorNEBLogo:hover, .sponsorPromegaLogo:hover, .sponsorUFELogo:hover, .sponsorIDTLogo:hover, .sponsorICMSLogo:hover{ -webkit-filter: none; filter: none; }