Template:CSS/style2

From 2014.igem.org

(Difference between revisions)
Line 606: Line 606:
position:absolute;
position:absolute;
top:0px;
top:0px;
-
left:80px;
+
left:0px;
}
}
.pic2{
.pic2{
position:absolute;
position:absolute;
top:0px;
top:0px;
-
left:130px;
+
left:150px;
width:150px;
width:150px;
height:150px;
height:150px;
Line 619: Line 619:
position:absolute;
position:absolute;
top:0px;
top:0px;
-
left:230px;
+
left:300px;
width:150px;
width:150px;
height:150px;
height:150px;
Line 627: Line 627:
position:absolute;
position:absolute;
top:0px;
top:0px;
-
left:330px;
+
left:450px;
width:150px;
width:150px;
height:150px;
height:150px;
Line 635: Line 635:
position:absolute;
position:absolute;
top:0px;
top:0px;
-
left:430px;
+
left:600px;
width:150px;
width:150px;
height:150px;
height:150px;
Line 643: Line 643:
position:absolute;
position:absolute;
top:0px;
top:0px;
-
left:530px;
+
left:750px;
width:150px;
width:150px;
height:150px;
height:150px;
Line 651: Line 651:
position:absolute;
position:absolute;
top:0px;
top:0px;
-
left:630px;
+
left:900px;
width:150px;
width:150px;
height:150px;
height:150px;
Line 659: Line 659:
position:absolute;
position:absolute;
top:0px;
top:0px;
-
left:630px;
+
left:1050px;
width:150px;
width:150px;
height:150px;
height:150px;
Line 667: Line 667:
position:absolute;
position:absolute;
top:0px;
top:0px;
-
left:630px;
+
left:1200px;
width:150px;
width:150px;
height:150px;
height:150px;
Line 675: Line 675:
position:absolute;
position:absolute;
top:0px;
top:0px;
-
left:630px;
+
left:1350px;
width:150px;
width:150px;
height:150px;
height:150px;
Line 690: Line 690:
}
}
-
.pic2:hover+.pic3{
 
-
-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 **/
 
-
}
 
-
.pic3:hover+.pic4{
 
-
-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 **/
 
-
}
 
-
 
-
.pic4:hover+.pic5{
 
-
-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 **/
 
-
}
 
-
 
-
.pic5:hover+.pic6{
 
-
-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 **/
 
-
}
 
-
 
-
.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;
 
-
transform: translate(100px,0);
 
-
    -webkit-transform: translate(100px,0); /** Safari & Chrome **/
 
-
    -o-transform: translate(100px,0); /** Opera **/
 
-
    -moz-transform: translate(100px,0); /** Firefox **/
 
-
}
 
Line 743: Line 697:
width:100px;
width:100px;
height:100px;
height:100px;
-
border-radius:10px;
+
border-radius:0px;
z-index:52;
z-index:52;
}
}
Line 753: Line 707:
width:0px;
width:0px;
height:100px;
height:100px;
-
border-radius:10px;
+
border-radius:0px;
background-color:red;
background-color:red;
-webkit-transition:all 0.3s linear 0s;
-webkit-transition:all 0.3s linear 0s;
Line 762: Line 716:
width:100px;
width:100px;
height:100px;
height:100px;
-
border-radius:10px;
+
border-radius:0px;
}
}
</style>
</style>
</html>
</html>

Revision as of 12:07, 16 October 2014

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