Submit
Path:
~
/
home
/
getwphos
/
public_html
/
wastefull
/
wp-content
/
plugins
/
theme-core-options
/
assets
/
css
/
admin
/
File Content:
plugin.css
@charset "UTF-8"; @-webkit-keyframes moveUp { 100% { -webkit-transform: translateY(0); opacity: 1; } } @keyframes moveUp { 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes spin-rotate-left { to { transform: rotate(30deg); } from { transform: rotate(175deg); } } @-webkit-keyframes spin-rotate-left { to { transform: rotate(30deg); } from { transform: rotate(175deg); } } @keyframes spin-rotate-right { from { transform: rotate(-175deg); } to { transform: rotate(-30deg); } } @-webkit-keyframes spin-rotate-right { from { transform: rotate(-175deg); } to { transform: rotate(-30deg); } } @keyframes spin-rotate-all { from { transform: rotate(0deg); } to { transform: rotate(-360deg); } } @-webkit-keyframes spin-rotate-all { from { transform: rotate(0deg); } to { transform: rotate(-360deg); } } @keyframes spin-fade-in-first { from { opacity: 1; } to { opacity: 0; } } @-webkit-keyframes spin-fade-in-first { from { opacity: 1; } to { opacity: 0; } } @keyframes spin-fade-in-second { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes spin-fade-in-second { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes markerWave { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.8; } 20% { opacity: 0.8; } 100% { -webkit-transform: scale(5.5); transform: scale(5.5); opacity: 0; } } @keyframes markerWave { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.8; } 20% { opacity: 0.8; } 100% { -webkit-transform: scale(5.5); transform: scale(5.5); opacity: 0; } } @-webkit-keyframes sk-rotate { 100% { -webkit-transform: rotate(360deg); } } @keyframes sk-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); } } @-webkit-keyframes sk-bounce { 0%, 100% { -webkit-transform: scale(0); } 50% { -webkit-transform: scale(1); } } @keyframes sk-bounce { 0%, 100% { transform: scale(0); -webkit-transform: scale(0); } 50% { transform: scale(1); -webkit-transform: scale(1); } } @-moz-keyframes headerSlideDown { 0% { margin-top: -150px; } 100% { margin-top: 0; } } @-ms-keyframes headerSlideDown { 0% { margin-top: -150px; } 100% { margin-top: 0; } } @-webkit-keyframes headerSlideDown { 0% { margin-top: -150px; } 100% { margin-top: 0; } } @keyframes headerSlideDown { 0% { margin-top: -150px; } 100% { margin-top: 0; } } @-webkit-keyframes squares { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } 20% { -webkit-transform: scale(1.24); transform: scale(1.24); opacity: 1; } 100% { -webkit-transform: scale(2.1); transform: scale(2.1); opacity: 0; } } @-moz-keyframes squares { 0% { -moz-transform: scale(1); transform: scale(1); opacity: 0; } 20% { -moz-transform: scale(1.24); transform: scale(1.24); opacity: 1; } 100% { -moz-transform: scale(2.1); transform: scale(2.1); opacity: 0; } } @-o-keyframes squares { 0% { -o-transform: scale(1); transform: scale(1); opacity: 0; } 20% { -o-transform: scale(1.24); transform: scale(1.24); opacity: 1; } 100% { -o-transform: scale(2.1); transform: scale(2.1); opacity: 0; } } @keyframes squares { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 0; } 20% { -webkit-transform: scale(1.24); -moz-transform: scale(1.24); -o-transform: scale(1.24); transform: scale(1.24); opacity: 1; } 100% { -webkit-transform: scale(2.1); -moz-transform: scale(2.1); -o-transform: scale(2.1); transform: scale(2.1); opacity: 0; } } /* Page Loading */ @keyframes loading-spinner { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes loading-spinner { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes loading-run { 0% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } 5%, 95% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } 10%, 59% { box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em; } 20% { box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em; } 38% { box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em; } 100% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } } @keyframes loading-run { 0% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } 5%, 95% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } 10%, 59% { box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em; } 20% { box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em; } 38% { box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em; } 100% { box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em; } } @-webkit-keyframes loading-round { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loading-round { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes pulse-border { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(2); opacity: 0; } } @keyframes icon-bounce { 0%, 100%, 20%, 50%, 80% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } 60% { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); } } @-webkit-keyframes toRightFromLeft { 49% { -webkit-transform: translate(100%); } 50% { opacity: 0; -webkit-transform: translate(-100%); } 51% { opacity: 1; } } @-moz-keyframes toRightFromLeft { 49% { -moz-transform: translate(100%); } 50% { opacity: 0; -moz-transform: translate(-100%); } 51% { opacity: 1; } } @keyframes toRightFromLeft { 49% { transform: translate(100%); } 50% { opacity: 0; transform: translate(-100%); } 51% { opacity: 1; } } @-webkit-keyframes cms-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); } 40% { -webkit-transform: scale(1); } } @keyframes cms-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes btn_shine { 100% { left: 200%; } } @keyframes btn_shine { 100% { left: 200%; } } /* Custom Mixin */ /* Set Font Default */ .cms-tabs-wrapper { position: relative; } .cms-tabs-wrapper.vertical { display: flex; background-color: #fff; border: 1px solid #ccd0d4; } .cms-tabs-wrapper.vertical .cms-tabs-header { color: #999; padding: 15px; text-align: center; width: 200px; } .cms-tabs-wrapper.vertical .cms-tabs { position: relative; } .cms-tabs-wrapper.vertical .cms-tabs ul { margin: 0 0 1em 0; width: 200px; } .cms-tabs-wrapper.vertical .cms-tabs ul li { margin-bottom: 0; list-style-type: none; border-style: solid; border-width: 0 0 0 0; border-color: transparent; border-bottom: 1px solid #cbcece; } .cms-tabs-wrapper.vertical .cms-tabs ul li:first-child { border-top: 1px solid #cbcece; } .cms-tabs-wrapper.vertical .cms-tabs ul li.active { padding: 0; margin: 0 -1px 0 0; border-left: 3px solid #00a0d2; background-color: #f6fbfd; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02), 0 1px 0 rgba(0, 0, 0, 0.02); } .cms-tabs-wrapper.vertical .cms-tabs ul li.active a { border-color: #ccd0d4; color: #32373c; font-weight: bold; } .cms-tabs-wrapper.vertical .cms-tabs ul li a { display: block; padding: 10px 5px 10px 12px; line-height: 1.4; text-decoration: none; border: 1px solid transparent; border-right: none; border-left: none; font-size: 14px; box-shadow: none; outline: none; } .cms-tabs-wrapper.vertical .cms-tabs ul li a:hover { color: #32373c; } .cms-tabs-wrapper.vertical .cms-tabs-content-wrapper { width: 100%; position: relative; } .cms-tabs-wrapper.vertical .cms-tabs-content-wrapper .cms-tabs-content-header, .cms-tabs-wrapper.vertical .cms-tabs-content-wrapper .cms-tabs-content-footer { background: #f3f3f3; border: 1px solid #ccd0d4; padding: 6px 10px 6px 6px; text-align: right; -webkit-box-shadow: inset 0 1px 0 #fcfcfc; box-shadow: inset 0 1px 0 #fcfcfc; } .cms-tabs-wrapper.vertical .cms-tabs-content-wrapper .cms-tabs-content-header { border-top: none; } .cms-tabs-wrapper.vertical .cms-tabs-content-wrapper .cms-tabs-content-footer { border-bottom: none; } .cms-tabs-wrapper.vertical .cms-tabs-content { padding: 20px; overflow: visible; position: relative; } .cms-tabs-wrapper.vertical .cms-tabs-content .cms-tab-content { display: none; margin: 0 22px 12px 0; line-height: 1.6; } .cms-tabs-wrapper.vertical .cms-tabs-content .cms-tab-content.active { display: block; } .cms-tabs-wrapper.vertical .cms-tabs-background { position: absolute; top: 0; bottom: 0; left: 200px; right: 0; border: 1px solid #ccd0d4; border-top: none; border-bottom: none; background-color: #f6fbfd; } .cms-form .cms-form-group { /* Custom Select2 */ /* Custom Switch */ /* Custom Switch */ /* Custom Radio */ /* Custom Radio */ /* Custom Radio Image */ /* Custom Radio Image */ /* Custom Button Group */ /* Custom Button Group */ /* Custom Input */ /* Custom Input */ /* Background Field */ /* Background Field */ } .cms-form .cms-form-group:last-child hr { display: none; } .cms-form .cms-form-group select { width: 100%; max-width: 100%; } .cms-form .cms-form-group .select2-container { width: 100% !important; } .cms-form .cms-form-group .image-container { max-height: 350px; overflow-y: auto; border: 1px solid #e3e3e3; background: #f7f7f7; border-radius: 3px; display: inline-block; } .cms-form .cms-form-group .image-container:empty { display: none; } .cms-form .cms-form-group .custom-switch.custom-switch-lg { padding-bottom: 1rem; padding-left: 2.25rem; } .cms-form .cms-form-group .custom-switch.custom-switch-lg .custom-control-label { padding-left: 0.75rem; padding-top: 0.15rem; } .cms-form .cms-form-group .custom-switch.custom-switch-lg .custom-control-label::before { border-radius: 1rem; height: 1.5rem; width: 2.5rem; } .cms-form .cms-form-group .custom-switch.custom-switch-lg .custom-control-label::after { border-radius: 0.65rem; height: calc(1.5rem - 4px); width: calc(1.5rem - 4px); } .cms-form .cms-form-group .custom-switch.custom-switch-lg .custom-control-input:checked ~ .custom-control-label::after { transform: translateX(1rem); } .cms-form .cms-form-group .custom-switch.custom-switch-xl { padding-bottom: 1rem; padding-left: 2.25rem; } .cms-form .cms-form-group .custom-switch.custom-switch-xl .custom-control-label { padding-left: 2rem; padding-top: 0.5rem; } .cms-form .cms-form-group .custom-switch.custom-switch-xl .custom-control-label::before { border-radius: 1rem; height: 2rem; width: 3.5rem; } .cms-form .cms-form-group .custom-switch.custom-switch-xl .custom-control-label::after { border-radius: 2rem; height: calc(2rem - 4px); width: calc(2rem - 4px); } .cms-form .cms-form-group .custom-switch.custom-switch-xl .custom-control-input:checked ~ .custom-control-label::after { transform: translateX(1.5rem); } .cms-form .cms-form-group .custom-control-input:checked ~ .custom-control-label::before { border-color: #00c881; background-color: #00c881; } .cms-form .cms-form-group .custom-control-input:checked ~ .custom-control-label::before { border-color: #00c881; background-color: #00c881; } .cms-form .cms-form-group .custom-image-select .custom-control-label:before, .cms-form .cms-form-group .custom-image-select .custom-control-label:after { display: none; } .cms-form .cms-form-group .custom-image-select .custom-control-label img { border: 4px solid #d9d9d9; max-width: 100%; } .cms-form .cms-form-group .custom-image-select .custom-control-input:checked ~ .custom-control-label img { border-color: #00c881; } .cms-form .cms-form-group .cms-button-set label { cursor: pointer; background-color: #e6e6e6; background-repeat: no-repeat; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), color-stop(25%, #fff), to(#e6e6e6)); background-image: -webkit-linear-gradient(#fff, #fff 25%, #e6e6e6); background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(25%, #fff), to(#e6e6e6)); background-image: linear-gradient(#fff, #fff 25%, #e6e6e6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#e6e6e6", GradientType=0); padding: 5px 14px 6px; margin: 0; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); color: #333; font-size: 14px; line-height: normal; border: 1px solid #ccc; border-bottom-color: #bbb; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -webkit-transition: 0.1s linear background-image; transition: 0.1s linear background-image; overflow: visible; } .cms-form .cms-form-group .cms-button-set label:not(:last-child) { border-right: none; } .cms-form .cms-form-group .cms-button-set label:first-of-type { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .cms-form .cms-form-group .cms-button-set label:last-of-type { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .cms-form .cms-form-group .cms-button-set input[type="radio"]:checked + label { background-color: #00c881; background-image: none; border-color: #00c881; box-shadow: none; -webkit-box-shadow: none; -ms-box-shadow: none; color: #fff; } .cms-form .cms-form-group input[type=checkbox]:focus, .cms-form .cms-form-group input[type=color]:focus, .cms-form .cms-form-group input[type=date]:focus, .cms-form .cms-form-group input[type=datetime-local]:focus, .cms-form .cms-form-group input[type=datetime]:focus, .cms-form .cms-form-group input[type=email]:focus, .cms-form .cms-form-group input[type=month]:focus, .cms-form .cms-form-group input[type=number]:focus, .cms-form .cms-form-group input[type=password]:focus, .cms-form .cms-form-group input[type=radio]:focus, .cms-form .cms-form-group input[type=search]:focus, .cms-form .cms-form-group input[type=tel]:focus, .cms-form .cms-form-group input[type=text]:focus, .cms-form .cms-form-group input[type=time]:focus, .cms-form .cms-form-group input[type=url]:focus, .cms-form .cms-form-group input[type=week]:focus, .cms-form .cms-form-group select:focus, .cms-form .cms-form-group textarea:focus { border-color: #00c881; box-shadow: 0 0 0 1px #00c881; outline: 2px solid transparent; } .cms-form .cms-form-group .background-preview { height: 350px; overflow-y: auto; border: 1px solid #e3e3e3; } .cms-accordion .cms-accordion-header { position: relative; background-color: #eee; color: #444; cursor: pointer; padding: 18px; width: 100%; text-align: left; border: none; outline: none; transition: 0.4s; } .cms-accordion .cms-accordion-header.active, .cms-accordion .cms-accordion-header:hover { background-color: #ccc; } .cms-accordion .cms-accordion-header .cms-accordion-title { font-size: 18px; } .cms-accordion .cms-accordion-header .cms-accordion-icon { font-family: 'Font Awesome 5 Free'; font-weight: 900; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-size: 18px; position: absolute; right: 18px; top: 50%; transform: translateY(-50%); } .cms-accordion .cms-accordion-header .cms-accordion-icon:before { content: ""; } .cms-accordion .cms-accordion-header.active .cms-accordion-icon:before { content: ""; } .cms-accordion .cms-accordion-content { padding: 20px; background-color: white; border: 1px solid #ccc; } .cms-accordion .cms-accordion-content:not(.active) { display: none; border-color: #eee; } .cms-repeater .cms-repeater-item { position: relative; } .cms-repeater .cms-repeater-actions { font-size: 18px; position: absolute; right: 18px; top: 10px; z-index: 99; } .cms-repeater .cms-repeater-actions span:not(:last-child) { margin-right: 5px; } .cms-repeater .cms-repeater-actions .duplicate:hover { color: #007bff; } .cms-repeater .cms-repeater-actions .delete:hover { color: #dc3545; } .cms-repeater .cms-repeater-header { position: relative; background-color: #eee; color: #444; cursor: pointer; padding: 10px 18px; width: 100%; text-align: left; border: none; outline: none; transition: 0.4s; } .cms-repeater .cms-repeater-header.active, .cms-repeater .cms-repeater-header:hover { background-color: #ccc; } .cms-repeater .cms-repeater-header .cms-repeater-title { font-size: 18px; } .cms-repeater .cms-repeater-header .cms-repeater-icon { font-family: 'Font Awesome 5 Free'; font-weight: 900; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; font-size: 18px; position: absolute; right: 18px; top: 50%; transform: translateY(-50%); } .cms-repeater .cms-repeater-header .cms-repeater-icon:before { content: ""; } .cms-repeater .cms-repeater-header.active .cms-repeater-icon:before { content: ""; } .cms-repeater .cms-repeater-content { padding: 20px; background-color: white; border: 1px solid #ccc; } .cms-repeater .cms-repeater-content:not(.active) { display: none; border-color: #eee; } .placeholder-shimmer { /*-webkit-animation-duration: 1s; -webkit-animation-fill-mode: forwards; -webkit-animation-iteration-count: infinite; -webkit-animation-name: placeHolderShimmer; -webkit-animation-timing-function: linear; background: #d8d8d8; background-image: linear-gradient(to right, #d8d8d8 0%, #bdbdbd 20%, #d8d8d8 40%, #d8d8d8 100%); background-repeat: no-repeat; background-size: 800px 104px; height: 104px; position: relative;*/ /*animation-duration: 2100ms; animation-fill-mode: forwards; animation-iteration-count: infinite; -webkit-animation-name: placeHolderShimmer; -ms-animation-name: placeHolderShimmer; -moz-animation-name: placeHolderShimmer; animation-name: placeHolderShimmer;*/ animation-timing-function: cubic-bezier(0.99, 0.01, 0.54, 1); background: rgba(34, 34, 34, 0.075); background: linear-gradient(to right, rgba(34, 34, 34, 0.075) 0%, rgba(34, 34, 34, 0.15) 12.5%, rgba(34, 34, 34, 0.075) 37.5%, rgba(34, 34, 34, 0.075) 50%); background-size: 200%; /*width: 100%;*/ } .active .placeholder-shimmer, .loading .placeholder-shimmer { animation-duration: 1300ms; animation-fill-mode: forwards; animation-iteration-count: infinite; -webkit-animation-name: placeHolderShimmer; -ms-animation-name: placeHolderShimmer; -moz-animation-name: placeHolderShimmer; animation-name: placeHolderShimmer; } .placeholder-shimmer.active, .placeholder-shimmer.loading { animation-duration: 1300ms; animation-fill-mode: forwards; animation-iteration-count: infinite; -webkit-animation-name: placeHolderShimmer; -ms-animation-name: placeHolderShimmer; -moz-animation-name: placeHolderShimmer; animation-name: placeHolderShimmer; } .image-placeholder { /*padding-top: 79.412%;*/ width: 200px; height: 200px; } .select-placeholder { width: 100%; height: 34px; } .label-placeholder { width: 100%; height: 24px; } .textarea-placeholder { width: 100%; height: 72px; } @-webkit-keyframes placeHolderShimmer { /*0% { background-position: -468px 0 } 100% { background-position: 468px 0 }*/ 0% { background-position: 100% 0; } 100% { background-position: -100% 0; } } @-webkit-keyframes prideShimmer { from { background-position: top left; } to { background-position: top right; } } .range-slider { width: 50%; } .range-slider__range { -webkit-appearance: none; width: calc(100% - (73px)); height: 10px; border-radius: 5px; background: #d7dcdf; outline: none; padding: 0; margin: 0; } .range-slider__range::-webkit-slider-thumb { appearance: none; width: 20px; height: 20px; border-radius: 50%; background: #222222; cursor: pointer; transition: background 0.15s ease-in-out; } .range-slider__range::-webkit-slider-thumb:hover { background: #00c881; } .range-slider__range:active::-webkit-slider-thumb { background: #00c881; } .range-slider__range::-moz-range-thumb { width: 20px; height: 20px; border: 0; border-radius: 50%; background: #222222; cursor: pointer; transition: background 0.15s ease-in-out; } .range-slider__range::-moz-range-thumb:hover { background: #00c881; } .range-slider__range:active::-moz-range-thumb { background: #00c881; } .range-slider__range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 3px #fff, 0 0 0 6px #00c881; } .range-slider__value { display: inline-block; position: relative; width: 60px; color: #fff; line-height: 20px; text-align: center; border-radius: 3px; background: #222222; padding: 5px 10px; margin-left: 8px; } .range-slider__value:after { position: absolute; top: 8px; left: -7px; width: 0; height: 0; border-top: 7px solid transparent; border-right: 7px solid #222222; border-bottom: 7px solid transparent; content: ''; } .loader { background: #fff; height: 100%; position: fixed; width: 100%; z-index: 999999; top: 0; left: 0; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .loader .loading-spinner { position: absolute; left: 0; right: 0; margin: auto; top: 50%; -webkit-transform: translate(0, -50%); -khtml-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); width: 70px; text-align: center; } .loader .loading-spinner > div { width: 18px; height: 18px; background-color: #00c881; -webkit-border-radius: 100%; -khtml-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; display: inline-block; -webkit-animation: cms-bouncedelay 1.4s infinite ease-in-out both; animation: cms-bouncedelay 1.4s infinite ease-in-out both; } .loader .loading-spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .loader .loading-spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } .loader-2 { background: rgba(255, 255, 255, 0.5); position: absolute; z-index: 999999; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; } .loader-2 .loading-spinner { position: absolute; left: 0; right: 0; margin: auto; top: 50%; -webkit-transform: translate(0, -50%); -khtml-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); width: 70px; text-align: center; } .loader-2 .loading-spinner > div { width: 18px; height: 18px; background-color: #00c881; -webkit-border-radius: 100%; -khtml-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; display: inline-block; -webkit-animation: cms-bouncedelay 1.4s infinite ease-in-out both; animation: cms-bouncedelay 1.4s infinite ease-in-out both; } .loader-2 .loading-spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .loader-2 .loading-spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; }
Submit
FILE
FOLDER
Name
Size
Permission
Action
main.css
1502 bytes
0644
plugin.css
26227 bytes
0644
N4ST4R_ID | Naxtarrr