Difference between revisions of "Template:Tel-Hai/css"
| Line 1: | Line 1: | ||
<html> | <html> | ||
<style type="text/css"> | <style type="text/css"> | ||
| − | .icons-sprite, .icons-facebook, .footer .social ul li.social-facebook a, .icons-instagram, .footer .social ul li.social-instagram a, .icons-twitter, .footer .social ul li.social-twitter a { | + | .icons-sprite, .icons-facebook, #bodyContent .footer .social ul li.social-facebook a, .icons-instagram, #bodyContent .footer .social ul li.social-instagram a, .icons-twitter, #bodyContent .footer .social ul li.social-twitter a { |
| − | background-image: url(' | + | background-image: url('../../images/icons-sc0e33a5da2.png'); |
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
} | } | ||
| − | .icons-facebook, .footer .social ul li.social-facebook a { | + | .icons-facebook, #bodyContent .footer .social ul li.social-facebook a { |
background-position: 0 -50px; | background-position: 0 -50px; | ||
height: 50px; | height: 50px; | ||
width: 50px; | width: 50px; | ||
} | } | ||
| − | .icons-facebook:hover, .footer .social ul li.social-facebook a:hover, .icons-facebook.facebook-hover, .footer .social ul li.social-facebook a.facebook-hover { | + | .icons-facebook:hover, #bodyContent .footer .social ul li.social-facebook a:hover, .icons-facebook.facebook-hover, #bodyContent .footer .social ul li.social-facebook a.facebook-hover { |
background-position: 0 0; | background-position: 0 0; | ||
} | } | ||
| − | .icons-instagram, .footer .social ul li.social-instagram a { | + | .icons-instagram, #bodyContent .footer .social ul li.social-instagram a { |
background-position: 0 -150px; | background-position: 0 -150px; | ||
height: 50px; | height: 50px; | ||
width: 50px; | width: 50px; | ||
} | } | ||
| − | .icons-instagram:hover, .footer .social ul li.social-instagram a:hover, .icons-instagram.instagram-hover, .footer .social ul li.social-instagram a.instagram-hover { | + | .icons-instagram:hover, #bodyContent .footer .social ul li.social-instagram a:hover, .icons-instagram.instagram-hover, #bodyContent .footer .social ul li.social-instagram a.instagram-hover { |
background-position: 0 -100px; | background-position: 0 -100px; | ||
} | } | ||
| − | .icons-twitter, .footer .social ul li.social-twitter a { | + | .icons-twitter, #bodyContent .footer .social ul li.social-twitter a { |
background-position: 0 -250px; | background-position: 0 -250px; | ||
height: 50px; | height: 50px; | ||
width: 50px; | width: 50px; | ||
} | } | ||
| − | .icons-twitter:hover, .footer .social ul li.social-twitter a:hover, .icons-twitter.twitter-hover, .footer .social ul li.social-twitter a.twitter-hover { | + | .icons-twitter:hover, #bodyContent .footer .social ul li.social-twitter a:hover, .icons-twitter.twitter-hover, #bodyContent .footer .social ul li.social-twitter a.twitter-hover { |
background-position: 0 -200px; | background-position: 0 -200px; | ||
} | } | ||
| Line 257: | Line 257: | ||
} | } | ||
| − | .footer { | + | #bodyContent .footer { |
background-color: #333; | background-color: #333; | ||
padding: 30px; | padding: 30px; | ||
} | } | ||
| − | .footer:after { | + | #bodyContent .footer:after { |
content: ' '; | content: ' '; | ||
clear: both; | clear: both; | ||
display: block; | display: block; | ||
} | } | ||
| − | .footer .copyright { | + | #bodyContent .footer .copyright { |
float: left; | float: left; | ||
color: #ccc; | color: #ccc; | ||
padding-top: 15px; | padding-top: 15px; | ||
} | } | ||
| − | .footer .social { | + | #bodyContent .footer .social { |
float: right; | float: right; | ||
} | } | ||
| − | .footer .social ul { | + | #bodyContent .footer .social ul { |
list-style: none; | list-style: none; | ||
padding: 0; | padding: 0; | ||
| Line 280: | Line 280: | ||
float: right; | float: right; | ||
} | } | ||
| − | .footer .social ul li { | + | #bodyContent .footer .social ul li { |
float: left; | float: left; | ||
margin: 0 0 0 10px; | margin: 0 0 0 10px; | ||
} | } | ||
| − | .footer .social ul li a { | + | #bodyContent .footer .social ul li a { |
color: #fff; | color: #fff; | ||
overflow: hidden; | overflow: hidden; | ||
| Line 290: | Line 290: | ||
display: block; | display: block; | ||
} | } | ||
| − | |||
</style> | </style> | ||
</html> | </html> | ||
Revision as of 14:45, 19 October 2017
