Diff: STRATO-apps/wordpress_03/app/wp-includes/css/dist/edit-widgets/style.css

Keine Baseline-Datei – Diff nur gegen leer.
Zur Liste
1 -
1 + :root{
2 + --wp-block-synced-color:#7a00df;
3 + --wp-block-synced-color--rgb:122, 0, 223;
4 + --wp-bound-block-color:var(--wp-block-synced-color);
5 + --wp-editor-canvas-background:#ddd;
6 + --wp-admin-theme-color:#007cba;
7 + --wp-admin-theme-color--rgb:0, 124, 186;
8 + --wp-admin-theme-color-darker-10:#006ba1;
9 + --wp-admin-theme-color-darker-10--rgb:0, 107, 160.5;
10 + --wp-admin-theme-color-darker-20:#005a87;
11 + --wp-admin-theme-color-darker-20--rgb:0, 90, 135;
12 + --wp-admin-border-width-focus:2px;
13 + }
14 + @media (min-resolution:192dpi){
15 + :root{
16 + --wp-admin-border-width-focus:1.5px;
17 + }
18 + }
19 + .admin-ui-page{
20 + background-color:#fff;
21 + color:#2f2f2f;
22 + container:admin-ui-page/inline-size;
23 + display:flex;
24 + flex-flow:column;
25 + height:100%;
26 + position:relative;
27 + z-index:1;
28 + }
29 +
30 + @media not (prefers-reduced-motion){
31 + .admin-ui-page{
32 + transition:width .2s ease-out;
33 + }
34 + }
35 + .admin-ui-page__header{
36 + background:#fff;
37 + border-bottom:1px solid #f0f0f0;
38 + padding:16px 48px;
39 + position:sticky;
40 + top:0;
41 + }
42 +
43 + @container (max-width: 430px){
44 + .admin-ui-page__header{
45 + padding:16px 24px;
46 + }
47 + }
48 + .admin-ui-page__header-subtitle{
49 + color:#757575;
50 + font-family:-apple-system,"system-ui",Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
51 + font-size:13px;
52 + font-weight:400;
53 + line-height:20px;
54 + margin:0;
55 + padding-block-end:8px;
56 + }
57 +
58 + .admin-ui-page__content{
59 + display:flex;
60 + flex-direction:column;
61 + flex-grow:1;
62 + overflow:auto;
63 + }
64 +
65 + .admin-ui-page__content.has-padding{
66 + padding:16px 20px;
67 + }
68 +
69 + @container (max-width: 430px){
70 + .admin-ui-page__content.has-padding{
71 + padding:16px 24px;
72 + }
73 + }
74 + .show-icon-labels .admin-ui-page__header-actions .components-button.has-icon{
75 + padding:0 8px;
76 + width:auto;
77 + }
78 +
79 + .show-icon-labels .admin-ui-page__header-actions .components-button.has-icon svg{
80 + display:none;
81 + }
82 +
83 + .show-icon-labels .admin-ui-page__header-actions .components-button.has-icon:after{
84 + content:attr(aria-label);
85 + font-size:12px;
86 + }
87 + .interface-complementary-area-header{
88 + background:#fff;
89 + gap:4px;
90 + padding-right:8px;
91 + }
92 +
93 + .interface-complementary-area-header .interface-complementary-area-header__title{
94 + margin:0 auto 0 0;
95 + }
96 + .interface-complementary-area{
97 + background:#fff;
98 + color:#1e1e1e;
99 + height:100%;
100 + overflow:auto;
101 + }
102 +
103 + @media (min-width:600px){
104 + .interface-complementary-area{
105 + -webkit-overflow-scrolling:touch;
106 + }
107 + }
108 + @media (min-width:782px){
109 + .interface-complementary-area{
110 + width:280px;
111 + }
112 + }
113 + .interface-complementary-area .components-panel{
114 + border:none;
115 + position:relative;
116 + z-index:0;
117 + }
118 +
119 + .interface-complementary-area .components-panel__header{
120 + position:sticky;
121 + top:0;
122 + z-index:1;
123 + }
124 +
125 + .interface-complementary-area .components-panel__header.editor-sidebar__panel-tabs{
126 + top:0;
127 + }
128 +
129 + .interface-complementary-area p:not(.components-base-control__help,.components-form-token-field__help){
130 + margin-top:0;
131 + }
132 +
133 + .interface-complementary-area h2{
134 + color:#1e1e1e;
135 + font-size:13px;
136 + font-weight:500;
137 + margin-bottom:1.5em;
138 + }
139 +
140 + .interface-complementary-area h3{
141 + color:#1e1e1e;
142 + font-size:11px;
143 + font-weight:500;
144 + margin-bottom:1.5em;
145 + text-transform:uppercase;
146 + }
147 +
148 + .interface-complementary-area hr{
149 + border-bottom:1px solid #f0f0f0;
150 + border-top:none;
151 + margin:1.5em 0;
152 + }
153 +
154 + .interface-complementary-area div.components-toolbar,.interface-complementary-area div.components-toolbar-group{
155 + box-shadow:none;
156 + margin-bottom:1.5em;
157 + }
158 +
159 + .interface-complementary-area div.components-toolbar-group:last-child,.interface-complementary-area div.components-toolbar:last-child{
160 + margin-bottom:0;
161 + }
162 +
163 + .interface-complementary-area .block-editor-skip-to-selected-block:focus{
164 + bottom:10px;
165 + left:auto;
166 + right:10px;
167 + top:auto;
168 + }
169 +
170 + .interface-complementary-area__fill{
171 + height:100%;
172 + }
173 +
174 + @media (min-width:782px){
175 + body.js.is-fullscreen-mode{
176 + height:calc(100% + 32px);
177 + margin-top:-32px;
178 + }
179 + body.js.is-fullscreen-mode #adminmenumain,body.js.is-fullscreen-mode #wpadminbar{
180 + display:none;
181 + }
182 + body.js.is-fullscreen-mode #wpcontent,body.js.is-fullscreen-mode #wpfooter{
183 + margin-left:0;
184 + }
185 + }
186 + html.interface-interface-skeleton__html-container{
187 + position:fixed;
188 + width:100%;
189 + }
190 +
191 + @media (min-width:782px){
192 + html.interface-interface-skeleton__html-container:not(:has(.is-zoom-out)){
193 + position:static;
194 + width:auto;
195 + }
196 + }
197 + .interface-interface-skeleton{
198 + bottom:0;
199 + display:flex;
200 + flex-direction:row;
201 + height:auto;
202 + max-height:100%;
203 + position:fixed;
204 + right:0;
205 + top:46px;
206 + }
207 +
208 + @media (min-width:783px){
209 + .interface-interface-skeleton{
210 + top:32px;
211 + }
212 + .is-fullscreen-mode .interface-interface-skeleton{
213 + top:0;
214 + }
215 + }
216 + .interface-interface-skeleton__editor{
217 + display:flex;
218 + flex:0 1 100%;
219 + flex-direction:column;
220 + overflow:hidden;
221 + }
222 +
223 + .interface-interface-skeleton{
224 + left:0;
225 + }
226 +
227 + @media (min-width:783px){
228 + .interface-interface-skeleton{
229 + left:160px;
230 + }
231 + }
232 +
233 + @media (min-width:783px){
234 + .auto-fold .interface-interface-skeleton{
235 + left:36px;
236 + }
237 + }
238 + @media (min-width:961px){
239 + .auto-fold .interface-interface-skeleton{
240 + left:160px;
241 + }
242 + }
243 + .folded .interface-interface-skeleton{
244 + left:0;
245 + }
246 +
247 + @media (min-width:783px){
248 + .folded .interface-interface-skeleton{
249 + left:36px;
250 + }
251 + }
252 + body.is-fullscreen-mode .interface-interface-skeleton{
253 + left:0 !important;
254 + }
255 +
256 + .interface-interface-skeleton__body{
257 + display:flex;
258 + flex-grow:1;
259 + overflow:auto;
260 + overscroll-behavior-y:none;
261 + position:relative;
262 + }
263 +
264 + @media (min-width:782px){
265 + .has-footer .interface-interface-skeleton__body{
266 + padding-bottom:25px;
267 + }
268 + }
269 + .interface-interface-skeleton__content{
270 + display:flex;
271 + flex-direction:column;
272 + flex-grow:1;
273 + overflow:auto;
274 + z-index:20;
275 + }
276 +
277 + @media (min-width:782px){
278 + .interface-interface-skeleton__content{
279 + z-index:auto;
280 + }
281 + }
282 + .interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{
283 + background:#fff;
284 + bottom:0;
285 + color:#1e1e1e;
286 + flex-shrink:0;
287 + left:0;
288 + position:absolute;
289 + top:0;
290 + width:auto;
291 + z-index:100000;
292 + }
293 +
294 + @media (min-width:782px){
295 + .interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{
296 + position:relative !important;
297 + }
298 + }
299 + .interface-interface-skeleton__sidebar{
300 + border-top:1px solid #e0e0e0;
301 + overflow:hidden;
302 + }
303 +
304 + @media (min-width:782px){
305 + .interface-interface-skeleton__sidebar{
306 + box-shadow:-1px 0 0 0 rgba(0,0,0,.133);
307 + outline:1px solid #0000;
308 + }
309 + }
310 + .interface-interface-skeleton__secondary-sidebar{
311 + border-top:1px solid #e0e0e0;
312 + right:0;
313 + }
314 +
315 + @media (min-width:782px){
316 + .interface-interface-skeleton__secondary-sidebar{
317 + box-shadow:1px 0 0 0 rgba(0,0,0,.133);
318 + outline:1px solid #0000;
319 + }
320 + }
321 + .interface-interface-skeleton__header{
322 + box-shadow:0 1px 0 0 rgba(0,0,0,.133);
323 + color:#1e1e1e;
324 + flex-shrink:0;
325 + height:auto;
326 + outline:1px solid #0000;
327 + z-index:30;
328 + }
329 +
330 + .interface-interface-skeleton__footer{
331 + background-color:#fff;
332 + border-top:1px solid #e0e0e0;
333 + bottom:0;
334 + color:#1e1e1e;
335 + display:none;
336 + flex-shrink:0;
337 + height:auto;
338 + left:0;
339 + position:absolute;
340 + width:100%;
341 + z-index:90;
342 + }
343 +
344 + @media (min-width:782px){
345 + .interface-interface-skeleton__footer{
346 + display:flex;
347 + }
348 + }
349 + .interface-interface-skeleton__footer .block-editor-block-breadcrumb{
350 + align-items:center;
351 + background:#fff;
352 + display:flex;
353 + font-size:13px;
354 + height:24px;
355 + padding:0 18px;
356 + z-index:30;
357 + }
358 +
359 + .interface-interface-skeleton__actions{
360 + background:#fff;
361 + bottom:auto;
362 + color:#1e1e1e;
363 + left:auto;
364 + position:fixed !important;
365 + right:0;
366 + top:-9999em;
367 + width:100vw;
368 + z-index:100000;
369 + }
370 +
371 + @media (min-width:782px){
372 + .interface-interface-skeleton__actions{
373 + width:280px;
374 + }
375 + }
376 + .interface-interface-skeleton__actions:focus,.interface-interface-skeleton__actions:focus-within{
377 + bottom:0;
378 + top:auto;
379 + }
380 +
381 + .is-entity-save-view-open .interface-interface-skeleton__actions:focus,.is-entity-save-view-open .interface-interface-skeleton__actions:focus-within{
382 + top:46px;
383 + }
384 +
385 + @media (min-width:782px){
386 + .is-entity-save-view-open .interface-interface-skeleton__actions:focus,.is-entity-save-view-open .interface-interface-skeleton__actions:focus-within{
387 + border-left:1px solid #ddd;
388 + top:32px;
389 + }
390 + .is-fullscreen-mode .is-entity-save-view-open .interface-interface-skeleton__actions:focus,.is-fullscreen-mode .is-entity-save-view-open .interface-interface-skeleton__actions:focus-within{
391 + top:0;
392 + }
393 + }
394 + .interface-pinned-items{
395 + display:flex;
396 + }
397 +
398 + .interface-pinned-items .components-button{
399 + display:none;
400 + margin:0;
401 + }
402 +
403 + .interface-pinned-items .components-button[aria-controls="edit-post:block"],.interface-pinned-items .components-button[aria-controls="edit-post:document"],.interface-pinned-items .components-button[aria-controls="edit-site:block-inspector"],.interface-pinned-items .components-button[aria-controls="edit-site:template"]{
404 + display:flex;
405 + }
406 +
407 + .interface-pinned-items .components-button svg{
408 + max-height:24px;
409 + max-width:24px;
410 + }
411 +
412 + @media (min-width:600px){
413 + .interface-pinned-items .components-button{
414 + display:flex;
415 + }
416 + }
417 + .interface-pinned-items{
418 + gap:8px;
419 + }
420 +
421 + .wp-block[data-type="core/widget-area"]{
422 + margin-left:auto;
423 + margin-right:auto;
424 + max-width:700px;
425 + }
426 + .wp-block[data-type="core/widget-area"] .components-panel__body>.components-panel__body-title{
427 + background:#fff;
428 + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
429 + height:48px;
430 + margin:0;
431 + position:relative;
432 + transform:translateZ(0);
433 + z-index:1;
434 + }
435 + .wp-block[data-type="core/widget-area"] .components-panel__body>.components-panel__body-title:hover{
436 + background:#fff;
437 + }
438 + .wp-block[data-type="core/widget-area"] .block-list-appender.wp-block{
439 + position:relative;
440 + width:auto;
441 + }
442 + .wp-block[data-type="core/widget-area"] .editor-styles-wrapper .wp-block.wp-block.wp-block.wp-block.wp-block{
443 + max-width:100%;
444 + }
445 + .wp-block[data-type="core/widget-area"] .components-panel__body.is-opened{
446 + padding:0;
447 + }
448 +
449 + .blocks-widgets-container .wp-block-widget-area__inner-blocks.editor-styles-wrapper{
450 + margin:0;
451 + padding:0;
452 + }
453 + .blocks-widgets-container .wp-block-widget-area__inner-blocks.editor-styles-wrapper>.block-editor-block-list__layout{
454 + margin-top:-48px;
455 + min-height:32px;
456 + padding:72px 16px 16px;
457 + }
458 +
459 + .wp-block-widget-area__highlight-drop-zone{
460 + outline:var(--wp-admin-border-width-focus) solid var(--wp-admin-theme-color);
461 + }
462 +
463 + body.is-dragging-components-draggable .wp-block[data-type="core/widget-area"] .components-panel__body>.components-panel__body-title,body.is-dragging-components-draggable .wp-block[data-type="core/widget-area"] .components-panel__body>.components-panel__body-title *{
464 + pointer-events:none;
465 + }
466 +
467 + .edit-widgets-error-boundary{
468 + box-shadow:0 5px 15px #00000014,0 15px 27px #00000012,0 30px 36px #0000000a,0 50px 43px #00000005;
469 + margin:64px auto auto;
470 + max-width:780px;
471 + padding:20px;
472 + }
473 +
474 + .edit-widgets-header{
475 + align-items:center;
476 + background:#fff;
477 + display:flex;
478 + height:64px;
479 + justify-content:space-between;
480 + overflow:auto;
481 + }
482 + @media (min-width:600px){
483 + .edit-widgets-header{
484 + overflow:visible;
485 + }
486 + }
487 + .edit-widgets-header .selected-block-tools-wrapper{
488 + align-items:center;
489 + display:flex;
490 + height:64px;
491 + overflow:hidden;
492 + }
493 + .edit-widgets-header .selected-block-tools-wrapper .block-editor-block-contextual-toolbar{
494 + border-bottom:0;
495 + height:100%;
496 + }
497 + .edit-widgets-header .selected-block-tools-wrapper .block-editor-block-toolbar{
498 + height:100%;
499 + padding-top:17px;
500 + }
501 + .edit-widgets-header .selected-block-tools-wrapper .block-editor-block-toolbar .components-button:not(.block-editor-block-mover-button){
502 + height:32px;
503 + }
504 + .edit-widgets-header .selected-block-tools-wrapper .components-toolbar,.edit-widgets-header .selected-block-tools-wrapper .components-toolbar-group{
505 + border-right:none;
506 + }
507 + .edit-widgets-header .selected-block-tools-wrapper .components-toolbar-group:after,.edit-widgets-header .selected-block-tools-wrapper .components-toolbar:after{
508 + background-color:#ddd;
509 + content:"";
510 + height:24px;
511 + margin-left:8px;
512 + margin-top:4px;
513 + width:1px;
514 + }
515 + .edit-widgets-header .selected-block-tools-wrapper .components-toolbar .components-toolbar-group.components-toolbar-group:after,.edit-widgets-header .selected-block-tools-wrapper .components-toolbar-group .components-toolbar-group.components-toolbar-group:after{
516 + display:none;
517 + }
518 + .edit-widgets-header .selected-block-tools-wrapper .block-editor-block-mover.is-horizontal .block-editor-block-mover-button{
519 + height:32px;
520 + overflow:visible;
521 + }
522 + @media (min-width:600px){
523 + .edit-widgets-header .selected-block-tools-wrapper .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container{
524 + position:relative;
525 + top:-10px;
526 + }
527 + }
528 +
529 + .edit-widgets-header__navigable-toolbar-wrapper{
530 + align-items:center;
531 + display:flex;
532 + flex-shrink:2;
533 + height:64px;
534 + justify-content:center;
535 + overflow:hidden;
536 + padding-left:16px;
537 + padding-right:8px;
538 + }
539 +
540 + .edit-widgets-header__title{
541 + font-size:20px;
542 + margin:0 20px 0 0;
543 + padding:0;
544 + }
545 +
546 + .edit-widgets-header__actions{
547 + align-items:center;
548 + display:flex;
549 + padding-right:4px;
550 + }
551 + @media (min-width:600px){
552 + .edit-widgets-header__actions{
553 + padding-right:8px;
554 + }
555 + }
556 + .edit-widgets-header__actions{
557 + gap:8px;
558 + }
559 +
560 + .edit-widgets-header-toolbar{
561 + gap:8px;
562 + margin-right:8px;
563 + }
564 + .edit-widgets-header-toolbar>.components-button.has-icon.has-icon.has-icon,.edit-widgets-header-toolbar>.components-dropdown>.components-button.has-icon.has-icon{
565 + height:32px;
566 + min-width:32px;
567 + padding:4px;
568 + }
569 + .edit-widgets-header-toolbar>.components-button.has-icon.has-icon.has-icon.is-pressed,.edit-widgets-header-toolbar>.components-dropdown>.components-button.has-icon.has-icon.is-pressed{
570 + background:#1e1e1e;
571 + }
572 + .edit-widgets-header-toolbar>.components-button.has-icon.has-icon.has-icon:focus:not(:disabled),.edit-widgets-header-toolbar>.components-dropdown>.components-button.has-icon.has-icon:focus:not(:disabled){
573 + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 1px #fff;
574 + outline:1px solid #0000;
575 + }
576 + .edit-widgets-header-toolbar>.components-button.has-icon.has-icon.has-icon:before,.edit-widgets-header-toolbar>.components-dropdown>.components-button.has-icon.has-icon:before{
577 + display:none;
578 + }
579 +
580 + .edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle{
581 + padding-left:8px;
582 + padding-right:8px;
583 + }
584 + @media (min-width:600px){
585 + .edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle{
586 + padding-left:12px;
587 + padding-right:12px;
588 + }
589 + }
590 + .edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle:after{
591 + content:none;
592 + }
593 + @media not (prefers-reduced-motion){
594 + .edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle svg{
595 + transition:transform .2s cubic-bezier(.165, .84, .44, 1);
596 + }
597 + }
598 + .edit-widgets-header-toolbar__inserter-toggle.edit-widgets-header-toolbar__inserter-toggle.is-pressed svg{
599 + transform:rotate(45deg);
600 + }
601 +
602 + .edit-widgets-keyboard-shortcut-help-modal__section{
603 + margin:0 0 2rem;
604 + }
605 + .edit-widgets-keyboard-shortcut-help-modal__section-title{
606 + font-size:.9rem;
607 + font-weight:600;
608 + }
609 + .edit-widgets-keyboard-shortcut-help-modal__shortcut{
610 + align-items:baseline;
611 + border-top:1px solid #ddd;
612 + display:flex;
613 + margin-bottom:0;
614 + padding:.6rem 0;
615 + }
616 + .edit-widgets-keyboard-shortcut-help-modal__shortcut:last-child{
617 + border-bottom:1px solid #ddd;
618 + }
619 + .edit-widgets-keyboard-shortcut-help-modal__shortcut:empty{
620 + display:none;
621 + }
622 + .edit-widgets-keyboard-shortcut-help-modal__shortcut-term{
623 + font-weight:600;
624 + margin:0 0 0 1rem;
625 + text-align:right;
626 + }
627 + .edit-widgets-keyboard-shortcut-help-modal__shortcut-description{
628 + flex:1;
629 + margin:0;
630 + }
631 + .edit-widgets-keyboard-shortcut-help-modal__shortcut-key-combination{
632 + background:none;
633 + display:block;
634 + margin:0;
635 + padding:0;
636 + }
637 + .edit-widgets-keyboard-shortcut-help-modal__shortcut-key-combination+.edit-widgets-keyboard-shortcut-help-modal__shortcut-key-combination{
638 + margin-top:10px;
639 + }
640 + .edit-widgets-keyboard-shortcut-help-modal__shortcut-key{
641 + border-radius:8%;
642 + margin:0 .2rem;
643 + padding:.25rem .5rem;
644 + }
645 + .edit-widgets-keyboard-shortcut-help-modal__shortcut-key:last-child{
646 + margin:0 0 0 .2rem;
647 + }
648 +
649 + .components-panel__header.edit-widgets-sidebar__panel-tabs{
650 + padding-left:0;
651 + }
652 +
653 + .edit-widgets-widget-areas__top-container{
654 + display:flex;
655 + padding:16px;
656 + }
657 + .edit-widgets-widget-areas__top-container .block-editor-block-icon{
658 + margin-right:16px;
659 + }
660 +
661 + .edit-widgets-notices__snackbar{
662 + bottom:20px;
663 + left:0;
664 + padding-left:16px;
665 + padding-right:16px;
666 + position:fixed;
667 + right:0;
668 + }
669 + @media (min-width:783px){
670 + .edit-widgets-notices__snackbar{
671 + left:160px;
672 + }
673 + }
674 + @media (min-width:783px){
675 + .auto-fold .edit-widgets-notices__snackbar{
676 + left:36px;
677 + }
678 + }
679 + @media (min-width:961px){
680 + .auto-fold .edit-widgets-notices__snackbar{
681 + left:160px;
682 + }
683 + }
684 + .folded .edit-widgets-notices__snackbar{
685 + left:0;
686 + }
687 + @media (min-width:783px){
688 + .folded .edit-widgets-notices__snackbar{
689 + left:36px;
690 + }
691 + }
692 +
693 + body.is-fullscreen-mode .edit-widgets-notices__snackbar{
694 + left:0 !important;
695 + }
696 +
697 + .edit-widgets-notices__dismissible .components-notice,.edit-widgets-notices__pinned .components-notice{
698 + border-bottom:1px solid #0003;
699 + box-sizing:border-box;
700 + min-height:64px;
701 + padding:0 12px;
702 + }
703 + .edit-widgets-notices__dismissible .components-notice .components-notice__dismiss,.edit-widgets-notices__pinned .components-notice .components-notice__dismiss{
704 + margin-top:12px;
705 + }
706 +
707 + .edit-widgets-layout__inserter-panel{
708 + display:flex;
709 + flex-direction:column;
710 + height:100%;
711 + }
712 + .edit-widgets-layout__inserter-panel .block-editor-inserter__menu{
713 + overflow:hidden;
714 + }
715 +
716 + .edit-widgets-layout__inserter-panel-content{
717 + height:calc(100% - 44px);
718 + }
719 + .edit-widgets-layout__inserter-panel-content .block-editor-inserter__tablist-and-close{
720 + display:none;
721 + }
722 + @media (min-width:782px){
723 + .edit-widgets-layout__inserter-panel-content{
724 + height:100%;
725 + }
726 + }
727 +
728 + .components-popover.more-menu-dropdown__content{
729 + z-index:99998;
730 + }
731 +
732 + .edit-widgets-welcome-guide{
733 + width:312px;
734 + }
735 + .edit-widgets-welcome-guide__image{
736 + background:#00a0d2;
737 + margin:0 0 16px;
738 + }
739 + .edit-widgets-welcome-guide__image>img{
740 + display:block;
741 + max-width:100%;
742 + object-fit:cover;
743 + }
744 + .edit-widgets-welcome-guide__heading{
745 + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
746 + font-size:24px;
747 + line-height:1.4;
748 + margin:16px 0;
749 + padding:0 32px;
750 + }
751 + .edit-widgets-welcome-guide__text{
752 + font-size:13px;
753 + line-height:1.4;
754 + margin:0 0 24px;
755 + padding:0 32px;
756 + }
757 + .edit-widgets-welcome-guide__inserter-icon{
758 + margin:0 4px;
759 + vertical-align:text-top;
760 + }
761 +
762 + .edit-widgets-block-editor{
763 + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
764 + position:relative;
765 + }
766 + .edit-widgets-block-editor,.edit-widgets-block-editor .block-editor-writing-flow,.edit-widgets-block-editor>div:last-of-type{
767 + display:flex;
768 + flex-direction:column;
769 + flex-grow:1;
770 + }
771 + .edit-widgets-block-editor .edit-widgets-main-block-list{
772 + height:100%;
773 + }
774 + .edit-widgets-block-editor .components-button{
775 + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
776 + font-size:13px;
777 + }
778 + .edit-widgets-block-editor .components-button.has-icon,.edit-widgets-block-editor .components-button.is-tertiary{
779 + padding:6px;
780 + }
781 +
782 + .edit-widgets-editor__list-view-panel{
783 + display:flex;
784 + flex-direction:column;
785 + height:100%;
786 + min-width:350px;
787 + }
788 +
789 + .edit-widgets-editor__list-view-panel-content{
790 + height:calc(100% - 44px);
791 + overflow-y:auto;
792 + padding:8px;
793 + }
794 +
795 + .edit-widgets-editor__list-view-panel-header{
796 + align-items:center;
797 + border-bottom:1px solid #ddd;
798 + display:flex;
799 + height:48px;
800 + justify-content:space-between;
801 + padding-left:16px;
802 + padding-right:8px;
803 + }
804 +
805 + body.js.appearance_page_gutenberg-widgets,body.js.widgets-php{
806 + background:#fff;
807 + }
808 + body.js.appearance_page_gutenberg-widgets #wpcontent,body.js.widgets-php #wpcontent{
809 + padding-left:0;
810 + }
811 + body.js.appearance_page_gutenberg-widgets #wpbody-content,body.js.widgets-php #wpbody-content{
812 + padding-bottom:0;
813 + }
814 + body.js.appearance_page_gutenberg-widgets #wpbody-content>div:not(.blocks-widgets-container):not(#screen-meta),body.js.appearance_page_gutenberg-widgets #wpfooter,body.js.widgets-php #wpbody-content>div:not(.blocks-widgets-container):not(#screen-meta),body.js.widgets-php #wpfooter{
815 + display:none;
816 + }
817 + body.js.appearance_page_gutenberg-widgets .a11y-speak-region,body.js.widgets-php .a11y-speak-region{
818 + left:-1px;
819 + top:-1px;
820 + }
821 + body.js.appearance_page_gutenberg-widgets ul#adminmenu a.wp-has-current-submenu:after,body.js.appearance_page_gutenberg-widgets ul#adminmenu>li.current>a.current:after,body.js.widgets-php ul#adminmenu a.wp-has-current-submenu:after,body.js.widgets-php ul#adminmenu>li.current>a.current:after{
822 + border-right-color:#fff;
823 + }
824 + body.js.appearance_page_gutenberg-widgets .media-frame select.attachment-filters:last-of-type,body.js.widgets-php .media-frame select.attachment-filters:last-of-type{
825 + max-width:100%;
826 + width:auto;
827 + }
828 +
829 + .blocks-widgets-container{
830 + box-sizing:border-box;
831 + }
832 + .blocks-widgets-container *,.blocks-widgets-container :after,.blocks-widgets-container :before{
833 + box-sizing:inherit;
834 + }
835 + @media (min-width:600px){
836 + .blocks-widgets-container{
837 + bottom:0;
838 + left:0;
839 + min-height:calc(100vh - 46px);
840 + position:absolute;
841 + right:0;
842 + top:0;
843 + }
844 + }
845 + @media (min-width:782px){
846 + .blocks-widgets-container{
847 + min-height:calc(100vh - 32px);
848 + }
849 + }
850 + .blocks-widgets-container .interface-interface-skeleton__content{
851 + background-color:#f0f0f0;
852 + }
853 +
854 + .blocks-widgets-container .editor-styles-wrapper{
855 + margin:auto;
856 + max-width:700px;
857 + }
858 +
859 + .edit-widgets-sidebar .components-button.interface-complementary-area__pin-unpin-item{
860 + display:none;
861 + }
862 +
863 + .js .widgets-php .notice{
864 + display:none !important;
865 + }
866 +
867 + body.admin-color-light{
868 + --wp-admin-theme-color:#0085ba;
869 + --wp-admin-theme-color--rgb:0, 133, 186;
870 + --wp-admin-theme-color-darker-10:#0073a1;
871 + --wp-admin-theme-color-darker-10--rgb:0, 114.7661290323, 160.5;
872 + --wp-admin-theme-color-darker-20:#006187;
873 + --wp-admin-theme-color-darker-20--rgb:0, 96.5322580645, 135;
874 + --wp-admin-border-width-focus:2px;
875 + }
876 + @media (min-resolution:192dpi){
877 + body.admin-color-light{
878 + --wp-admin-border-width-focus:1.5px;
879 + }
880 + }
881 +
882 + body.admin-color-modern{
883 + --wp-admin-theme-color:#3858e9;
884 + --wp-admin-theme-color--rgb:56, 88, 233;
885 + --wp-admin-theme-color-darker-10:#2145e6;
886 + --wp-admin-theme-color-darker-10--rgb:33.0384615385, 68.7307692308, 230.4615384615;
887 + --wp-admin-theme-color-darker-20:#183ad6;
888 + --wp-admin-theme-color-darker-20--rgb:23.6923076923, 58.1538461538, 214.3076923077;
889 + --wp-admin-border-width-focus:2px;
890 + }
891 + @media (min-resolution:192dpi){
892 + body.admin-color-modern{
893 + --wp-admin-border-width-focus:1.5px;
894 + }
895 + }
896 +
897 + body.admin-color-blue{
898 + --wp-admin-theme-color:#096484;
899 + --wp-admin-theme-color--rgb:9, 100, 132;
900 + --wp-admin-theme-color-darker-10:#07526c;
901 + --wp-admin-theme-color-darker-10--rgb:7.3723404255, 81.914893617, 108.1276595745;
902 + --wp-admin-theme-color-darker-20:#064054;
903 + --wp-admin-theme-color-darker-20--rgb:5.7446808511, 63.829787234, 84.2553191489;
904 + --wp-admin-border-width-focus:2px;
905 + }
906 + @media (min-resolution:192dpi){
907 + body.admin-color-blue{
908 + --wp-admin-border-width-focus:1.5px;
909 + }
910 + }
911 +
912 + body.admin-color-coffee{
913 + --wp-admin-theme-color:#46403c;
914 + --wp-admin-theme-color--rgb:70, 64, 60;
915 + --wp-admin-theme-color-darker-10:#383330;
916 + --wp-admin-theme-color-darker-10--rgb:56.2692307692, 51.4461538462, 48.2307692308;
917 + --wp-admin-theme-color-darker-20:#2b2724;
918 + --wp-admin-theme-color-darker-20--rgb:42.5384615385, 38.8923076923, 36.4615384615;
919 + --wp-admin-border-width-focus:2px;
920 + }
921 + @media (min-resolution:192dpi){
922 + body.admin-color-coffee{
923 + --wp-admin-border-width-focus:1.5px;
924 + }
925 + }
926 +
927 + body.admin-color-ectoplasm{
928 + --wp-admin-theme-color:#523f6d;
929 + --wp-admin-theme-color--rgb:82, 63, 109;
930 + --wp-admin-theme-color-darker-10:#46365d;
931 + --wp-admin-theme-color-darker-10--rgb:69.8430232558, 53.6598837209, 92.8401162791;
932 + --wp-admin-theme-color-darker-20:#3a2c4d;
933 + --wp-admin-theme-color-darker-20--rgb:57.6860465116, 44.3197674419, 76.6802325581;
934 + --wp-admin-border-width-focus:2px;
935 + }
936 + @media (min-resolution:192dpi){
937 + body.admin-color-ectoplasm{
938 + --wp-admin-border-width-focus:1.5px;
939 + }
940 + }
941 +
942 + body.admin-color-midnight{
943 + --wp-admin-theme-color:#e14d43;
944 + --wp-admin-theme-color--rgb:225, 77, 67;
945 + --wp-admin-theme-color-darker-10:#dd382d;
946 + --wp-admin-theme-color-darker-10--rgb:221.4908256881, 56.1788990826, 45.0091743119;
947 + --wp-admin-theme-color-darker-20:#d02c21;
948 + --wp-admin-theme-color-darker-20--rgb:207.8348623853, 44.2201834862, 33.1651376147;
949 + --wp-admin-border-width-focus:2px;
950 + }
951 + @media (min-resolution:192dpi){
952 + body.admin-color-midnight{
953 + --wp-admin-border-width-focus:1.5px;
954 + }
955 + }
956 +
957 + body.admin-color-ocean{
958 + --wp-admin-theme-color:#627c83;
959 + --wp-admin-theme-color--rgb:98, 124, 131;
960 + --wp-admin-theme-color-darker-10:#576e74;
961 + --wp-admin-theme-color-darker-10--rgb:87.0873362445, 110.192139738, 116.4126637555;
962 + --wp-admin-theme-color-darker-20:#4c6066;
963 + --wp-admin-theme-color-darker-20--rgb:76.1746724891, 96.384279476, 101.8253275109;
964 + --wp-admin-border-width-focus:2px;
965 + }
966 + @media (min-resolution:192dpi){
967 + body.admin-color-ocean{
968 + --wp-admin-border-width-focus:1.5px;
969 + }
970 + }
971 +
972 + body.admin-color-sunrise{
973 + --wp-admin-theme-color:#dd823b;
974 + --wp-admin-theme-color--rgb:221, 130, 59;
975 + --wp-admin-theme-color-darker-10:#d97426;
976 + --wp-admin-theme-color-darker-10--rgb:216.8782608696, 116.1847826087, 37.6217391304;
977 + --wp-admin-theme-color-darker-20:#c36922;
978 + --wp-admin-theme-color-darker-20--rgb:195.147826087, 104.5434782609, 33.852173913;
979 + --wp-admin-border-width-focus:2px;
980 + }
981 + @media (min-resolution:192dpi){
982 + body.admin-color-sunrise{
983 + --wp-admin-border-width-focus:1.5px;
984 + }
985 + }