Current Path : /storage/v11800/andslite-new/public_html/wp-content/plugins/popup-maker/assets/css/ |
Linux v11800 5.3.0-1023-aws #25~18.04.1-Ubuntu SMP Fri Jun 5 15:19:18 UTC 2020 aarch64
|
Current File : /storage/v11800/andslite-new/public_html/wp-content/plugins/popup-maker/assets/css/pum-admin-batch-rtl.css |
/*!******************************************************************************
* Copyright (c) 2019, Code Atlantic LLC
******************************************************************************/
.pum-batch-form .spinner {
float: none;
margin: 4px 10px 8px;
position: relative;
}
.pum-batch-form .pum-upgrade-messages {
margin-bottom: 10px;
max-height: 200px;
overflow: auto;
padding-left: 10px;
}
.pum-batch-progress {
/* Fallback technique styles */
}
.pum-batch-progress progress {
background-clip: padding-box;
background-color: #ddd;
border-radius: 0;
display: block;
height: 20px;
margin: 0 auto;
overflow: hidden;
position: relative;
width: 100%;
}
.pum-batch-progress progress::-moz-progress-bar, .pum-batch-progress progress::-ms-progress-bar, .pum-batch-progress progress::progress-bar {
background-color: #ddd;
}
.pum-batch-progress progress::-webkit-progress-bar {
background-color: #ddd;
}
.pum-batch-progress progress[value] {
/* Get rid of the default appearance */
-webkit-appearance: none;
/* Although firefox doesn't provide any additional pseudo class to style the progress element container, any style applied here works on the container. */
background-color: #4169e1;
/* This unfortunately leaves a trail of border behind in Firefox and Opera. We can remove that by setting the border to none. */
border: none;
/* Of all IE, only IE10 supports progress element that too partially. It only allows to change the background-color of the progress value using the 'color' attribute. */
color: #4169e1;
margin: 0 0 10px;
}
.pum-batch-progress progress[value]::-moz-progress-value, .pum-batch-progress progress[value]::-ms-progress-value, .pum-batch-progress progress[value]::progress-value {
background-color: #4169e1;
border-radius: 3px;
-moz-transition: width 0.15s cubic-bezier(0, 0, 1, -0.12);
-ms-transition: width 0.15s cubic-bezier(0, 0, 1, -0.12);
transition: width 0.15s cubic-bezier(0, 0, 1, -0.12);
}
.pum-batch-progress progress[value]::-webkit-progress-value {
background-color: #4169e1;
border-radius: 3px;
-webkit-transition: width 0.15s cubic-bezier(0, 0, 1, -0.12);
transition: width 0.15s cubic-bezier(0, 0, 1, -0.12);
/* Let's animate this */
animation: animate-stripes 5s linear infinite;
/*
&::after {
content: '';
position: absolute;
width: 5px;
height: 5px;
top: 7px;
right: 7px;
background-color: white;
border-radius: 100%;
}
*/
}
.pum-batch-progress progress:not([value]) {
background-color: #4169e1;
position: relative;
}
.pum-batch-progress progress:not([value]):before {
animation: indeterminate 0.15s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
background-color: inherit;
bottom: 0;
content: '';
right: 0;
position: absolute;
top: 0;
will-change: left, right;
}
.pum-batch-progress progress:not([value]):after {
animation: indeterminate-short 0.15s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
animation-delay: 1.15s;
background-color: inherit;
bottom: 0;
content: '';
right: 0;
position: absolute;
top: 0;
will-change: left, right;
}
@keyframes indeterminate {
0% {
right: -35%;
left: 100%;
}
60% {
right: 100%;
left: -90%;
}
100% {
right: 100%;
left: -90%;
}
}
@keyframes indeterminate-short {
0% {
right: -200%;
left: 100%;
}
60% {
right: 107%;
left: -8%;
}
100% {
right: 107%;
left: -8%;
}
}
@keyframes animate-stripes {
100% {
background-position: -100px 0;
}
}
.pum-batch-progress .progress-bar {
background-color: whiteSmoke;
border-radius: 3px;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5) inset;
/* Dimensions should be similar to the parent progress element. */
height: 20px;
width: 100%;
}
.pum-batch-progress .progress-bar span {
background-color: #4169e1;
border-radius: 3px;
display: block;
text-indent: -9999px;
}
.admin-color-fresh .pum-batch-progress progress[value] {
background-color: #0073aa;
/* Of all IE, only IE10 supports progress element that too partially. It only allows to change the background-color of the progress value using the 'color' attribute. */
color: #0073aa;
}
.admin-color-fresh .pum-batch-progress progress[value]::-moz-progress-value, .admin-color-fresh .pum-batch-progress progress[value]::-ms-progress-value, .admin-color-fresh .pum-batch-progress progress[value]::progress-value {
background-color: #0073aa;
}
.admin-color-fresh .pum-batch-progress progress[value]::-webkit-progress-value {
background-color: #0073aa;
}
.admin-color-fresh .pum-batch-progress progress:not([value]) {
background-color: #0073aa;
}
.admin-color-light .pum-batch-progress progress[value] {
background-color: #888;
/* Of all IE, only IE10 supports progress element that too partially. It only allows to change the background-color of the progress value using the 'color' attribute. */
color: #888;
}
.admin-color-light .pum-batch-progress progress[value]::-moz-progress-value, .admin-color-light .pum-batch-progress progress[value]::-ms-progress-value, .admin-color-light .pum-batch-progress progress[value]::progress-value {
background-color: #888;
}
.admin-color-light .pum-batch-progress progress[value]::-webkit-progress-value {
background-color: #888;
}
.admin-color-light .pum-batch-progress progress:not([value]) {
background-color: #888;
}
.admin-color-blue .pum-batch-progress progress[value] {
background-color: #096484;
/* Of all IE, only IE10 supports progress element that too partially. It only allows to change the background-color of the progress value using the 'color' attribute. */
color: #096484;
}
.admin-color-blue .pum-batch-progress progress[value]::-moz-progress-value, .admin-color-blue .pum-batch-progress progress[value]::-ms-progress-value, .admin-color-blue .pum-batch-progress progress[value]::progress-value {
background-color: #096484;
}
.admin-color-blue .pum-batch-progress progress[value]::-webkit-progress-value {
background-color: #096484;
}
.admin-color-blue .pum-batch-progress progress:not([value]) {
background-color: #096484;
}
.admin-color-coffee .pum-batch-progress progress[value] {
background-color: #c7a589;
/* Of all IE, only IE10 supports progress element that too partially. It only allows to change the background-color of the progress value using the 'color' attribute. */
color: #c7a589;
}
.admin-color-coffee .pum-batch-progress progress[value]::-moz-progress-value, .admin-color-coffee .pum-batch-progress progress[value]::-ms-progress-value, .admin-color-coffee .pum-batch-progress progress[value]::progress-value {
background-color: #c7a589;
}
.admin-color-coffee .pum-batch-progress progress[value]::-webkit-progress-value {
background-color: #c7a589;
}
.admin-color-coffee .pum-batch-progress progress:not([value]) {
background-color: #c7a589;
}
.admin-color-ectoplasm .pum-batch-progress progress[value] {
background-color: #a3b745;
/* Of all IE, only IE10 supports progress element that too partially. It only allows to change the background-color of the progress value using the 'color' attribute. */
color: #a3b745;
}
.admin-color-ectoplasm .pum-batch-progress progress[value]::-moz-progress-value, .admin-color-ectoplasm .pum-batch-progress progress[value]::-ms-progress-value, .admin-color-ectoplasm .pum-batch-progress progress[value]::progress-value {
background-color: #a3b745;
}
.admin-color-ectoplasm .pum-batch-progress progress[value]::-webkit-progress-value {
background-color: #a3b745;
}
.admin-color-ectoplasm .pum-batch-progress progress:not([value]) {
background-color: #a3b745;
}
.admin-color-midnight .pum-batch-progress progress[value] {
background-color: #e14d43;
/* Of all IE, only IE10 supports progress element that too partially. It only allows to change the background-color of the progress value using the 'color' attribute. */
color: #e14d43;
}
.admin-color-midnight .pum-batch-progress progress[value]::-moz-progress-value, .admin-color-midnight .pum-batch-progress progress[value]::-ms-progress-value, .admin-color-midnight .pum-batch-progress progress[value]::progress-value {
background-color: #e14d43;
}
.admin-color-midnight .pum-batch-progress progress[value]::-webkit-progress-value {
background-color: #e14d43;
}
.admin-color-midnight .pum-batch-progress progress:not([value]) {
background-color: #e14d43;
}
.admin-color-sunrise .pum-batch-progress progress[value] {
background-color: #dd823b;
/* Of all IE, only IE10 supports progress element that too partially. It only allows to change the background-color of the progress value using the 'color' attribute. */
color: #dd823b;
}
.admin-color-sunrise .pum-batch-progress progress[value]::-moz-progress-value, .admin-color-sunrise .pum-batch-progress progress[value]::-ms-progress-value, .admin-color-sunrise .pum-batch-progress progress[value]::progress-value {
background-color: #dd823b;
}
.admin-color-sunrise .pum-batch-progress progress[value]::-webkit-progress-value {
background-color: #dd823b;
}
.admin-color-sunrise .pum-batch-progress progress:not([value]) {
background-color: #dd823b;
}
.pum-batch-progress {
display: none;
}
.pum-batch-progress progress,
.pum-batch-progress .pum-upgrade-message-textarea {
display: none;
}
.pum-batch-progress.pum-batch-progress--active {
display: block;
}
.pum-batch-progress.pum-batch-progress--active progress.active {
display: block;
}
.pum-batch-progress.pum-batch-progress--active .pum-upgrade-message-textarea--active {
display: block;
}
/*# sourceMappingURL=pum-admin-batch-rtl.css.map */