Team:USTC-Software/css/thanks

From 2013.igem.org

(Difference between revisions)
Line 41: Line 41:
-
.img .mask1{background: url(../home/new/mask/db-mask.png) center no-repeat;}
+
.img .mask1{background: url(https://static.igem.org/mediawiki/2013/6/60/USTC-Software_DB-mask.png) center no-repeat;}
-
.img .mask2{background: url(../home/new/mask/ustcif-mask.png) center no-repeat;}
+
.img .mask2{background: url(https://static.igem.org/mediawiki/2013/3/38/USTC-Software_Ustcif-mask.png) center no-repeat;}
-
.img .mask3{background: url(../home/new/mask/teaching-mask.png) center no-repeat;}
+
.img .mask3{background: url(https://static.igem.org/mediawiki/2013/e/e0/USTC-Software_Teaching-mask.png) center no-repeat;}
-
.img .mask4{background: url(../home/new/mask/life-mask.png) center no-repeat;}
+
.img .mask4{background: url(https://static.igem.org/mediawiki/2013/c/ce/USTC-Software_Life-mask.png) center no-repeat;}
-
.img .mask5{background: url(../home/new/mask/young-mask.png) center no-repeat;}
+
.img .mask5{background: url(https://static.igem.org/mediawiki/2013/1/16/USTC-Software_Young-mask.png) center no-repeat;}
-
.img .mask6{background: url(../home/new/mask/physics-mask.png) center no-repeat;}
+
.img .mask6{background: url(https://static.igem.org/mediawiki/2013/9/96/USTC-Software_Physics-mask.png) center no-repeat;}
-
.img .mask7{background: url(../home/new/mask/math-mask.png) center no-repeat;}
+
.img .mask7{background: url(https://static.igem.org/mediawiki/2013/3/36/USTC-Software_Math-mask.png) center no-repeat;}
-
.img .mask8{background: url(../home/new/mask/nuclear-mask.png) center no-repeat;}
+
.img .mask8{background: url(https://static.igem.org/mediawiki/2013/5/55/USTC-Software_Nuclear-mask.png) center no-repeat;}

Revision as of 12:20, 16 August 2013

.img{

    -webkit-transform:scale(0.6);
    -moz-transform:scale(0.6);
    -o-transform:scale(0.6);
    float:left;
    margin-left:-50px;
    margin-right:-50px;
    margin-top:-10px;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;

}

.img img{

    padding-left:20px;
    padding-right:20px;

}


.img:hover{

    -webkit-transform:scale(0.8);
    -webkit-box-shadow:0px 0px 30px #36526C;
    -moz-transform:scale(0.8);
    -moz-box-shadow:0px 0px 30px #36526C;	
    -o-transform:scale(0.8);
    -o-box-shadow:0px 0px 30px #36526C;	

}


.img .mask1, .img .mask2, .img .mask3, .img .mask4, .img .mask5, .img .mask6, .img .mask7, .img .mask8{

    background-color:#36526C;	
    width:100%;
    height:100%;
    position: absolute;	
    cursor:pointer;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration:0.5s;

}


.img .mask1{background: url(USTC-Software_DB-mask.png) center no-repeat;} .img .mask2{background: url(USTC-Software_Ustcif-mask.png) center no-repeat;} .img .mask3{background: url(USTC-Software_Teaching-mask.png) center no-repeat;} .img .mask4{background: url(USTC-Software_Life-mask.png) center no-repeat;} .img .mask5{background: url(USTC-Software_Young-mask.png) center no-repeat;} .img .mask6{background: url(USTC-Software_Physics-mask.png) center no-repeat;} .img .mask7{background: url(USTC-Software_Math-mask.png) center no-repeat;} .img .mask8{background: url(USTC-Software_Nuclear-mask.png) center no-repeat;}


  1. img:hover .mask1, #img:hover .mask2,
  2. img:hover .mask3, #img:hover .mask4,
  3. img:hover .mask5, #img:hover .mask6,
  4. img:hover .mask7, #img:hover .mask8

{

    height:0%;	
    margin-top:35px;

}