Juhana
49 lines
864 B
CSS
49 lines
864 B
CSS
#infocontent {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: fixed;
|
|
left: 0px;
|
|
top: 0px;
|
|
z-index: -1; /* Ensure div tag stays behind content; -999 might work, too. */
|
|
}
|
|
|
|
.stretch {
|
|
width:100%;
|
|
height:100%;
|
|
}
|
|
|
|
.img-container{
|
|
width: 100vw;
|
|
height: 100vh;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.fit {
|
|
position:absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
width: 100%;
|
|
min-height: 100%;
|
|
height: auto;
|
|
margin: auto;
|
|
-webkit-transform: translate(-50%,-50%);
|
|
-ms-transform: translate(-50%,-50%);
|
|
transform: translate(-50%,-50%);
|
|
}
|
|
|
|
.swap-animation.ng-enter, .swap-animation.ng-leave {
|
|
transition:0.5s linear all;
|
|
}
|
|
.swap-animation.ng-enter {
|
|
opacity:0;
|
|
}
|
|
.swap-animation.ng-enter-active {
|
|
opacity:1;
|
|
}
|
|
.swap-animation.ng-leave {
|
|
opacity:1;
|
|
}
|
|
.swap-animation.ng-leave-active {
|
|
opacity:0;
|
|
}
|