Difference between revisions of "Template:Team:TU Eindhoven/Footer CSS"
Jan Willem (Talk | contribs) (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 ...") |
Jan Willem (Talk | contribs) |
||
Line 1: | Line 1: | ||
<html> | <html> | ||
− | + | #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; | ||
+ | } | ||
</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; }