"

From 2013.igem.org

---

Revision as of 15:13, 28 August 2013

.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() center no-repeat;} .img .mask2{background: url() center no-repeat;} .img .mask3{background: url() center no-repeat;} .img .mask4{background: url() center no-repeat;} .img .mask5{background: url() center no-repeat;} .img .mask6{background: url() center no-repeat;} .img .mask7{background: url() center no-repeat;} .img .mask8{background: url() 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;

}