Template:CSS/team

From 2014.igem.org

(Difference between revisions)
Line 105: Line 105:
z-index:10;
z-index:10;
}
}
-
 
.pic{
.pic{
-
width:100px;
+
width:100px;
-
height:100px;
+
height:100px;
border-radius:100px;
border-radius:100px;
}
}
 +
.picbig{
.picbig{
-
position: absolute;
+
position: absolute;
left:250px;
left:250px;
top:400px;
top:400px;
-
width:0px;
+
width:0px;
-
-webkit-transition:width 0.3s linear 0s;
+
-webkit-transition:width 0.3s linear 0s;
-
transition:width 0.3s linear 0s;
+
transition:width 0.3s linear 0s;
-
z-index:12;
+
z-index:12;
}
}
 +
.pic:hover + .picbig{
.pic:hover + .picbig{
-
width:300px;
+
width:300px;
-
}
+
-
 
+
-
.test2{
+
-
position:absolute;
+
-
top:400px;
+
-
left:600px;
+
-
width:400px;
+
-
height:200px;
+
-
background-color:orange;
+
-
}
+
-
 
+
-
.toggle-button
+
-
{
+
-
  background-color: #FF0000;
+
-
}
+
-
 
+
-
.toggle-box:checked + .toggle-button
+
-
{
+
-
  background-color: #00FF00;
+
}
}

Revision as of 17:58, 2 October 2014