Team:USTC-China/css/thanks

From 2013.igem.org

Revision as of 15:13, 28 August 2013 by Ustczyw (Talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

.img{

    -webkit-transform:scale(0.6);
    -moz-transform:scale(0.6);
    -o-transform:scale(0.6);
    -ms-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;
    -ms-transition-duration: 0.5s;

}

.img img{

    width:290px;
    height: 65px;
    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;
    -ms-transform:scale(0.8);
    -ms-box-shadow:0px 0px 30px #36526C;	

}


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

    background-color:#ffffff;	
    width:100%;
    height:65px;
    position: absolute;	
    cursor:pointer;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration:0.5s;
    -ms-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;

}

  1. sponsors1 { margin-left:20px;}
  2. sponsors2 { margin-left:20px;}


  1. home_3 h2 {
    display: block;
    width:100%;
    font-family: "Helvetica Neue","Arial",sans-serif;
    font-size:24px;
    color: #fff;
    border-bottom: 1px dashed #fff;
    padding-bottom:10px;

}