Template:Kyoto/css/top

From 2014.igem.org

(Difference between revisions)
Line 12: Line 12:
/********* for top page ***********/
/********* for top page ***********/
-
.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;
 
-
    }
 
-
}
 
-
 
#kyoto-top-background{
#kyoto-top-background{
     position: absolute;
     position: absolute;

Revision as of 06:58, 13 September 2014