Difference between revisions of "Template:Team:TU Eindhoven/Footer CSS"
(35 intermediate revisions by 3 users not shown) | |||
Line 2: | Line 2: | ||
#footer{ | #footer{ | ||
margin: 0 auto; | margin: 0 auto; | ||
− | width: | + | width:1500px; |
+ | margin-bottom: 40px; | ||
} | } | ||
#sponsors{ | #sponsors{ | ||
Line 8: | Line 9: | ||
width:100%; | width:100%; | ||
} | } | ||
− | . | + | .sponsorPammLogo, .sponsorEuropaBioLogo, .sponsorUFELogo, .sponsorICMSLogo, .sponsorDSMLogo{ |
− | width: | + | 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); | ||
} | } | ||
− | . | + | .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; }