PluginProbe ʕ •ᴥ•ʔ
ShopPress – Shop Builder for Elementor and WooCommerce / trunk
ShopPress – Shop Builder for Elementor and WooCommerce vtrunk
shop-press / Elementor / template-library / assets / css / template-manager-preview.css
shop-press / Elementor / template-library / assets / css Last commit date
index.php 2 years ago template-manager-editor-dark.css 2 years ago template-manager-editor.css 2 years ago template-manager-preview.css 2 years ago
template-manager-preview.css
304 lines
1 /* Change elementor columns padding
2 ----------------------------------------------*/
3 @media (min-width: 768px) {
4 .elementor-column-wrap.elementor-element-empty .elementor-widget-wrap {
5 margin: 15px;
6 }
7 }
8
9 .elementor-widget:not(:last-child),
10 .sp-header .elementor-widget:not(:last-child) {
11 margin-bottom: 0;
12 }
13
14 @media (max-width: 320px) {
15 .elementor:not(.elementor-edit-area-active) .elementor-hidden-smallmobile {
16 display: none;
17 }
18 }
19
20 @media (max-width: 1024px) {
21 .elementor:not(.elementor-edit-area-active)
22 .elementor-hidden-tabletlandscape {
23 display: none;
24 }
25 }
26
27 @media (max-width: 1366px) {
28 .elementor:not(.elementor-edit-area-active) .elementor-hidden-laptop {
29 display: none;
30 }
31 }
32
33 /* Responsive Class
34 -------------------------------------------------- */
35 @media (min-width: 1025px) {
36 .elementor:not(.elementor-edit-area-active) .elementor-hidden-desktop,
37 .elementor:not(.elementor-edit-area-active) .hide-in-desktop {
38 display: none;
39 }
40 }
41
42 /* tablet */
43 @media (min-width: 768px) and (max-width: 1024px) {
44 .elementor:not(.elementor-edit-area-active) .elementor-hidden-tablet,
45 .elementor:not(.elementor-edit-area-active) .hide-in-tablet {
46 display: none;
47 }
48 }
49
50 /* mobile */
51 @media (max-width: 767px) {
52 .elementor:not(.elementor-edit-area-active) .elementor-hidden-phone,
53 .elementor:not(.elementor-edit-area-active) .hide-in-mobile {
54 display: none;
55 }
56 }
57
58 [data-elementor-device-mode="laptop"] .elementor-hidden-laptop,
59 [data-elementor-device-mode="tabletlandscape"]
60 .elementor-hidden-tabletlandscape,
61 [data-elementor-device-mode="smallmobile"] .elementor-hidden-smallmobile {
62 background: -webkit-repeating-linear-gradient(
63 325deg,
64 rgba(0, 0, 0, 0.05),
65 rgba(0, 0, 0, 0.05) 1px,
66 transparent 2px,
67 transparent 9px
68 );
69 background: -o-repeating-linear-gradient(
70 325deg,
71 rgba(0, 0, 0, 0.05),
72 rgba(0, 0, 0, 0.05) 1px,
73 transparent 2px,
74 transparent 9px
75 );
76 background: repeating-linear-gradient(
77 125deg,
78 rgba(0, 0, 0, 0.05),
79 rgba(0, 0, 0, 0.05) 1px,
80 transparent 2px,
81 transparent 9px
82 );
83 border: 1px solid rgba(0, 0, 0, 0.02);
84 }
85
86 [data-elementor-device-mode="laptop"]
87 .elementor-hidden-laptop.elementor-section
88 > .elementor-element-overlay,
89 [data-elementor-device-mode="tabletlandscape"]
90 .elementor-hidden-tabletlandscape.elementor-section
91 > .elementor-element-overlay,
92 [data-elementor-device-mode="smallmobile"]
93 .elementor-hidden-smallmobile.elementor-section
94 > .elementor-element-overlay {
95 background-color: #d5dadf;
96 mix-blend-mode: color;
97 }
98
99 [data-elementor-device-mode="laptop"]
100 .elementor-hidden-laptop.elementor-section:before,
101 [data-elementor-device-mode="tabletlandscape"]
102 .elementor-hidden-tabletlandscape.elementor-section:before,
103 [data-elementor-device-mode="smallmobile"]
104 .elementor-hidden-smallmobile.elementor-section:before {
105 content: "";
106 display: block;
107 position: absolute;
108 top: 0;
109 left: 0;
110 width: 100%;
111 height: 100%;
112 background-color: rgba(255, 255, 255, 0.6);
113 z-index: 9997;
114 }
115
116 [data-elementor-device-mode="laptop"]
117 .elementor-hidden-laptop
118 > .elementor-widget-container,
119 [data-elementor-device-mode="laptop"]
120 .elementor-hidden-laptop
121 > .elementor-column-wrap,
122 [data-elementor-device-mode="tablet"]
123 .elementor-hidden-tablet
124 > .elementor-widget-container,
125 [data-elementor-device-mode="tablet"]
126 .elementor-hidden-tablet
127 > .elementor-column-wrap,
128 [data-elementor-device-mode="smallmobile"]
129 .elementor-hidden-smallmobile
130 > .elementor-widget-container,
131 [data-elementor-device-mode="smallmobile"]
132 .elementor-hidden-smallmobile
133 > .elementor-column-wrap {
134 -webkit-filter: opacity(0.4) saturate(0);
135 filter: opacity(0.4) saturate(0);
136 }
137
138 /* Full site editor
139 ------------------------------------ */
140 .elementor {
141 position: relative;
142 }
143
144 .elementor:not(.elementor-edit-mode):hover {
145 box-shadow: 0 0 0 1px #403cf2 !important;
146 -webkit-box-shadow: 0 0 0 1px #403cf2 !important;
147 }
148
149 .elementor-editor-preview .shoppress-full-site-edit {
150 display: none;
151 }
152
153 .elementor-document-handle {
154 background-color: #403cf2 !important;
155 }
156
157 .elementor .shoppress-full-site-edit {
158 position: absolute;
159 top: 0;
160 left: 50%;
161 transform: translateX(-50%);
162 -webkit-transform: translateX(-50%);
163 background: #403cf2;
164 color: #fff;
165 font-size: 12px;
166 text-transform: uppercase;
167 padding: 7px 10px;
168 letter-spacing: 0.5px;
169 display: none;
170 cursor: pointer;
171 border-radius: 3px;
172 z-index: 2;
173 line-height: 1;
174 font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
175 sans-serif;
176 }
177
178 .single-post
179 .shoppress-content
180 .shoppress-single
181 > [data-elementor-type="wp-post"]:before,
182 .single-post
183 .shoppress-content
184 .shoppress-post-content
185 [data-elementor-type="wp-post"]
186 .shoppress-full-site-edit {
187 display: none !important;
188 }
189
190 .elementor .shoppress-full-site-edit:before,
191 .elementor .shoppress-full-site-edit:after {
192 content: "";
193 position: absolute;
194 top: 0;
195 z-index: 1;
196 }
197
198 .elementor .shoppress-full-site-edit:before {
199 width: 0;
200 height: 0;
201 border-top: 27px solid #403cf2;
202 border-top-right-radius: 3px;
203 border-right: 23px solid transparent;
204 right: -21px;
205 }
206
207 .elementor-document-handle:before {
208 border-right-color: #403cf2 !important;
209 border-width: 0 23px 25px 0 !important;
210 }
211
212 .elementor-document-handle:after {
213 border-left-color: #403cf2 !important;
214 border-width: 0 0 25px 23px !important;
215 }
216
217 .elementor .shoppress-full-site-edit:after {
218 width: 0;
219 height: 0;
220 border-top: 27px solid #403cf2;
221 border-top-left-radius: 3px;
222 border-left: 23px solid transparent;
223 left: -21px;
224 }
225
226 .elementor:not(.elementor-edit-mode):hover .shoppress-full-site-edit {
227 display: block;
228 }
229
230 .elementor .shoppress-full-site-edit .eicon-edit {
231 margin-right: 5px;
232 text-decoration: none;
233 }
234
235 .elementor.elementor-edit-mode .shoppress-full-site-edit {
236 display: none;
237 }
238
239 .shoppress-make-header-transparent
240 .shoppress-builder-wrap.sp-header
241 .shoppress-full-site-edit {
242 left: 42%;
243 transform: translateX(-42%);
244 -webkit-transform: translateX(-42%);
245 }
246
247 .shoppress-make-header-transparent
248 .shoppress-site:hover
249 .shoppress-content
250 .shoppress-page-title
251 + .elementor-editor-preview
252 > .shoppress-full-site-edit {
253 display: block;
254 }
255
256 .elementor[data-elementor-title="Post"]:not(.elementor-edit-area-active):hover:before {
257 opacity: 1;
258 }
259
260 .elementor-add-new-section .shoppress-elementor-add-template-button i {
261 width: 16px;
262 height: 16px;
263 }
264
265 .elementor-editor-active .shoppress-lazyload img {
266 background-image: none;
267 }
268
269 .elementor-add-new-section .shoppress-elementor-add-template-button {
270 position: relative;
271 top: 15px;
272 margin-left: 30px;
273 }
274 .elementor-add-new-section
275 .elementor-add-section-area-button.shoppress-elementor-add-template-button {
276 width: 110px;
277 height: 40px;
278 border-radius: 22px;
279 background-color: #837af5;
280 background: linear-gradient(-90deg, #675cf9 0, #837af5 40%, #9592fb 100%);
281 color: #fff;
282 font-family: "Be Vietnam Pro", "Inter", Arial, sans-serif;
283 font-size: 11px;
284 font-weight: 500;
285 box-shadow: 0 2px 9px -1px #837af547;
286 top: auto;
287 }
288 .elementor-add-new-section
289 .elementor-add-section-area-button.shoppress-elementor-add-template-button:after {
290 content: "ShopPress";
291 }
292
293 .elementor-add-new-section
294 .elementor-add-section-area-button.shoppress-elementor-add-template-button:before {
295 content: "\e91f";
296 font-family: eicons;
297 font-weight: 400;
298 font-style: normal;
299 line-height: 1;
300 font-size: 14px;
301 margin-right: 6px;
302 transform: translateY(-1px);
303 }
304