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 / pre-orders / 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/pre-orders/admin/preview.css

116 lines 2.8 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /**
2 * Admin Preview
3 * Pre Orders
4 *
5 */
6 .merchant-flexible-content-control.pre-orders-style .layout:not(.active) {
7 border-color: #5c5f62;
8 }
9
10 .merchant-module-page-preview-browser-inner {
11 display: -webkit-box;
12 display: -ms-flexbox;
13 display: flex;
14 -webkit-box-flex: 0;
15 -ms-flex-positive: 0;
16 flex-grow: 0;
17 width: 100%;
18 margin: auto;
19 padding: 30px 25px 25px;
20 }
21
22 .mrc-preview-single-product-elements {
23 width: 100%;
24 display: -webkit-box;
25 display: -ms-flexbox;
26 display: flex;
27 gap: 25px;
28 }
29 .mrc-preview-single-product-elements .mrc-preview-left-column {
30 width: 30%;
31 min-width: 30%;
32 }
33 .mrc-preview-single-product-elements .mrc-preview-right-column {
34 width: 70%;
35 padding-top: 25px;
36 }
37 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image {
38 background-color: #f5f5f5;
39 height: 12vw;
40 }
41 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image-thumbs {
42 width: 100%;
43 display: -webkit-box;
44 display: -ms-flexbox;
45 display: flex;
46 gap: 10px;
47 -ms-flex-wrap: nowrap;
48 flex-wrap: nowrap;
49 }
50 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image-thumbs .mrc-preview-product-image-thumb {
51 width: 100%;
52 height: 3vw;
53 background-color: #f5f5f5;
54 margin-top: 10px;
55 }
56
57 .mrc-mw-70 {
58 max-width: 70%;
59 }
60
61 .mrc-mw-30 {
62 max-width: 30%;
63 }
64
65 .mrc-mw-40 {
66 max-width: 40%;
67 }
68
69 @media (max-width: 1281px) {
70 .mrc-hide-on-smaller-screens {
71 display: none;
72 }
73 }
74 .mrc-preview-text-placeholder {
75 background-color: #f5f5f5;
76 height: 13px;
77 }
78 .mrc-preview-text-placeholder + .mrc-preview-text-placeholder, .mrc-preview-text-placeholder + .mrc-preview-addtocart-placeholder {
79 margin-top: 15px;
80 }
81
82 .mrc-preview-addtocart-placeholder {
83 background-color: #e5e5e5;
84 width: 140px;
85 height: 30px;
86 }
87
88 @media (max-width: 991px) {
89 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image {
90 height: 33vw;
91 }
92 .mrc-preview-single-product-elements .mrc-preview-product-image-wrapper .mrc-preview-product-image-thumbs .mrc-preview-product-image-thumb {
93 height: 7vw;
94 }
95 }
96 .merchant-pre-orders-date {
97 font-size: 1rem;
98 margin-top: 25px;
99 }
100
101 .add_to_cart_button {
102 display: inline-block;
103 color: var(--mrc-po-text-color, #FFF) !important;
104 border: 1px solid var(--mrc-po-border-color, #212121) !important;
105 background-color: var(--mrc-po-background-color, #212121) !important;
106 font-size: 1rem;
107 padding: 12px 25px;
108 text-decoration: none;
109 -webkit-transition: ease background-color 300ms;
110 transition: ease background-color 300ms;
111 }
112 .add_to_cart_button:hover {
113 color: var(--mrc-po-text-hover-color, #FFF) !important;
114 border-color: var(--mrc-po-border-hover-color, #414141) !important;
115 background-color: var(--mrc-po-background-hover-color, #414141) !important;
116 }