PluginProbe
Elementor Website Builder – more than just a page builder / 3.0.7
Elementor Website Builder – more than just a page builder v3.0.7
4.3.0-beta2 4.3.0-beta1 4.2.4 4.2.3 4.2.2 4.2.1 4.2.0 4.1.5 4.2.0-beta2 4.2.0-dev2 4.2.0-beta1 4.1.4 4.1.3 4.1.2 4.1.1 4.1.0 4.1.0-beta3 4.1.0-dev3 4.0.9 4.1.0-beta2 4.1.0-dev2 4.0.8 4.1.0-beta1 4.1.0-dev1 4.0.7 All 451 releases
elementor / assets / css / common.css

common.css in Elementor Website Builder – more than just a page builder 3.0.7, at assets/css/common.css

480 lines 13.4 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*! elementor - v3.0.7 - 09-09-2020 */
2 .dialog-widget-content {
3 background-color: #fff;
4 position: absolute;
5 -webkit-border-radius: 3px;
6 border-radius: 3px;
7 -webkit-box-shadow: 2px 8px 23px 3px rgba(0, 0, 0, 0.2);
8 box-shadow: 2px 8px 23px 3px rgba(0, 0, 0, 0.2);
9 overflow: hidden; }
10
11 .dialog-message {
12 font-size: 12px;
13 line-height: 1.5;
14 -webkit-box-sizing: border-box;
15 box-sizing: border-box; }
16
17 .dialog-type-lightbox {
18 position: fixed;
19 height: 100%;
20 width: 100%;
21 bottom: 0;
22 left: 0;
23 background-color: rgba(0, 0, 0, 0.8);
24 z-index: 9999;
25 -webkit-user-select: none;
26 -moz-user-select: none;
27 -ms-user-select: none;
28 user-select: none; }
29 .dialog-type-lightbox .dialog-widget-content {
30 margin: auto;
31 width: 375px; }
32 .dialog-type-lightbox .dialog-header {
33 font-size: 15px;
34 color: #495157;
35 padding: 30px 0 10px;
36 font-weight: 500; }
37 .dialog-type-lightbox .dialog-message {
38 padding: 0 30px 30px;
39 min-height: 50px; }
40 .dialog-type-lightbox:not(.elementor-popup-modal) .dialog-header,
41 .dialog-type-lightbox:not(.elementor-popup-modal) .dialog-message {
42 text-align: center; }
43 .dialog-type-lightbox .dialog-buttons-wrapper {
44 border-top: 1px solid #e6e9ec;
45 text-align: center; }
46 .dialog-type-lightbox .dialog-buttons-wrapper > .dialog-button {
47 font-family: Roboto, Arial, Helvetica, Verdana, sans-serif;
48 width: 50%;
49 border: none;
50 background: none;
51 color: #6d7882;
52 font-size: 15px;
53 cursor: pointer;
54 padding: 13px 0;
55 outline: 0; }
56 .dialog-type-lightbox .dialog-buttons-wrapper > .dialog-button:hover {
57 background-color: #f4f6f7; }
58 .dialog-type-lightbox .dialog-buttons-wrapper > .dialog-button.dialog-ok {
59 color: #b01b1b; }
60 .dialog-type-lightbox .dialog-buttons-wrapper > .dialog-button.dialog-take_over {
61 color: #39b54a; }
62 .dialog-type-lightbox .dialog-buttons-wrapper > .dialog-button:active {
63 background-color: rgba(230, 233, 236, 0.5); }
64 .dialog-type-lightbox .dialog-buttons-wrapper > .dialog-button::-moz-focus-inner {
65 border: 0; }
66
67 .dialog-close-button {
68 cursor: pointer;
69 position: absolute;
70 margin-top: 15px;
71 right: 15px;
72 font-size: 15px;
73 line-height: 1; }
74 .dialog-close-button:not(:hover) {
75 opacity: .4; }
76
77 .dialog-alert-widget .dialog-buttons-wrapper > button {
78 width: 100%; }
79
80 .dialog-confirm-widget .dialog-button:first-child {
81 border-right: 1px solid #e6e9ec; }
82
83 .dialog-prevent-scroll {
84 overflow: hidden;
85 max-height: 100vh; }
86
87 @media (min-width: 1024px) {
88 body.admin-bar .dialog-lightbox-widget {
89 height: calc(100vh - 32px); } }
90
91 @media (max-width: 1024px) {
92 body.admin-bar .dialog-type-lightbox {
93 position: -webkit-sticky;
94 position: sticky;
95 height: 100vh; } }
96
97 .elementor-aspect-ratio-219 .elementor-fit-aspect-ratio {
98 padding-bottom: 42.8571%; }
99
100 .elementor-aspect-ratio-169 .elementor-fit-aspect-ratio {
101 padding-bottom: 56.25%; }
102
103 .elementor-aspect-ratio-43 .elementor-fit-aspect-ratio {
104 padding-bottom: 75%; }
105
106 .elementor-aspect-ratio-32 .elementor-fit-aspect-ratio {
107 padding-bottom: 66.6666%; }
108
109 .elementor-aspect-ratio-11 .elementor-fit-aspect-ratio {
110 padding-bottom: 100%; }
111
112 .elementor-aspect-ratio-916 .elementor-fit-aspect-ratio {
113 padding-bottom: 177.8%; }
114
115 .elementor-fit-aspect-ratio {
116 position: relative;
117 height: 0; }
118 .elementor-fit-aspect-ratio iframe {
119 position: absolute;
120 top: 0;
121 left: 0;
122 height: 100%;
123 width: 100%;
124 border: 0;
125 background-color: #000; }
126 .elementor-fit-aspect-ratio video {
127 width: 100%; }
128
129 .flatpickr-calendar {
130 width: 280px; }
131 .flatpickr-calendar .flatpickr-current-month span.cur-month {
132 font-weight: 300; }
133 .flatpickr-calendar .dayContainer {
134 width: 280px;
135 min-width: 280px;
136 max-width: 280px; }
137 .flatpickr-calendar .flatpickr-days {
138 width: 280px; }
139 .flatpickr-calendar .flatpickr-day {
140 max-width: 37px;
141 height: 37px;
142 line-height: 37px; }
143
144 .elementor-templates-modal .dialog-widget-content {
145 font-family: Roboto, Arial, Helvetica, Verdana, sans-serif;
146 background-color: #f1f3f5;
147 width: 100%; }
148 @media (max-width: 1439px) {
149 .elementor-templates-modal .dialog-widget-content {
150 max-width: 990px; } }
151 @media (min-width: 1440px) {
152 .elementor-templates-modal .dialog-widget-content {
153 max-width: 1200px; } }
154
155 .elementor-templates-modal .dialog-header {
156 padding: 0;
157 background-color: #fff;
158 -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
159 box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
160 position: relative;
161 z-index: 1; }
162
163 .elementor-templates-modal .dialog-buttons-wrapper {
164 background-color: #fff;
165 border: none;
166 display: none;
167 -webkit-box-pack: end;
168 -ms-flex-pack: end;
169 justify-content: flex-end;
170 padding: 5px;
171 -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
172 box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
173 position: relative; }
174 .elementor-templates-modal .dialog-buttons-wrapper .elementor-button {
175 height: 40px;
176 margin-left: 5px; }
177 .elementor-templates-modal .dialog-buttons-wrapper .elementor-button-success {
178 padding: 12px 36px;
179 color: #fff;
180 width: initial;
181 font-size: 15px; }
182 .elementor-templates-modal .dialog-buttons-wrapper .elementor-button-success:hover {
183 background-color: #39b54a; }
184
185 .elementor-templates-modal .dialog-message {
186 height: 750px;
187 max-height: 85vh;
188 overflow: auto;
189 padding-top: 25px; }
190
191 .elementor-templates-modal .dialog-content {
192 height: 100%; }
193
194 .elementor-templates-modal .dialog-loading {
195 display: none; }
196
197 .elementor-templates-modal__header {
198 display: -webkit-box;
199 display: -ms-flexbox;
200 display: flex;
201 -webkit-box-align: center;
202 -ms-flex-align: center;
203 align-items: center;
204 -webkit-box-pack: justify;
205 -ms-flex-pack: justify;
206 justify-content: space-between;
207 height: 50px; }
208 .elementor-templates-modal__header__logo {
209 line-height: 1;
210 text-transform: uppercase;
211 font-weight: bold;
212 cursor: pointer; }
213 .elementor-templates-modal__header__logo-area {
214 text-align: left;
215 padding-left: 15px; }
216 .elementor-templates-modal__header__logo-area > * {
217 display: -webkit-box;
218 display: -ms-flexbox;
219 display: flex;
220 -webkit-box-align: center;
221 -ms-flex-align: center;
222 align-items: center; }
223 .elementor-templates-modal__header__logo__icon-wrapper {
224 margin-right: 10px;
225 font-size: 12px; }
226 .elementor-templates-modal__header__logo__title {
227 padding-top: 2px; }
228 .elementor-templates-modal__header__items-area {
229 display: -webkit-box;
230 display: -ms-flexbox;
231 display: flex;
232 -webkit-box-orient: horizontal;
233 -webkit-box-direction: reverse;
234 -ms-flex-direction: row-reverse;
235 flex-direction: row-reverse; }
236 .elementor-templates-modal__header__item {
237 position: relative;
238 display: -webkit-box;
239 display: -ms-flexbox;
240 display: flex;
241 -webkit-box-align: center;
242 -ms-flex-align: center;
243 align-items: center;
244 -webkit-box-pack: center;
245 -ms-flex-pack: center;
246 justify-content: center;
247 -webkit-box-sizing: content-box;
248 box-sizing: content-box; }
249 .elementor-templates-modal__header__item > i {
250 font-size: 20px;
251 -webkit-transition: all 0.3s;
252 -o-transition: all 0.3s;
253 transition: all 0.3s;
254 cursor: pointer; }
255 .elementor-templates-modal__header__item > i:not(:hover) {
256 color: #a4afb7; }
257 .elementor-templates-modal__header__close--normal {
258 width: 47px;
259 border-left: 1px solid #e6e9ec; }
260 .elementor-templates-modal__header__close--normal i {
261 font-size: 18px; }
262 .elementor-templates-modal__header__close--skip {
263 padding: 10px;
264 padding-left: 20px;
265 margin-right: 10px;
266 color: #fff;
267 background-color: #a4afb7;
268 font-size: 11px;
269 font-weight: normal;
270 line-height: 1;
271 text-transform: uppercase;
272 -webkit-border-radius: 2px;
273 border-radius: 2px;
274 cursor: pointer; }
275 .elementor-templates-modal__header__close--skip > i {
276 font-size: inherit;
277 padding-left: 10px;
278 margin-left: 15px;
279 border-left: 1px solid; }
280 .elementor-templates-modal__header__close--skip > i:not(:hover) {
281 color: #fff; }
282
283 .elementor-templates-modal__sidebar {
284 -ms-flex-negative: 0;
285 flex-shrink: 0;
286 width: 25%;
287 background-color: rgba(255, 255, 255, 0.3); }
288
289 .elementor-templates-modal__content {
290 -webkit-box-flex: 1;
291 -ms-flex-positive: 1;
292 flex-grow: 1;
293 -webkit-box-shadow: 0 0 13px inset rgba(0, 0, 0, 0.05);
294 box-shadow: 0 0 13px inset rgba(0, 0, 0, 0.05); }
295
296 #wpadminbar #wp-admin-bar-elementor_app_site_editor a.ab-item:before {
297 content: "\e91d";
298 font-family: eicons;
299 top: 4px;
300 font-size: 13px;
301 color: inherit; }
302
303 .elementor-hidden {
304 display: none; }
305
306 .elementor-screen-only,
307 .screen-reader-text,
308 .screen-reader-text span,
309 .ui-helper-hidden-accessible {
310 position: absolute;
311 top: -10000em;
312 width: 1px;
313 height: 1px;
314 margin: -1px;
315 padding: 0;
316 overflow: hidden;
317 clip: rect(0, 0, 0, 0);
318 border: 0; }
319
320 .elementor-clearfix:after {
321 content: '';
322 display: block;
323 clear: both;
324 width: 0;
325 height: 0; }
326
327 .e-logo-wrapper {
328 background: #93003c;
329 display: inline-block;
330 padding: 0.75em;
331 -webkit-border-radius: 50%;
332 border-radius: 50%;
333 line-height: 1; }
334 .e-logo-wrapper i {
335 color: #fff;
336 font-size: 1em; }
337
338 #elementor-finder__modal {
339 background: none;
340 z-index: 99999; }
341 #elementor-finder__modal .dialog-widget-content {
342 width: 650px;
343 max-width: 98%;
344 top: 18vh;
345 left: calc( 50% - 650px / 2); }
346 #elementor-finder__modal .dialog-message {
347 height: initial;
348 min-height: 0;
349 padding: 0;
350 text-align: left; }
351
352 #elementor-finder__search {
353 padding: 14px 15px 14px 21px;
354 display: -webkit-box;
355 display: -ms-flexbox;
356 display: flex;
357 -webkit-box-shadow: 0 -3px 15px 6px rgba(0, 0, 0, 0.03);
358 box-shadow: 0 -3px 15px 6px rgba(0, 0, 0, 0.03); }
359 #elementor-finder__search i {
360 font-size: 16px;
361 color: #a4afb7;
362 font-weight: bold;
363 margin-right: 15px; }
364 #elementor-finder__search__input {
365 border: none;
366 background: none;
367 outline: none;
368 padding: 0;
369 margin: 0;
370 -webkit-box-flex: 1;
371 -ms-flex-positive: 1;
372 flex-grow: 1;
373 font-size: 14px;
374 color: #495157;
375 -webkit-box-shadow: none;
376 box-shadow: none; }
377 #elementor-finder__search__input::-webkit-input-placeholder {
378 color: #a4afb7;
379 font-style: italic;
380 font-weight: 300; }
381 #elementor-finder__search__input::-moz-placeholder {
382 color: #a4afb7;
383 font-style: italic;
384 font-weight: 300; }
385 #elementor-finder__search__input::-ms-input-placeholder {
386 color: #a4afb7;
387 font-style: italic;
388 font-weight: 300; }
389 #elementor-finder__search__input::placeholder {
390 color: #a4afb7;
391 font-style: italic;
392 font-weight: 300; }
393
394 #elementor-finder__results {
395 max-height: 50vh;
396 overflow: auto; }
397
398 #elementor-finder__no-results {
399 display: none;
400 padding: 20px;
401 color: #a4afb7; }
402
403 .elementor-finder__results__category {
404 position: relative; }
405 .elementor-finder__results__category__title {
406 padding: 5px 25px;
407 color: #6d7882;
408 background-color: #e6e9ec;
409 font-size: 9px;
410 text-transform: uppercase; }
411 .elementor-finder__results__category--dynamic .elementor-finder__results__category__items {
412 min-height: 26px; }
413 .elementor-finder__results__category .eicon-loading {
414 display: none;
415 position: absolute;
416 right: 10px;
417 top: 30px;
418 color: #71d7f7;
419 font-size: 14px; }
420
421 .elementor-finder__results__item {
422 display: -webkit-box;
423 display: -ms-flexbox;
424 display: flex; }
425 .elementor-finder__results__item a {
426 text-decoration: none;
427 -webkit-box-shadow: none;
428 box-shadow: none;
429 outline: none; }
430 .elementor-finder__results__item.elementor-active {
431 background-color: #71d7f7;
432 -webkit-box-shadow: none;
433 box-shadow: none;
434 outline: none; }
435 .elementor-finder__results__item.elementor-active * {
436 color: #fff; }
437 .elementor-finder__results__item:not(.elementor-active) .elementor-finder__results__item__actions {
438 display: none; }
439 .elementor-finder__results__item__link {
440 display: -webkit-box;
441 display: -ms-flexbox;
442 display: flex;
443 -webkit-box-align: center;
444 -ms-flex-align: center;
445 align-items: center;
446 height: 35px;
447 -webkit-box-flex: 1;
448 -ms-flex-positive: 1;
449 flex-grow: 1; }
450 .elementor-finder__results__item__icon {
451 width: 60px;
452 text-align: center;
453 color: #6d7882;
454 font-size: 17px; }
455 .elementor-finder__results__item__title {
456 color: #6d7882;
457 font-size: 13px; }
458 .elementor-finder__results__item__description {
459 margin-left: 5px;
460 color: #a4afb7;
461 font-style: italic; }
462 .elementor-finder__results__item__actions {
463 display: -webkit-box;
464 display: -ms-flexbox;
465 display: flex; }
466 .elementor-finder__results__item__action {
467 display: -webkit-box;
468 display: -ms-flexbox;
469 display: flex;
470 -webkit-box-align: center;
471 -ms-flex-align: center;
472 align-items: center;
473 -webkit-box-pack: center;
474 -ms-flex-pack: center;
475 justify-content: center;
476 height: 100%;
477 width: 35px; }
478 .elementor-finder__results__item__action:hover {
479 background-color: rgba(0, 0, 0, 0.07); }
480 /*# sourceMappingURL=common.css.map */