63 lines
929 B
CSS
63 lines
929 B
CSS
|
|
.bottom {
|
|
position: fixed;
|
|
bottom: 0;
|
|
width: 100%;
|
|
text-align: center;
|
|
padding: 10px;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* core overrides */
|
|
a { white-space: nowrap; }
|
|
|
|
|
|
|
|
div[content] {
|
|
display: inline;
|
|
}
|
|
|
|
@keyframes shimmer {
|
|
0% {
|
|
background-position: -468px 0;
|
|
}
|
|
100% {
|
|
background-position: 468px 0;
|
|
}
|
|
}
|
|
|
|
.shimmer {
|
|
animation-duration: .5s;
|
|
animation-fill-mode: forwards;
|
|
animation-iteration-count: infinite;
|
|
animation-name: shimmer;
|
|
animation-timing-function: linear;
|
|
background: #f6f7f8;
|
|
background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
|
|
background-size: 800px 104px;
|
|
height: 96px;
|
|
position: relative;
|
|
}
|
|
|
|
|
|
@keyframes dot-blink {
|
|
0% { content: ''; }
|
|
33% { content: '.'; }
|
|
66% { content: '..'; }
|
|
100% { content: '...'; }
|
|
}
|
|
|
|
.loading::after {
|
|
content: '';
|
|
display: inline-block;
|
|
animation: dot-blink 0.80s infinite steps(1, end);
|
|
}
|
|
|
|
|