liberama/client/components/Reader/TextPage/TextPage.css

@keyframes page1-animation-thaw {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes page2-animation-thaw {
    0%   { opacity: 1; }
    100% { opacity: 0; }
}

.paper1 {
    background: url("images/paper1.jpg") center;
    background-size: 100% 100%;
}

.paper2 {
    background: url("images/paper2.jpg") center;
    background-size: 100% 100%;
}

.paper3 {
    background: url("images/paper3.jpg") center;
    background-size: 100% 100%;
}

.paper4 {
    background: url("images/paper4.jpg") center;
    background-size: 100% 100%;
}

.paper5 {
    background: url("images/paper5.jpg") center;
    background-size: 100% 100%;
}

.paper6 {
    background: url("images/paper6.jpg") center;
    background-size: 100% 100%;
}

.paper7 {
    background: url("images/paper7.jpg") center;
    background-size: 100% 100%;
}

.paper8 {
    background: url("images/paper8.jpg") center;
    background-size: 100% 100%;
}

.paper9 {
    background: url("images/paper9.jpg");
}

.paper10 {
    background: url("images/paper10.png") center;
    background-size: 100% 100%;
}

.paper11 {
    background: url("images/paper11.png") center;
    background-size: 100% 100%;
}

.paper12 {
    background: url("images/paper12.png") center;
    background-size: 100% 100%;
}

.paper13 {
    background: url("images/paper13.png") center;
    background-size: 100% 100%;
}

.paper14 {
    background: url("images/paper14.png") center;
    background-size: 100% 100%;
}

.paper15 {
    background: url("images/paper15.png") center;
    background-size: 100% 100%;
}

.paper16 {
    background: url("images/paper16.png") center;
    background-size: 100% 100%;
}

.paper17 {
    background: url("images/paper17.png") center;
    background-size: 100% 100%;
}