|
0
|
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 */
|
