Template:CSS/style3

From 2014.igem.org

(Difference between revisions)
Line 203: Line 203:
background-repeat:no-repeat;
background-repeat:no-repeat;
}
}
 +
 +
 +
 +
 +
 +
.sponsors_iitd{
 +
width:95%;
 +
height:200px;
 +
position:absolute;
 +
top:0px;
 +
left:20px;
 +
border: thin solid grey;
 +
float:left;
 +
display:inline;
 +
}
 +
 +
.sponsors_iitd2{
 +
width:80%;
 +
height:150px;
 +
position:absolute;
 +
top:40px;
 +
left:100px;
 +
border: thin solid grey;
 +
float:left;
 +
display:inline;
 +
 +
}
 +
.pic1{
 +
width:150px;
 +
height:150px;
 +
position:absolute;
 +
top:0px;
 +
left:0px;
 +
}
 +
.pic2{
 +
position:absolute;
 +
top:0px;
 +
left:150px;
 +
width:150px;
 +
height:150px;
 +
-webkit-transition:all 0.3s linear 0s;
 +
}
 +
.pic3{
 +
position:absolute;
 +
top:0px;
 +
left:300px;
 +
width:150px;
 +
height:150px;
 +
-webkit-transition:all 0.3s linear 0s;
 +
}
 +
.pic4{
 +
position:absolute;
 +
top:0px;
 +
left:450px;
 +
width:150px;
 +
height:150px;
 +
-webkit-transition:all 0.3s linear 0s;
 +
}
 +
.pic5{
 +
position:absolute;
 +
top:0px;
 +
left:600px;
 +
width:150px;
 +
height:150px;
 +
-webkit-transition:all 0.3s linear 0s;
 +
}
 +
.pic6{
 +
position:absolute;
 +
top:0px;
 +
left:750px;
 +
width:150px;
 +
height:150px;
 +
-webkit-transition:all 0.3s linear 0s;
 +
}
 +
.pic7{
 +
position:absolute;
 +
top:0px;
 +
left:900px;
 +
width:150px;
 +
height:150px;
 +
-webkit-transition:all 0.3s linear 0s;
 +
}
 +
.pic8{
 +
position:absolute;
 +
top:0px;
 +
left:1050px;
 +
width:150px;
 +
height:150px;
 +
-webkit-transition:all 0.3s linear 0s;
 +
}
 +
.pic9{
 +
position:absolute;
 +
top:0px;
 +
left:1200px;
 +
width:150px;
 +
height:150px;
 +
-webkit-transition:all 0.3s linear 0s;
 +
}
 +
.pic10{
 +
position:absolute;
 +
top:0px;
 +
left:1350px;
 +
width:150px;
 +
height:150px;
 +
-webkit-transition:all 0.3s linear 0s;
 +
}
 +
 +
 +
.pic1:hover+.pic2{
 +
-webkit-transition:all 0.3s linear 0s;
 +
transform: translate(100px,0);
 +
    -webkit-transform: translate(100px,0); /** Safari & Chrome **/
 +
    -o-transform: translate(100px,0); /** Opera **/
 +
    -moz-transform: translate(100px,0); /** Firefox **/
 +
}
 +
 +
 +
 +
 +
 +
.smallpic{
 +
width:100px;
 +
height:100px;
 +
border-radius:0px;
 +
z-index:52;
 +
}
 +
 +
.picdescription{
 +
position: absolute;
 +
left:100px;
 +
top:0px;
 +
width:0px;
 +
height:100px;
 +
border-radius:0px;
 +
background-color:red;
 +
-webkit-transition:all 0.3s linear 0s;
 +
z-index:52;
 +
}
 +
 +
.smallpic:hover + .picdescription{
 +
width:100px;
 +
height:100px;
 +
border-radius:0px;
 +
}
 +
.footerbg{
.footerbg{

Revision as of 12:38, 16 October 2014

Retrieved from "http://2014.igem.org/Template:CSS/style3"