comparison default/assets/css/pace.css @ 0:1d038bc9b3d2 default tip

Up:default
author Liny <dev@neowd.com>
date Sat, 31 May 2025 09:21:51 +0800
parents
children
comparison
equal deleted inserted replaced
-1:000000000000 0:1d038bc9b3d2
1 /*
2 * Name: Admin Html
3 * Written by: Unifato - (http://unifato.com)
4 * Version: 1.0.0
5 */
6 /* Page Pre Loader
7 ========================*/
8 body:after {
9 content: "";
10 position: fixed;
11 top: 0;
12 right: 0;
13 bottom: 0;
14 left: 0;
15 z-index: 99;
16 background: #fff; }
17
18 body.pace-done:after {
19 display: none; }
20
21 .pace {
22 position: fixed;
23 top: 0;
24 right: 0;
25 bottom: 0;
26 left: 0;
27 display: -webkit-box;
28 display: -ms-flexbox;
29 display: flex;
30 -webkit-box-pack: center;
31 -ms-flex-pack: center;
32 justify-content: center;
33 -webkit-box-align: center;
34 -ms-flex-align: center;
35 align-items: center;
36 background: #fff;
37 z-index: 100;
38 -webkit-transition: all 0.3s ease;
39 transition: all 0.3s ease; }
40
41 .pace-active {
42 opacity: 1;
43 visibility: visible; }
44
45 .pace-active * {
46 -webkit-box-sizing: border-box;
47 box-sizing: border-box; }
48
49 .pace-inactive {
50 opacity: 0;
51 visibility: hidden; }
52
53 .pace-activity {
54 position: absolute;
55 top: 50%;
56 left: 50%;
57 -webkit-transform: translateY(-50%) translateX(-50%);
58 transform: translateY(-50%) translateX(-50%);
59 width: 1em;
60 height: 1em;
61 font-size: 70px;
62 display: block; }
63
64 .pace-activity::before,
65 .pace-activity::after {
66 content: "";
67 top: 0;
68 display: block;
69 width: 1em;
70 height: 1em;
71 position: absolute;
72 border-width: 0.5em;
73 border-style: double;
74 border-color: transparent;
75 border-radius: 1em;
76 -webkit-box-sizing: border-box;
77 box-sizing: border-box;
78 -webkit-animation: spin 1.15s infinite;
79 animation: spin 1.15s infinite; }
80
81 .pace-activity::before {
82 right: 0;
83 border-right-color: #8253eb;
84 -webkit-animation-delay: -0.29s;
85 animation-delay: -0.29s; }
86
87 .pace-activity::after {
88 left: 0;
89 border-left-color: #8253eb; }
90
91 @-webkit-keyframes spin {
92 from {
93 -webkit-transform: rotate(360deg);
94 transform: rotate(360deg); } }
95
96 @keyframes spin {
97 from {
98 -webkit-transform: rotate(360deg);
99 transform: rotate(360deg); } }
100
101 /*# sourceMappingURL=pace.css.map */