1/*! This file is auto-generated */
2#wpbody-content #dashboard-widgets.columns-1 .postbox-container {
3 width: 100%;
4}
5
6#wpbody-content #dashboard-widgets.columns-2 .postbox-container {
7 width: 49.5%;
8}
9
10#wpbody-content #dashboard-widgets.columns-2 #postbox-container-2,
11#wpbody-content #dashboard-widgets.columns-2 #postbox-container-3,
12#wpbody-content #dashboard-widgets.columns-2 #postbox-container-4 {
13 float: left;
14 width: 50.5%;
15}
16
17#wpbody-content #dashboard-widgets.columns-3 .postbox-container {
18 width: 33.5%;
19}
20
21#wpbody-content #dashboard-widgets.columns-3 #postbox-container-1 {
22 width: 33%;
23}
24
25#wpbody-content #dashboard-widgets.columns-3 #postbox-container-3,
26#wpbody-content #dashboard-widgets.columns-3 #postbox-container-4 {
27 float: left;
28}
29
30#wpbody-content #dashboard-widgets.columns-4 .postbox-container {
31 width: 25%;
32}
33
34#dashboard-widgets .postbox-container {
35 width: 25%;
36}
37
38#dashboard-widgets-wrap .columns-3 #postbox-container-4 .empty-container {
39 border: none !important;
40}
41
42#dashboard-widgets-wrap {
43 overflow: hidden;
44 margin: 0 -8px;
45}
46
47#dashboard-widgets .postbox .inside {
48 margin-bottom: 0;
49}
50
51#dashboard-widgets .meta-box-sortables {
52 display: flow-root; /* avoid margin collapsing between parent and first/last child elements */
53 /* Required min-height to make the jQuery UI Sortable drop zone work. */
54 min-height: 100px;
55 margin: 0 8px 20px;
56}
57
58#dashboard-widgets .postbox-container .empty-container {
59 outline: 3px dashed #c3c4c7;
60 height: 250px;
61}
62
63/* Only highlight drop zones when dragging and only in the 2 columns layout. */
64.is-dragging-metaboxes #dashboard-widgets .meta-box-sortables {
65 outline: 3px dashed #646970;
66 /* Prevent margin on the child from collapsing with margin on the parent. */
67 display: flow-root;
68}
69
70#dashboard-widgets .postbox-container .empty-container:after {
71 content: attr(data-emptystring);
72 margin: auto;
73 position: absolute;
74 top: 50%;
75 right: 0;
76 left: 0;
77 transform: translateY( -50% );
78 padding: 0 2em;
79 text-align: center;
80 color: #646970;
81 font-size: 16px;
82 line-height: 1.5;
83 display: none;
84}
85
86
87/* @todo: this was originally in this section, but likely belongs elsewhere */
88#the-comment-list td.comment p.comment-author {
89 margin-top: 0;
90 margin-right: 0;
91}
92
93#the-comment-list p.comment-author img {
94 float: right;
95 margin-left: 8px;
96}
97
98#the-comment-list p.comment-author strong a {
99 border: none;
100}
101
102#the-comment-list td {
103 vertical-align: top;
104}
105
106#the-comment-list td.comment {
107 word-wrap: break-word;
108}
109
110#the-comment-list td.comment img {
111 max-width: 100%;
112}
113
114/* Screen meta exception for when the "Dashboard" heading is missing or located below the Welcome Panel. */
115.index-php #screen-meta-links {
116 margin: 0 0 8px 20px;
117}
118
119/* Welcome Panel */
120.welcome-panel {
121 position: relative;
122 overflow: auto;
123 margin: 16px 0;
124 background-color: #151515;
125 font-size: 14px;
126 line-height: 1.3;
127 clear: both;
128}
129
130.welcome-panel h2 {
131 margin: 0;
132 font-size: 48px;
133 font-weight: 600;
134 line-height: 1.25;
135}
136
137.welcome-panel h3 {
138 margin: 0;
139 font-size: 20px;
140 font-weight: 400;
141 line-height: 1.4;
142}
143
144.welcome-panel p {
145 font-size: inherit;
146 line-height: inherit;
147}
148
149.welcome-panel-header {
150 position: relative;
151 color: #fff;
152}
153
154.welcome-panel-header-image {
155 position: absolute !important;
156 top: 0;
157 left: 0;
158 bottom: 0;
159 right: 0;
160 z-index: 0 !important;
161 overflow: hidden;
162}
163
164.welcome-panel-header-image svg {
165 display: block;
166 margin: auto;
167 width: 100%;
168 height: 100%;
169}
170
171.rtl .welcome-panel-header-image svg {
172 transform: scaleX(-1);
173}
174
175.welcome-panel-header * {
176 color: inherit;
177 position: relative;
178 z-index: 1;
179}
180
181.welcome-panel-header a:focus,
182.welcome-panel-header a:hover {
183 color: inherit;
184 text-decoration: none;
185}
186
187.welcome-panel-header a:focus,
188.welcome-panel .welcome-panel-close:focus {
189 outline-color: currentColor;
190 outline-offset: 1px;
191 box-shadow: none;
192}
193
194.welcome-panel-header p {
195 margin: 0.5em 0 0;
196 font-size: 20px;
197 line-height: 1.4;
198}
199
200.welcome-panel .welcome-panel-close {
201 position: absolute;
202 top: 10px;
203 left: 10px;
204 padding: 10px 24px 10px 15px;
205 font-size: 13px;
206 line-height: 1.23076923; /* Chrome rounding, needs to be 16px equivalent */
207 text-decoration: none;
208 z-index: 1; /* Raise above the version image. */
209}
210
211.welcome-panel .welcome-panel-close:before {
212 position: absolute;
213 top: 8px;
214 right: 0;
215 transition: all .1s ease-in-out;
216 content: '\f335';
217 font-size: 24px;
218 color: #fff;
219}
220
221.welcome-panel .welcome-panel-close {
222 color: #fff;
223}
224
225.welcome-panel .welcome-panel-close:hover,
226.welcome-panel .welcome-panel-close:focus,
227.welcome-panel .welcome-panel-close:hover::before,
228.welcome-panel .welcome-panel-close:focus::before {
229 color: #fff972;
230}
231
232/* @deprecated 5.9.0 -- Button removed from panel. */
233.wp-core-ui .welcome-panel .button.button-hero {
234 margin: 15px 0 3px 13px;
235 padding: 12px 36px;
236 height: auto;
237 line-height: 1.4285714;
238 white-space: normal;
239}
240
241.welcome-panel-content {
242 min-height: 400px;
243 display: flex;
244 flex-direction: column;
245 justify-content: space-between;
246}
247
248.welcome-panel-header {
249 box-sizing: border-box;
250 margin-right: auto;
251 margin-left: auto;
252 max-width: 1500px;
253 width: 100%;
254 padding: 48px 48px 80px 0;
255}
256
257.welcome-panel .welcome-panel-column-container {
258 box-sizing: border-box;
259 width: 100%;
260 clear: both;
261 display: grid;
262 z-index: 1;
263 padding: 48px;
264 grid-template-columns: repeat(3, 1fr);
265 gap: 32px;
266 align-self: flex-end;
267 background: #fff;
268}
269
270[class*="welcome-panel-icon"] {
271 height: 60px;
272 width: 60px;
273 background-position: center;
274 background-size: 24px 24px;
275 background-repeat: no-repeat;
276 border-radius: 100%;
277}
278
279.welcome-panel-column > svg {
280 margin-top: 4px;
281}
282
283.welcome-panel-column {
284 display: grid;
285 grid-template-columns: min-content 1fr;
286 gap: 24px;
287}
288
289.welcome-panel-icon-pages {
290 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M7 13.8h6v-1.5H7v1.5zM18 16V4c0-1.1-.9-2-2-2H6c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2zM5.5 16V4c0-.3.2-.5.5-.5h10c.3 0 .5.2.5.5v12c0 .3-.2.5-.5.5H6c-.3 0-.5-.2-.5-.5zM7 10.5h8V9H7v1.5zm0-3.3h8V5.8H7v1.4zM20.2 6v13c0 .7-.6 1.2-1.2 1.2H8v1.5h11c1.5 0 2.7-1.2 2.7-2.8V6h-1.5z' /%3E%3C/svg%3E");
291}
292
293.welcome-panel-icon-layout {
294 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M18 5.5H6a.5.5 0 00-.5.5v3h13V6a.5.5 0 00-.5-.5zm.5 5H10v8h8a.5.5 0 00.5-.5v-7.5zm-10 0h-3V18a.5.5 0 00.5.5h2.5v-8zM6 4h12a2 2 0 012 2v12a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2z' /%3E%3C/svg%3E");
295}
296
297.welcome-panel-icon-styles {
298 background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M12 4c-4.4 0-8 3.6-8 8v.1c0 4.1 3.2 7.5 7.2 7.9h.8c4.4 0 8-3.6 8-8s-3.6-8-8-8zm0 15V5c3.9 0 7 3.1 7 7s-3.1 7-7 7z' /%3E%3C/svg%3E");
299}
300
301/* @deprecated 5.9.0 -- Section removed from welcome panel. */
302.welcome-panel .welcome-widgets-menus {
303 line-height: 1.14285714;
304}
305
306/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
307.welcome-panel .welcome-panel-column ul {
308 margin: 0.8em 0 1em 1em;
309}
310
311/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
312.welcome-panel li {
313 font-size: 14px;
314}
315
316/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
317.welcome-panel li a {
318 text-decoration: none;
319}
320
321/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
322.welcome-panel .welcome-panel-column li {
323 line-height: 1.14285714;
324 list-style-type: none;
325 padding: 0 0 8px;
326}
327
328/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
329.welcome-panel .welcome-icon {
330 background: transparent !important;
331}
332
333/* Welcome Panel and Right Now common Icons style */
334
335/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
336.welcome-panel .welcome-icon:before,
337#dashboard_right_now li a:before,
338#dashboard_right_now li span:before,
339#dashboard_right_now .search-engines-info:before {
340 color: #646970;
341 font: normal 20px/1 dashicons;
342 display: inline-block;
343 padding: 0 0 0 10px;
344 position: relative;
345 -webkit-font-smoothing: antialiased;
346 -moz-osx-font-smoothing: grayscale;
347 text-decoration: none !important;
348 vertical-align: top;
349}
350
351/* Welcome Panel specific Icons styles */
352
353/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
354.welcome-panel .welcome-write-blog:before,
355.welcome-panel .welcome-edit-page:before {
356 content: "\f119";
357 content: "\f119" / '';
358 top: -3px;
359}
360
361/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
362.welcome-panel .welcome-add-page:before {
363 content: "\f132";
364 content: "\f132" / '';
365 top: -1px;
366}
367
368/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
369.welcome-panel .welcome-setup-home:before {
370 content: "\f102";
371 content: "\f102" / '';
372 top: -1px;
373}
374
375/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
376.welcome-panel .welcome-view-site:before {
377 content: "\f115";
378 content: "\f115" / '';
379 top: -2px;
380}
381
382/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
383.welcome-panel .welcome-widgets-menus:before {
384 content: "\f116";
385 content: "\f116" / '';
386 top: -2px;
387}
388
389/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
390.welcome-panel .welcome-widgets:before {
391 content: "\f538";
392 content: "\f538" / '';
393 top: -2px;
394}
395
396/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
397.welcome-panel .welcome-menus:before {
398 content: "\f163";
399 content: "\f163" / '';
400 top: -2px;
401}
402
403/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
404.welcome-panel .welcome-comments:before {
405 content: "\f117";
406 content: "\f117" / '';
407 top: -1px;
408}
409
410/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
411.welcome-panel .welcome-learn-more:before {
412 content: "\f118";
413 content: "\f118" / '';
414 top: -1px;
415}
416
417/* Right Now specific Icons styles */
418
419#dashboard_right_now .search-engines-info:before,
420#dashboard_right_now li a:before,
421#dashboard_right_now li > span:before { /* get only the first level span to exclude screen-reader-text in mu-storage */
422 padding: 0 0 0 5px;
423 /* generic icon for items added by CPTs ? */
424 content: "\f159";
425 content: "\f159" / '';
426}
427
428#dashboard_right_now .page-count a:before,
429#dashboard_right_now .page-count span:before {
430 content: "\f105";
431 content: "\f105" / '';
432}
433
434#dashboard_right_now .post-count a:before,
435#dashboard_right_now .post-count span:before {
436 content: "\f109";
437 content: "\f109" / '';
438}
439
440#dashboard_right_now .comment-count a:before {
441 content: "\f101";
442 content: "\f101" / '';
443}
444
445#dashboard_right_now .comment-mod-count a:before {
446 content: "\f125";
447 content: "\f125" / '';
448}
449
450#dashboard_right_now .storage-count a:before {
451 content: "\f104";
452 content: "\f104" / '';
453}
454
455#dashboard_right_now .storage-count.warning a:before {
456 content: "\f153";
457 content: "\f153" / '';
458}
459
460#dashboard_right_now .search-engines-info:before {
461 content: "\f348";
462 content: "\f348" / '';
463 color: #d63638;
464}
465
466/* Dashboard WordPress events */
467
468.community-events-errors {
469 margin: 0;
470}
471
472.community-events-loading {
473 padding: 10px 12px 8px;
474}
475
476.community-events {
477 margin-bottom: 6px;
478 padding: 0 12px;
479}
480
481.community-events .spinner {
482 float: none;
483 margin: 5px 2px 0;
484 vertical-align: top;
485}
486
487.community-events-errors[aria-hidden="true"],
488.community-events-errors [aria-hidden="true"],
489.community-events-loading[aria-hidden="true"],
490.community-events[aria-hidden="true"],
491.community-events form[aria-hidden="true"] {
492 display: none;
493}
494
495.community-events .activity-block:first-child,
496.community-events h2 {
497 padding-top: 12px;
498 padding-bottom: 10px;
499}
500
501.community-events-form {
502 margin: 15px 0 5px;
503}
504
505.community-events-form .regular-text {
506 width: 40%;
507 height: 29px;
508 margin: 0;
509 vertical-align: top;
510}
511
512.community-events li.event-none {
513 border-right: 4px solid #72aee6;
514}
515
516#dashboard-widgets .community-events li.event-none a {
517 text-decoration: underline;
518}
519
520.community-events-form label {
521 display: inline-block;
522 vertical-align: top;
523 line-height: 2.15384615;
524 height: 28px;
525}
526
527.community-events .activity-block > p {
528 margin-bottom: 0;
529 display: inline;
530}
531
532.community-events-toggle-location {
533 vertical-align: middle;
534}
535
536#community-events-submit {
537 margin-right: 3px;
538 margin-left: 3px;
539}
540
541/* Needs higher specificity than #dashboard-widgets .button-link */
542#dashboard-widgets .community-events-cancel.button-link {
543 vertical-align: top;
544 /* Same properties as the submit button for cross-browsers alignment. */
545 line-height: 2;
546 height: 28px;
547 text-decoration: underline;
548}
549
550.community-events ul {
551 background-color: #f6f7f7;
552 padding-right: 0;
553 padding-left: 0;
554 padding-bottom: 0;
555}
556
557.community-events li {
558 margin: 0;
559 padding: 8px 12px;
560 color: #2c3338;
561}
562.community-events li:first-child {
563 border-top: 1px solid #f0f0f1;
564}
565
566.community-events li ~ li {
567 border-top: 1px solid #f0f0f1;
568}
569
570.community-events .activity-block.last {
571 border-bottom: 1px solid #f0f0f1;
572 padding-top: 0;
573 margin-top: -1px;
574}
575
576.community-events .event-info {
577 display: block;
578}
579
580.community-events .ce-separator::before {
581 content: "\2022";
582 content: "\2022" / '';
583}
584
585.event-icon {
586 height: 18px;
587 padding-left: 10px;
588 width: 18px;
589 display: none; /* Hide on smaller screens */
590}
591
592.event-icon:before {
593 color: #646970;
594 font-size: 18px;
595}
596.event-meetup .event-icon:before {
597 content: "\f484";
598 content: "\f484" / '';
599}
600.event-wordcamp .event-icon:before {
601 content: "\f486";
602 content: "\f486" / '';
603}
604
605.community-events .event-title {
606 font-weight: 600;
607 display: block;
608}
609
610.community-events .event-date,
611.community-events .event-time {
612 display: block;
613}
614
615.community-events-footer {
616 margin-top: 0;
617 margin-bottom: 0;
618 padding: 12px;
619 border-top: 1px solid #f0f0f1;
620 color: #dcdcde;
621}
622
623/* Safari 10 + VoiceOver specific: without this, the hidden text gets read out before the link. */
624.community-events-footer .screen-reader-text {
625 height: inherit;
626 white-space: nowrap;
627}
628
629/* Dashboard WordPress news */
630
631#dashboard_primary .inside {
632 margin: 0;
633 padding: 0;
634}
635
636#dashboard_primary .widget-loading {
637 padding: 12px 12px 0;
638 margin-bottom: 1em !important; /* Needs to override `.postbox .inside > p:last-child` in common.css */
639}
640
641/* Notice when JS is off. */
642#dashboard_primary .inside .notice {
643 margin: 0;
644}
645
646body #dashboard-widgets .postbox form .submit {
647 margin: 0;
648}
649
650/* Used only for configurable widgets. */
651.dashboard-widget-control-form p {
652 margin-top: 0;
653}
654
655.rssSummary {
656 color: #646970;
657 margin-top: 4px;
658}
659
660#dashboard_primary .rss-widget {
661 font-size: 13px;
662 padding: 0 12px;
663}
664
665#dashboard_primary .rss-widget:last-child {
666 border-bottom: none;
667 padding-bottom: 8px;
668}
669
670#dashboard_primary .rss-widget a {
671 font-weight: 400;
672}
673
674#dashboard_primary .rss-widget span,
675#dashboard_primary .rss-widget span.rss-date {
676 color: #646970;
677}
678
679#dashboard_primary .rss-widget span.rss-date {
680 margin-right: 12px;
681}
682
683#dashboard_primary .rss-widget ul li {
684 padding: 4px 0;
685 margin: 0;
686}
687
688/* Dashboard right now */
689
690#dashboard_right_now ul {
691 margin: 0;
692 /* contain floats but don't use overflow: hidden */
693 display: inline-block;
694 width: 100%;
695}
696
697#dashboard_right_now li {
698 width: 50%;
699 float: right;
700 margin-bottom: 10px;
701}
702
703#dashboard_right_now .inside {
704 padding: 0;
705}
706
707#dashboard_right_now .main {
708 padding: 0 12px 11px;
709}
710
711#dashboard_right_now .main p {
712 margin: 0;
713}
714
715#dashboard_right_now #wp-version-message .button {
716 float: left;
717 position: relative;
718 top: -5px;
719 margin-right: 5px;
720}
721
722#dashboard_right_now p.search-engines-info {
723 margin: 1em 0;
724}
725
726.mu-storage {
727 overflow: hidden;
728}
729
730#dashboard-widgets h3.mu-storage {
731 margin: 0 0 10px;
732 padding: 0;
733 font-size: 14px;
734 font-weight: 400;
735}
736
737#network_dashboard_right_now p input {
738 margin: 2px 1px;
739 vertical-align: middle;
740}
741
742/* Dashboard right now - Colors */
743
744#dashboard_right_now .sub {
745 color: #50575e;
746 background: #f6f7f7;
747 border-top: 1px solid #f0f0f1;
748 padding: 10px 12px 6px;
749}
750
751#dashboard_right_now .sub h3 {
752 color: #50575e;
753}
754
755#dashboard_right_now .sub p {
756 margin: 0 0 1em;
757}
758
759#dashboard_right_now .warning a:before,
760#dashboard_right_now .warning span:before {
761 color: #d63638;
762}
763
764/* Dashboard Quick Draft */
765
766#dashboard_quick_press .inside {
767 margin: 0;
768 padding: 0;
769}
770
771#dashboard_quick_press div.updated {
772 margin-bottom: 10px;
773 border: 1px solid #f0f0f1;
774 border-width: 1px 0 1px 1px;
775}
776
777#dashboard_quick_press form {
778 margin: 12px;
779}
780
781#dashboard_quick_press .drafts {
782 padding: 10px 0 0;
783}
784
785/* Dashboard Quick Draft - Form styling */
786
787#dashboard_quick_press label {
788 display: inline-block;
789 margin-bottom: 4px;
790}
791
792#dashboard_quick_press input,
793#dashboard_quick_press textarea {
794 box-sizing: border-box;
795 margin: 0;
796}
797
798#dashboard-widgets .postbox form .submit {
799 margin: -39px 0;
800 float: left;
801}
802
803#description-wrap {
804 margin-top: 12px;
805}
806
807#quick-press textarea#content {
808 min-height: 90px;
809 max-height: 1300px;
810 margin: 0 0 8px;
811 padding: 6px 7px;
812 resize: none;
813}
814
815/* Dashboard Quick Draft - Drafts list */
816
817.js #dashboard_quick_press .drafts {
818 border-top: 1px solid #f0f0f1;
819}
820
821#dashboard_quick_press .drafts abbr {
822 border: none;
823}
824
825#dashboard_quick_press .drafts .view-all {
826 float: left;
827 margin: 0 0 0 12px;
828}
829
830#dashboard_primary a.rsswidget {
831 font-weight: 400;
832}
833
834#dashboard_quick_press .drafts ul {
835 margin: 0 12px;
836}
837
838#dashboard_quick_press .drafts li {
839 margin-bottom: 1em;
840}
841#dashboard_quick_press .drafts li time {
842 color: #646970;
843}
844
845#dashboard_quick_press .drafts p {
846 margin: 0;
847 word-wrap: break-word;
848}
849
850#dashboard_quick_press .draft-title {
851 word-wrap: break-word;
852}
853
854#dashboard_quick_press .draft-title a,
855#dashboard_quick_press .draft-title time {
856 margin: 0 0 0 5px;
857}
858
859/* Dashboard common styles */
860
861#dashboard-widgets h4, /* Back-compat for pre-4.4 */
862#dashboard-widgets h3,
863#dashboard_quick_press .drafts h2 {
864 margin: 0 12px 8px;
865 padding: 0;
866 font-size: 14px;
867 font-weight: 400;
868 color: #1d2327;
869}
870
871#dashboard_quick_press .drafts h2 {
872 line-height: inherit;
873}
874
875#dashboard-widgets .inside h4, /* Back-compat for pre-4.4 */
876#dashboard-widgets .inside h3 {
877 margin-right: 0;
878 margin-left: 0;
879}
880
881/* Dashboard activity widget */
882
883#dashboard_activity .comment-meta span.approve:before {
884 content: "\f227";
885 content: "\f227" / '';
886 font: 20px/.5 dashicons;
887 margin-right: 5px;
888 vertical-align: middle;
889 position: relative;
890 top: -1px;
891 margin-left: 2px;
892}
893
894#dashboard_activity .inside {
895 margin: 0;
896 padding-bottom: 0;
897}
898
899#dashboard_activity .no-activity {
900 overflow: hidden;
901 padding: 12px 0;
902 text-align: center;
903}
904
905#dashboard_activity .no-activity p {
906 color: #646970;
907 font-size: 16px;
908}
909
910#dashboard_activity .subsubsub {
911 float: none;
912 border-top: 1px solid #f0f0f1;
913 margin: 0 -12px;
914 padding: 8px 12px 4px;
915}
916
917#dashboard_activity .subsubsub a .count,
918#dashboard_activity .subsubsub a.current .count {
919 color: #646970; /* white background on the dashboard but #f0f0f1 on list tables */
920}
921
922#future-posts ul,
923#published-posts ul {
924 margin: 8px -12px 0 -12px;
925}
926
927#future-posts li,
928#published-posts li {
929 display: grid;
930 grid-template-columns: clamp(160px, calc(2vw + 140px), 200px) auto;
931 column-gap: 10px;
932 color: #646970;
933 padding: 4px 12px;
934}
935
936#future-posts li:nth-child(odd),
937#published-posts li:nth-child(odd) {
938 background-color: #f6f7f7;
939}
940
941.activity-block {
942 border-bottom: 1px solid #f0f0f1;
943 margin: 0 -12px 6px -12px;
944 padding: 8px 12px 4px;
945}
946
947.activity-block:last-child {
948 border-bottom: none;
949 margin-bottom: 0;
950}
951
952.activity-block .subsubsub li {
953 color: #dcdcde;
954}
955
956/* Dashboard activity widget - Comments */
957/* @todo: needs serious de-duplication */
958
959#activity-widget #the-comment-list tr.undo,
960#activity-widget #the-comment-list div.undo {
961 background: none;
962 padding: 6px 0;
963 margin-right: 12px;
964}
965
966#activity-widget #the-comment-list .comment-item {
967 background: #f6f7f7;
968 padding: 12px;
969 position: relative;
970}
971
972#activity-widget #the-comment-list .avatar {
973 position: absolute;
974 top: 12px;
975}
976
977#activity-widget #the-comment-list .dashboard-comment-wrap.has-avatar {
978 padding-right: 63px;
979}
980
981#activity-widget #the-comment-list .dashboard-comment-wrap blockquote {
982 margin: 1em 0;
983}
984
985#activity-widget #the-comment-list .comment-item p.row-actions {
986 margin: 4px 0 0;
987}
988
989#activity-widget #the-comment-list .comment-item:first-child {
990 border-top: 1px solid #f0f0f1;
991}
992
993#activity-widget #the-comment-list .unapproved {
994 background-color: #fcf9e8;
995}
996
997#activity-widget #the-comment-list .unapproved:before {
998 content: "";
999 display: block;
1000 position: absolute;
1001 right: 0;
1002 top: 0;
1003 bottom: 0;
1004 background: #d63638;
1005 width: 4px;
1006}
1007
1008#activity-widget #the-comment-list .spam-undo-inside .avatar,
1009#activity-widget #the-comment-list .trash-undo-inside .avatar {
1010 position: relative;
1011 top: 0;
1012}
1013
1014/* Browse happy box */
1015
1016#dashboard-widgets #dashboard_browser_nag.postbox .inside {
1017 margin: 10px;
1018}
1019
1020.postbox .button-link .edit-box {
1021 display: none;
1022}
1023
1024.edit-box {
1025 opacity: 0;
1026}
1027
1028.hndle:hover .edit-box,
1029.edit-box:focus {
1030 opacity: 1;
1031}
1032
1033#dashboard-widgets form .input-text-wrap input {
1034 width: 100%;
1035}
1036
1037#dashboard-widgets form .textarea-wrap textarea {
1038 width: 100%;
1039}
1040
1041#dashboard-widgets .postbox form .submit {
1042 float: none;
1043 margin: .5em 0 0;
1044 padding: 0;
1045 border: none;
1046}
1047
1048#dashboard-widgets-wrap #dashboard-widgets .postbox form .submit #publish {
1049 min-width: 0;
1050}
1051
1052#dashboard-widgets li a,
1053#dashboard-widgets .button-link,
1054.community-events-footer a {
1055 text-decoration: none;
1056}
1057
1058#dashboard-widgets h2 a {
1059 text-decoration: underline;
1060}
1061
1062#dashboard-widgets .hndle .postbox-title-action {
1063 float: left;
1064 line-height: 1.2;
1065}
1066
1067#dashboard_plugins h5 {
1068 font-size: 14px;
1069}
1070
1071/* Recent Comments */
1072
1073#latest-comments #the-comment-list {
1074 position: relative;
1075 margin: 0 -12px;
1076}
1077
1078#activity-widget #the-comment-list .comment,
1079#activity-widget #the-comment-list .pingback {
1080 box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06);
1081}
1082
1083#activity-widget .comments #the-comment-list .alt {
1084 background-color: transparent;
1085}
1086
1087#activity-widget #latest-comments #the-comment-list .comment-item {
1088 /* the row-actions paragraph is output only for users with 'edit_comment' capabilities,
1089 for other users this needs a min height equal to the gravatar image */
1090 min-height: 50px;
1091 margin: 0;
1092 padding: 12px;
1093}
1094
1095#latest-comments #the-comment-list .pingback {
1096 padding-right: 12px !important;
1097}
1098
1099#latest-comments #the-comment-list .comment-item:first-child {
1100 border-top: none;
1101}
1102
1103#latest-comments #the-comment-list .comment-meta {
1104 line-height: 1.5;
1105 margin: 0;
1106 color: #646970;
1107}
1108
1109#latest-comments #the-comment-list .comment-meta cite {
1110 font-style: normal;
1111 font-weight: 400;
1112}
1113
1114#latest-comments #the-comment-list .comment-item blockquote,
1115#latest-comments #the-comment-list .comment-item blockquote p {
1116 margin: 0;
1117 padding: 0;
1118 display: inline;
1119}
1120
1121#latest-comments #the-comment-list .comment-item p.row-actions {
1122 margin: 3px 0 0;
1123 padding: 0;
1124 font-size: 13px;
1125}
1126
1127/* Feeds */
1128.rss-widget ul {
1129 margin: 0;
1130 padding: 0;
1131 list-style: none;
1132}
1133
1134a.rsswidget {
1135 font-size: 13px;
1136 font-weight: 600;
1137 line-height: 1.4;
1138}
1139
1140.rss-widget ul li {
1141 line-height: 1.5;
1142 margin-bottom: 12px;
1143}
1144
1145.rss-widget span.rss-date {
1146 color: #646970;
1147 font-size: 13px;
1148 margin-right: 3px;
1149}
1150
1151.rss-widget cite {
1152 display: block;
1153 text-align: left;
1154 margin: 0 0 1em;
1155 padding: 0;
1156}
1157
1158.rss-widget cite:before {
1159 content: "\2014";
1160 content: "\2014" / '';
1161}
1162
1163.dashboard-comment-wrap {
1164 word-wrap: break-word;
1165}
1166
1167/* Browser Nag */
1168#dashboard_browser_nag a.update-browser-link {
1169 font-size: 1.2em;
1170 font-weight: 600;
1171}
1172
1173#dashboard_browser_nag a {
1174 text-decoration: underline;
1175}
1176
1177#dashboard_browser_nag p.browser-update-nag.has-browser-icon {
1178 padding-left: 128px;
1179}
1180
1181#dashboard_browser_nag .browser-icon {
1182 margin-top: -32px;
1183}
1184
1185#dashboard_browser_nag.postbox {
1186 background-color: #b32d2e;
1187 background-image: none;
1188 border-color: #b32d2e;
1189 color: #fff;
1190 box-shadow: none;
1191}
1192
1193#dashboard_browser_nag.postbox h2 {
1194 border-bottom-color: transparent;
1195 background: transparent none;
1196 color: #fff;
1197 box-shadow: none;
1198}
1199
1200#dashboard_browser_nag a {
1201 color: #fff;
1202}
1203
1204#dashboard_browser_nag.postbox .postbox-header {
1205 border-color: transparent;
1206}
1207
1208#dashboard_browser_nag h2.hndle {
1209 border: none;
1210 font-weight: 600;
1211 font-size: 20px;
1212 padding-top: 10px;
1213}
1214
1215.postbox#dashboard_browser_nag p a.dismiss {
1216 font-size: 14px;
1217}
1218
1219.postbox#dashboard_browser_nag p,
1220.postbox#dashboard_browser_nag a,
1221.postbox#dashboard_browser_nag p.browser-update-nag {
1222 font-size: 16px;
1223}
1224
1225/* PHP Nag */
1226#dashboard_php_nag .dashicons-warning {
1227 color: #dba617;
1228 padding-left: 6px;
1229}
1230
1231#dashboard_php_nag.php-no-security-updates .dashicons-warning,
1232#dashboard_php_nag.php-version-lower-than-future-minimum .dashicons-warning {
1233 color: #d63638;
1234}
1235
1236#dashboard_php_nag h2 {
1237 display: inline-block;
1238}
1239
1240#dashboard_php_nag p {
1241 margin: 12px 0;
1242}
1243
1244#dashboard_php_nag .button .dashicons-external {
1245 line-height: 25px;
1246}
1247
1248.bigger-bolder-text {
1249 font-weight: 600;
1250 font-size: 14px;
1251}
1252
1253/* =Media Queries
1254-------------------------------------------------------------- */
1255
1256@media only screen and (min-width: 1600px) {
1257 .welcome-panel .welcome-panel-column-container {
1258 display: flex;
1259 justify-content: center;
1260 }
1261
1262 .welcome-panel-column {
1263 width: 100%;
1264 max-width: 460px;
1265 }
1266}
1267
1268/* one column on the dash */
1269@media only screen and (max-width: 799px) {
1270 #wpbody-content #dashboard-widgets .postbox-container {
1271 width: 100%;
1272 }
1273
1274 #dashboard-widgets .meta-box-sortables {
1275 min-height: 0;
1276 }
1277
1278 .is-dragging-metaboxes #dashboard-widgets .meta-box-sortables {
1279 min-height: 100px;
1280 }
1281
1282 #dashboard-widgets .meta-box-sortables.empty-container {
1283 margin-bottom: 0;
1284 }
1285}
1286
1287/* two columns on the dash, but keep the setting if one is selected */
1288@media only screen and (min-width: 800px) and (max-width: 1499px) {
1289 #wpbody-content #dashboard-widgets .postbox-container {
1290 width: 49.5%;
1291 }
1292
1293 #wpbody-content #dashboard-widgets #postbox-container-2,
1294 #wpbody-content #dashboard-widgets #postbox-container-3,
1295 #wpbody-content #dashboard-widgets #postbox-container-4 {
1296 float: left;
1297 width: 50.5%;
1298 }
1299
1300 #dashboard-widgets #postbox-container-3 .empty-container,
1301 #dashboard-widgets #postbox-container-4 .empty-container {
1302 outline: none;
1303 height: 0;
1304 min-height: 0;
1305 margin-bottom: 0;
1306 }
1307
1308 #dashboard-widgets #postbox-container-3 .empty-container:after,
1309 #dashboard-widgets #postbox-container-4 .empty-container:after {
1310 display: none;
1311 }
1312
1313 #wpbody #wpbody-content #dashboard-widgets.columns-1 .postbox-container {
1314 width: 100%;
1315 }
1316
1317 #wpbody #dashboard-widgets .metabox-holder.columns-1 .postbox-container .empty-container {
1318 outline: none;
1319 height: 0;
1320 min-height: 0;
1321 margin-bottom: 0;
1322 }
1323
1324 /* show the radio buttons for column prefs only for one or two columns */
1325 .index-php .screen-layout,
1326 .index-php .columns-prefs {
1327 display: block;
1328 }
1329
1330 .columns-prefs .columns-prefs-3,
1331 .columns-prefs .columns-prefs-4 {
1332 display: none;
1333 }
1334
1335 #dashboard-widgets .postbox-container .empty-container:after {
1336 display: block;
1337 }
1338}
1339
1340/* three columns on the dash */
1341@media only screen and (min-width: 1500px) and (max-width: 1800px) {
1342 #wpbody-content #dashboard-widgets .postbox-container {
1343 width: 33.5%;
1344 }
1345
1346 #wpbody-content #dashboard-widgets #postbox-container-1 {
1347 width: 33%;
1348 }
1349
1350 #wpbody-content #dashboard-widgets #postbox-container-3,
1351 #wpbody-content #dashboard-widgets #postbox-container-4 {
1352 float: left;
1353 }
1354
1355 #dashboard-widgets #postbox-container-4 .empty-container {
1356 outline: none;
1357 height: 0;
1358 min-height: 0;
1359 margin-bottom: 0;
1360 }
1361
1362 #dashboard-widgets #postbox-container-4 .empty-container:after {
1363 display: none;
1364 }
1365
1366 #dashboard-widgets .postbox-container .empty-container:after {
1367 display: block;
1368 }
1369}
1370
1371/* Always show the "Drag boxes here" CSS generated content on large screens. */
1372@media only screen and (min-width: 1801px) {
1373 #dashboard-widgets .postbox-container .empty-container:after {
1374 display: block;
1375 }
1376}
1377
1378@media screen and (max-width: 870px) {
1379 /* @deprecated 5.9.0 -- Lists removed from welcome panel. */
1380 .welcome-panel .welcome-panel-column li {
1381 display: inline-block;
1382 margin-left: 13px;
1383 }
1384
1385 /* @deprecated 5.9.0 -- Lists removed from welcome panel. */
1386 .welcome-panel .welcome-panel-column ul {
1387 margin: 0.4em 0 0;
1388 }
1389
1390}
1391
1392@media screen and (max-width: 1180px) and (min-width: 783px) {
1393 .welcome-panel-column {
1394 grid-template-columns: 1fr;
1395 }
1396
1397 [class*="welcome-panel-icon"],
1398 .welcome-panel-column > svg {
1399 display: none;
1400 }
1401}
1402
1403@media screen and (max-width: 782px) {
1404 .welcome-panel .welcome-panel-column-container {
1405 grid-template-columns: 1fr;
1406 box-sizing: border-box;
1407 padding: 32px;
1408 width: 100%;
1409 }
1410
1411 .welcome-panel .welcome-panel-column-content {
1412 max-width: 520px;
1413 }
1414
1415 /* Keep the close icon from overlapping the Welcome text. */
1416 .welcome-panel .welcome-panel-close {
1417 overflow: hidden;
1418 text-indent: 40px;
1419 white-space: nowrap;
1420 width: 20px;
1421 height: 20px;
1422 padding: 5px;
1423 top: 5px;
1424 left: 5px;
1425 }
1426
1427 .welcome-panel .welcome-panel-close::before {
1428 top: 5px;
1429 right: -35px;
1430 }
1431
1432 #dashboard-widgets h2 {
1433 padding: 12px;
1434 }
1435
1436 #dashboard_recent_comments #the-comment-list .comment-item .avatar {
1437 height: 30px;
1438 width: 30px;
1439 margin: 4px 0 5px 10px;
1440 }
1441
1442 .community-events-toggle-location {
1443 height: 38px;
1444 vertical-align: baseline;
1445 }
1446
1447 .community-events-form .regular-text {
1448 height: 32px;
1449 }
1450
1451 #community-events-submit {
1452 margin-bottom: 0;
1453 /* Override .wp-core-ui .button */
1454 vertical-align: top;
1455 }
1456
1457 .community-events-form label,
1458 #dashboard-widgets .community-events-cancel.button-link {
1459 /* Same properties as the submit button for cross-browsers alignment. */
1460 font-size: 14px;
1461 line-height: normal;
1462 height: auto;
1463 padding: 6px 0;
1464 border: 1px solid transparent;
1465 }
1466
1467 .community-events .spinner {
1468 margin-top: 7px;
1469 }
1470}
1471
1472/* Smartphone */
1473@media screen and (max-width: 600px) {
1474 .welcome-panel-header {
1475 padding: 32px 32px 64px;
1476 }
1477
1478 .welcome-panel-header-image {
1479 display: none;
1480 }
1481}
1482
1483@media screen and (max-width: 480px) {
1484 .welcome-panel-column {
1485 gap: 16px;
1486 }
1487}
1488
1489@media screen and (max-width: 360px) {
1490 .welcome-panel-column {
1491 grid-template-columns: 1fr;
1492 }
1493
1494 [class*="welcome-panel-icon"],
1495 .welcome-panel-column > svg {
1496 display: none;
1497 }
1498}
1499
1500@media screen and (min-width: 355px) {
1501 .community-events .event-info {
1502 display: table-row;
1503 float: right;
1504 max-width: 59%;
1505 }
1506
1507 .event-icon,
1508 .event-icon[aria-hidden="true"] {
1509 display: table-cell;
1510 }
1511
1512 .event-info-inner {
1513 display: table-cell;
1514 }
1515
1516 .community-events .event-date-time {
1517 float: left;
1518 max-width: 39%;
1519 }
1520
1521 .community-events .event-date,
1522 .community-events .event-time {
1523 text-align: left;
1524 }
1525}
1526