Template:Team:Bielefeld-Germany/css/frontpage.css

From 2013.igem.org

(Difference between revisions)
m
m
Line 4: Line 4:
     width: 300px;
     width: 300px;
     height: 200px;
     height: 200px;
-
     margin: 0px;
+
     margin: 10px;
     float: left;
     float: left;
     background: white;
     background: white;
Line 37: Line 37:
     margin: 10px 0 0 0
     margin: 10px 0 0 0
}
}
 +
 +
.view h3 {
 +
    text-transform: uppercase;
 +
    color: #fff;
 +
    text-align: center;
 +
    position: relative;
 +
    font-size: 17px;
 +
    padding: 10px;
 +
    background: rgba(0, 0, 0, 0.8);
 +
    margin: 10px 0 0 0
 +
}
 +
.view p {
.view p {
     font-family: Georgia, serif;
     font-family: Georgia, serif;
Line 74: Line 86:
     transition: all 0.4s ease-in-out;
     transition: all 0.4s ease-in-out;
}
}
 +
 +
.view h2 {
 +
    transform: translateY(0px);
 +
    opacity: 1;
 +
    transition: all 0.4s ease-in-out;
 +
}
 +
.view p {
.view p {
     transform: translateX(100px);
     transform: translateX(100px);
Line 104: Line 123:
     transform: translateY(0px);
     transform: translateY(0px);
}
}
 +
 +
.view:hover h3{
 +
    opacity:0;
 +
    transform: translateY(100px);
 +
}
 +
 +
.view:hover p {
.view:hover p {
     transition-delay: 0.2s;
     transition-delay: 0.2s;

Revision as of 00:04, 3 October 2013

Retrieved from "http://2013.igem.org/Template:Team:Bielefeld-Germany/css/frontpage.css"