Template:CSS/team

From 2014.igem.org

(Difference between revisions)
Line 659: Line 659:
}
}
.pic1{
.pic1{
-
width:100px;
+
width:150px;
-
height:100px;
+
height:150px;
position:absolute;
position:absolute;
top:5px;
top:5px;
Line 669: Line 669:
top:5px;
top:5px;
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;
}
}
Line 677: Line 677:
top:5px;
top:5px;
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;
}
}
Line 685: Line 685:
top:5px;
top:5px;
left:330px;
left:330px;
-
width:100px;
+
width:150px;
-
height:100px;
+
height:150px;
-
-webkit-transition:all 0.3s linear 0s;
+
-
}
+
-
.pic5{
+
-
position:absolute;
+
-
top:5px;
+
-
left:430px;
+
-
width:100px;
+
-
height:100px;
+
-
-webkit-transition:all 0.3s linear 0s;
+
-
}
+
-
.pic6{
+
-
position:absolute;
+
-
top:5px;
+
-
left:530px;
+
-
width:100px;
+
-
height:100px;
+
-
-webkit-transition:all 0.3s linear 0s;
+
-
}
+
-
.pic7{
+
-
position:absolute;
+
-
top:5px;
+
-
left:630px;
+
-
width:100px;
+
-
height:100px;
+
-webkit-transition:all 0.3s linear 0s;
-webkit-transition:all 0.3s linear 0s;
}
}
 +
.pic1:hover+.pic2{
.pic1:hover+.pic2{
-webkit-transition:all 0.3s linear 0s;
-webkit-transition:all 0.3s linear 0s;
-
transform: translate(100px,0);
+
transform: translate(200px,0);
-
     -webkit-transform: translate(100px,0); /** Safari & Chrome **/
+
     -webkit-transform: translate(200px,0); /** Safari & Chrome **/
-
     -o-transform: translate(100px,0); /** Opera **/
+
     -o-transform: translate(200px,0); /** Opera **/
-
     -moz-transform: translate(100px,0); /** Firefox **/
+
     -moz-transform: translate(200px,0); /** Firefox **/
}
}
Line 732: Line 709:
.pic3:hover+.pic4{
.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;
-webkit-transition:all 0.3s linear 0s;
transform: translate(100px,0);
transform: translate(100px,0);
Line 766: Line 719:
.smallpic{
.smallpic{
-
width:100px;
+
width:150px;
-
height:100px;
+
height:150px;
-
border-radius:100px;
+
border-radius:0px;
z-index:52;
z-index:52;
border:thin solid grey;
border:thin solid grey;
Line 775: Line 728:
.picdescription{
.picdescription{
position: absolute;
position: absolute;
-
left:100px;
+
left:150px;
top:0px;
top:0px;
width:0px;
width:0px;
-
height:100px;
+
height:150px;
-
border-radius:100px;
+
border-radius:0px;
background-color:red;
background-color:red;
-webkit-transition:all 0.3s linear 0s;
-webkit-transition:all 0.3s linear 0s;
Line 787: Line 740:
.smallpic:hover + .picdescription{
.smallpic:hover + .picdescription{
-
width:100px;
+
width:200px;
-
height:100px;
+
height:150px;
-
border-radius:100px;
+
border-radius:0px;
border:thin solid black;
border:thin solid black;
}
}

Revision as of 00:14, 17 October 2014

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