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