PluginProbe
SpiceBox / 0.3.3
SpiceBox v0.3.3
trunk 0.2.2 0.2.3 0.2.4 0.2.5 0.2.6 0.2.7 0.2.8 0.2.9 0.3 0.3.1 0.3.2 0.3.3 0.3.4 0.3.5 0.3.6 0.3.7 0.3.8 0.3.9.1 0.3.9.2 0.4 0.5 0.6 0.7 1.0 All 76 releases
spicebox / inc / css / feedback-popup.css

feedback-popup.css in SpiceBox 0.3.3, at inc/css/feedback-popup.css

1,181 lines 30.4 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1
2 /*! spicepress - 15-05-2018 */
3 .spicepress-screen-only,.screen-reader-text,.screen-reader-text span,.ui-helper-hidden-accessible{
4 position:absolute;
5 top:-10000em;
6 width:1px;
7 height:1px;
8 margin:-1px;
9 padding:0;
10 overflow:hidden;
11 clip:rect(0,0,0,0);
12 border:0
13 }
14 .spicepress-clearfix:after{
15 content:"";
16 display:block;
17 clear:both;
18 width:0;
19 height:0
20 }
21 .dialog-widget-content{
22 background-color:#fff;
23 position:absolute;
24 -webkit-border-radius:3px;
25 border-radius:3px;
26 -webkit-box-shadow:2px 8px 23px 3px rgba(0,0,0,.2);
27 box-shadow:2px 8px 23px 3px rgba(0,0,0,.2);
28 overflow:hidden
29 }
30 .dialog-message{
31 font-size:12px;
32 line-height:1.5
33 }
34 .dialog-type-lightbox{
35 position:fixed;
36 height:100%;
37 width:100%;
38 top:0;
39 left:0;
40 background-color:rgba(0,0,0,.8);
41 z-index:2;
42 -webkit-user-select:none;
43 -moz-user-select:none;
44 -ms-user-select:none;
45 user-select:none
46 }
47 .dialog-type-lightbox .dialog-widget-content{
48 margin:auto;
49 width:375px
50 }
51 .dialog-type-lightbox .dialog-message{
52 padding:0 20px 20px;
53 min-height:50px
54 }
55 .dialog-type-lightbox .dialog-message,.dialog-type-lightbox .dialog-widget-header{
56 text-align:center
57 }
58 .dialog-type-lightbox .dialog-buttons-wrapper{
59 border-top:1px solid #e6e9ec;
60 text-align:center
61 }
62 .dialog-type-lightbox .dialog-buttons-wrapper>button{
63 border:none;
64 background:none;
65 font-size:15px;
66 cursor:pointer;
67 padding:13px 0;
68 outline:0
69 }
70 .dialog-type-lightbox .dialog-buttons-wrapper>button:first-child{
71 color:#6d7882
72 }
73 .dialog-type-lightbox .dialog-buttons-wrapper>button.dialog-ok{
74 color:#b01b1b
75 }
76 .dialog-type-lightbox .dialog-buttons-wrapper>button.dialog-take_over{
77 color:#39b54a
78 }
79 .dialog-type-lightbox .dialog-buttons-wrapper>button:active{
80 background-color:rgba(230,233,236,.5)
81 }
82 .dialog-type-lightbox .dialog-buttons-wrapper>button::-moz-focus-inner{
83 border:0
84 }
85 .dialog-widget-header{
86 padding:20px 0;
87 font-weight:500
88 }
89 .dialog-close-button{
90 cursor:pointer;
91 position:absolute;
92 top:30px;
93 right:30px;
94 font-size:15px
95 }
96 .dialog-close-button:not(:hover){
97 opacity:.4
98 }
99 .dialog-confirm-widget .dialog-widget-header,.dialog-lightbox-widget .dialog-widget-header{
100 font-size:15px;
101 color:#495157
102 }
103 .dialog-confirm-widget .dialog-buttons-wrapper>button,.dialog-lightbox-widget .dialog-buttons-wrapper>button{
104 width:50%
105 }
106 .dialog-confirm-widget .dialog-buttons-wrapper>button:first-child,.dialog-lightbox-widget .dialog-buttons-wrapper>button:first-child{
107 border-right:1px solid #e6e9ec
108 }
109 .dialog-confirm-widget .dialog-buttons-wrapper>button:hover,.dialog-lightbox-widget .dialog-buttons-wrapper>button:hover{
110 background-color:#f4f6f7
111 }
112 .dialog-alert-widget .dialog-buttons-wrapper>button{
113 width:100%
114 }
115 @media (max-width:767px){
116 .dialog-close-button{
117 top:15px;
118 right:15px
119 }
120 body.admin-bar .dialog-close-button{
121 top:40px
122 }
123 }
124 .spicepress-aspect-ratio-219 .spicepress-fit-aspect-ratio{
125 padding-bottom:42.8571%
126 }
127 .spicepress-aspect-ratio-169 .spicepress-fit-aspect-ratio{
128 padding-bottom:56.25%
129 }
130 .spicepress-aspect-ratio-43 .spicepress-fit-aspect-ratio{
131 padding-bottom:75%
132 }
133 .spicepress-aspect-ratio-32 .spicepress-fit-aspect-ratio{
134 padding-bottom:66.6666%
135 }
136 .spicepress-aspect-ratio-11 .spicepress-fit-aspect-ratio{
137 padding-bottom:100%
138 }
139 .spicepress-fit-aspect-ratio{
140 position:relative;
141 height:0
142 }
143 .spicepress-fit-aspect-ratio iframe{
144 position:absolute;
145 top:0;
146 left:0;
147 height:100%;
148 width:100%;
149 border:0
150 }
151 .spicepress-hidden{
152 display:none
153 }
154 .flatpickr-calendar{
155 width:280px
156 }
157 .flatpickr-calendar .flatpickr-current-month span.cur-month{
158 font-weight:300
159 }
160 .flatpickr-calendar .dayContainer{
161 width:280px;
162 min-width:280px;
163 max-width:280px
164 }
165 .flatpickr-calendar .flatpickr-days{
166 width:280px
167 }
168 .flatpickr-calendar .flatpickr-day{
169 max-width:37px;
170 height:37px;
171 line-height:37px
172 }
173 .spicepress-button{
174 text-transform:uppercase;
175 outline:none;
176 border:none;
177 -webkit-border-radius:3px;
178 border-radius:3px;
179 -webkit-transition-property:background,color,opacity,-webkit-box-shadow;
180 transition-property:background,color,opacity,-webkit-box-shadow;
181 -o-transition-property:background,color,box-shadow,opacity;
182 transition-property:background,color,box-shadow,opacity;
183 transition-property:background,color,box-shadow,opacity,-webkit-box-shadow;
184 -webkit-transition-duration:.3s;
185 -o-transition-duration:.3s;
186 transition-duration:.3s
187 }
188 .spicepress-button:hover{
189 border:none
190 }
191 .spicepress-button:not([disabled]){
192 cursor:pointer
193 }
194 .spicepress-button:not(.spicepress-button-state) .spicepress-state-icon{
195 display:none
196 }
197 .spicepress-button.spicepress-button-success{
198 color:#fff
199 }
200 .spicepress-button.spicepress-button-success[disabled]{
201 background-color:#c2cbd2
202 }
203 .spicepress-button.spicepress-button-success:not([disabled]){
204 background-color:#39b54a
205 }
206 .spicepress-button.spicepress-button-success:not([disabled]):hover{
207 opacity:.85;
208 -webkit-box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 2px rgba(0,0,0,.2);
209 box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 2px rgba(0,0,0,.2)
210 }
211 .spicepress-button.spicepress-button-success:not([disabled]):active{
212 -webkit-box-shadow:0 5px 10px rgba(0,0,0,.19),0 3px 3px rgba(0,0,0,.1);
213 box-shadow:0 5px 10px rgba(0,0,0,.19),0 3px 3px rgba(0,0,0,.1)
214 }
215 .spicepress-button.spicepress-button-warning{
216 background-color:#a4afb7;
217 color:#fff
218 }
219 .spicepress-button.spicepress-button-warning[disabled]{
220 background-color:#c2cbd2
221 }
222 .spicepress-button.spicepress-button-warning:not([disabled]):hover{
223 background-color:#b01b1b;
224 opacity:.85;
225 -webkit-box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 2px rgba(0,0,0,.2);
226 box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 2px rgba(0,0,0,.2)
227 }
228 .spicepress-button.spicepress-button-warning:not([disabled]):active{
229 -webkit-box-shadow:0 5px 10px rgba(0,0,0,.19),0 3px 3px rgba(0,0,0,.1);
230 box-shadow:0 5px 10px rgba(0,0,0,.19),0 3px 3px rgba(0,0,0,.1)
231 }
232 .spicepress-button.spicepress-edit-template{
233 display:inline-block;
234 margin-top:15px;
235 color:#fff
236 }
237 .spicepress-button.spicepress-button-default{
238 background-color:#a4afb7;
239 color:#fff;
240 font-size:11px;
241 padding:6.5px 15px
242 }
243 .spicepress-button.spicepress-button-default:hover{
244 background-color:#6d7882;
245 -webkit-box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 2px rgba(0,0,0,.2);
246 box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 2px rgba(0,0,0,.2)
247 }
248 .spicepress-button.spicepress-button-default:active{
249 -webkit-box-shadow:0 5px 10px rgba(0,0,0,.19),0 3px 3px rgba(0,0,0,.1);
250 box-shadow:0 5px 10px rgba(0,0,0,.19),0 3px 3px rgba(0,0,0,.1)
251 }
252 .spicepress-button.spicepress-button-default:visited{
253 color:#fff
254 }
255 .spicepress-button.spicepress-button-go-pro{
256 color:#fff;
257 background-color:#fcb92c
258 }
259 .spicepress-button i{
260 margin-right:10px
261 }
262 .spicepress-templates-modal .dialog-widget-content{
263 background-color:#f1f3f5;
264 width:100%
265 }
266 @media (max-width:1439px){
267 .spicepress-templates-modal .dialog-widget-content{
268 max-width:990px
269 }
270 }
271 @media (min-width:1440px){
272 .spicepress-templates-modal .dialog-widget-content{
273 max-width:1200px
274 }
275 }
276 .spicepress-templates-modal .dialog-widget-header{
277 padding:0;
278 background-color:#fff;
279 -webkit-box-shadow:0 0 8px rgba(0,0,0,.1);
280 box-shadow:0 0 8px rgba(0,0,0,.1);
281 position:relative;
282 z-index:1
283 }
284 .spicepress-templates-modal .dialog-buttons-wrapper{
285 display:none
286 }
287 .spicepress-templates-modal .dialog-message{
288 height:750px;
289 max-height:85vh;
290 overflow:auto;
291 padding:25px 30px 30px
292 }
293 .spicepress-templates-modal__header{
294 display:-webkit-box;
295 display:-webkit-flex;
296 display:-ms-flexbox;
297 display:flex;
298 -webkit-box-align:center;
299 -webkit-align-items:center;
300 -ms-flex-align:center;
301 align-items:center;
302 -webkit-box-pack:justify;
303 -webkit-justify-content:space-between;
304 -ms-flex-pack:justify;
305 justify-content:space-between;
306 height:50px
307 }
308 .spicepress-templates-modal__header__logo{
309 font-size:15px;
310 line-height:1;
311 text-transform:uppercase;
312 color:#495157;
313 font-weight:700;
314 cursor:pointer
315 }
316 .spicepress-templates-modal__header__logo-area{
317 text-align:left;
318 padding-left:15px
319 }
320 .spicepress-templates-modal__header__logo-area>*{
321 display:-webkit-box;
322 display:-webkit-flex;
323 display:-ms-flexbox;
324 display:flex;
325 -webkit-box-align:center;
326 -webkit-align-items:center;
327 -ms-flex-align:center;
328 align-items:center
329 }
330 .spicepress-templates-modal__header__logo__icon-wrapper{
331 padding:4px 7px 6px;
332 background-image:-webkit-linear-gradient(225deg,#ef295a,#434363);
333 background-image:-o-linear-gradient(225deg,#ef295a,#434363);
334 background-image:linear-gradient(-135deg,#ef295a,#434363);
335 -webkit-border-radius:2px;
336 border-radius:2px;
337 margin-right:10px
338 }
339 .spicepress-templates-modal__header__logo i{
340 color:#fff;
341 font-size:10px
342 }
343 .spicepress-templates-modal__header__items-area{
344 display:-webkit-box;
345 display:-webkit-flex;
346 display:-ms-flexbox;
347 display:flex;
348 -webkit-box-orient:horizontal;
349 -webkit-box-direction:reverse;
350 -webkit-flex-direction:row-reverse;
351 -ms-flex-direction:row-reverse;
352 flex-direction:row-reverse
353 }
354 .spicepress-templates-modal__header__item{
355 position:relative;
356 display:-webkit-box;
357 display:-webkit-flex;
358 display:-ms-flexbox;
359 display:flex;
360 -webkit-box-align:center;
361 -webkit-align-items:center;
362 -ms-flex-align:center;
363 align-items:center;
364 -webkit-box-pack:center;
365 -webkit-justify-content:center;
366 -ms-flex-pack:center;
367 justify-content:center;
368 -webkit-box-sizing:content-box;
369 box-sizing:content-box
370 }
371 .spicepress-templates-modal__header__item>i{
372 font-size:20px;
373 -webkit-transition:color .5s;
374 -o-transition:color .5s;
375 transition:color .5s;
376 cursor:pointer
377 }
378 .spicepress-templates-modal__header__item>i:not(:hover){
379 color:#a4afb7
380 }
381 .spicepress-templates-modal__header__close-modal{
382 width:45px;
383 border-left:1px solid #e6e9ec
384 }
385 .spicepress-templates-modal__header__close-modal i{
386 font-size:18px
387 }
388 body.spicepress-editor-active .spicepress-switch-mode-off{
389 display:none
390 }
391 body.spicepress-editor-active #spicepress-switch-mode-button{
392 background-color:#f7f7f7;
393 color:#555;
394 border-color:#ccc;
395 -webkit-box-shadow:0 1px 0 #ccc!important;
396 box-shadow:0 1px 0 #ccc!important;
397 text-shadow:unset
398 }
399 body.spicepress-editor-active #spicepress-switch-mode-button:hover{
400 background-color:#e9e9e9
401 }
402 body.spicepress-editor-active #spicepress-switch-mode-button:active{
403 -webkit-box-shadow:inset 0 1px 0 #ccc;
404 box-shadow:inset 0 1px 0 #ccc;
405 -webkit-transform:translateY(1px);
406 -ms-transform:translateY(1px);
407 transform:translateY(1px)
408 }
409 body.spicepress-editor-active #spicepress-editor{
410 display:table
411 }
412 body.spicepress-editor-active #postdivrich{
413 display:none!important
414 }
415 body.spicepress-editor-inactive #spicepress-editor,body.spicepress-editor-inactive .spicepress-switch-mode-on{
416 display:none
417 }
418 #adminmenu #toplevel_page_edit-post_type-spicepress_library div.wp-menu-image:before,#adminmenu #toplevel_page_spicepress div.wp-menu-image:before{
419 content:"\e800";
420 font-family:eicons;
421 font-size:14px;
422 margin-top:3px
423 }
424 #adminmenu #toplevel_page_edit-post_type-spicepress_library a[href="admin.php?page=go_spicepress_pro"],#adminmenu #toplevel_page_spicepress a[href="admin.php?page=go_spicepress_pro"]{
425 color:#d54e21
426 }
427 #adminmenu #toplevel_page_edit-post_type-spicepress_library .dashicons.dashicons-star-filled,#adminmenu #toplevel_page_spicepress .dashicons.dashicons-star-filled{
428 height:auto
429 }
430 .spicepress-plugins-gopro{
431 color:#39b54a;
432 font-weight:700
433 }
434 #spicepress-switch-mode{
435 margin:15px 0
436 }
437 #spicepress-editor-button{
438 outline:none;
439 cursor:pointer
440 }
441 #spicepress-editor-button .eicon-spicepress{
442 margin-right:5px
443 }
444 .spicepress-button{
445 font-size:13px;
446 text-decoration:none;
447 padding:15px 40px
448 }
449 #spicepress-editor{
450 background-color:#f7f7f7;
451 border:1px solid #ddd;
452 height:300px;
453 width:100%;
454 -webkit-transition:all .5s ease;
455 -o-transition:all .5s ease;
456 transition:all .5s ease
457 }
458 #spicepress-editor:hover{
459 background-color:#fff
460 }
461 #spicepress-editor .spicepress-loader-box{
462 position:absolute;
463 -webkit-animation:load 1.8s linear infinite;
464 animation:load 1.8s linear infinite
465 }
466 #spicepress-editor .spicepress-loader-box:first-of-type{
467 width:20%;
468 height:100%;
469 left:0;
470 top:0
471 }
472 #spicepress-editor .spicepress-loader-box:not(:first-of-type){
473 right:0;
474 height:20%;
475 width:60%
476 }
477 #spicepress-editor .spicepress-loader-box:nth-of-type(2){
478 top:0;
479 -webkit-animation-delay:-.45s;
480 animation-delay:-.45s
481 }
482 #spicepress-editor .spicepress-loader-box:nth-of-type(3){
483 top:40%;
484 -webkit-animation-delay:-.9s;
485 animation-delay:-.9s
486 }
487 #spicepress-editor .spicepress-loader-box:nth-of-type(4){
488 bottom:0;
489 -webkit-animation-delay:-1.35s;
490 animation-delay:-1.35s
491 }
492 @-webkit-keyframes load{
493 0%{
494 opacity:.3
495 }
496 50%{
497 opacity:1
498 }
499 to{
500 opacity:.3
501 }
502 }
503 @keyframes load{
504 0%{
505 opacity:.3
506 }
507 50%{
508 opacity:1
509 }
510 to{
511 opacity:.3
512 }
513 }
514 #spicepress-editor .spicepress-loader-box{
515 background-color:#a4afb7
516 }
517 #spicepress-go-to-edit-page-link{
518 display:table-cell;
519 vertical-align:middle;
520 text-align:center;
521 text-decoration:none
522 }
523 #spicepress-go-to-edit-page-link.spicepress-animate #spicepress-editor-button,#spicepress-go-to-edit-page-link:not(.spicepress-animate) .spicepress-loader-wrapper{
524 display:none
525 }
526 .spicepress-loader-wrapper{
527 margin:auto;
528 width:80px
529 }
530 .spicepress-loader{
531 height:80px;
532 position:relative
533 }
534 .spicepress-loading-title{
535 color:#a4afb7;
536 text-transform:uppercase;
537 margin-top:15px;
538 font-size:11px;
539 letter-spacing:5px
540 }
541 .spicepress-button-spinner:before{
542 font:normal 20px/.5 dashicons;
543 speak:none;
544 display:inline-block;
545 padding:0;
546 top:8px;
547 left:-4px;
548 position:relative;
549 vertical-align:top;
550 content:"\f463"
551 }
552 .spicepress-button-spinner.loading:before{
553 -webkit-animation:rotation 1s infinite linear;
554 animation:rotation 1s infinite linear
555 }
556 .spicepress-button-spinner.success:before{
557 content:"\f147";
558 color:#46b450
559 }
560 .spicepress-blank_state{
561 padding:5em 0;
562 margin:auto;
563 max-width:520px;
564 text-align:center;
565 color:#6d7882
566 }
567 .spicepress-blank_state i{
568 font-size:50px;
569 color:#a4afb7
570 }
571 .spicepress-blank_state h2{
572 font-family:Roboto,Arial,Helvetica,Verdana,sans-serif;
573 font-size:32px;
574 font-weight:300;
575 color:inherit;
576 margin:50px 0 35px;
577 line-height:1.2
578 }
579 .spicepress-blank_state p{
580 font-size:16px;
581 font-weight:400;
582 color:#a4afb7;
583 margin-bottom:40px
584 }
585 .spicepress-blank_state .spicepress-button{
586 display:inline-block
587 }
588 #available-widgets [class*=spicepress-template] .widget-title:before{
589 content:"\e801";
590 font-family:eicons;
591 font-size:17px
592 }
593 .spicepress-settings-form-page{
594 padding-top:30px
595 }
596 ._spicepress_settings_update_time,.spicepress-settings-form-page:not(.spicepress-active){
597 display:none
598 }
599 .notice.spicepress-message{
600 border-left-color:#b7084e!important;
601 padding:20px
602 }
603 .notice.spicepress-message .spicepress-message-inner{
604 display:table;
605 width:100%
606 }
607 .notice.spicepress-message .spicepress-message-inner .spicepress-message-action,.notice.spicepress-message .spicepress-message-inner .spicepress-message-content,.notice.spicepress-message .spicepress-message-inner .spicepress-message-icon{
608 display:table-cell;
609 vertical-align:middle
610 }
611 .notice.spicepress-message .spicepress-message-icon{
612 color:#b7084e;
613 font-size:40px;
614 width:40px
615 }
616 .notice.spicepress-message .spicepress-message-content{
617 padding:0 20px
618 }
619 .notice.spicepress-message p{
620 padding:0;
621 margin:0
622 }
623 .notice.spicepress-message h3{
624 margin:0 0 5px
625 }
626 .notice.spicepress-message .spicepress-message-action{
627 text-align:right
628 }
629 .notice.spicepress-message .spicepress-message-action .spicepress-button{
630 background-color:#b7084e;
631 color:#fff;
632 border-color:#7c1337;
633 -webkit-box-shadow:0 1px 0 #7c1337;
634 box-shadow:0 1px 0 #7c1337;
635 padding:5px 30px;
636 height:auto;
637 line-height:20px;
638 text-transform:capitalize
639 }
640 .notice.spicepress-message .spicepress-message-action .spicepress-button i{
641 padding-right:5px
642 }
643 .notice.spicepress-message .spicepress-message-action .spicepress-button:hover{
644 background-color:#a0124a
645 }
646 .notice.spicepress-message .spicepress-message-action .spicepress-button:active{
647 -webkit-box-shadow:inset 0 1px 0 #7c1337;
648 box-shadow:inset 0 1px 0 #7c1337;
649 -webkit-transform:translateY(1px);
650 -ms-transform:translateY(1px);
651 transform:translateY(1px)
652 }
653 @media (min-width:1200px){
654 .spicepress-message-action{
655 padding-right:10px
656 }
657 }
658 @media (max-width:600px){
659 .notice.spicepress-message{
660 padding:20px
661 }
662 .notice.spicepress-message .spicepress-message-inner{
663 display:block;
664 text-align:center
665 }
666 .notice.spicepress-message .spicepress-message-inner .spicepress-message-action,.notice.spicepress-message .spicepress-message-inner .spicepress-message-content,.notice.spicepress-message .spicepress-message-inner .spicepress-message-icon{
667 display:block
668 }
669 .notice.spicepress-message .spicepress-message-inner .spicepress-message-action{
670 text-align:center
671 }
672 .notice.spicepress-message .spicepress-message-inner .spicepress-message-icon{
673 width:auto
674 }
675 .notice.spicepress-message .spicepress-message-inner .spicepress-message-content{
676 padding:10px 0
677 }
678 }
679 #spicepress-system-info{
680 padding:15px
681 }
682 #spicepress-system-info .spicepress-system-info-section{
683 margin-bottom:10px
684 }
685 #spicepress-system-info .spicepress-system-info-section>.spicepress-system-info-report-name{
686 padding-left:10px;
687 border-bottom:1px solid #e1e1e1
688 }
689 #spicepress-system-info .spicepress-system-info-section .widefat{
690 white-space:pre
691 }
692 #spicepress-system-info .spicepress-system-info-report-name{
693 text-transform:uppercase;
694 font-size:14px;
695 margin:0;
696 line-height:2
697 }
698 #spicepress-system-info .spicepress-system-info-report-row{
699 overflow:hidden;
700 padding:5px 0
701 }
702 #spicepress-system-info .spicepress-system-info-report-row>*{
703 float:left
704 }
705 #spicepress-system-info .spicepress-system-info-field-recommendation,#spicepress-system-info .spicepress-system-info-report-field{
706 padding-left:10px;
707 color:#7f7f7f
708 }
709 #spicepress-system-info .spicepress-system-info-report-fields{
710 padding-left:20px
711 }
712 #spicepress-system-info .spicepress-system-info-plugin-name{
713 color:#000
714 }
715 #spicepress-system-info .spicepress-system-info-plugin-properties{
716 padding:10px
717 }
718 #spicepress-system-info #spicepress-system-info-raw-code{
719 width:100%;
720 height:200px
721 }
722 #spicepress-system-info #spicepress-system-info-raw-code-label{
723 padding:5px;
724 display:block
725 }
726 #spicepress-system-info .spicepress-warning td:first-child{
727 border-left:3px solid #fcb92c
728 }
729 @-webkit-keyframes spicepress-rotation{
730 0%{
731 -webkit-transform:rotate(0deg);
732 transform:rotate(0deg)
733 }
734 to{
735 -webkit-transform:rotate(359deg);
736 transform:rotate(359deg)
737 }
738 }
739 @keyframes spicepress-rotation{
740 0%{
741 -webkit-transform:rotate(0deg);
742 transform:rotate(0deg)
743 }
744 to{
745 -webkit-transform:rotate(359deg);
746 transform:rotate(359deg)
747 }
748 }
749 #spicepress-deactivate-feedback-dialog-wrapper{
750 display:none
751 }
752 #spicepress-deactivate-feedback-modal .dialog-widget-content{
753 width:550px
754 }
755 #spicepress-deactivate-feedback-modal .dialog-close-button{
756 -webkit-transition:all .5s;
757 -o-transition:all .5s;
758 transition:all .5s
759 }
760 #spicepress-deactivate-feedback-modal .dialog-widget-header{
761 padding:18px 30px;
762 -webkit-box-shadow:0 0 8px rgba(0,0,0,.1);
763 box-shadow:0 0 8px rgba(0,0,0,.1);
764 text-align:left;
765 background-color: #b7084e;
766 }
767 #spicepress-deactivate-feedback-modal .dialog-message{
768 padding:30px 30px 0;
769 text-align:left
770 }
771 #spicepress-deactivate-feedback-modal .spicepress-deactivate-feedback-dialog-input{
772 float:left;
773 margin:0 15px 0 0;
774 -webkit-box-shadow:none;
775 box-shadow:none
776 }
777 #spicepress-deactivate-feedback-modal .spicepress-deactivate-feedback-dialog-input:not(:checked)~.spicepress-feedback-text{
778 display:none
779 }
780 #spicepress-deactivate-feedback-modal .spicepress-deactivate-feedback-dialog-label{
781 display: block;
782 font-size: 14px;
783 color: #3a3737;
784 font-weight: 500;
785 }
786 #spicepress-deactivate-feedback-modal .spicepress-feedback-text{
787 margin:10px 0 0 30px;
788 padding:7px 10px;
789 font-size:13px;
790 -webkit-box-shadow:none;
791 box-shadow:none;
792 background-color:#fff;
793 width:92%
794 }
795 #spicepress-deactivate-feedback-modal .dialog-buttons-wrapper{
796 border-top:none;
797 text-align:left;
798 padding:20px 30px 30px
799 }
800 #spicepress-deactivate-feedback-modal .dialog-submit{
801 background-color:#b7084e;
802 -webkit-border-radius:3px;
803 border-radius:3px;
804 color:#fff;
805 line-height:1;
806 padding:12px 20px;
807 font-size:14px;
808 width:180px;
809 height:38px;
810 font-weight: 500;
811 }
812 #spicepress-deactivate-feedback-modal .dialog-submit.spicepress-loading:before{
813 display:inline-block;
814 content:"\f463";
815 font:18px dashicons;
816 -webkit-animation:spicepress-rotation 2s infinite linear;
817 animation:spicepress-rotation 2s infinite linear
818 }
819 #spicepress-deactivate-feedback-modal .dialog-skip{
820 font-size:12px;
821 color:#adadad;
822 background:none;
823 float:right;
824 width:auto
825 }
826 #spicepress-deactivate-feedback-dialog-header i{
827 color:#b7084e;
828 font-size:19px
829 }
830 #spicepress-deactivate-feedback-dialog-header-title{
831 font-size:20px;
832 text-transform:uppercase;
833 font-weight:700;
834 padding-left:0px;
835 color: #fff;
836 }
837 #spicepress-deactivate-feedback-dialog-form-caption{
838 font-weight: 700;
839 font-size: 16px;
840 color: #121212;
841 line-height: 1.4;
842 }
843 #spicepress-deactivate-feedback-dialog-form-body{
844 padding-top:30px
845 }
846 .spicepress-deactivate-feedback-dialog-input-wrapper{
847 line-height:1.3;
848 overflow:hidden;
849 margin-bottom:15px
850 }
851 #spicepress-hidden-area{
852 display:none
853 }
854 #spicepress-import-template-trigger{
855 cursor:pointer
856 }
857 #spicepress-import-template-area{
858 display:none;
859 margin:50px 0 30px;
860 text-align:center
861 }
862 #spicepress-import-template-form{
863 display:inline-block;
864 margin-top:30px;
865 padding:30px 50px;
866 background-color:#fff;
867 border:1px solid #e5e5e5
868 }
869 #spicepress-import-template-title{
870 font-size:18px;
871 color:#555d66
872 }
873 .form-table:not(.spicepress-maintenance-mode-is-enabled) .spicepress-default-hide{
874 display:none
875 }
876 .spicepress-maintenance-mode-error{
877 color:red
878 }
879 #e-dashboard-overview .dashicons{
880 vertical-align:middle;
881 font-size:17px
882 }
883 #e-dashboard-overview .e-overview__header{
884 display:table;
885 width:100%;
886 -webkit-box-shadow:0 5px 8px rgba(0,0,0,.05);
887 box-shadow:0 5px 8px rgba(0,0,0,.05);
888 margin:0 -12px 8px;
889 padding:0 12px 12px
890 }
891 #e-dashboard-overview .e-overview__create,#e-dashboard-overview .e-overview__logo,#e-dashboard-overview .e-overview__versions{
892 display:table-cell;
893 vertical-align:middle
894 }
895 #e-dashboard-overview .e-overview__logo{
896 color:#b7084e;
897 font-size:40px;
898 width:40px
899 }
900 #e-dashboard-overview .e-overview__versions{
901 padding:0 10px;
902 font-size:.9em;
903 line-height:1.5
904 }
905 #e-dashboard-overview .e-overview__version{
906 display:block
907 }
908 #e-dashboard-overview .e-overview__create{
909 text-align:right
910 }
911 #e-dashboard-overview .e-overview__post{
912 margin-top:10px
913 }
914 #e-dashboard-overview .e-overview__post-link{
915 display:inline-block
916 }
917 #e-dashboard-overview .e-overview__badge{
918 background:#39b54a;
919 color:#fff;
920 font-size:.75em;
921 padding:3px 6px;
922 -webkit-border-radius:3px;
923 border-radius:3px;
924 text-transform:uppercase
925 }
926 #e-dashboard-overview .e-overview__post-description{
927 margin:0 0 1.5em
928 }
929 #e-dashboard-overview .e-overview__recently-edited li{
930 color:#72777c
931 }
932 #e-dashboard-overview .e-overview__feed{
933 font-size:14px;
934 font-weight:500
935 }
936 #e-dashboard-overview .e-overview__feed .e-overview__post-link{
937 padding-bottom:5px
938 }
939 #e-dashboard-overview .e-overview__feed .e-overview__heading,#e-dashboard-overview .e-overview__recently-edited .e-overview__heading{
940 font-weight:700;
941 border-bottom:1px solid #eee;
942 margin:0 -12px;
943 padding:6px 12px
944 }
945 #e-dashboard-overview .e-overview__footer{
946 margin:0 -12px -12px;
947 padding:12px;
948 border-top:1px solid #eee
949 }
950 #e-dashboard-overview .e-overview__footer ul{
951 display:-webkit-box;
952 display:-webkit-flex;
953 display:-ms-flexbox;
954 display:flex;
955 list-style:none;
956 margin:0;
957 padding:0
958 }
959 #e-dashboard-overview .e-overview__footer ul li{
960 padding:0 10px;
961 margin:0;
962 border-left:1px solid #ddd
963 }
964 #e-dashboard-overview .e-overview__footer ul li:first-child{
965 padding-left:0;
966 border:none
967 }
968 #e-dashboard-overview .e-overview__go-pro a{
969 color:#fcb92c;
970 font-weight:500
971 }
972 .post-type-spicepress_library #spicepress-template-library-tabs-wrapper{
973 padding-top:2em;
974 margin-bottom:2em
975 }
976 #spicepress-new-template-modal .dialog-message{
977 display:-webkit-box;
978 display:-webkit-flex;
979 display:-ms-flexbox;
980 display:flex;
981 -webkit-box-align:center;
982 -webkit-align-items:center;
983 -ms-flex-align:center;
984 align-items:center;
985 text-align:left;
986 padding:0 120px;
987 color:#6d7882
988 }
989 #spicepress-new-template__description{
990 width:35%;
991 max-width:300px;
992 padding-right:100px
993 }
994 #spicepress-new-template__description__title{
995 font-size:30px;
996 color:#556068
997 }
998 #spicepress-new-template__description__title span{
999 font-weight:700
1000 }
1001 #spicepress-new-template__description__content{
1002 font-size:14px;
1003 padding:30px 0
1004 }
1005 #spicepress-new-template__take_a_tour{
1006 display:-webkit-box;
1007 display:-webkit-flex;
1008 display:-ms-flexbox;
1009 display:flex;
1010 -webkit-box-align:center;
1011 -webkit-align-items:center;
1012 -ms-flex-align:center;
1013 align-items:center;
1014 font-size:15px
1015 }
1016 #spicepress-new-template__take_a_tour i{
1017 color:#ef295a;
1018 font-size:30px
1019 }
1020 #spicepress-new-template__take_a_tour a{
1021 color:#6d7882;
1022 padding-left:10px;
1023 text-decoration:none;
1024 font-weight:500
1025 }
1026 #spicepress-new-template__form{
1027 -webkit-box-flex:1;
1028 -webkit-flex-grow:1;
1029 -ms-flex-positive:1;
1030 flex-grow:1;
1031 max-width:440px;
1032 padding:55px;
1033 background-color:#fff;
1034 -webkit-border-radius:3px;
1035 border-radius:3px;
1036 -webkit-box-shadow:0 2px 30px 0 rgba(0,0,0,.08);
1037 box-shadow:0 2px 30px 0 rgba(0,0,0,.08)
1038 }
1039 #spicepress-new-template__form__title{
1040 font-size:23px;
1041 color:#556068
1042 }
1043 #spicepress-new-template__form .spicepress-form-field__label{
1044 display:block;
1045 margin:25px 0 7px;
1046 font-size:14px;
1047 line-height:1
1048 }
1049 #spicepress-new-template__form .spicepress-form-field input,#spicepress-new-template__form .spicepress-form-field select{
1050 width:100%;
1051 height:50px;
1052 padding:10px;
1053 font-size:14px;
1054 -webkit-box-shadow:none;
1055 box-shadow:none;
1056 -webkit-border-radius:3px;
1057 border-radius:3px;
1058 background:none;
1059 color:#495157;
1060 border:1px solid;
1061 outline:none
1062 }
1063 #spicepress-new-template__form .spicepress-form-field input:not(:focus),#spicepress-new-template__form .spicepress-form-field select:not(:focus){
1064 border-color:#d5dadf
1065 }
1066 #spicepress-new-template__form .spicepress-form-field input:focus,#spicepress-new-template__form .spicepress-form-field select:focus{
1067 border-color:#a4afb7
1068 }
1069 #spicepress-new-template__form .spicepress-form-field__select{
1070 -webkit-appearance:none;
1071 -moz-appearance:none;
1072 appearance:none;
1073 cursor:pointer
1074 }
1075 #spicepress-new-template__form .spicepress-form-field__select__wrapper{
1076 position:relative
1077 }
1078 #spicepress-new-template__form .spicepress-form-field__select__wrapper:after{
1079 font-family:eicons;
1080 content:"\e955";
1081 position:absolute;
1082 top:50%;
1083 right:10px;
1084 -webkit-transform:translateY(-50%);
1085 -ms-transform:translateY(-50%);
1086 transform:translateY(-50%)
1087 }
1088 #spicepress-new-template__form__submit{
1089 width:100%;
1090 height:50px;
1091 margin-top:25px
1092 }
1093 @media (max-width:1024px){
1094 #spicepress-new-template__description{
1095 max-width:250px;
1096 padding-right:30px
1097 }
1098 }
1099 @media (max-width:767px){
1100 #spicepress-new-template__description{
1101 display:none
1102 }
1103 }
1104 #spicepress-role-manager{
1105 max-width:500px;
1106 margin-top:50px
1107 }
1108 #spicepress-role-manager h3{
1109 color:#6d7882;
1110 font-weight:400;
1111 font-size:22px
1112 }
1113 #spicepress-role-manager .spicepress-settings-form-page{
1114 padding:0
1115 }
1116 #spicepress-role-manager .spicepress-role-row{
1117 background:#fff;
1118 color:#6d7882;
1119 margin-bottom:2px
1120 }
1121 #spicepress-role-manager .spicepress-role-row .spicepress-role-label{
1122 display:-webkit-box;
1123 display:-webkit-flex;
1124 display:-ms-flexbox;
1125 display:flex;
1126 padding:15px 20px;
1127 font-weight:500;
1128 cursor:pointer
1129 }
1130 #spicepress-role-manager .spicepress-role-row .spicepress-role-label span.spicepress-role-name{
1131 padding-right:20px
1132 }
1133 #spicepress-role-manager .spicepress-role-row .spicepress-role-label span.spicepress-role-toggle{
1134 text-align:right;
1135 -webkit-box-flex:1;
1136 -webkit-flex-grow:1;
1137 -ms-flex-positive:1;
1138 flex-grow:1
1139 }
1140 #spicepress-role-manager .spicepress-role-row .spicepress-role-label span.spicepress-role-excluded-indicator{
1141 color:#a4afb7
1142 }
1143 #spicepress-role-manager .spicepress-role-row .spicepress-role-controls{
1144 background-color:#f7f7f7;
1145 padding:20px 20px 5px
1146 }
1147 #spicepress-role-manager .spicepress-role-row .spicepress-role-controls>div{
1148 margin-bottom:15px
1149 }
1150 #spicepress-role-manager .spicepress-role-row .spicepress-role-controls .spicepress-role-go-pro{
1151 display:-webkit-box;
1152 display:-webkit-flex;
1153 display:-ms-flexbox;
1154 display:flex
1155 }
1156 #spicepress-role-manager .spicepress-role-row .spicepress-role-controls .spicepress-role-go-pro .spicepress-role-go-pro__desc{
1157 font-weight:500;
1158 font-style:italic
1159 }
1160 #spicepress-role-manager .spicepress-role-row .spicepress-role-controls .spicepress-role-go-pro .spicepress-role-go-pro__link{
1161 text-align:right;
1162 -webkit-box-flex:1;
1163 -webkit-flex-grow:1;
1164 -ms-flex-positive:1;
1165 flex-grow:1
1166
1167 }
1168
1169 input[type="text"]::-webkit-input-placeholder,
1170 textarea::-webkit-input-placeholder {
1171 color: #adadad;
1172 }
1173 input[type="text"]::-moz-placeholder,
1174 textarea::-moz-placeholder {
1175 color: #adadad;
1176 }
1177 input[type="text"]:-ms-input-placeholder,
1178 textarea:-ms-input-placeholder {
1179 color: #adadad;
1180 }
1181