mirror of
https://github.com/Cacti/cacti.git
synced 2026-10-29 08:06:58 +09:00
Browniebraun
47e5481ed1
* add mark.js * Update main.css - fix and force height calculation of cactiHead, breadbrumbar and cactiContent in standard mode - fix scrollbar border color of console menu for WebKit browser in standard mode * start splitting CSS split CSS in 'core' containing all elements Cacti provides, while MidWinter CSS will be maintained separately * Update jquery.zoom.css fix borders, * drop unused media query 1280 definition have not been become active yet. * add print css keep print separately, too. * Update min-width-600.css skip particles - would have been nice, but MidWinter is already heavy enough. * split compact mode more css changes * more separation see above * move css out of main remove remaining css fragments * fix kiosk mode kwt * start restructuring standard layout more css * change compact menu click on hide menu automatically when menuitem clicked.
100 lines
2.1 KiB
CSS
100 lines
2.1 KiB
CSS
.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: var(--background-progress);
|
|
position: fixed;
|
|
z-index: 2000;
|
|
top: 0;
|
|
right: 100%;
|
|
width: 100%;
|
|
height: 1px;
|
|
}
|
|
|
|
.pace .pace-progress-inner {
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 2000;
|
|
}
|
|
|
|
.pace .pace-activity {
|
|
display: block;
|
|
position: fixed;
|
|
z-index: 2000;
|
|
left: 50%;
|
|
top: 50%;
|
|
width: 100px;
|
|
height: 100px;
|
|
margin: -50px 0 0 -50px;
|
|
border-radius: 50%;
|
|
border: 3px solid transparent;
|
|
border-top-color: #3498db;
|
|
-webkit-animation: pace-spinner 2s linear infinite;
|
|
animation: pace-spinner 2s linear infinite;
|
|
}
|
|
|
|
.pace .pace-activity:before {
|
|
content: "";
|
|
position: absolute;
|
|
top: 5px;
|
|
left: 5px;
|
|
right: 5px;
|
|
bottom: 5px;
|
|
border-radius: 50%;
|
|
border: 3px solid transparent;
|
|
border-top-color: #e74c3c;
|
|
-webkit-animation: pace-spinner 3s linear infinite;
|
|
animation: pace-spinner 3s linear infinite;
|
|
}
|
|
|
|
.pace .pace-activity:after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 15px;
|
|
left: 15px;
|
|
right: 15px;
|
|
bottom: 15px;
|
|
border-radius: 50%;
|
|
border: 3px solid transparent;
|
|
border-top-color: #f9c922;
|
|
-webkit-animation: pace-spinner 1.5s linear infinite;
|
|
animation: pace-spinner 1.5s linear infinite;
|
|
}
|
|
|
|
@-webkit-keyframes pace-spinner {
|
|
0% {
|
|
-webkit-transform: rotate(0deg);
|
|
-ms-transform: rotate(0deg);
|
|
transform: rotate(0deg);
|
|
}
|
|
100% {
|
|
-webkit-transform: rotate(360deg);
|
|
-ms-transform: rotate(360deg);
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
@keyframes pace-spinner {
|
|
0% {
|
|
-webkit-transform: rotate(0deg);
|
|
-ms-transform: rotate(0deg);
|
|
transform: rotate(0deg);
|
|
}
|
|
100% {
|
|
-webkit-transform: rotate(360deg);
|
|
-ms-transform: rotate(360deg);
|
|
transform: rotate(360deg);
|
|
}
|
|
} |