Difference between revisions of "Template:Team:Paris Saclay/css"

m
Line 31: Line 31:
 
hr {clear:both; border:0; margin:0;}
 
hr {clear:both; border:0; margin:0;}
  
−
#home-splash {display: table;line-height: 0; background:url(https://static.igem.org/mediawiki/2015/a/a4/Paris_Saclay-home-preview.jpg);}
+
#home-splash {display: table;line-height: 0;}
 
#home-splash ul {margin:0;}
 
#home-splash ul {margin:0;}
−
#home-splash ul li {width: 235px;height: 235px;float: left;position: relative;overflow: hidden;-webkit-transition: background-image 0.25s ease-in-out;transition: background-image 0.25s ease-in-out;list-style: none;}
+
#home-splash ul li {width: 235px;height: 235px;float: left;position: relative;overflow: hidden;-webkit-transition: background-image 0.25s ease-in-out;transition: background-image 0.25s ease-in-out;list-style: none; background: url(https://static.igem.org/mediawiki/2015/9/93/Paris_Saclay-home-splash-off.jpg);}
 +
#home-splash ul li:hover {background:url(https://static.igem.org/mediawiki/2015/7/76/Paris_Saclay-home-splash-on.jpg);}
 
#home-splash ul li a {display: block;width: 235px;height: 235px;float: left;position: relative;overflow: hidden;}
 
#home-splash ul li a {display: block;width: 235px;height: 235px;float: left;position: relative;overflow: hidden;}
 
#home-splash ul li a .icon {width: 80px;height: 80px;margin: 50px auto 20px auto;display: block;}
 
#home-splash ul li a .icon {width: 80px;height: 80px;margin: 50px auto 20px auto;display: block;}
 
#home-splash ul li a .text {margin: 0 auto;text-align: center;font-size: 16px;color: #ffffff;}
 
#home-splash ul li a .text {margin: 0 auto;text-align: center;font-size: 16px;color: #ffffff;}
  
−
#home-splash .team:hover {background: url(https://static.igem.org/mediawiki/2015/4/45/Paris_Saclay-splash-team.jpg);}
+
#shome-splash .team:hover {background: url(https://static.igem.org/mediawiki/2015/4/45/Paris_Saclay-splash-team.jpg);}
−
#home-splash .interlab:hover {background: url(https://static.igem.org/mediawiki/2015/b/b6/Paris_Saclay-splash-interlab.jpg);}
+
#shome-splash .interlab:hover {background: url(https://static.igem.org/mediawiki/2015/b/b6/Paris_Saclay-splash-interlab.jpg);}
−
#home-splash .introduction:hover {background: url(https://static.igem.org/mediawiki/2015/e/e9/Paris_Saclay-splash-introduction.jpg);}
+
#shome-splash .introduction:hover {background: url(https://static.igem.org/mediawiki/2015/e/e9/Paris_Saclay-splash-introduction.jpg);}
−
#home-splash .dissemination:hover {background: url(https://static.igem.org/mediawiki/2015/7/75/Paris_Saclay-splash-dissemination.jpg);}
+
#shome-splash .dissemination:hover {background: url(https://static.igem.org/mediawiki/2015/7/75/Paris_Saclay-splash-dissemination.jpg);}
−
#home-splash .labwork:hover {background: url(https://static.igem.org/mediawiki/2015/5/50/Paris_Saclay-splash-labwork.jpg);}
+
#shome-splash .labwork:hover {background: url(https://static.igem.org/mediawiki/2015/5/50/Paris_Saclay-splash-labwork.jpg);}
−
#home-splash .parts:hover {background: url(https://static.igem.org/mediawiki/2015/7/73/Paris_Saclay-splash-parts.jpg);}
+
#shome-splash .parts:hover {background: url(https://static.igem.org/mediawiki/2015/7/73/Paris_Saclay-splash-parts.jpg);}
−
#home-splash .physical:hover {background: url(https://static.igem.org/mediawiki/2015/6/63/Paris_Saclay-splash-physical.jpg);}
+
#shome-splash .physical:hover {background: url(https://static.igem.org/mediawiki/2015/6/63/Paris_Saclay-splash-physical.jpg);}
−
#home-splash .thermal:hover {background: url(https://static.igem.org/mediawiki/2015/7/7f/Paris_Saclay-splash-thermal.jpg);}
+
#shome-splash .thermal:hover {background: url(https://static.igem.org/mediawiki/2015/7/7f/Paris_Saclay-splash-thermal.jpg);}
 
