Template:Kyoto/css/top

From 2014.igem.org

(Difference between revisions)
Line 10: Line 10:
     overflow: hidden;  
     overflow: hidden;  
     margin-top: 0px;
     margin-top: 0px;
 +
}
 +
 +
/******** useful style ********/
 +
.kyoto-centering-wrapper{
 +
    width: 0px;
 +
    height: 0px;
 +
    position: absolute;
 +
    left: 50%;
 +
    top: 50%
 +
}
 +
 +
.kyoto-fade{
 +
    background-color: #ffffff;
 +
    width: 100%;
 +
    height: 100%;
 +
    opacity: 0;
 +
    transition: opacity 0.5s;
 +
    -webkit-transition: opacity 0.5s;
 +
    -moz-transition: opacity 0.5s;
 +
    -o-transition: opacity 0.5s;
 +
}
 +
 +
.kyoto-fade:hover{
 +
    opacity: 0.7;
 +
}
 +
 +
@media (max-width) {
 +
    .kyoto-fade{
 +
        opacity: 0.5;
 +
    }
 +
    .kyoto-fade:hover{
 +
        opacity: 0.5;
 +
    }
 +
}
 +
@media (orientation: portrait) {
 +
    .kyoto-fade{
 +
        opacity: 0.5;
 +
    }
 +
    .kyoto-fade:hover{
 +
        opacity: 0.5;
 +
    }
}
}

Revision as of 07:32, 13 September 2014

Retrieved from "http://2014.igem.org/Template:Kyoto/css/top"