Template:CSS/team

From 2014.igem.org

(Difference between revisions)
Line 17: Line 17:
     width: 600px;
     width: 600px;
     cursor:pointer;
     cursor:pointer;
 +
}
 +
 +
.pic{
 +
width:100px;
 +
height:100px;
 +
border-radius:100px;
 +
}
 +
 +
.picbig{
 +
position: absolute;
 +
left:100px;
 +
top:0px;
 +
width:0px;
 +
border-radius:200px;
 +
-webkit-transition:width 0.3s linear 0s;
 +
transition:width 0.3s linear 0s;
 +
z-index:12;
 +
}
 +
 +
.pic:hover + .picbig{
 +
width:300px;
 +
border-radius:200px;
}
}
Line 29: Line 51:
}
}
-
.outerrect img{
 
-
margin-left: 0px;
 
-
position:absolute;
 
-
top:120px;
 
-
left:0px;
 
-
  width:300px;
 
-
  Height:130px;
 
-
  -webkit-transition: margin 1s ease;
 
-
    -moz-transition: margin 1s ease;
 
-
      -o-transition: margin 1s ease;
 
-
      -ms-transition: margin 1s ease;
 
-
          transition: margin 1s ease;
 
-
}
 
.coverpic{
.coverpic{
position:absolute;
position:absolute;
Line 66: Line 75:
.textblock img {
.textblock img {
-
  margin-left: 0px;
+
margin-left: 0px;
z-index:11;
z-index:11;
position:absolute;
position:absolute;
Line 84: Line 93:
}
}
-
 
-
.profilepicofteam{
 
-
position:absolute;
 
-
top:60px;
 
-
left:20px;
 
-
width:500px;
 
-
height:250px;
 
-
border:solid thin black;
 
-
border-radius:0px;
 
-
}
 
-
 
.testing{
.testing{
Line 106: Line 104:
}
}
-
.pic{
 
-
width:100px;
 
-
height:100px;
 
-
border-radius:100px;
 
-
}
 
-
.picbig{
 
-
position: absolute;
 
-
left:100px;
 
-
top:0px;
 
-
width:0px;
 
-
border-radius:200px;
 
-
-webkit-transition:width 0.3s linear 0s;
 
-
transition:width 0.3s linear 0s;
 
-
z-index:12;
 
-
}
 
-
 
-
.pic:hover + .picbig{
 
-
width:300px;
 
-
border-radius:200px;
 
-
}
 
</style>
</style>
</html>
</html>

Revision as of 18:12, 2 October 2014

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