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

m
m
Line 48: Line 48:
 
#shome-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);}
 
#shome-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);}
+
#shome-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);}
+
#shome-splash .achievements:hover {background: url(https://static.igem.org/mediawiki/2015/3/37/Paris_Saclay-splash-achievements.jpg);}
#home-splash .modeling:hover {background: url(https://static.igem.org/mediawiki/2015/d/d1/Paris_Saclay-splash-modeling.jpg);}
+
#shome-splash .modeling:hover {background: url(https://static.igem.org/mediawiki/2015/d/d1/Paris_Saclay-splash-modeling.jpg);}
#home-splash .perspectives:hover {background: url(https://static.igem.org/mediawiki/2015/a/a6/Paris_Saclay-splash-perspectives.jpg);}
+
#shome-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 .team {background-position: 0px 0px;}
Line 61: Line 61:
 
#home-splash .physical {background-position: -470px -235px;}
 
#home-splash .physical {background-position: -470px -235px;}
 
#home-splash .thermal {background-position: -705px -235px;}
 
#home-splash .thermal {background-position: -705px -235px;}
 +
#home-splash .practices {background-position: -0px -470px;}
 +
#home-splash .achievements {background-position: -235px -470px;}
 +
#home-splash .modeling {background-position: -470px -470px;}
 +
#home-splash .perspectives {background-position: -705px -470px;}
  
 
@media (min-width: 768px) and (max-width: 979px) {
 
@media (min-width: 768px) and (max-width: 979px) {
Line 72: Line 76:
 
#home-splash .physical {background-position: -360px -180px;}
 
#home-splash .physical {background-position: -360px -180px;}
 
#home-splash .thermal {background-position: -540px -180px;}
 
#home-splash .thermal {background-position: -540px -180px;}
 +
#home-splash .practices {background-position: -0px -360px;}
 +
#home-splash .achievements {background-position: -180px -360px;}
 +
#home-splash .modeling {background-position: -360px -360px;}
 +
#home-splash .perspectives {background-position: -540px -360px;}
 
}
 
}
  
Line 84: Line 92:
 
#home-splash .physical {background-position: -420px -210px;}
 
#home-splash .physical {background-position: -420px -210px;}
 
#home-splash .thermal {background-position: -630px -210px;}
 
#home-splash .thermal {background-position: -630px -210px;}
 +
#home-splash .practices {background-position: -0px -420px;}
 +
#home-splash .achievements {background-position: -210px -420px;}
 +
#home-splash .modeling {background-position: -420px -420px;}
 +
#home-splash .perspectives {background-position: -630px -420px;}
 
}
 
}
 
@media (max-width: 480px) {
 
@media (max-width: 480px) {
Line 95: Line 107:
 
#home-splash .physical {background-position: -280px -140px;}
 
#home-splash .physical {background-position: -280px -140px;}
 
#home-splash .thermal {background-position: -420px -140px;}
 
#home-splash .thermal {background-position: -420px -140px;}
 +
#home-splash .practices {background-position: -0px -280px;}
 +
#home-splash .achievements {background-position: -140px -280px;}
 +
#home-splash .modeling {background-position: -280px -280px;}
 +
#home-splash .perspectives {background-position: -420px -280px;}
 
}
 
}
  
       
 
        .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 18:03, 13 September 2015