Skip to content

Commit

Permalink
Merge pull request #41 from wp-media/1.6
Browse files Browse the repository at this point in the history 
Version 1.6
  • Loading branch information
@remyperona
remyperona authored Nov 21, 2016
2 parents 6a00c87 + 4aeae5a commit 1859ca7
Show file tree
Hide file tree
Showing 22 changed files with 1,506 additions and 791 deletions.
243 changes: 180 additions & 63 deletions assets/css/admin.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -147,6 +147,12 @@ body.imagify-modal-is-open {
background-color: #40b1d0 !important;
box-shadow: 0 3px 0 #338ea6 !important;
}
.imagify-sweet-alert button.loading {
border-radius: 100% !important;
height: 40px !important;
padding:0!important;
box-shadow: none!important;
}
.imagify-sweet-alert button.swal2-cancel {
background: #777 !important;
box-shadow: 0 3px 0 #444 !important;
Expand Down Expand Up @@ -1242,7 +1248,7 @@ input[id^="imagify_sizes_"]:checked + label {
line-height: 1.3;
font-weight: bold;
background: #F7A933;
transform-origine: 50% 50%;
transform-origin: 50% 50%;
transform: rotateZ(-2deg) rotateX(-10deg) skewX(-2deg) skewY(-3deg);
text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
}
Expand Down Expand Up @@ -1423,6 +1429,14 @@ a.btn-rocket:focus {
background: #D0021B;
}

.imagify-popin-message {
padding: 5px 15px;
text-align: left;
}
.imagify-popin-message.imagify-error p {
color: #FFF;
}

.imagify-notice-title {
font-size: 15px;
}
Expand Down Expand Up @@ -1775,6 +1789,9 @@ ul.imagify-datas-details.imagify-datas-details {
#wp-admin-bar-imagify-profile .imagify-progress {
height: 15px;
}
.imagify-progress {
transition: width .3s;
}
.imagify-bar-positive .imagify-progress {
background: #8CC152;
}
Expand Down Expand Up @@ -2501,6 +2518,9 @@ td.imagify-cell-filename {
display: block;
visibility: visible;
}
.js .imagify-iframe-viewing .close-btn {
display: none;
}
#imagify-visual-comparison .close-btn,
.imagify-visual-comparison .close-btn {
top: 50px;
Expand Down Expand Up @@ -2707,82 +2727,73 @@ td.imagify-cell-filename {
min-width: 925px;
padding: 0;
}
.imagify-modal-content.imagify-iframe-viewing {
width: 980px;
height: 672px;
overflow: hidden;
}
.imagify-iframe-viewing #imagify-payment-process-view {
width: 980px;
height: 668px;
}
.imagify-payment-modal .imagify-modal-main {
width: 70%;
}
.imagify-iframe-viewing .imagify-modal-main {
width: auto;
}
.imagify-payment-modal .imagify-modal-content.imagify-success-viewing {
min-width: auto;
width: 450px;
min-height: 300px;
}
.imagify-success-viewing .imagify-modal-main {
width: 100%;
}
.imagify-payment-modal .imagify-modal-sidebar {
width: 30%;
padding: 15px 20px;
background: #1F2332;
color: #FFF;
}
.imagify-payment-steps {
padding-top: 15px;
margin-top: 0;
margin-left: 0;
list-style: none;
counter-reset: steps;
}
.imagify-payment-steps li {
position: relative;
display: inline-block;
counter-increment: steps;
font-weight: bold;
}
.imagify-payment-steps li + li {
margin-left: 35px;
}
.imagify-payment-steps li + li:after {
content: "";
position: absolute;
top: 19px;
left: -90px;
z-index: 1;
width: 150px;
height: 2px;
background: #E5EBEF;
}
.imagify-payment-steps li + li.active:after {
background: #40B1D0;
}
.imagify-payment-steps li:before {
display: block;
position: relative;
content: counter( steps, decimal );
width: 36px;
height: 36px;
margin: 0 auto .3em;
border: 2px solid #E5EBEF;
text-align: center;
line-height: 34px;
font-size: 1.4em;
color: #E5EBEF;
background: #FFF;
border-radius: 50%;
z-index: 2;
}
.imagify-payment-steps .active:before {
color: #40B1D0;
border-color: #40B1D0;
.imagify-modal-content.imagify-iframe-viewing .imagify-modal-sidebar,
.imagify-modal-content.imagify-success-viewing .imagify-modal-sidebar {
display: none;
}
.imagify-modal-section {
padding: 0 25px;
}
.imagify-modal-section.section-gray {
margin: 1em 0;
margin: 0 0 1em;
padding: 10px 25px 15px;
background: #F6F7FB;
}
.imagify-tabs-contents .section-gray {
padding: 8px 25px 10px;
}
.imagify-modal-section .imagify-modal-title:first-child {
margin-top: .3em;
margin-top: 1em;
margin-bottom: 1.5em;
}
.imagify-modal-section.section-gray .imagify-modal-title {
margin-top: .5em;
margin-bottom: .5em;
}
.imagify-modal-title {
font-size: 1.8em;
font-weight: lighter;
}
.imagify-analyzing .imagify-numbers-calc,
.imagify-numbers-notcalc,
.imagify-modal-section.imagify-analyzing .imagify-modal-cols,
.imagify-modal-section .imagify-loader {
display: none;
}
.imagify-analyzing .imagify-numbers-notcalc,
.imagify-modal-section.imagify-analyzing .imagify-loader {
display: block;
}
.imagify-modal-section .imagify-loader {
margin: 2em auto;
}

.imagify-border-styled {
Expand Down Expand Up @@ -2828,6 +2839,9 @@ td.imagify-cell-filename {
.imagify-modal .imagify-cols {
padding: 0 20px;
}
.imagify-payment-modal .imagify-iconed {
margin: 1.5em 5em 1.5em 0;
}
.imagify-iconed {
position: relative;
text-align: left;
Expand Down Expand Up @@ -2856,7 +2870,7 @@ td.imagify-cell-filename {
}
.imagify-payment-modal .close-btn i {
margin-left: -3.5px;
margin-top: 1px;
margin-top: -0.5px;
}
.imagify-payment-modal .close-btn:hover {
background: #F6F7FB;
Expand Down Expand Up @@ -2901,6 +2915,10 @@ td.imagify-cell-filename {
padding-top:8px;
padding-bottom: 8px;
}
.imagify-offer-onetimes > div {
padding-top: 15px;
padding-bottom: 15px;
}
.imagify-offer-header .imagify-inline-options input[type="radio"]:not(:checked) + label,
.imagify-offer-header .imagify-inline-options input[type="radio"]:checked + label {
position: relative;
Expand Down Expand Up @@ -2998,14 +3016,14 @@ div.imagify-col-checkbox {
.imagify-col-checkbox .imagify-checkbox.imagify-checkbox:not(:checked) + label:before,
.imagify-col-checkbox .imagify-checkbox.imagify-checkbox:checked + label:before {
margin: 0;
top: -3px;
top: -2px;
left: 6px;
-webkit-transition: all .275s;
transition: all .275s;
}
.imagify-col-checkbox .imagify-checkbox.imagify-checkbox:not(:checked) + label:after,
.imagify-col-checkbox .imagify-checkbox.imagify-checkbox:checked + label:after {
top: 0;
top: 1px;
left: 13px;
}
.imagify-col-checkbox label {
Expand All @@ -3026,7 +3044,7 @@ div.imagify-col-checkbox {
transition: all .275s;
}
.imagify-approx {
display: block;
display: none;
font-size: 11px;
line-height: 1.2;
-webkit-transition: all .275s;
Expand All @@ -3040,6 +3058,10 @@ div.imagify-col-price {
padding-left: 0;
padding-right: 0;
}
.imagify-offer-monthly .imagify-flex-table .imagify-price-block,
.imagify-offer-monthlies .imagify-price-block {
padding-top: 0;
}
.imagify-flex-table .imagify-price-complement {
padding-right: 0;
font-size: 10px;
Expand Down Expand Up @@ -3117,19 +3139,112 @@ span.imagify-price-by {
color: #2E3243;
}

.imagify-not-enough-title {
display: none;
}
.imagify-enough-free .imagify-not-enough-title {
display: block;
}
.imagify-enough-free .imagify-enough-title {
display: none;
}

.imagify-submit-line {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 2em 0;
text-align: left;
}
.imagify-coupon-section {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.imagify-coupon-section p {
margin: 0;
line-height: 1.3;
}
.imagify-coupon-text {
width: 200px;
max-width: 100%;
padding-right: 15px;
}
.imagify-coupon-loader {
display: none;
}
.imagify-coupon-text.checking {
text-align: right;
}
.imagify-coupon-text.checking .imagify-coupon-loader {
display: inline;
}
.imagify-coupon-text.checking label {
display: none;
}
.imagify-coupon-input {
position: relative;
}
.imagify-coupon-input input {
position: relative;
z-index: 1;
}
[id="imagify-coupon-validate"].button-secondary {
position: absolute;
top: 1px;
right: 3px;
bottom: 2px;
box-shadow: none;
padding: 4px 10px;
z-index: 0;
transition: transform .275s;
}
.imagify-canbe-validate [id="imagify-coupon-validate"] {
transform: translateX(45px);
}


.imagify-submit-line button {
font-size: 16px;
}

input.imagify-coupon-code {
padding: 10px;
border: 2px solid #7A8996;
font-size: 0.875em;
font-weight: bold;
border-radius: 3px;
}
.validated.imagify-coupon-section .imagify-coupon-text,
.validated.imagify-coupon-section strong {
color: #8BC34A;
}
.validated.imagify-coupon-section .imagify-coupon-code {
color: #8BC34A;
border-color: #8BC34A;
}
.invalid.imagify-coupon-section .imagify-coupon-text,
.invalid.imagify-coupon-section strong {
color: #d0021b;
}
.invalid.imagify-coupon-section .imagify-coupon-code {
color: #d0021b;
border-color: #d0021b;
}
.imagify-footer-lines {
width: 500px;
max-width: 100%;
margin: 2em auto 1em;
margin: 2em auto 2.5em;
font-size: 0.85em;
line-height: 1.6;
line-height: 1.5;
}

/* Year selected */
Expand Down Expand Up @@ -3182,6 +3297,9 @@ div.imagify-col-details {
.imagify-pricing-table .imagify-offer-line:first-child {
margin-top: .75em;
}
.imagify-pricing-table .imagify-offer-line.imagify-offer-selected:first-child {
margin-top: 1.75em;
}
.imagify-pricing-table .imagify-offer-line + .imagify-offer-line {
margin-top: -2px;
}
Expand Down Expand Up @@ -3538,10 +3656,9 @@ p.imagify-modal-sidebar-title {
}

#imagify-payment-iframe {
width: 100%;
height: 375px;
margin-top: 1em;
background: #f6f7fb url(../images/loader-balls.svg) 50% 175px no-repeat;
width: 980px;
height: 672px;
background: #f6f7fb url(../images/loader-balls.svg) 50% 50% no-repeat;
}

.imagify-success-view {
Expand Down
2 changes: 1 addition & 1 deletion assets/css/admin.min.css
View file

Large diffs are not rendered by default.

Loading

0 comments on commit 1859ca7

Please sign in to comment.