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 / free-gifts / 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/free-gifts/admin/preview.css

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