#home-splash .practices:hover {background: url(https://static.igem.org/mediawiki/2015/c/cf/Paris_Saclay-splash-practices.jpg);}
 
#home-splash .practices:hover {background: url(https://static.igem.org/mediawiki/2015/c/cf/Paris_Saclay-splash-practices.jpg);}
 
#home-splash .achievements:hover {background: url(https://static.igem.org/mediawiki/2015/3/37/Paris_Saclay-splash-achievements.jpg);}
 
#home-splash .achievements:hover {background: url(https://static.igem.org/mediawiki/2015/3/37/Paris_Saclay-splash-achievements.jpg);}
Line 51: Line 52:
 
#home-splash .perspectives:hover {background: url(https://static.igem.org/mediawiki/2015/a/a6/Paris_Saclay-splash-perspectives.jpg);}
 
#home-splash .perspectives:hover {background: url(https://static.igem.org/mediawiki/2015/a/a6/Paris_Saclay-splash-perspectives.jpg);}
  
 +
#home-splash .team {background-position: 0px 0px;}
 +
#home-splash .interlab {background-position: -235px -0px;}
 +
#home-splash .introduction {background-position: -470px -0px;}
 +
#home-splash .dissemination {background-position: -705px -0px;}
 +
#home-splash .labwork {background-position: -0px -235px;}
 +
#home-splash .parts {background-position: -235px -235px;}
 +
#home-splash .physical {background-position: -470px -235px;}
 +
#home-splash .thermal {background-position: -705px -235px;}
 +
 +
@media (min-width: 768px) and (max-width: 979px) {
 +
#home-splash .team {background-position: 0px 0px;}
 +
#home-splash .interlab {background-position: -180px -0px;}
 +
#home-splash .introduction {background-position: -360px -0px;}
 +
#home-splash .dissemination {background-position: -540px -0px;}
 +
#home-splash .labwork {background-position: -0px -180px;}
 +
#home-splash .parts {background-position: -180px -180px;}
 +
#home-splash .physical {background-position: -360px -180px;}
 +
#home-splash .thermal {background-position: -540px -180px;}
 +
}
 +
 +
@media (max-width: 767px) {
 +
#home-splash .team {background-position: 0px 0px;}
 +
#home-splash .interlab {background-position: -210px -0px;}
 +
#home-splash .introduction {background-position: -420px -0px;}
 +
#home-splash .dissemination {background-position: -630px -0px;}
 +
#home-splash .labwork {background-position: -0px -210px;}
 +
#home-splash .parts {background-position: -210px -210px;}
 +
#home-splash .physical {background-position: -420px -210px;}
 +
#home-splash .thermal {background-position: -630px -210px;}
 +
}
 +
