Team:USTC-Software/css/thanks

From 2013.igem.org

(Difference between revisions)
(Created page with ".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-trans...")
Line 1: Line 1:
.img{
.img{
-
-webkit-transform:scale(0.6);
+
    -webkit-transform:scale(0.6);
-
-moz-transform:scale(0.6);
+
    -moz-transform:scale(0.6);
-
-o-transform:scale(0.6);
+
    -o-transform:scale(0.6);
-
float:left;
+
    float:left;
-
margin-left:-50px;
+
    margin-left:-50px;
-
margin-right:-50px;
+
    margin-right:-50px;
-
margin-top:-10px;
+
    margin-top:-10px;
-
-webkit-transition-duration: 0.5s;
+
    -webkit-transition-duration: 0.5s;
-
-moz-transition-duration: 0.5s;
+
    -moz-transition-duration: 0.5s;
-
-o-transition-duration: 0.5s;
+
    -o-transition-duration: 0.5s;
-
 
+
}
-
}
 
.img img{
.img img{
-
padding-left:20px;
+
    padding-left:20px;
-
padding-right:20px;
+
    padding-right:20px;
}
}
.img:hover{
.img:hover{
-
-webkit-transform:scale(0.8);
+
    -webkit-transform:scale(0.8);
-
-webkit-box-shadow:0px 0px 30px #36526C;
+
    -webkit-box-shadow:0px 0px 30px #36526C;
-
-moz-transform:scale(0.8);
+
    -moz-transform:scale(0.8);
-
-moz-box-shadow:0px 0px 30px #36526C;
+
    -moz-box-shadow:0px 0px 30px #36526C;
-
-o-transform:scale(0.8);
+
    -o-transform:scale(0.8);
-
-o-box-shadow:0px 0px 30px #36526C;
+
    -o-box-shadow:0px 0px 30px #36526C;
}
}
Line 31: Line 30:
.img .mask1, .img .mask2, .img .mask3, .img .mask4,  
.img .mask1, .img .mask2, .img .mask3, .img .mask4,  
.img .mask5, .img .mask6, .img .mask7, .img .mask8{
.img .mask5, .img .mask6, .img .mask7, .img .mask8{
-
background-color:#36526C;
+
    background-color:#36526C;
-
    width:100%;
+
    width:100%;
-
height:100%;
+
    height:100%;
-
position: absolute;
+
    position: absolute;
-
cursor:pointer;
+
    cursor:pointer;
-
-webkit-transition-duration: 0.5s;
+
    -webkit-transition-duration: 0.5s;
-
-moz-transition-duration: 0.5s;
+
    -moz-transition-duration: 0.5s;
-
-o-transition-duration:0.5s;
+
    -o-transition-duration:0.5s;
}
}
Line 58: Line 57:
#img:hover .mask7, #img:hover .mask8
#img:hover .mask7, #img:hover .mask8
{
{
-
height:0%;
+
    height:0%;
-
margin-top:35px;
+
    margin-top:35px;
}
}

Revision as of 06:53, 11 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(../home/new/mask/db-mask.png) center no-repeat;} .img .mask2{background: url(../home/new/mask/ustcif-mask.png) center no-repeat;} .img .mask3{background: url(../home/new/mask/teaching-mask.png) center no-repeat;} .img .mask4{background: url(../home/new/mask/life-mask.png) center no-repeat;} .img .mask5{background: url(../home/new/mask/young-mask.png) center no-repeat;} .img .mask6{background: url(../home/new/mask/physics-mask.png) center no-repeat;} .img .mask7{background: url(../home/new/mask/math-mask.png) center no-repeat;} .img .mask8{background: url(../home/new/mask/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;

}

Retrieved from "http://2013.igem.org/Team:USTC-Software/css/thanks"