PluginProbe
CartFlows – Funnel Builder & Checkout Plugin for WooCommerce / 1.1.13
CartFlows – Funnel Builder & Checkout Plugin for WooCommerce v1.1.13
3.3.0 3.2.1 3.2.0 3.1.4 3.1.3 3.1.2 3.1.1 3.1.0 3.0.1 trunk 1.0.4 1.1.0 1.1.0.1 1.1.1 1.1.10 1.1.11 1.1.12 1.1.13 1.1.14 1.1.15 1.1.16 1.1.17 1.1.18 1.1.19 1.1.2 All 162 releases
cartflows / assets / css / checkout-template-the-seven.css

checkout-template-the-seven.css in CartFlows – Funnel Builder & Checkout Plugin for WooCommerce 1.1.13, at assets/css/checkout-template-the-seven.css

179 lines 5.0 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /**
2 * *************************
3 * This css is loaded when when the The7 theme is enabled.
4 * Just to correct layout of the page.
5 * *************************
6 */
7
8 /* Basic */
9
10 body,
11 button,
12 input,
13 select,
14 optgroup,
15 textarea,
16 body.page,
17 .wf-container > *{
18 font-family: normal 1rem / 2 "sans-serif", Helvetica, Arial, Verdana, sans-serif ;
19 font-size: inherit;
20 }
21
22 .wcf-embed-checkout-form-one-column #customer_details{
23 width: 100%;
24 }
25 .wcf-embed-checkout-form-two-column #customer_details{
26 width: 55%;
27 }
28
29 input[type="text"],
30 input[type="search"],
31 input[type="tel"],
32 input[type="url"],
33 input[type="email"],
34 input[type="number"],
35 input[type="date"],
36 input[type="range"],
37 input[type="password"],
38 select,
39 .wpcf7-number{
40 height: auto;
41 }
42
43 #ship-to-different-address{
44 font: inherit;
45 }
46
47 #ship-to-different-address label, .create-account label.checkbox span{
48 font-size: inherit;
49 line-height: inherit;
50 }
51
52 .woocommerce-checkout-review-order .product-name,
53 .woocommerce-checkout-review-order .product-name a,
54 .order_details .product-name,
55 .order_details .product-name a{
56 font: inherit;
57 font-size: inherit;
58 color: inherit;
59 }
60 .woocommerce-checkout-review-order .product-quantity,
61 .woocommerce-checkout-review-order .product-total,
62 .woocommerce-checkout-review-order .cart-subtotal th,
63 .woocommerce-checkout-review-order .order-total th,
64 .woocommerce-checkout-review-order .shipping th,
65 .woocommerce-checkout-review-order .about_paypal,
66 .woocommerce-checkout-review-order .product-total .woocommerce-Price-amount,
67 .woocommerce-checkout-review-order tfoot th,
68 .order_details .product-quantity,
69 .order_details .product-total,
70 .order_details .cart-subtotal th,
71 .order_details .order-total th,
72 .order_details .shipping th,
73 .order_details .about_paypal,
74 .order_details .product-total .woocommerce-Price-amount,
75 .order_details tfoot th{
76 color: inherit;
77 }
78
79 #shipping_method label, .payment_methods label{
80 color: inherit;
81 font-size: inherit;
82 line-height: inherit;
83 }
84
85 .woocommerce-terms-and-conditions-text,
86 .woocommerce-terms-and-conditions-checkbox-text,
87 .woocommerce-privacy-policy-text{
88 font-size: inherit;
89 line-height: inherit;
90 }
91
92 div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-message .woocommerce-message-text,
93 div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-message .woocommerce-info-text,
94 div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-message .woocommerce-error-text,
95 .woocommerce-error .woocommerce-message-text,
96 .woocommerce-error .woocommerce-info-text,
97 .woocommerce-error .woocommerce-error-text,
98 div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-info .woocommerce-message-text,
99 div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-info .woocommerce-info-text,
100 div:not(.wc-coupon-wrap):not(.wc-login-wrap):not(.woocommerce-MyAccount-content) > .woocommerce-info .woocommerce-error-text{
101 font: inherit;
102 }
103
104 .checkout .woocommerce-NoticeGroup .woocommerce-error .woocommerce-error-text{
105 margin: 0px;
106 padding-left: 0px;
107 }
108
109 table.shop_table thead tr th,
110 table.shop_table thead tr td,
111 table.shop_table tbody tr th,
112 table.shop_table tbody tr td{
113 border: none;
114 font-weight: normal;
115 width: 50%;
116 }
117
118 @media screen and (max-width: 990px){
119 #customer_details{
120 width: 100%;
121 }
122 .mt20{
123 margin-top: 10px!important;
124 }
125 }
126
127 @media only screen and (max-width: 768px){
128 #customer_details{
129 width: 100%;
130 }
131 .mt20{
132 margin-top: 10px!important;
133 }
134 }
135
136 @media screen and (max-width: 600px){
137
138 #customer_details{
139 width: 100%;
140 }
141
142 table.shop_table tbody tr{
143 padding: 0px;
144 }
145 .shop_table tr {
146 border-top: inherit;
147 -js-display: flex;
148 display: -webkit-box;
149 display: -webkit-flex;
150 display: -moz-box;
151 display: -ms-flexbox;
152 display: flex;
153 -webkit-box-orient: vertical;
154 -webkit-box-direction: normal;
155 -webkit-flex-flow: inherit;
156 -moz-box-orient: vertical;
157 -moz-box-direction: normal;
158 -ms-flex-flow: inherit;
159 flex-flow: inherit;
160 }
161 .shop_table tr.cart_item td.product-name{
162 -webkit-box-align: baseline;
163 -webkit-align-items: baseline;
164 -moz-box-align: baseline;
165 -ms-flex-align: baseline;
166 align-items: baseline;
167 -webkit-box-orient: vertical;
168 -webkit-box-direction: normal;
169 -webkit-flex-flow: inherit;
170 -moz-box-orient: vertical;
171 -moz-box-direction: normal;
172 -ms-flex-flow: inherit;
173 flex-flow: inherit;
174 text-align: left;
175 }
176 .shop_table thead{
177 display: block;
178 }
179 }