Template:CSS/style2

From 2014.igem.org

(Difference between revisions)
Line 602: Line 602:
}
}
.pic1{
.pic1{
-
width:100px;
+
width:150px;
-
height:100px;
+
height:150px;
position:absolute;
position:absolute;
-
top:5px;
+
top:0px;
-
left:30px;
+
left:80px;
}
}
.pic2{
.pic2{
position:absolute;
position:absolute;
-
top:5px;
+
top:0px;
left:130px;
left:130px;
-
width:100px;
+
width:150px;
-
height:100px;
+
height:150px;
-webkit-transition:all 0.3s linear 0s;
-webkit-transition:all 0.3s linear 0s;
}
}
.pic3{
.pic3{
position:absolute;
position:absolute;
-
top:5px;
+
top:0px;
left:230px;
left:230px;
-
width:100px;
+
width:150px;
-
height:100px;
+
height:150px;
-webkit-transition:all 0.3s linear 0s;
-webkit-transition:all 0.3s linear 0s;
}
}
.pic4{
.pic4{
position:absolute;
position:absolute;
-
top:5px;
+
top:0px;
left:330px;
left:330px;
-
width:100px;
+
width:150px;
-
height:100px;
+
height:150px;
-webkit-transition:all 0.3s linear 0s;
-webkit-transition:all 0.3s linear 0s;
}
}
.pic5{
.pic5{
position:absolute;
position:absolute;
-
top:5px;
+
top:0px;
left:430px;
left:430px;
-
width:100px;
+
width:150px;
-
height:100px;
+
height:150px;
-webkit-transition:all 0.3s linear 0s;
-webkit-transition:all 0.3s linear 0s;
}
}
.pic6{
.pic6{
position:absolute;
position:absolute;
-
top:5px;
+
top:0px;
left:530px;
left:530px;
-
width:100px;
+
width:150px;
-
height:100px;
+
height:150px;
-webkit-transition:all 0.3s linear 0s;
-webkit-transition:all 0.3s linear 0s;
}
}
.pic7{
.pic7{
position:absolute;
position:absolute;
-
top:5px;
+
top:0px;
left:630px;
left:630px;
-
width:100px;
+
width:150px;
-
height:100px;
+
height:150px;
 +
-webkit-transition:all 0.3s linear 0s;
 +
}
 +
.pic8{
 +
position:absolute;
 +
top:0px;
 +
left:630px;
 +
width:150px;
 +
height:150px;
 +
-webkit-transition:all 0.3s linear 0s;
 +
}
 +
.pic9{
 +
position:absolute;
 +
top:0px;
 +
left:630px;
 +
width:150px;
 +
height:150px;
 +
-webkit-transition:all 0.3s linear 0s;
 +
}
 +
.pic10{
 +
position:absolute;
 +
top:0px;
 +
left:630px;
 +
width:150px;
 +
height:150px;
-webkit-transition:all 0.3s linear 0s;
-webkit-transition:all 0.3s linear 0s;
}
}
Line 699: Line 723:
.pic6:hover+.pic7{
.pic6:hover+.pic7{
 +
-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 **/
 +
}
 +
 +
.pic7:hover+.pic8{
-webkit-transition:all 0.3s linear 0s;
-webkit-transition:all 0.3s linear 0s;
transform: translate(100px,0);
transform: translate(100px,0);

Revision as of 12:00, 16 October 2014