LaravelTest
131 строка · 2.8 Кб
1/* This is a compiled file, to make changes persist, consider editing under the templates directory */
2.pace.pace-inactive {3display: none;4}
5
6.pace {7-webkit-pointer-events: none;8pointer-events: none;9
10-webkit-user-select: none;11-moz-user-select: none;12user-select: none;13
14z-index: 2000;15position: fixed;16height: 60px;17width: 100px;18margin: auto;19top: 0;20left: 0;21right: 0;22bottom: 0;23}
24
25.pace .pace-progress {26z-index: 2000;27position: absolute;28height: 60px;29width: 100px;30
31-webkit-transform: translate3d(0, 0, 0) !important;32-ms-transform: translate3d(0, 0, 0) !important;33transform: translate3d(0, 0, 0) !important;34}
35
36.pace .pace-progress:before {37content: attr(data-progress-text);38text-align: center;39color: #fff;40background: #2299dd;41border-radius: 50%;42font-family: "Helvetica Neue", sans-serif;43font-size: 14px;44font-weight: 100;45line-height: 1;46padding: 20% 0 7px;47width: 50%;48height: 40%;49margin: 10px 0 0 30px;50display: block;51z-index: 999;52position: absolute;53}
54
55.pace .pace-activity {56font-size: 15px;57line-height: 1;58z-index: 2000;59position: absolute;60height: 60px;61width: 100px;62
63display: block;64-webkit-animation: pace-theme-center-atom-spin 2s linear infinite;65-moz-animation: pace-theme-center-atom-spin 2s linear infinite;66-o-animation: pace-theme-center-atom-spin 2s linear infinite;67animation: pace-theme-center-atom-spin 2s linear infinite;68}
69
70.pace .pace-activity {71border-radius: 50%;72border: 5px solid #2299dd;73content: ' ';74display: block;75position: absolute;76top: 0;77left: 0;78height: 60px;79width: 100px;80}
81
82.pace .pace-activity:after {83border-radius: 50%;84border: 5px solid #2299dd;85content: ' ';86display: block;87position: absolute;88top: -5px;89left: -5px;90height: 60px;91width: 100px;92
93-webkit-transform: rotate(60deg);94-moz-transform: rotate(60deg);95-o-transform: rotate(60deg);96transform: rotate(60deg);97}
98
99.pace .pace-activity:before {100border-radius: 50%;101border: 5px solid #2299dd;102content: ' ';103display: block;104position: absolute;105top: -5px;106left: -5px;107height: 60px;108width: 100px;109
110-webkit-transform: rotate(120deg);111-moz-transform: rotate(120deg);112-o-transform: rotate(120deg);113transform: rotate(120deg);114}
115
116@-webkit-keyframes pace-theme-center-atom-spin {1170% { -webkit-transform: rotate(0deg) }118100% { -webkit-transform: rotate(359deg) }119}
120@-moz-keyframes pace-theme-center-atom-spin {1210% { -moz-transform: rotate(0deg) }122100% { -moz-transform: rotate(359deg) }123}
124@-o-keyframes pace-theme-center-atom-spin {1250% { -o-transform: rotate(0deg) }126100% { -o-transform: rotate(359deg) }127}
128@keyframes pace-theme-center-atom-spin {1290% { transform: rotate(0deg) }130100% { transform: rotate(359deg) }131}
132