3db5fc2f12
dash-stack orginally was tought as Python Flask project. After some heatet argument and strong considiration we have decided to move the project to Django. This commit is the initial commit for moving project to Django. Change-Id: Id28e3cf1dafbed7dd647b1020376bae893f5c3a2 Signed-off-by: Paarhati Ozkasgarli <ozkasgarli@gmail.com>
85 lines
2.2 KiB
CSS
Executable File
85 lines
2.2 KiB
CSS
Executable File
.pace {
|
|
-webkit-pointer-events: none;
|
|
pointer-events: none;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
.pace-inactive {
|
|
display: none;
|
|
}
|
|
|
|
.pace .pace-progress {
|
|
background: #fff;
|
|
position: fixed;
|
|
z-index: 2000;
|
|
top: 0;
|
|
right: 100%;
|
|
width: 100%;
|
|
height: 2px;
|
|
}
|
|
|
|
.pace .pace-progress-inner {
|
|
display: block;
|
|
position: absolute;
|
|
right: 0px;
|
|
width: 100px;
|
|
height: 100%;
|
|
box-shadow: 0 0 10px #fff, 0 0 5px #fff;
|
|
opacity: 1.0;
|
|
-webkit-transform: rotate(3deg) translate(0px, -4px);
|
|
-moz-transform: rotate(3deg) translate(0px, -4px);
|
|
-ms-transform: rotate(3deg) translate(0px, -4px);
|
|
-o-transform: rotate(3deg) translate(0px, -4px);
|
|
transform: rotate(3deg) translate(0px, -4px);
|
|
}
|
|
|
|
.pace .pace-activity {
|
|
display: block;
|
|
position: fixed;
|
|
z-index: 2000;
|
|
top: 15px;
|
|
right: 50%;
|
|
width: 14px;
|
|
height: 14px;
|
|
border: solid 2px transparent;
|
|
border-top-color: #fff;
|
|
border-left-color: #fff;
|
|
border-radius: 10px;
|
|
-webkit-animation: pace-spinner 400ms linear infinite;
|
|
-moz-animation: pace-spinner 400ms linear infinite;
|
|
-ms-animation: pace-spinner 400ms linear infinite;
|
|
-o-animation: pace-spinner 400ms linear infinite;
|
|
animation: pace-spinner 400ms linear infinite;
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.pace .pace-activity {
|
|
top: 15px;
|
|
right: 15px;
|
|
width: 14px;
|
|
height: 14px;
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes pace-spinner {
|
|
0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
|
|
100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
|
|
}
|
|
@-moz-keyframes pace-spinner {
|
|
0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
|
|
100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
|
|
}
|
|
@-o-keyframes pace-spinner {
|
|
0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
|
|
100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
|
|
}
|
|
@-ms-keyframes pace-spinner {
|
|
0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
|
|
100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
|
|
}
|
|
@keyframes pace-spinner {
|
|
0% { transform: rotate(0deg); transform: rotate(0deg); }
|
|
100% { transform: rotate(360deg); transform: rotate(360deg); }
|
|
} |