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

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