@media (max-width: 480px) {
 +
#home-splash .team {background-position: 0px 0px;}     
 +
#home-splash .interlab {background-position: -140px -0px;}
 +
#home-splash .introduction {background-position: -280px -0px;}
 +
#home-splash .dissemination {background-position: -420px -0px;}
 +
#home-splash .labwork {background-position: -0px -140px;}
 +
#home-splash .parts {background-position: -140px -140px;}
 +
#home-splash .physical {background-position: -280px -140px;}
 +
#home-splash .thermal {background-position: -420px -140px;}
 +
}
 +
 +
       
 +
        .image-square.image-square-8 {
 +
          background-position: -0px -470px;
 +
        }
 +
        .image-square.image-square-8 .sprite {
 +
          background-position: -640px 0;
 +
        }
 +
     
 +
 +
          @media (min-width: 768px) and (max-width: 979px) {
 +
           
 +
        .image-square.image-square-8 {
 +
          background-position: -0px -360px;
 +
        }
 +
        .image-square.image-square-8 .sprite {
 +
          background-position: -480px 0;
 +
        }
 +
     
 +
          }
 +
       
 +
 +
          @media (max-width: 767px) {
 +
           
 +
        .image-square.image-square-8 {
 +
          background-position: -0px -420px;
 +
        }
 +
        .image-square.image-square-8 .sprite {
 +
          background-position: -560px 0;
 +
        }
 +
     
 +
          }
 +
       
 +
 +
          @media (max-width: 480px) {
 +
           
 +
        .image-square.image-square-8 {
 +
          background-position: -0px -280px;
 +
        }
 +
        .image-square.image-square-8 .sprite {
 +
          background-position: -400px 0;
 +
        }
 +
     
 +
          }
 +
       
 +
 +
        .image-square.image-square-9 {
 +
          background-position: -235px -470px;
 +
        }
 +
        .image-square.image-square-9 .sprite {
 +
          background-position: -720px 0;
 +
        }
 +
     
 +
 +
          @media (min-width: 768px) and (max-width: 979px) {
 +
           
 +
        .image-square.image-square-9 {
 +
          background-position: -180px -360px;
 +
        }
 +
        .image-square.image-square-9 .sprite {
 +
          background-position: -540px 0;
 +
        }
 +
     
 +
          }
 +
       
 +
 +
          @media (max-width: 767px) {
 +
           
 +
        .image-square.image-square-9 {
 +
          background-position: -210px -420px;
 +
        }
 +
        .image-square.image-square-9 .sprite {
 +
          background-position: -630px 0;
 +
        }
 +
     
 +
          }
 +
       
 +
 +
          @media (max-width: 480px) {
 +
           
 +
        .image-square.image-square-9 {
 +
          background-position: -140px -280px;
 +
        }
 +
        .image-square.image-square-9 .sprite {
 +
          background-position: -450px 0;
 +
        }
 +
     
 +
          }
 +
       
 +
 +
        .image-square.image-square-10 {
 +
          background-position: -470px -470px;
 +
        }
 +
        .image-square.image-square-10 .sprite {
 +
          background-position: -800px 0;
 +
        }
 +
     
 +
 +
          @media (min-width: 768px) and (max-width: 979px) {
 +
           
 +
        .image-square.image-square-10 {
 +
          background-position: -360px -360px;
 +
        }
 +
        .image-square.image-square-10 .sprite {
 +
          background-position: -600px 0;
 +
        }
 +
     
 +
          }
 +
       
 +
 +
          @media (max-width: 767px) {
 +
           
 +
        .image-square.image-square-10 {
 +
          background-position: -420px -420px;
 +
        }
 +
        .image-square.image-square-10 .sprite {
 +
          background-position: -700px 0;
 +
        }
 +
     
 +
          }
 +
       
 +
 +
          @media (max-width: 480px) {
 +
           
 +
        .image-square.image-square-10 {
 +
          background-position: -280px -280px;
 +
        }
 +
        .image-square.image-square-10 .sprite {
 +
          background-position: -500px 0;
 +
        }
 +
     
 +
          }
 +
       
 +
 +
        .image-square.image-square-11 {
 +
          background-position: -705px -470px;
 +
        }
 +
        .image-square.image-square-11 .sprite {
 +
          background-position: -880px 0;
 +
        }
 +
     
 +
 +
          @media (min-width: 768px) and (max-width: 979px) {
 +
           
 +
        .image-square.image-square-11 {
 +
          background-position: -540px -360px;
 +
        }
 +
        .image-square.image-square-11 .sprite {
 +
          background-position: -660px 0;
 +
        }
 +
     
 +
          }
 +
       
 +
 +
          @media (max-width: 767px) {
 +
           
 +
        .image-square.image-square-11 {
 +
          background-position: -630px -420px;
 +
        }
 +
        .image-square.image-square-11 .sprite {
 +
          background-position: -770px 0;
 +
        }
 +
     
 +
          }
 +
       
 +
 +
          @media (max-width: 480px) {
 +
           
 +
        .image-square.image-square-11 {
 +
          background-position: -420px -280px;
 +
        }
 +
        .image-square.image-square-11 .sprite {
 +
          background-position: -550px 0;
 +
        }
 +
     
 +
          }
 
div#bars_item, div#user_item.has_submenu{line-height:initial;}
 
div#bars_item, div#user_item.has_submenu{line-height:initial;}
 
#globalWrapper {font-size:100%;padding:0;}
 
#globalWrapper {font-size:100%;padding:0;}
 
div#toc.toc, h1.firstHeading, a#top, #top_menu_under {display: none;}
 
div#toc.toc, h1.firstHeading, a#top, #top_menu_under {display: none;}
 
</style></html>
 
</style></html>

Revision as of 17:37, 13 September 2015