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, #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 {
+
.icons-sprite, .icons-facebook, #bodyContent .footer .social ul li.social-facebook a, .icons-home-icon, .header .navbar ul li a.icon-home:before, .icons-human-practice-icon, .header .navbar ul li a.icon-human-practice:before, .icons-instagram, #bodyContent .footer .social ul li.social-instagram a, .icons-judging-icon, .header .navbar ul li a.icon-judging:before, .icons-parts-icon, .header .navbar ul li a.icon-parts:before, .icons-project-icon, .header .navbar ul li a.icon-project:before, .icons-team-icon, .header .navbar ul li a.icon-team:before, .icons-twitter, #bodyContent .footer .social ul li.social-twitter a {
−
   background-image: url('https://static.igem.org/mediawiki/2017/b/b8/Telhai-icons.png');
+
   background-image: url('https://static.igem.org/mediawiki/2017/8/86/T--Tel-Hai--icons.png');
 
   background-repeat: no-repeat;
 
   background-repeat: no-repeat;
 
}
 
}
Line 13: Line 13:
 
.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 {
 
.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-home-icon, .header .navbar ul li a.icon-home:before {
 +
  background-position: 0 -131px;
 +
  height: 31px;
 +
  width: 29px;
 +
}
 +
.icons-home-icon:hover, .header .navbar ul li a.icon-home:hover:before, .icons-home-icon.home-icon-hover, .header .navbar ul li a.home-icon-hover.icon-home:before {
 +
  background-position: 0 -100px;
 +
}
 +
 +
.icons-human-practice-icon, .header .navbar ul li a.icon-human-practice:before {
 +
  background-position: 0 -193px;
 +
  height: 31px;
 +
  width: 29px;
 +
}
 +
.icons-human-practice-icon:hover, .header .navbar ul li a.icon-human-practice:hover:before, .icons-human-practice-icon.human-practice-icon-hover, .header .navbar ul li a.human-practice-icon-hover.icon-human-practice:before {
 +
  background-position: 0 -162px;
 
}
 
}
  
 
.icons-instagram, #bodyContent .footer .social ul li.social-instagram a {
 
.icons-instagram, #bodyContent .footer .social ul li.social-instagram a {
−
   background-position: 0 -150px;
+
   background-position: 0 -274px;
 
   height: 50px;
 
   height: 50px;
 
   width: 50px;
 
   width: 50px;
 
}
 
}
 
.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 {
 
.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 -224px;
 +
}
 +
 
 +
.icons-judging-icon, .header .navbar ul li a.icon-judging:before {
 +
  background-position: 0 -355px;
 +
  height: 31px;
 +
  width: 29px;
 +
}
 +
.icons-judging-icon:hover, .header .navbar ul li a.icon-judging:hover:before, .icons-judging-icon.judging-icon-hover, .header .navbar ul li a.judging-icon-hover.icon-judging:before {
 +
  background-position: 0 -324px;
 +
}
 +
 
 +
.icons-parts-icon, .header .navbar ul li a.icon-parts:before {
 +
  background-position: 0 -417px;
 +
  height: 31px;
 +
  width: 29px;
 +
}
 +
.icons-parts-icon:hover, .header .navbar ul li a.icon-parts:hover:before, .icons-parts-icon.parts-icon-hover, .header .navbar ul li a.parts-icon-hover.icon-parts:before {
 +
  background-position: 0 -386px;
 +
}
 +
 
 +
.icons-project-icon, .header .navbar ul li a.icon-project:before {
 +
  background-position: 0 -479px;
 +
  height: 31px;
 +
  width: 29px;
 +
}
 +
.icons-project-icon:hover, .header .navbar ul li a.icon-project:hover:before, .icons-project-icon.project-icon-hover, .header .navbar ul li a.project-icon-hover.icon-project:before {
 +
  background-position: 0 -448px;
 +
}
 +
 
 +
.icons-team-icon, .header .navbar ul li a.icon-team:before {
 +
  background-position: 0 -541px;
 +
  height: 31px;
 +
  width: 29px;
 +
}
 +
.icons-team-icon:hover, .header .navbar ul li a.icon-team:hover:before, .icons-team-icon.team-icon-hover, .header .navbar ul li a.team-icon-hover.icon-team:before {
 +
  background-position: 0 -510px;
 
}
 
}
  
 
.icons-twitter, #bodyContent .footer .social ul li.social-twitter a {
 
.icons-twitter, #bodyContent .footer .social ul li.social-twitter a {
−
   background-position: 0 -250px;
+
   background-position: 0 -622px;
 
   height: 50px;
 
   height: 50px;
 
   width: 50px;
 
   width: 50px;
 
}
 
}
 
.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 {
 
.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 -572px;
 
}
 
}
  
Line 108: Line 162:
 
   font-size: 15px;
 
   font-size: 15px;
 
}
 
}
−
.header .navbar ul li a.icon-home:before {
+
.header .navbar ul li a.menu-icon:before {
 
   content: ' ';
 
   content: ' ';
 
   margin: 0 auto 8px;
 
   margin: 0 auto 8px;
−
  width: 30px;
 
−
  height: 28px;
 
 
   display: block;
 
   display: block;
−
  background: url("../../images/menu-icons-home.png");
 
 
}
 
}
 
.header .navbar ul li a:hover, .header .navbar ul li a:focus {
 
.header .navbar ul li a:hover, .header .navbar ul li a:focus {
Line 348: Line 399:
 
   display: block;
 
   display: block;
 
}
 
}
 +
  
 
</style>
 
</style>
 
</html>
 
</html>

Revision as of 16:00, 22 October 2017