plugin updates
This commit is contained in:
Tony Volpe
@@ -61,11 +61,10 @@
|
||||
}
|
||||
#wpadminbar #wp-admin-bar-imagify-profile .ab-item {
|
||||
height: auto;
|
||||
padding: 0 13px;
|
||||
padding: 0;
|
||||
}
|
||||
#wpadminbar #wp-admin-bar-imagify-profile {
|
||||
min-width: 200px;
|
||||
padding: 15px 0 10px;
|
||||
margin-top: 0.7em;
|
||||
background: #222;
|
||||
}
|
||||
@@ -193,7 +192,31 @@
|
||||
#wpadminbar #wp-admin-bar-imagify-profile .imagify-upsell-dismiss::before {
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
right: 10px;
|
||||
content: "\2715";
|
||||
color: #fff;
|
||||
right: 5px;
|
||||
color: #fff;
|
||||
}
|
||||
.imagify-plugin-upgrade {
|
||||
color: #6f9c3b;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-imagify-upgrade-plan .ab-empty-item {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#wpadminbar .imagify-admin-bar-upgrade-plan {
|
||||
background: #8bc34a;
|
||||
box-sizing: border-box;
|
||||
border:none;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
font-weight: bold !important;
|
||||
padding: 0 10px;
|
||||
text-align: left;
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-imagify-profile .imagify-admin-bar-quota {
|
||||
padding: 13px 15px;
|
||||
}
|
||||
|
||||
@@ -1 +1 @@
|
||||
.imagify-account,.imagify-account-link{padding-right:15px}.imagify-meteo-icon{display:inline-block;height:38px;vertical-align:middle;margin-right:10px}.imagify-user-plan{color:#40b1d0}.imagify-meteo-title.imagify-meteo-title{color:#fff;font-size:17px}.imagify-space-left>p{color:#fff}#wp-admin-bar-imagify-profile [class^=imagify-bar-]{position:relative;height:1.5em;width:100%;background:#60758d;color:#fff;font-size:10px}#wp-admin-bar-imagify-profile .imagify-progress{height:1.5em;font-size:1em}.imagify-progress{-webkit-transition:width .3s;-o-transition:width .3s;transition:width .3s}.imagify-bar-positive .imagify-progress{background:#8cc152}.imagify-bar-positive .imagify-barnb{color:#8cc152}.imagify-bar-negative .imagify-progress{background:#73818c}.imagify-bar-negative .imagify-barnb{color:#73818c}.imagify-bar-neutral .imagify-progress{background:#f5a623}.imagify-space-left .imagify-bar-negative .imagify-progress{background:#d0021b}#wpadminbar #wp-admin-bar-imagify-profile *{line-height:1.5;white-space:initial}#wpadminbar #wp-admin-bar-imagify .ab-submenu{padding-bottom:0}#wpadminbar #wp-admin-bar-imagify-profile .ab-item{height:auto;padding:0 13px}#wpadminbar #wp-admin-bar-imagify-profile{min-width:200px;padding:15px 0 10px;margin-top:.7em;background:#222}#wp-admin-bar-imagify .dashicons{font-family:dashicons;font-size:18px;vertical-align:middle;margin:0 5px 0 0}#wp-admin-bar-imagify .button-text{display:inline-block;vertical-align:middle}#wp-admin-bar-imagify .imagify-abq-row{display:table;width:100%}#wp-admin-bar-imagify .imagify-abq-row+.imagify-abq-row{margin-top:.75em}#wp-admin-bar-imagify .imagify-abq-row>*{display:table-cell}#wp-admin-bar-imagify-profile .imagify-meteo-icon{padding-right:7px}#wp-admin-bar-imagify-profile .imagify-meteo-icon img{width:37px}#wp-admin-bar-imagify-profile .imagify-meteo-title{font-size:17px}#wp-admin-bar-imagify-profile .imagify-meteo-subs{color:#72889f}#wpadminbar #wp-admin-bar-imagify-profile strong{font-weight:700}#wpadminbar #wp-admin-bar-imagify-profile .imagify-user-plan,#wpadminbar #wp-admin-bar-imagify-profile a{padding:0;color:#40b1d0}#wpadminbar #wp-admin-bar-imagify-profile .imagify-account-link{display:table}#wpadminbar #wp-admin-bar-imagify-profile .imagify-account-link>*{display:table-cell}#wpadminbar #wp-admin-bar-imagify-profile .imagify-space-left{max-width:210px;min-width:210px;width:210px}#wpadminbar #wp-admin-bar-imagify-profile .imagify-space-left p{font-size:12px}#wp-admin-bar-imagify-profile .imagify-error,#wp-admin-bar-imagify-profile .imagify-warning{padding:10px;margin:0 -13px -13px}#wp-admin-bar-imagify-profile .imagify-error p+p,#wp-admin-bar-imagify-profile .imagify-warning p+p{margin-top:.5em}#wp-admin-bar-imagify-profile .imagify-error p+p+p,#wp-admin-bar-imagify-profile .imagify-warning p+p+p{margin-top:1em}#wpadminbar #wp-admin-bar-imagify-profile .imagify-btn-ghost{display:inline-block;height:auto;padding:7px 10px;border:1px solid #fff;text-align:center;background:0 0;color:#fff;border-radius:3px;-webkit-transition:all .275s;-o-transition:all .275s;transition:all .275s}#wpadminbar #wp-admin-bar-imagify-profile .imagify-btn-ghost:focus,#wpadminbar #wp-admin-bar-imagify-profile .imagify-btn-ghost:hover{background:#fff;color:#888}#wpadminbar .imagify-warning *{background:#f5a623;color:#fff;text-shadow:0 0 2px rgba(0,0,0,.2)}#wp-admin-bar-imagify-profile .imagify-upsell-admin-bar{position:relative;background:#c51161;margin:10px -13px -10px -13px;padding:20px}#wp-admin-bar-imagify-profile .imagify-upsell-admin-bar p{color:#fff}#wp-admin-bar-imagify-profile a.imagify-upsell-admin-bar-button{display:block;height:auto!important;border:1px solid #fff;border-radius:5px;color:#fff!important;padding:5px 10px!important;text-align:center;text-decoration:none;margin-top:10px}#wpadminbar #wp-admin-bar-imagify-profile a.imagify-upsell-dismiss{display:inline!important;height:auto!important}#wpadminbar #wp-admin-bar-imagify-profile .imagify-upsell-dismiss::before{position:absolute;top:5px;right:10px;content:"\2715";color:#fff}
|
||||
.imagify-account,.imagify-account-link{padding-right:15px}.imagify-meteo-icon{display:inline-block;height:38px;vertical-align:middle;margin-right:10px}.imagify-user-plan{color:#40b1d0}.imagify-meteo-title.imagify-meteo-title{color:#fff;font-size:17px}.imagify-space-left>p{color:#fff}#wp-admin-bar-imagify-profile [class^=imagify-bar-]{position:relative;height:1.5em;width:100%;background:#60758d;color:#fff;font-size:10px}#wp-admin-bar-imagify-profile .imagify-progress{height:1.5em;font-size:1em}.imagify-progress{-webkit-transition:width .3s;-o-transition:width .3s;transition:width .3s}.imagify-bar-positive .imagify-progress{background:#8cc152}.imagify-bar-positive .imagify-barnb{color:#8cc152}.imagify-bar-negative .imagify-progress{background:#73818c}.imagify-bar-negative .imagify-barnb{color:#73818c}.imagify-bar-neutral .imagify-progress{background:#f5a623}.imagify-space-left .imagify-bar-negative .imagify-progress{background:#d0021b}#wpadminbar #wp-admin-bar-imagify-profile *{line-height:1.5;white-space:initial}#wpadminbar #wp-admin-bar-imagify .ab-submenu{padding-bottom:0}#wpadminbar #wp-admin-bar-imagify-profile .ab-item{height:auto;padding:0}#wpadminbar #wp-admin-bar-imagify-profile{min-width:200px;margin-top:.7em;background:#222}#wp-admin-bar-imagify .dashicons{font-family:dashicons;font-size:18px;vertical-align:middle;margin:0 5px 0 0}#wp-admin-bar-imagify .button-text{display:inline-block;vertical-align:middle}#wp-admin-bar-imagify .imagify-abq-row{display:table;width:100%}#wp-admin-bar-imagify .imagify-abq-row+.imagify-abq-row{margin-top:.75em}#wp-admin-bar-imagify .imagify-abq-row>*{display:table-cell}#wp-admin-bar-imagify-profile .imagify-meteo-icon{padding-right:7px}#wp-admin-bar-imagify-profile .imagify-meteo-icon img{width:37px}#wp-admin-bar-imagify-profile .imagify-meteo-title{font-size:17px}#wp-admin-bar-imagify-profile .imagify-meteo-subs{color:#72889f}#wpadminbar #wp-admin-bar-imagify-profile strong{font-weight:700}#wpadminbar #wp-admin-bar-imagify-profile .imagify-user-plan,#wpadminbar #wp-admin-bar-imagify-profile a{padding:0;color:#40b1d0}#wpadminbar #wp-admin-bar-imagify-profile .imagify-account-link{display:table}#wpadminbar #wp-admin-bar-imagify-profile .imagify-account-link>*{display:table-cell}#wpadminbar #wp-admin-bar-imagify-profile .imagify-space-left{max-width:210px;min-width:210px;width:210px}#wpadminbar #wp-admin-bar-imagify-profile .imagify-space-left p{font-size:12px}#wp-admin-bar-imagify-profile .imagify-error,#wp-admin-bar-imagify-profile .imagify-warning{padding:10px;margin:0 -13px -13px}#wp-admin-bar-imagify-profile .imagify-error p+p,#wp-admin-bar-imagify-profile .imagify-warning p+p{margin-top:.5em}#wp-admin-bar-imagify-profile .imagify-error p+p+p,#wp-admin-bar-imagify-profile .imagify-warning p+p+p{margin-top:1em}#wpadminbar #wp-admin-bar-imagify-profile .imagify-btn-ghost{display:inline-block;height:auto;padding:7px 10px;border:1px solid #fff;text-align:center;background:0 0;color:#fff;border-radius:3px;-webkit-transition:all .275s;-o-transition:all .275s;transition:all .275s}#wpadminbar #wp-admin-bar-imagify-profile .imagify-btn-ghost:focus,#wpadminbar #wp-admin-bar-imagify-profile .imagify-btn-ghost:hover{background:#fff;color:#888}#wpadminbar .imagify-warning *{background:#f5a623;color:#fff;text-shadow:0 0 2px rgba(0,0,0,.2)}#wp-admin-bar-imagify-profile .imagify-upsell-admin-bar{position:relative;background:#c51161;margin:10px -13px -10px -13px;padding:20px}#wp-admin-bar-imagify-profile .imagify-upsell-admin-bar p{color:#fff}#wp-admin-bar-imagify-profile a.imagify-upsell-admin-bar-button{display:block;height:auto!important;border:1px solid #fff;border-radius:5px;color:#fff!important;padding:5px 10px!important;text-align:center;text-decoration:none;margin-top:10px}#wpadminbar #wp-admin-bar-imagify-profile a.imagify-upsell-dismiss{display:inline!important;height:auto!important}#wpadminbar #wp-admin-bar-imagify-profile .imagify-upsell-dismiss::before{position:absolute;top:5px;right:5px;color:#fff}.imagify-plugin-upgrade{color:#6f9c3b;font-weight:600}#wpadminbar #wp-admin-bar-imagify-upgrade-plan .ab-empty-item{padding:0}#wpadminbar .imagify-admin-bar-upgrade-plan{background:#8bc34a;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;color:#fff;cursor:pointer;display:block;font-weight:700!important;padding:0 10px;text-align:left;width:100%!important}#wpadminbar #wp-admin-bar-imagify-profile .imagify-admin-bar-quota{padding:13px 15px}
|
||||
@@ -1562,7 +1562,7 @@ ul.imagify-datas-details.imagify-datas-details {
|
||||
border-radius: 5px;
|
||||
color: #c51161 !important;
|
||||
font-weight: bold;
|
||||
padding: 10px;
|
||||
padding: 10px 0;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
@@ -1575,15 +1575,6 @@ ul.imagify-datas-details.imagify-datas-details {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.imagify-upsell-dismiss::before {
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
right: 5px;
|
||||
content: "\2715";
|
||||
color: #2e3243;
|
||||
font-size: 2em;
|
||||
}
|
||||
|
||||
.imagify-upsell .imagify-meteo-icon {
|
||||
filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(104deg) brightness(103%) contrast(103%);
|
||||
}
|
||||
@@ -1595,3 +1586,78 @@ ul.imagify-datas-details.imagify-datas-details {
|
||||
.imagify-original-fize-size .value {
|
||||
padding-left: 15px !important;
|
||||
}
|
||||
.imagify-card {
|
||||
border: 1px solid #dfdfdf;
|
||||
background-color: #f4f7f9;
|
||||
border-radius: 5px;
|
||||
width:95%;
|
||||
}
|
||||
.imagify-card-header {
|
||||
margin-bottom: 10px;
|
||||
padding-top: 25px;
|
||||
}
|
||||
.imagify-card-logo {
|
||||
height: 42px;
|
||||
}
|
||||
.imagify-card-logo img {
|
||||
display: block;
|
||||
margin: 0 auto 0;
|
||||
}
|
||||
.imagify-card-header h4 {
|
||||
text-align: center;
|
||||
color: #323232;
|
||||
font-size: 1.1em;
|
||||
font-weight:bold;
|
||||
}
|
||||
.imagify-card-body {
|
||||
margin-bottom: 10px;
|
||||
padding: 0 10px 0 10px;
|
||||
height: 87px;
|
||||
}
|
||||
.imagify-card-body p {
|
||||
font-size: 1em;
|
||||
color: #323232;
|
||||
text-align:center;
|
||||
line-height: 17px;
|
||||
}
|
||||
.imagify-card-footer {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 10px;
|
||||
height: 40px;
|
||||
}
|
||||
.imagify-card-footer span {
|
||||
text-transform: uppercase;
|
||||
font-weight:bold;
|
||||
color: #6f9c3b;
|
||||
}
|
||||
.imagify-card-footer a {
|
||||
margin: 0 15px 0 15px;
|
||||
font-size: 1em;
|
||||
font-weight: bold;
|
||||
}
|
||||
.imagify-card-footer a.imagify-card-btn {
|
||||
text-transform: uppercase;
|
||||
text-decoration: none;
|
||||
background-color: #2f3242;
|
||||
padding: 8px 20px 8px 20px;
|
||||
color: white;
|
||||
}
|
||||
.imagify-plugin-family-col {
|
||||
float: left;
|
||||
width: 25%;
|
||||
box-sizing: border-box;
|
||||
-webkit-flex-basis: 25%;
|
||||
-ms-flex-preferred-size: 25%;
|
||||
flex-basis: 25%;
|
||||
}
|
||||
.imagify-upsell-cta {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.imagify-upsell-cta .imagify-svg-icon {
|
||||
margin-left: 7px;
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
File diff suppressed because one or more lines are too long
@@ -1304,3 +1304,14 @@ td.imagify-cell-filename {
|
||||
}
|
||||
}
|
||||
|
||||
.imagify-notice-dismiss {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.imagify-notice-dismiss::before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.imagify-notice-dismiss.notice-dismiss:hover::before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
File diff suppressed because one or more lines are too long
@@ -21,6 +21,10 @@
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.imagify-notice-dismiss.notice-dismiss::before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Notices in Imagify related pages */
|
||||
.media_page_imagify-bulk-optimization .notice,
|
||||
body[class*="_imagify-ngg-bulk-optimization"] .notice,
|
||||
|
||||
File diff suppressed because one or more lines are too long
@@ -41,7 +41,7 @@
|
||||
z-index: 10;
|
||||
}
|
||||
.imagify-payment-modal .imagify-modal-content {
|
||||
width: 980px;
|
||||
width: 1065px;
|
||||
max-width: 100%;
|
||||
min-width: 925px;
|
||||
padding: 0;
|
||||
@@ -56,7 +56,9 @@
|
||||
height: 668px;
|
||||
}
|
||||
.imagify-payment-modal .imagify-modal-main {
|
||||
width: 70%;
|
||||
width: 100%;
|
||||
background-color: #f5f7f9;
|
||||
padding: 30px 50px;
|
||||
}
|
||||
.imagify-iframe-viewing .imagify-modal-main {
|
||||
width: auto;
|
||||
@@ -99,7 +101,9 @@
|
||||
margin-bottom: .5em;
|
||||
}
|
||||
.imagify-modal-title {
|
||||
font-size: 1.8em;
|
||||
font-size: 2.2em;
|
||||
font-weight: 600;
|
||||
margin: 30px 0 10px;
|
||||
}
|
||||
.imagify-modal-title .imagify-inner-sub-title {
|
||||
display: block;
|
||||
@@ -163,7 +167,7 @@
|
||||
|
||||
.imagify-small-options {
|
||||
width: 300px;
|
||||
margin: 1em auto .5em;
|
||||
margin: 5em auto 5em;
|
||||
background: #338EA6;
|
||||
border-radius: 4px;
|
||||
}
|
||||
@@ -394,10 +398,11 @@ div.imagify-col-checkbox {
|
||||
/* Offer col */
|
||||
.imagify-offer-size {
|
||||
font-size: 30px;
|
||||
color: #2E3243;
|
||||
color: #5F758E;
|
||||
font-weight: bold;
|
||||
-webkit-transition: all .275s;
|
||||
transition: all .275s;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.imagify-offer-by {
|
||||
font-size: 10px;
|
||||
@@ -427,6 +432,8 @@ div.imagify-col-price {
|
||||
padding-right: 0;
|
||||
font-size: 10px;
|
||||
font-weight: bold;
|
||||
font-size: 0.9em;
|
||||
line-height: 1.7;
|
||||
}
|
||||
.imagify-price-block,
|
||||
.imagify-price-discount {
|
||||
@@ -490,10 +497,17 @@ span.imagify-price-mini {
|
||||
vertical-align: 2px;
|
||||
}
|
||||
span.imagify-price-by {
|
||||
font-size: 10px;
|
||||
color: #1F2332;
|
||||
vertical-align: -13px;
|
||||
text-indent: -27px;
|
||||
font-size: 0.9em;
|
||||
color: #5F758E;
|
||||
text-indent: -27px;
|
||||
display: block;
|
||||
text-align: center;
|
||||
margin-top: 9px;
|
||||
text-transform: uppercase;
|
||||
font-weight: bold;
|
||||
}
|
||||
.imagify-plans-selection-view span.imagify-price-by {
|
||||
text-indent: -66px;
|
||||
}
|
||||
|
||||
.imagify-col-other-actions {
|
||||
@@ -694,8 +708,9 @@ input.imagify-coupon-code {
|
||||
width: 500px;
|
||||
max-width: 100%;
|
||||
margin: 2em auto 2.5em;
|
||||
font-size: 0.85em;
|
||||
font-size: 0.9em;
|
||||
line-height: 1.5;
|
||||
font-weight:600
|
||||
}
|
||||
|
||||
/* Year selected */
|
||||
@@ -741,9 +756,11 @@ div.imagify-col-details {
|
||||
}
|
||||
.imagify-pricing-table .imagify-offer-line {
|
||||
padding: .6em 0;
|
||||
border: 2px solid #E8EEF0;
|
||||
background-color: white;
|
||||
margin-bottom: 30px;
|
||||
text-align: left;
|
||||
border-radius: 3px;
|
||||
position: relative;
|
||||
}
|
||||
.imagify-pricing-table .imagify-offer-line:first-child {
|
||||
margin-top: .75em;
|
||||
@@ -1152,6 +1169,18 @@ p.imagify-modal-sidebar-title.imagify-modal-sidebar-title {
|
||||
float: right;
|
||||
font-weight: bold;
|
||||
}
|
||||
.imagify-col-details p.imagify-label-plans{
|
||||
margin-left: 10px;
|
||||
font-size: 1.5em;
|
||||
text-transform: uppercase;
|
||||
color: #3FB1CF;
|
||||
}
|
||||
div.imagify-col-label {
|
||||
width:15%;
|
||||
}
|
||||
.imagify-pricing-table .imagify-col-other-actions.imagify-choose-plan-col {
|
||||
width: 14.5%;
|
||||
}
|
||||
@media (max-width: 782px) {
|
||||
.imagify-payment-modal .imagify-modal-content{
|
||||
width: 90%;
|
||||
@@ -1338,3 +1367,141 @@ p.imagify-modal-sidebar-title.imagify-modal-sidebar-title {
|
||||
left: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
/** Ribbon **/
|
||||
.imagify-ribbon {
|
||||
position: absolute;
|
||||
left: -5px; top: -5px;
|
||||
z-index: 1;
|
||||
overflow: hidden;
|
||||
width: 75px; height: 75px;
|
||||
text-align: right;
|
||||
}
|
||||
.imagify-ribbon span {
|
||||
font-size: 0.9em;
|
||||
font-weight: bold;
|
||||
color: #FFF;
|
||||
text-align: center;
|
||||
line-height: 22px;
|
||||
transform: rotate(-45deg);
|
||||
-webkit-transform: rotate(-45deg);
|
||||
width: 100px;
|
||||
display: block;
|
||||
background: #79A70A;
|
||||
background: linear-gradient(#3FB1CF 0%, #3FB1CF 100%);
|
||||
box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
|
||||
position: absolute;
|
||||
top: 19px; left: -21px;
|
||||
}
|
||||
.imagify-ribbon span::before {
|
||||
content: "";
|
||||
position: absolute; left: 0px; top: 100%;
|
||||
z-index: -1;
|
||||
border-left: 3px solid #3FB1CF;
|
||||
border-right: 3px solid transparent;
|
||||
border-bottom: 3px solid transparent;
|
||||
border-top: 3px solid #3FB1CF;
|
||||
}
|
||||
.imagify-ribbon span::after {
|
||||
content: "";
|
||||
position: absolute; right: 0px; top: 100%;
|
||||
z-index: -1;
|
||||
border-left: 3px solid transparent;
|
||||
border-right: 3px solid #3FB1CF;
|
||||
border-bottom: 3px solid transparent;
|
||||
border-top: 3px solid #3FB1CF;
|
||||
}
|
||||
/** End Ribbon **/
|
||||
|
||||
/** Toggle Switch **/
|
||||
.imagify-toggle-container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 10px;
|
||||
position: relative;
|
||||
width: 70%;
|
||||
margin: 80px auto 40px;
|
||||
}
|
||||
.imagify-toggle-container .toggle-label {
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
}
|
||||
.toggle-container .toggle-label:nth-of-type(2) {
|
||||
color: #c8ced5;
|
||||
}
|
||||
.imagify-switch {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 48px;
|
||||
height: 24px;
|
||||
}
|
||||
.imagify-switch input {
|
||||
opacity: 0;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
.imagify-slider {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: #97c45e;
|
||||
border-radius: 30px;
|
||||
cursor: pointer;
|
||||
transition: 0.4s;
|
||||
}
|
||||
.imagify-slider:before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
height: 18px;
|
||||
width: 18px;
|
||||
left: 4px;
|
||||
bottom: 3px;
|
||||
background-color: white;
|
||||
border-radius: 50%;
|
||||
transition: 0.4s;
|
||||
}
|
||||
input:checked + .imagify-slider {
|
||||
background-color: #97c45e;
|
||||
}
|
||||
input:checked + .imagify-slider:before {
|
||||
transform: translateX(22px);
|
||||
}
|
||||
.imagify-badge-container {
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
position:absolute;
|
||||
right: 80px;
|
||||
top: -25px;
|
||||
}
|
||||
.imagify-badge {
|
||||
font-size: 12px;
|
||||
padding: 4px 10px;
|
||||
border: 1px solid #b8bfc5;
|
||||
border-radius: 3px;
|
||||
color: #b8bfc5;
|
||||
font-weight: 700;
|
||||
transition: background-color 0.4s, color 0.4s;
|
||||
}
|
||||
.imagify-badge.imagify-badge-checked {
|
||||
background-color: #E2F0D1;
|
||||
color: #8bc34a;
|
||||
border: 1px solid #8bc34a
|
||||
}
|
||||
.imagify-arrow-container {
|
||||
position: absolute;
|
||||
right: 180px;
|
||||
top: 0px;
|
||||
}
|
||||
.imagify-toggle-container img:nth-of-type(2) {
|
||||
display: none;
|
||||
}
|
||||
input:checked ~ .imagify-badge-container .imagify-badge {
|
||||
background-color: #97c45e;
|
||||
color: white;
|
||||
border-color: #97c45e;
|
||||
opacity: 1;
|
||||
}
|
||||
/** End Toggle Switch **/
|
||||
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user