PluginProbe
Elementor Website Builder – more than just a page builder / 3.0.1
Elementor Website Builder – more than just a page builder v3.0.1
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.1, at assets/css/common.css

486 lines 13.6 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*! elementor - v3.0.1 - 25-08-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 #wpadminbar #wp-admin-bar-elementor_app_site_editor a.ab-item:hover {
304 background: #4ab7f4;
305 color: #ffffff; }
306 #wpadminbar #wp-admin-bar-elementor_app_site_editor a.ab-item:hover:before {
307 color: #ffffff; }
308
309 .elementor-hidden {
310 display: none; }
311
312 .elementor-screen-only,
313 .screen-reader-text,
314 .screen-reader-text span,
315 .ui-helper-hidden-accessible {
316 position: absolute;
317 top: -10000em;
318 width: 1px;
319 height: 1px;
320 margin: -1px;
321 padding: 0;
322 overflow: hidden;
323 clip: rect(0, 0, 0, 0);
324 border: 0; }
325
326 .elementor-clearfix:after {
327 content: '';
328 display: block;
329 clear: both;
330 width: 0;
331 height: 0; }
332
333 .e-logo-wrapper {
334 background: #93003c;
335 display: inline-block;
336 padding: 0.75em;
337 -webkit-border-radius: 50%;
338 border-radius: 50%;
339 line-height: 1; }
340 .e-logo-wrapper i {
341 color: #fff;
342 font-size: 1em; }
343
344 #elementor-finder__modal {
345 background: none;
346 z-index: 99999; }
347 #elementor-finder__modal .dialog-widget-content {
348 width: 650px;
349 max-width: 98%;
350 top: 18vh;
351 left: calc( 50% - 650px / 2); }
352 #elementor-finder__modal .dialog-message {
353 height: initial;
354 min-height: 0;
355 padding: 0;
356 text-align: left; }
357
358 #elementor-finder__search {
359 padding: 14px 15px 14px 21px;
360 display: -webkit-box;
361 display: -ms-flexbox;
362 display: flex;
363 -webkit-box-shadow: 0 -3px 15px 6px rgba(0, 0, 0, 0.03);
364 box-shadow: 0 -3px 15px 6px rgba(0, 0, 0, 0.03); }
365 #elementor-finder__search i {
366 font-size: 16px;
367 color: #a4afb7;
368 font-weight: bold;
369 margin-right: 15px; }
370 #elementor-finder__search__input {
371 border: none;
372 background: none;
373 outline: none;
374 padding: 0;
375 margin: 0;
376 -webkit-box-flex: 1;
377 -ms-flex-positive: 1;
378 flex-grow: 1;
379 font-size: 14px;
380 color: #495157;
381 -webkit-box-shadow: none;
382 box-shadow: none; }
383 #elementor-finder__search__input::-webkit-input-placeholder {
384 color: #a4afb7;
385 font-style: italic;
386 font-weight: 300; }
387 #elementor-finder__search__input::-moz-placeholder {
388 color: #a4afb7;
389 font-style: italic;
390 font-weight: 300; }
391 #elementor-finder__search__input::-ms-input-placeholder {
392 color: #a4afb7;
393 font-style: italic;
394 font-weight: 300; }
395 #elementor-finder__search__input::placeholder {
396 color: #a4afb7;
397 font-style: italic;
398 font-weight: 300; }
399
400 #elementor-finder__results {
401 max-height: 50vh;
402 overflow: auto; }
403
404 #elementor-finder__no-results {
405 display: none;
406 padding: 20px;
407 color: #a4afb7; }
408
409 .elementor-finder__results__category {
410 position: relative; }
411 .elementor-finder__results__category__title {
412 padding: 5px 25px;
413 color: #6d7882;
414 background-color: #e6e9ec;
415 font-size: 9px;
416 text-transform: uppercase; }
417 .elementor-finder__results__category--dynamic .elementor-finder__results__category__items {
418 min-height: 26px; }
419 .elementor-finder__results__category .eicon-loading {
420 display: none;
421 position: absolute;
422 right: 10px;
423 top: 30px;
424 color: #71d7f7;
425 font-size: 14px; }
426
427 .elementor-finder__results__item {
428 display: -webkit-box;
429 display: -ms-flexbox;
430 display: flex; }
431 .elementor-finder__results__item a {
432 text-decoration: none;
433 -webkit-box-shadow: none;
434 box-shadow: none;
435 outline: none; }
436 .elementor-finder__results__item.elementor-active {
437 background-color: #71d7f7;
438 -webkit-box-shadow: none;
439 box-shadow: none;
440 outline: none; }
441 .elementor-finder__results__item.elementor-active * {
442 color: #fff; }
443 .elementor-finder__results__item:not(.elementor-active) .elementor-finder__results__item__actions {
444 display: none; }
445 .elementor-finder__results__item__link {
446 display: -webkit-box;
447 display: -ms-flexbox;
448 display: flex;
449 -webkit-box-align: center;
450 -ms-flex-align: center;
451 align-items: center;
452 height: 35px;
453 -webkit-box-flex: 1;
454 -ms-flex-positive: 1;
455 flex-grow: 1; }
456 .elementor-finder__results__item__icon {
457 width: 60px;
458 text-align: center;
459 color: #6d7882;
460 font-size: 17px; }
461 .elementor-finder__results__item__title {
462 color: #6d7882;
463 font-size: 13px; }
464 .elementor-finder__results__item__description {
465 margin-left: 5px;
466 color: #a4afb7;
467 font-style: italic; }
468 .elementor-finder__results__item__actions {
469 display: -webkit-box;
470 display: -ms-flexbox;
471 display: flex; }
472 .elementor-finder__results__item__action {
473 display: -webkit-box;
474 display: -ms-flexbox;
475 display: flex;
476 -webkit-box-align: center;
477 -ms-flex-align: center;
478 align-items: center;
479 -webkit-box-pack: center;
480 -ms-flex-pack: center;
481 justify-content: center;
482 height: 100%;
483 width: 35px; }
484 .elementor-finder__results__item__action:hover {
485 background-color: rgba(0, 0, 0, 0.07); }
486 /*# sourceMappingURL=common.css.map */