|
@@ -1,8 +1,8 @@
|
|
|
-/*
|
|
|
- Coupon Creator CSS
|
|
|
-
|
|
|
+/*
|
|
|
+ Coupon Creator CSS
|
|
|
+
|
|
|
*/
|
|
|
-/* Coupon Creator CSS
|
|
|
+/* Coupon Creator CSS
|
|
|
------------------------------------------------------------ */
|
|
|
.cctor-coupon-container,
|
|
|
.cctor_coupon_container {
|
|
@@ -25,7 +25,7 @@
|
|
|
print-color-adjust: exact;
|
|
|
-webkit-print-color-adjust: exact; }
|
|
|
|
|
|
-/* Standard CSS
|
|
|
+/* Standard CSS
|
|
|
------------------------------------------------------------ */
|
|
|
.cctor-wrap-link,
|
|
|
.cctor_wrap_link {
|
|
@@ -48,7 +48,7 @@
|
|
|
.coupon-overflow {
|
|
|
overflow: hidden; }
|
|
|
|
|
|
-/* Coupon Contents
|
|
|
+/* Coupon Contents
|
|
|
------------------------------------------------------------ */
|
|
|
.cctor-coupon,
|
|
|
.cctor_coupon {
|
|
@@ -172,7 +172,7 @@
|
|
|
margin-top: 2px;
|
|
|
width: 100%; }
|
|
|
|
|
|
-/* Coupon CSS Adjustments
|
|
|
+/* Coupon CSS Adjustments
|
|
|
------------------------------------------------------------ */
|
|
|
.cctor_coupon_container a:hover {
|
|
|
opacity: .8;
|
|
@@ -188,7 +188,7 @@ a .cctor_expiration {
|
|
|
.cctor_terms p {
|
|
|
margin: 0; }
|
|
|
|
|
|
-/* Print View CSS
|
|
|
+/* Print View CSS
|
|
|
------------------------------------------------------------ */
|
|
|
.print-coupon .cctor-oupon-container,
|
|
|
.print_coupon .cctor_coupon_container {
|
|
@@ -220,7 +220,7 @@ a .cctor_expiration {
|
|
|
.cctor_opencoupon {
|
|
|
display: none !important; } }
|
|
|
|
|
|
-/* Utility CSS
|
|
|
+/* Utility CSS
|
|
|
------------------------------------------------------------ */
|
|
|
.cctor-clear {
|
|
|
clear: both; }
|
|
@@ -234,7 +234,7 @@ a .cctor_expiration {
|
|
|
content: "";
|
|
|
display: block; }
|
|
|
|
|
|
-/* Coupon Align
|
|
|
+/* Coupon Align
|
|
|
------------------------------------------------------------ */
|
|
|
.cctor-alignnone,
|
|
|
.cctor_alignnone {
|
|
@@ -258,10 +258,10 @@ a .cctor_expiration {
|
|
|
display: block;
|
|
|
margin: 10px auto; }
|
|
|
|
|
|
-/* Column Classes
|
|
|
-* Modified from these links:
|
|
|
-* Link: http://wpsmith.net/2013/wp/genesis-2-0-drops-fifths-from-column-classes/
|
|
|
-* Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css
|
|
|
+/* Column Classes
|
|
|
+* Modified from these links:
|
|
|
+* Link: http://wpsmith.net/2013/wp/genesis-2-0-drops-fifths-from-column-classes/
|
|
|
+* Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css
|
|
|
--------------------------------------------- */
|
|
|
.cctor-row {
|
|
|
min-height: 1px;
|
|
@@ -309,14 +309,14 @@ a .cctor_expiration {
|
|
|
clear: both;
|
|
|
margin-left: 0; }
|
|
|
|
|
|
-/* Float Clear
|
|
|
+/* Float Clear
|
|
|
------------------------------------------------------------ */
|
|
|
.cctor-clear:after {
|
|
|
clear: both;
|
|
|
content: '';
|
|
|
display: table; }
|
|
|
|
|
|
-/* Basic IE7 Support
|
|
|
+/* Basic IE7 Support
|
|
|
------------------------------------------------------------ */
|
|
|
.cctor_coupon {
|
|
|
*width: 300px; }
|
|
@@ -327,3 +327,183 @@ a .cctor_expiration {
|
|
|
.cctor_terms,
|
|
|
.cctor_expiration {
|
|
|
*width: 96%; }
|
|
|
+ * {
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+a {
|
|
|
+ text-decoration: none;
|
|
|
+}
|
|
|
+
|
|
|
+img {
|
|
|
+ height: auto;
|
|
|
+ max-width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.btn {
|
|
|
+ background-color: #53a318;
|
|
|
+ border: none;
|
|
|
+ width: 140px;
|
|
|
+ height: 35px;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 16px;
|
|
|
+ cursor: pointer;
|
|
|
+ display: block;
|
|
|
+ margin: 300px auto;
|
|
|
+}
|
|
|
+
|
|
|
+button:focus {
|
|
|
+ outline: none;
|
|
|
+}
|
|
|
+
|
|
|
+.cover {
|
|
|
+ background: rgba(0, 0, 0, .3);
|
|
|
+ position: fixed;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ z-index: 999;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.vodal-dialog {
|
|
|
+ width: 480px;
|
|
|
+ position: relative;
|
|
|
+ height: auto;
|
|
|
+ max-height: 90%;
|
|
|
+ overflow-y: auto;
|
|
|
+ box-shadow: 0 1px 3px 0 #333;
|
|
|
+ margin: auto;
|
|
|
+ z-index: 99;
|
|
|
+ background-color: #fff;
|
|
|
+ border-radius: 3px;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ right: 0;
|
|
|
+ bottom: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.vodal-close {
|
|
|
+ position: absolute;
|
|
|
+ cursor: pointer;
|
|
|
+ height: 24px;
|
|
|
+ width: 24px;
|
|
|
+ top: 24px;
|
|
|
+ right: 24px;
|
|
|
+ z-index: 5;
|
|
|
+}
|
|
|
+
|
|
|
+.vodal-close::before, .vodal-close::after {
|
|
|
+ position: absolute;
|
|
|
+ content: "";
|
|
|
+ height: 2px;
|
|
|
+ width: 100%;
|
|
|
+ top: 50%;
|
|
|
+ left: 0;
|
|
|
+ margin-top: -1px;
|
|
|
+ background: #999;
|
|
|
+ border-radius: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.vodal-close::after {
|
|
|
+ transform: rotate(-45deg);
|
|
|
+}
|
|
|
+
|
|
|
+.vodal-close::before {
|
|
|
+ transform: rotate(45deg);
|
|
|
+}
|
|
|
+
|
|
|
+.modal-body {
|
|
|
+ position: relative;
|
|
|
+ margin: 0 auto;
|
|
|
+ max-width: 1080px;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.modal-body section {
|
|
|
+ position: relative;
|
|
|
+ float: left;
|
|
|
+ min-height: 416px;
|
|
|
+ padding: 32px;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.coupon-title {
|
|
|
+ color: #333;
|
|
|
+ font-size: 36px;
|
|
|
+ font-weight: 300;
|
|
|
+ line-height: 1.22;
|
|
|
+ margin: 0;
|
|
|
+ min-height: 86px;
|
|
|
+}
|
|
|
+
|
|
|
+.cta {
|
|
|
+ margin: 24px 0;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+.instruction-subtitle {
|
|
|
+ border: 1px dashed #d5d8db;
|
|
|
+ color: #53a318;
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: 600;
|
|
|
+ line-height: 1.5;
|
|
|
+ margin-right: 10px;
|
|
|
+ padding: 8px 19px;
|
|
|
+}
|
|
|
+
|
|
|
+.btn-cta {
|
|
|
+ background-color: #53a318;
|
|
|
+ min-width: 122px;
|
|
|
+ padding: 8px 19px;
|
|
|
+ color: #fff;
|
|
|
+ display: inline-block;
|
|
|
+ font-size: 16px;
|
|
|
+ line-height: 1.4;
|
|
|
+ border-radius: 2px;
|
|
|
+ position: relative;
|
|
|
+ text-align: center;
|
|
|
+ font-weight: 600;
|
|
|
+}
|
|
|
+
|
|
|
+.last-p {
|
|
|
+ color: #75787b;
|
|
|
+ font-size: 14px;
|
|
|
+ line-height: 1.5;
|
|
|
+}
|
|
|
+
|
|
|
+.low {
|
|
|
+ margin: 0 auto;
|
|
|
+ max-width: 1080px;
|
|
|
+ width: 100%;
|
|
|
+ color: #75787b;
|
|
|
+}
|
|
|
+
|
|
|
+.auto-redirect {
|
|
|
+ background-color: #fff;
|
|
|
+ border-bottom: 1px solid #f6f7f8;
|
|
|
+ font-size: 18px;
|
|
|
+ padding: 8px;
|
|
|
+ text-align: center;
|
|
|
+ font-weight: 400;
|
|
|
+ line-height: 1.5;
|
|
|
+ color: #75787b;
|
|
|
+}
|
|
|
+
|
|
|
+.cover {
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+
|
|
|
+.btn-cta:hover {
|
|
|
+ background-color: rgba(54, 120, 6);
|
|
|
+}
|
|
|
+
|
|
|
+.treatment {
|
|
|
+ margin-bottom: 12px;
|
|
|
+ color: #333;
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: 600;
|
|
|
+ line-height: 1.43;
|
|
|
+ margin-right: 24px;
|
|
|
+}
|