LaravelTest

Форк
0
/
pace-theme-center-circle.css 
90 строк · 2.1 Кб
1
/* This is a compiled file, to make changes persist, consider editing under the templates directory */
2
.pace {
3
  -webkit-pointer-events: none;
4
  pointer-events: none;
5

6
  -webkit-user-select: none;
7
  -moz-user-select: none;
8
  user-select: none;
9

10
  -webkit-perspective: 12rem;
11
  -moz-perspective: 12rem;
12
  -ms-perspective: 12rem;
13
  -o-perspective: 12rem;
14
  perspective: 12rem;
15

16
  z-index: 2000;
17
  position: fixed;
18
  height: 6rem;
19
  width: 6rem;
20
  margin: auto;
21
  top: 0;
22
  left: 0;
23
  right: 0;
24
  bottom: 0;
25
}
26

27
.pace.pace-inactive .pace-progress {
28
  display: none;
29
}
30

31
.pace .pace-progress {
32
  position: fixed;
33
  z-index: 2000;
34
  display: block;
35
  position: absolute;
36
  left: 0;
37
  top: 0;
38
  height: 6rem;
39
  width: 6rem !important;
40
  line-height: 6rem;
41
  font-size: 2rem;
42
  border-radius: 50%;
43
  background: rgba(238, 49, 72, 0.8);
44
  color: #fff;
45
  font-family: "Helvetica Neue", sans-serif;
46
  font-weight: 100;
47
  text-align: center;
48

49
  -webkit-animation: pace-theme-center-circle-spin linear infinite 2s;
50
  -moz-animation: pace-theme-center-circle-spin linear infinite 2s;
51
  -ms-animation: pace-theme-center-circle-spin linear infinite 2s;
52
  -o-animation: pace-theme-center-circle-spin linear infinite 2s;
53
  animation: pace-theme-center-circle-spin linear infinite 2s;
54

55
  -webkit-transform-style: preserve-3d;
56
  -moz-transform-style: preserve-3d;
57
  -ms-transform-style: preserve-3d;
58
  -o-transform-style: preserve-3d;
59
  transform-style: preserve-3d;
60
}
61

62
.pace .pace-progress:after {
63
  content: attr(data-progress-text);
64
  display: block;
65
}
66

67
@-webkit-keyframes pace-theme-center-circle-spin {
68
  from { -webkit-transform: rotateY(0deg) }
69
  to { -webkit-transform: rotateY(360deg) }
70
}
71

72
@-moz-keyframes pace-theme-center-circle-spin {
73
  from { -moz-transform: rotateY(0deg) }
74
  to { -moz-transform: rotateY(360deg) }
75
}
76

77
@-ms-keyframes pace-theme-center-circle-spin {
78
  from { -ms-transform: rotateY(0deg) }
79
  to { -ms-transform: rotateY(360deg) }
80
}
81

82
@-o-keyframes pace-theme-center-circle-spin {
83
  from { -o-transform: rotateY(0deg) }
84
  to { -o-transform: rotateY(360deg) }
85
}
86

87
@keyframes pace-theme-center-circle-spin {
88
  from { transform: rotateY(0deg) }
89
  to { transform: rotateY(360deg) }
90
}
91

Использование cookies

Мы используем файлы cookie в соответствии с Политикой конфиденциальности и Политикой использования cookies.

Нажимая кнопку «Принимаю», Вы даете АО «СберТех» согласие на обработку Ваших персональных данных в целях совершенствования нашего веб-сайта и Сервиса GitVerse, а также повышения удобства их использования.

Запретить использование cookies Вы можете самостоятельно в настройках Вашего браузера.