48 lines
778 B
CSS
48 lines
778 B
CSS
/* Keep stuff on the side. This class is added when JavaScript is enabled. */
|
|
.HiddenToRight {
|
|
margin-left: 100%;
|
|
margin-right: -100%;
|
|
}
|
|
|
|
.HiddenToLeft {
|
|
margin-left: -100%;
|
|
margin-right: 100%;
|
|
}
|
|
|
|
@keyframes SlideInFromRight {
|
|
0% {
|
|
margin-left: 100%;
|
|
margin-right: -100%;
|
|
}
|
|
|
|
100% {
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|
|
}
|
|
|
|
.SlideInFromRight {
|
|
animation-duration: 1s;
|
|
animation-name: SlideInFromRight;
|
|
animation-timing-function: ease-out;
|
|
animation-fill-mode: forwards;
|
|
}
|
|
|
|
@keyframes SlideInFromLeft {
|
|
0% {
|
|
margin-left: -100%;
|
|
margin-right: 100%;
|
|
}
|
|
|
|
100% {
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|
|
}
|
|
|
|
.SlideInFromLeft {
|
|
animation-duration: 1s;
|
|
animation-name: SlideInFromRight;
|
|
animation-timing-function: ease-out;
|
|
animation-fill-mode: forwards;
|
|
}
|