File: /home/zwafgyp/coolswim/wp-content/plugins/regenerate-thumbnails-advanced/css/rta-admin-progress.css
section.regenerate {
background-color: #fff;
margin-bottom: 200px;
}
section.regenerate .rta_panel_off {
opacity: 0;
transition: all 0ms linear;
}
section.regenerate .rta_progress {
position: relative;
min-height: 310px;
width: 65%;
justify-content: flex-start;
}
section.regenerate .rta_progress .rta_progress_view {
margin: 0 auto;
align-self: center;
}
section.regenerate .rta_progress .rta_progress_view svg.CircularProgressbar {
display: inline-block;
width: 200px;
padding: 0 0 15px 0;
}
section.regenerate .rta_progress .rta_progress_view svg.CircularProgressbar .CircularProgressbar-trail {
stroke: #d6d6d6;
}
section.regenerate .rta_progress .rta_progress_view svg.CircularProgressbar .CircularProgressbar-path {
stroke: #00bcd4;
stroke-linecap: round;
transition: stroke-dashoffset 0.5s ease 0s;
}
section.regenerate .rta_progress .rta_progress_view svg.CircularProgressbar .CircularProgressbar-text {
fill: #00bcd4;
font-size: 20px;
dominant-baseline: middle;
text-anchor: middle;
}
section.regenerate .rta_progress .rta_progress_view svg.CircularProgressbar .progress-count {
font-size: 9px;
font-weight: bold;
dominant-baseline: middle;
text-anchor: middle;
fill: 999;
}
section.regenerate .rta_progress .images {
padding: 15px;
width: 80%;
margin-bottom: 25px;
box-sizing: border-box;
}
section.regenerate .rta_progress .images h5 {
text-align: right;
}
section.regenerate .rta_progress .images h4.thumb-label {
text-align: center;
}
section.regenerate .rta_progress .images .thumb-message {
text-align: center;
}
section.regenerate .rta_progress .images .thumbnail {
text-align: center;
margin-top: 35px;
}
section.regenerate .rta_progress .images .thumbnail img {
max-width: 500px;
max-height: 500px;
}
@media (max-width: 1200px) {
section.regenerate .rta_progress .images {
min-height: 300px;
width: 100%;
}
section.regenerate .rta_progress .images .thumbnail img {
opacity: 0.5;
max-width: 100%;
overflow: hidden;
}
section.regenerate .rta_progress .rta_progress_view {
width: 200px;
height: 220px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -100px;
margin-top: -120px;
}
}
section.regenerate .rta_status_box {
width: 35%;
min-width: 300px;
border-left: 1px solid #ccc;
position: relative;
z-index: 10;
padding-bottom: 75px;
}
section.regenerate .rta_status_box .rta_wait_loader, section.regenerate .rta_status_box .rta_wait_paused, section.regenerate .rta_status_box .rta_wait_pausing {
margin-top: 35px;
padding-left: 20px;
opacity: 1;
position: relative;
z-index: 1;
transition: opacity 750ms;
}
section.regenerate .rta_status_box .rta_wait_loader .dashicons, section.regenerate .rta_status_box .rta_wait_paused .dashicons, section.regenerate .rta_status_box .rta_wait_pausing .dashicons {
display: inline-block;
width: 35px;
height: 35px;
font-size: 35px;
float: left;
margin-right: 30px;
}
section.regenerate .rta_status_box .rta_wait_loader .dashicons.dashicons-update, section.regenerate .rta_status_box .rta_wait_paused .dashicons.dashicons-update, section.regenerate .rta_status_box .rta_wait_pausing .dashicons.dashicons-update {
animation: wait-spin 2000ms infinite linear;
animation-play-state: running;
}
section.regenerate .rta_status_box .rta_wait_loader.rta_panel_off, section.regenerate .rta_status_box .rta_wait_paused.rta_panel_off, section.regenerate .rta_status_box .rta_wait_pausing.rta_panel_off {
opacity: 0;
}
section.regenerate .rta_status_box .rta_wait_loader.rta_panel_off .dashicons, section.regenerate .rta_status_box .rta_wait_paused.rta_panel_off .dashicons, section.regenerate .rta_status_box .rta_wait_pausing.rta_panel_off .dashicons {
animation-play-state: paused;
}
section.regenerate .rta_status_box .rta_notices ul.statuslist {
max-height: 350px;
overflow-y: auto;
overflow-x: visible;
margin-left: 15px;
}
section.regenerate .rta_status_box .rta_notices ul.statuslist li {
font-size: 14px;
}
section.regenerate .rta_status_box .rta_notices ul.statuslist li.error {
color: #ff0000;
}
section.regenerate .rta_status_box h4 {
font-size: 22px;
font-weight: bold;
}
@keyframes wait-spin {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
section.regenerate .rta_success_box {
position: absolute;
left: 30%;
top: -5%;
width: 45%;
margin-left: -200px;
opacity: 0.9;
background-color: #fff;
text-align: center;
padding: 15px;
border: 1px solid #00bcd4;
border-radius: 8px;
}
section.regenerate .rta_success_box p {
font-size: 16px;
}
section.regenerate .rta_success_box h3.header {
font-size: 32px;
font-weight: bold;
color: green;
}
section.regenerate .rta_success_box .shortpixel h3 a {
line-height: 28px;
}
section.regenerate .rta_success_box .modal-close {
position: absolute;
right: 15px;
top: 15px;
cursor: pointer;
}
section.regenerate .rta_success_box .modal-close .dashicons {
font-size: 36px;
width: 36px;
height: 36px;
}
section.regenerate .shortpixel-notice {
background: #fff;
width: 250px;
min-height: 270px;
border: 1px solid #ccc;
padding: 15px;
margin: 0 5% 10px 25px;
float: right;
}
section.regenerate .shortpixel-notice h3 {
line-height: 1.3em;
}
section.regenerate button.stop-process, section.regenerate button.pause-process, section.regenerate button.resume-process {
position: absolute;
bottom: 10px;
right: 15px;
font-weight: normal;
text-transform: none;
padding: 4px 20px;
font-size: 14px;
max-width: 45%;
}
section.regenerate button.stop-process .dashicons, section.regenerate button.pause-process .dashicons, section.regenerate button.resume-process .dashicons {
vertical-align: middle;
}
section.regenerate button.pause-process, section.regenerate button.resume-process {
left: 15px;
right: auto;
}
section.regenerate .rta_progressbar_view {
/*position: absolute;
bottom: 0;
left: 0;
right: 5px; */
position: relative;
bottom: 10px;
}
section.regenerate .rta_progressbar {
width: calc(100% - 5px);
position: relative;
height: 40px;
border: 1px solid rgba(200, 200, 200, 0.5);
box-sizing: border-box;
}
section.regenerate .rta_progressbar .left, section.regenerate .rta_progressbar .right, section.regenerate .rta_progressbar .centre {
position: absolute;
padding-top: 8px;
}
section.regenerate .rta_progressbar .left {
left: 10px;
color: #fff;
}
section.regenerate .rta_progressbar .right {
right: 10px;
color: #000;
}
section.regenerate .rta_progressbar .centre {
left: 45%;
font-size: 1.2em;
}
section.regenerate .rta_progressbar .thebar {
background: rgb(0, 188, 212);
width: 1%;
position: relative;
}
/*# sourceMappingURL=rta-admin-progress.css.map */