PluginProbe
Product Labels, Quick View, Buy Now, Pre-Orders, Frequently Bought Together & More for WooCommerce – Merchant / 1.11.2
Product Labels, Quick View, Buy Now, Pre-Orders, Frequently Bought Together & More for WooCommerce – Merchant v1.11.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 1.11.2, at assets/css/modules/countdown-timer/admin/preview.css

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