PluginProbe
Product Labels, Quick View, Buy Now, Pre-Orders, Frequently Bought Together & More for WooCommerce – Merchant / 2.3.2
Product Labels, Quick View, Buy Now, Pre-Orders, Frequently Bought Together & More for WooCommerce – Merchant v2.3.2
2.3.2 2.3.1 2.3.0 2.2.8 2.2.7 trunk 1.10.0 1.10.1 1.10.2 1.10.3 1.10.4 1.10.5 1.11.0 1.11.1 1.11.2 1.6 1.7 1.8 1.8.1 1.8.2 1.8.3 1.9.0 1.9.1 1.9.10 1.9.11 All 60 releases
merchant / assets / css / modules / countdown-timer / admin / preview.css

preview.css in Product Labels, Quick View, Buy Now, Pre-Orders, Frequently Bought Together & More for WooCommerce – Merchant 2.3.2, at assets/css/modules/countdown-timer/admin/preview.css

236 lines 5.6 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /**
2 * Admin Preview
3 * Countdown Timer
4 *
5 */
6 .merchant-module-page-setting-fields {
7 gap: 24px;
8 }
9
10 .merchant-module-page-setting-field {
11 margin: 0;
12 }
13 .merchant-module-page-setting-field[data-id=shortcode_text] {
14 margin-top: 0;
15 }
16
17 .merchant-module-page-preview-browser-inner {
18 display: -webkit-box;
19 display: -ms-flexbox;
20 display: flex;
21 -webkit-box-flex: 0;
22 -ms-flex-positive: 0;
23 flex-grow: 0;
24 width: 100%;
25 margin: auto;
26 padding: 25px;
27 }
28
29 .mrc-preview-single-product-elements {
30 width: 100%;
31 display: -webkit-box;
32 display: -ms-flexbox;
33 display: flex;
34 -webkit-box-align: center;
35 -ms-flex-align: center;
36 align-items: center;
37 gap: 30px;
38 }
39 .mrc-preview-single-product-elements .mrc-preview-left-column {
40 width: 38%;
41 min-width: 38%;
42 height: 450px;
43 }
44 .mrc-preview-single-product-elements .mrc-preview-left-column > div {
45 height: 100%;
46 }
47 .mrc-preview-single-product-elements .mrc-preview-right-column {
48 width: 55%;
49 }
50 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image {
51 background-color: #f5f5f5;
52 height: 100%;
53 }
54 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image-thumbs {
55 width: 100%;
56 display: -webkit-box;
57 display: -ms-flexbox;
58 display: flex;
59 gap: 10px;
60 -ms-flex-wrap: nowrap;
61 flex-wrap: nowrap;
62 }
63 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image-thumbs .mrc-preview-product-image-thumb {
64 width: 100%;
65 height: 3vw;
66 background-color: #f5f5f5;
67 margin-top: 10px;
68 }
69 .mrc-preview-single-product-elements .merchant-preview-add-to-cart-inner {
70 display: -webkit-box;
71 display: -ms-flexbox;
72 display: flex;
73 gap: 15px;
74 pointer-events: none;
75 }
76 .mrc-preview-single-product-elements .merchant-preview-add-to-cart {
77 -webkit-box-flex: 1;
78 -ms-flex: 1;
79 flex: 1;
80 background-color: #E5E5E5;
81 color: #fff;
82 border: none;
83 padding: 10px;
84 text-transform: uppercase;
85 text-decoration: none;
86 font-size: 10px;
87 text-align: center;
88 }
89 .mrc-preview-single-product-elements .merchant-preview-qty {
90 border: 1px solid #E5E5E5;
91 display: -webkit-box;
92 display: -ms-flexbox;
93 display: flex;
94 gap: 0;
95 width: auto;
96 }
97 .mrc-preview-single-product-elements .merchant-preview-qty button,
98 .mrc-preview-single-product-elements .merchant-preview-qty input {
99 border: none;
100 background: none;
101 outline: none;
102 width: 20px;
103 -webkit-box-flex: 1;
104 -ms-flex: 1;
105 flex: 1;
106 color: #E5E5E5;
107 text-align: center;
108 }
109 .mrc-preview-single-product-elements .merchant-preview-qty input {
110 padding: 0;
111 margin: 0;
112 }
113 .mrc-preview-single-product-elements .merchant-preview-qty button {
114 width: 30px;
115 padding: 5px;
116 }
117 .mrc-preview-single-product-elements .merchant-countdown-timer {
118 margin-block: 30px 40px;
119 }
120 .mrc-preview-single-product-elements {
121 /**
122 * Star rating
123 */
124 }
125 .mrc-preview-single-product-elements .mrc-preview-rating {
126 display: -webkit-box;
127 display: -ms-flexbox;
128 display: flex;
129 gap: 5px;
130 -webkit-box-align: center;
131 -ms-flex-align: center;
132 align-items: center;
133 }
134 .mrc-preview-single-product-elements .star-rating {
135 overflow: hidden;
136 position: relative;
137 height: 1.618em;
138 line-height: 1.618;
139 width: 5.3em;
140 font-family: star;
141 font-weight: 400;
142 letter-spacing: 0;
143 color: #969696;
144 }
145 .mrc-preview-single-product-elements .star-rating::before {
146 content: "SSSSS";
147 opacity: 0.25;
148 float: left;
149 top: 0;
150 left: 0;
151 position: absolute;
152 }
153 .mrc-preview-single-product-elements .star-rating span {
154 overflow: hidden;
155 float: left;
156 top: 0;
157 left: 0;
158 position: absolute;
159 padding-top: 1.5em;
160 }
161 .mrc-preview-single-product-elements .star-rating span::before {
162 content: "SSSSS";
163 top: 0;
164 position: absolute;
165 left: 0;
166 color: #FFA441;
167 }
168
169 .mrc-mw-70 {
170 max-width: 70%;
171 }
172
173 .mrc-mw-30 {
174 max-width: 30%;
175 }
176
177 .mrc-mw-40 {
178 max-width: 40%;
179 }
180
181 @media (max-width: 1281px) {
182 .mrc-hide-on-smaller-screens {
183 display: none;
184 }
185 }
186 .mrc-preview-text-placeholder {
187 background-color: #f5f5f5;
188 height: 13px;
189 }
190 .mrc-preview-text-placeholder + .mrc-preview-text-placeholder, .mrc-preview-text-placeholder + .mrc-preview-addtocart-placeholder {
191 margin-top: 15px;
192 }
193
194 .mrc-preview-addtocart-placeholder {
195 background-color: #e5e5e5;
196 width: 140px;
197 height: 30px;
198 }
199
200 @media (max-width: 991px) {
201 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image {
202 height: 33vw;
203 }
204 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image-thumbs .mrc-preview-product-image-thumb {
205 height: 7vw;
206 }
207 }
208 .rtl .merchant-countdown-timer svg {
209 margin-left: 5px;
210 margin-right: unset;
211 }
212
213 .merchant-field-theme .merchant-image-picker {
214 display: -webkit-box;
215 display: -ms-flexbox;
216 display: flex;
217 -ms-flex-wrap: wrap;
218 flex-wrap: wrap;
219 gap: 10px;
220 }
221 .merchant-field-theme .merchant-image-picker label {
222 -webkit-box-flex: 0;
223 -ms-flex: 0 1 calc(25% - 10px);
224 flex: 0 1 calc(25% - 10px);
225 margin: 0;
226 padding: 0;
227 cursor: pointer;
228 }
229 .merchant-field-theme .merchant-image-picker img {
230 width: 100%;
231 display: block;
232 }
233
234 .merchant-countdown-timer-progress .merchant-countdown-timer-inner > svg, .merchant-countdown-timer-circles .merchant-countdown-timer-inner > svg, .merchant-countdown-timer-squares .merchant-countdown-timer-inner > svg, .merchant-countdown-timer-cards .merchant-countdown-timer-inner > svg, .merchant-countdown-timer-modern .merchant-countdown-timer-inner > svg, .merchant-countdown-timer-minimalist .merchant-countdown-timer-inner > svg {
235 display: none;
236 }