1
0
mirror of https://github.com/phpbb/phpbb.git synced 2025-08-21 07:51:33 +02:00

Merge pull request #4704 from hanakin/ticket/14095

[ticket/14095] Pure CSS loader...No Image
This commit is contained in:
Marc Alexander
2017-03-19 17:27:47 +01:00
8 changed files with 157 additions and 28 deletions

View File

@@ -1028,20 +1028,57 @@ fieldset.fields1 dl.pmlist dd.recipients {
}
.loading_indicator {
background: center center no-repeat;
border-radius: 5px;
opacity: 0.8;
position: fixed;
top: 50%;
left: 50%;
z-index: 51;
display: none;
width: 50px;
height: 50px;
margin-top: -50px;
margin-left: -50px;
}
.loader {
width: 48px;
height: 48px;
padding: 12px;
}
.spinner {
animation: rotator 1s linear infinite;
}
.spinner-path {
stroke-dasharray: 187;
stroke-dashoffset: 0;
transform-origin: center;
animation: dash 1s ease-in-out infinite, colors 4s ease-in-out infinite;
}
@keyframes rotator {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(270deg);
}
}
@keyframes dash {
0% {
stroke-dashoffset: 187;
}
50% {
stroke-dashoffset: 46.75;
transform: rotate(135deg);
}
100% {
stroke-dashoffset: 187;
transform: rotate(450deg);
}
}
/* Miscellaneous styles
---------------------------------------- */
.copyright {