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

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