Mercurial > nebulaweb3
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 */ |