pace-theme-center-radar.css in PACE - Page load progress bar 8
/* This is a compiled file, you should be editing the file in the templates directory */
.pace {
-webkit-pointer-events: none;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
z-index: 2000;
position: fixed;
height: 90px;
width: 90px;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.pace.pace-inactive .pace-activity {
display: none;
}
.pace .pace-activity {
position: fixed;
z-index: 2000;
display: block;
position: absolute;
left: -30px;
top: -30px;
height: 90px;
width: 90px;
display: block;
border-width: 30px;
border-style: double;
border-color: #ee3148 transparent transparent;
border-radius: 50%;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-animation: spin 1s linear infinite;
-moz-animation: spin 1s linear infinite;
-o-animation: spin 1s linear infinite;
animation: spin 1s linear infinite;
}
.pace .pace-activity:before {
content: ' ';
position: absolute;
top: 10px;
left: 10px;
height: 50px;
width: 50px;
display: block;
border-width: 10px;
border-style: solid;
border-color: #ee3148 transparent transparent;
border-radius: 50%;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
@-webkit-keyframes spin {
100% { -webkit-transform: rotate(359deg); }
}
@-moz-keyframes spin {
100% { -moz-transform: rotate(359deg); }
}
@-o-keyframes spin {
100% { -moz-transform: rotate(359deg); }
}
@keyframes spin {
100% { transform: rotate(359deg); }
}
File
css/red/pace-theme-center-radar.css
View source
- /* This is a compiled file, you should be editing the file in the templates directory */
- .pace {
- -webkit-pointer-events: none;
- pointer-events: none;
-
- -webkit-user-select: none;
- -moz-user-select: none;
- user-select: none;
-
- z-index: 2000;
- position: fixed;
- height: 90px;
- width: 90px;
- margin: auto;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- }
-
- .pace.pace-inactive .pace-activity {
- display: none;
- }
-
- .pace .pace-activity {
- position: fixed;
- z-index: 2000;
- display: block;
- position: absolute;
- left: -30px;
- top: -30px;
- height: 90px;
- width: 90px;
- display: block;
- border-width: 30px;
- border-style: double;
- border-color: #ee3148 transparent transparent;
- border-radius: 50%;
-
- -webkit-box-sizing: content-box;
- -moz-box-sizing: content-box;
- box-sizing: content-box;
-
- -webkit-animation: spin 1s linear infinite;
- -moz-animation: spin 1s linear infinite;
- -o-animation: spin 1s linear infinite;
- animation: spin 1s linear infinite;
- }
-
- .pace .pace-activity:before {
- content: ' ';
- position: absolute;
- top: 10px;
- left: 10px;
- height: 50px;
- width: 50px;
- display: block;
- border-width: 10px;
- border-style: solid;
- border-color: #ee3148 transparent transparent;
- border-radius: 50%;
-
- -webkit-box-sizing: content-box;
- -moz-box-sizing: content-box;
- box-sizing: content-box;
- }
-
- @-webkit-keyframes spin {
- 100% { -webkit-transform: rotate(359deg); }
- }
-
- @-moz-keyframes spin {
- 100% { -moz-transform: rotate(359deg); }
- }
-
- @-o-keyframes spin {
- 100% { -moz-transform: rotate(359deg); }
- }
-
- @keyframes spin {
- 100% { transform: rotate(359deg); }
- }