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

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