PluginProbe
Product Labels, Quick View, Buy Now, Pre-Orders, Frequently Bought Together & More for WooCommerce – Merchant / 1.8.2
Product Labels, Quick View, Buy Now, Pre-Orders, Frequently Bought Together & More for WooCommerce – Merchant v1.8.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 / wait-list / admin / preview.css

preview.css in Product Labels, Quick View, Buy Now, Pre-Orders, Frequently Bought Together & More for WooCommerce – Merchant 1.8.2, at assets/css/modules/wait-list/admin/preview.css

118 lines 2.6 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /**
2 * Admin Preview
3 * Wait list
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 gap: 25px;
24 }
25 .mrc-preview-single-product-elements .mrc-preview-left-column {
26 width: 30%;
27 min-width: 30%;
28 }
29 .mrc-preview-single-product-elements .mrc-preview-right-column {
30 width: 70%;
31 padding-top: 25px;
32 }
33 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image {
34 background-color: #f5f5f5;
35 height: 12vw;
36 }
37 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image-thumbs {
38 width: 100%;
39 display: -webkit-box;
40 display: -ms-flexbox;
41 display: flex;
42 gap: 10px;
43 -ms-flex-wrap: nowrap;
44 flex-wrap: nowrap;
45 }
46 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image-thumbs .mrc-preview-product-image-thumb {
47 width: 100%;
48 height: 3vw;
49 background-color: #f5f5f5;
50 margin-top: 10px;
51 }
52
53 .mrc-mw-70 {
54 max-width: 70%;
55 }
56
57 .mrc-mw-30 {
58 max-width: 30%;
59 }
60
61 .mrc-mw-40 {
62 max-width: 40%;
63 }
64
65 @media (max-width: 1281px) {
66 .mrc-hide-on-smaller-screens {
67 display: none;
68 }
69 }
70 .mrc-preview-text-placeholder {
71 background-color: #f5f5f5;
72 height: 13px;
73 }
74 .mrc-preview-text-placeholder + .mrc-preview-text-placeholder, .mrc-preview-text-placeholder + .mrc-preview-addtocart-placeholder {
75 margin-top: 15px;
76 }
77
78 .mrc-preview-addtocart-placeholder {
79 background-color: #e5e5e5;
80 width: 140px;
81 height: 30px;
82 }
83
84 @media (max-width: 991px) {
85 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image {
86 height: 33vw;
87 }
88 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image-thumbs .mrc-preview-product-image-thumb {
89 height: 7vw;
90 }
91 }
92 .preview-merchant-wait-list {
93 max-width: 310px;
94 pointer-events: none;
95 }
96 .preview-merchant-wait-list .merchant-cover {
97 display: none;
98 }
99 .preview-merchant-wait-list button {
100 width: 100%;
101 margin-top: 10px;
102 background-color: #212121;
103 color: white;
104 border: 3px solid #212121;
105 padding: 13px 24px;
106 text-transform: uppercase;
107 text-decoration: none;
108 font-size: 14px;
109 }
110 .preview-merchant-wait-list input#merchant-wait-list-email {
111 width: 100%;
112 color: #212121;
113 border: 1px solid #212121;
114 border-radius: 0;
115 padding: 12px 16px;
116 min-height: 51px;
117 max-width: 100%;
118 }