1 #wpbody-content #dashboard-widgets.columns-1 .postbox-container {
5 #wpbody-content #dashboard-widgets.columns-2 .postbox-container {
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 {
16 #wpbody-content #dashboard-widgets.columns-3 .postbox-container {
20 #wpbody-content #dashboard-widgets.columns-3 #postbox-container-1 {
24 #wpbody-content #dashboard-widgets.columns-3 #postbox-container-3,
25 #wpbody-content #dashboard-widgets.columns-3 #postbox-container-4 {
29 #wpbody-content #dashboard-widgets.columns-4 .postbox-container {
33 #dashboard-widgets .postbox-container {
37 #dashboard-widgets-wrap .columns-3 #postbox-container-4 .empty-container {
38 border: none !important;
41 .ie8 #wpbody-content #dashboard-widgets .postbox-container {
45 .ie8 #wpbody-content #dashboard-widgets #postbox-container-2,
46 .ie8 #wpbody-content #dashboard-widgets #postbox-container-3,
47 .ie8 #wpbody-content #dashboard-widgets #postbox-container-4 {
52 .ie8 #dashboard-widgets #postbox-container-3 .empty-container,
53 .ie8 #dashboard-widgets #postbox-container-4 .empty-container {
59 #dashboard-widgets-wrap {
64 #dashboard-widgets .postbox .inside {
68 #dashboard-widgets .meta-box-sortables {
73 /* @todo: this was originally in this section, but likely belongs elsewhere */
74 #the-comment-list td.comment p.comment-author {
79 #the-comment-list p.comment-author img {
84 #the-comment-list p.comment-author strong a {
88 #the-comment-list td {
92 #the-comment-list td.comment {
93 word-wrap: break-word;
96 #the-comment-list td.comment img {
105 padding: 23px 10px 0;
106 border: 1px solid #e5e5e5;
107 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
108 box-shadow: 0 1px 1px rgba(0,0,0,0.04);
135 text-decoration: none;
138 .welcome-panel .about-description {
143 .welcome-panel .welcome-panel-close {
147 padding: 10px 21px 10px 15px;
149 line-height: 1.23076923; /* Chrome rounding, needs to be 16px equivalent */
150 text-decoration: none;
153 .welcome-panel .welcome-panel-close:before {
157 -webkit-transition: all .1s ease-in-out;
158 transition: all .1s ease-in-out;
161 .wp-core-ui .welcome-panel .button.button-hero {
162 margin: 15px 0 3px 13px;
165 line-height: 1.4285714;
169 .welcome-panel-content {
174 .welcome-panel .welcome-panel-column-container {
179 .welcome-panel .welcome-panel-column {
185 .ie8 .welcome-panel .welcome-panel-column {
189 .welcome-panel .welcome-panel-column:first-child {
193 .welcome-panel-column p.hide-if-no-customize {
197 .welcome-panel-column p {
202 .welcome-panel .welcome-widgets-menus {
206 .welcome-panel .welcome-panel-column ul {
207 margin: 0.8em 0 1em 1em;
210 .welcome-panel .welcome-panel-column li {
212 list-style-type: none;
216 .welcome-panel .welcome-icon {
217 background: transparent !important;
220 /* Welcome Panel and Right Now common Icons style */
222 .welcome-panel .welcome-icon:before,
223 #dashboard_right_now li a:before,
224 #dashboard_right_now li span:before {
226 font: normal 20px/1 dashicons;
228 display: inline-block;
231 -webkit-font-smoothing: antialiased;
232 -moz-osx-font-smoothing: grayscale;
233 text-decoration: none !important;
237 /* Welcome Panel specific Icons styles */
239 .welcome-panel .welcome-write-blog:before,
240 .welcome-panel .welcome-edit-page:before {
245 .welcome-panel .welcome-add-page:before {
250 .welcome-panel .welcome-view-site:before {
255 .welcome-panel .welcome-widgets-menus:before {
260 .welcome-panel .welcome-comments:before {
265 .welcome-panel .welcome-learn-more:before {
270 /* Right Now specific Icons styles */
272 #dashboard_right_now li a:before,
273 #dashboard_right_now li > span:before { /* get only the first level span to exclude screen-reader-text in mu-storage */
274 content: "\f159"; /* generic icon for items added by CPTs ? */
278 #dashboard_right_now .page-count a:before,
279 #dashboard_right_now .page-count span:before {
283 #dashboard_right_now .post-count a:before,
284 #dashboard_right_now .post-count span:before {
288 #dashboard_right_now .comment-count a:before {
292 #dashboard_right_now .comment-mod-count a:before {
296 #dashboard_right_now .storage-count a:before {
300 #dashboard_right_now .storage-count.warning a:before {
304 /* Dashboard WordPress news */
306 #dashboard_primary .inside {
311 #dashboard_primary .widget-loading,
312 #dashboard_primary .dashboard-widget-control-form {
313 padding: 12px 12px 0;
316 body #dashboard-widgets .postbox form .submit {
320 .dashboard-widget-control-form {
324 .dashboard-widget-control-form p {
333 #dashboard_primary .rss-widget {
334 border-bottom: 1px solid #eee;
336 padding: 8px 12px 10px;
339 #dashboard_primary .rss-widget:last-child {
344 #dashboard_primary .rss-widget a {
348 #dashboard_primary .rss-widget span,
349 #dashboard_primary .rss-widget span.rss-date {
353 #dashboard_primary .rss-widget span.rss-date {
357 #dashboard_primary .rss-widget ul li {
361 /* Dashboard right now */
363 #dashboard_right_now ul {
365 /* contain floats but don't use overflow: hidden */
366 display: inline-block;
370 #dashboard_right_now li {
376 #dashboard_right_now .inside {
380 #dashboard_right_now .main {
381 padding: 0 12px 11px;
384 #dashboard_right_now .main p {
388 #dashboard_right_now #wp-version-message .button {
399 #dashboard-widgets h3.mu-storage {
406 /* Dashboard right now - Colors */
408 #dashboard_right_now .sub {
411 border-top: 1px solid #eee;
412 padding: 10px 12px 6px 12px;
415 #dashboard_right_now .sub h3 {
419 #dashboard_right_now .sub p {
423 #dashboard_right_now .warning a:before,
424 #dashboard_right_now .warning span:before {
428 /* Dashboard Quick Draft */
430 #dashboard_quick_press .inside {
435 #dashboard_quick_press div.updated {
437 border: 1px solid #eee;
438 border-width: 1px 0 1px 1px;
441 #dashboard_quick_press form {
445 #dashboard_quick_press .drafts,
446 #dashboard_quick_press .easy-blogging {
450 /* Dashboard Quick Draft - Form styling */
456 form.initial-form.quickpress-open label.prompt {
460 form.initial-form.quickpress-open input#title {
464 #dashboard_quick_press input,
465 #dashboard_quick_press textarea {
466 -webkit-box-sizing: border-box;
467 -moz-box-sizing: border-box;
468 box-sizing: border-box;
472 #dashboard_quick_press textarea {
476 #dashboard-widgets .postbox form .submit {
485 #title-wrap #title-prompt-text,
486 .textarea-wrap #content-prompt-text {
490 #title-wrap #title-prompt-text {
500 .input-text-wrap .prompt,
501 .textarea-wrap .prompt {
505 .textarea-wrap #content-prompt-text {
510 .textarea-wrap textarea#content {
515 #quick-press textarea#content {
521 /* Dashboard Quick Draft - Drafts list */
523 .js #dashboard_quick_press .drafts {
524 border-top: 1px solid #eee;
527 #dashboard_quick_press .drafts abbr {
531 #dashboard_quick_press .drafts .view-all {
536 #dashboard_primary a.rsswidget {
540 #dashboard_quick_press .drafts ul {
544 #dashboard_quick_press .drafts li {
547 #dashboard_quick_press .drafts li time {
551 #dashboard_quick_press .drafts p {
553 word-wrap: break-word;
556 #dashboard_quick_press .draft-title {
557 word-wrap: break-word;
560 #dashboard_quick_press .draft-title a,
561 #dashboard_quick_press .draft-title time {
565 /* Dashboard common styles */
567 #dashboard-widgets h4, /* Back-compat for pre-4.4 */
568 #dashboard-widgets h3,
569 #dashboard_quick_press .drafts h2 {
577 #dashboard_quick_press .drafts h2 {
578 line-height: inherit;
581 #dashboard-widgets .inside h4, /* Back-compat for pre-4.4 */
582 #dashboard-widgets .inside h3 {
587 /* Dashboard activity widget */
589 #dashboard_activity .comment-meta span.approve:before {
591 font: 20px/.5 dashicons;
593 vertical-align: middle;
599 #dashboard_activity .inside {
604 #dashboard_activity .no-activity {
610 #dashboard_activity .no-activity p {
615 #dashboard_activity .no-activity .smiley {
619 #dashboard_activity .no-activity .smiley:before {
621 font: normal 120px/1 dashicons;
629 -webkit-font-smoothing: antialiased;
630 text-decoration: none !important;
633 #dashboard_activity .subsubsub {
635 border-top: 1px solid #eee;
637 padding: 8px 12px 4px;
640 #dashboard_activity .subsubsub a .count,
641 #dashboard_activity .subsubsub a.current .count {
642 color: #72777c; /* white background on the dashboard but #f1f1f1 on list tables */
646 #published-posts ul {
652 #published-posts li {
656 #future-posts ul span,
657 #published-posts ul span {
658 display: inline-block;
665 border-bottom: 1px solid #eee;
667 padding: 8px 12px 4px;
670 .activity-block:last-child {
674 .activity-block .subsubsub li {
678 /* Dashboard activity widget - Comments */
679 /* @todo: needs serious de-duplication */
681 #activity-widget #the-comment-list tr.undo,
682 #activity-widget #the-comment-list div.undo {
688 #activity-widget #the-comment-list .comment-item {
694 #activity-widget #the-comment-list .avatar {
699 #activity-widget #the-comment-list .dashboard-comment-wrap {
703 #activity-widget #the-comment-list .dashboard-comment-wrap blockquote {
707 #activity-widget #the-comment-list .comment-item p.row-actions {
711 #activity-widget #the-comment-list .comment-item:first-child {
712 border-top: 1px solid #eeeeee;
715 #activity-widget #the-comment-list .unapproved {
716 background-color: #fef7f1;
719 #activity-widget #the-comment-list .unapproved:before {
730 #activity-widget #the-comment-list .spam-undo-inside .avatar,
731 #activity-widget #the-comment-list .trash-undo-inside .avatar {
736 /* Browse happy box */
738 #dashboard-widgets #dashboard_browser_nag.postbox .inside {
742 .postbox .button-link .edit-box {
750 .hndle:hover .edit-box,
755 #dashboard-widgets form .input-text-wrap input {
759 #dashboard-widgets form .textarea-wrap textarea {
763 #dashboard-widgets .postbox form .submit {
770 #dashboard-widgets-wrap #dashboard-widgets .postbox form .submit #publish {
774 #dashboard-widgets a {
775 text-decoration: none;
778 #dashboard-widgets h2 a {
779 text-decoration: underline;
782 #dashboard-widgets .hndle .postbox-title-action {
787 #dashboard_plugins h5 {
791 /* Recent Comments */
793 #latest-comments #the-comment-list {
798 #activity-widget #the-comment-list .comment,
799 #activity-widget #the-comment-list .pingback {
800 -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06);
801 box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06);
804 #activity-widget .comments #the-comment-list .alt {
805 background-color: transparent;
808 #activity-widget #latest-comments #the-comment-list .comment-item {
809 /* the row-actions paragraph is output only for users with 'edit_comment' capabilities,
810 for other users this needs a min height equal to the gravatar image */
816 #latest-comments #the-comment-list .pingback {
817 padding-right: 12px !important;
820 #latest-comments #the-comment-list .comment-item:first-child {
824 #latest-comments #the-comment-list .comment-meta {
830 #latest-comments #the-comment-list .comment-meta cite {
835 #latest-comments #the-comment-list .comment-item blockquote,
836 #latest-comments #the-comment-list .comment-item blockquote p {
842 #latest-comments #the-comment-list .comment-item p.row-actions {
851 #description-wrap label {
861 #title-wrap #title-prompt-text {
884 .rss-widget span.rss-date {
897 .rss-widget cite:before {
901 .dashboard-comment-wrap {
902 word-wrap: break-word;
906 #dashboard_browser_nag a.update-browser-link {
911 #dashboard_browser_nag a {
912 text-decoration: underline;
915 #dashboard_browser_nag p.browser-update-nag.has-browser-icon {
919 #dashboard_browser_nag .browser-icon {
923 #dashboard_browser_nag.postbox.browser-insecure {
924 background-color: #ac1b1b;
925 border-color: #ac1b1b;
928 #dashboard_browser_nag.postbox {
929 background-color: #e29808;
930 background-image: none;
931 border-color: #edc048;
933 -webkit-box-shadow: none;
937 #dashboard_browser_nag.postbox.browser-insecure h2 {
938 border-bottom-color: #cd5a5a;
942 #dashboard_browser_nag.postbox h2 {
943 border-bottom-color: #f6e2ac;
944 background: transparent none;
946 -webkit-box-shadow: none;
950 #dashboard_browser_nag a {
954 #dashboard_browser_nag h2.hndle {
961 .postbox#dashboard_browser_nag p a.dismiss {
965 .postbox#dashboard_browser_nag p,
966 .postbox#dashboard_browser_nag a,
967 .postbox#dashboard_browser_nag p.browser-update-nag {
972 -------------------------------------------------------------- */
974 /* one column on the dash */
975 @media only screen and (max-width: 799px) {
976 #wpbody-content #dashboard-widgets .postbox-container {
981 /* two columns on the dash, but keep the setting if one is selected */
982 @media only screen and (min-width: 800px) and (max-width: 1499px) {
983 #wpbody-content #dashboard-widgets .postbox-container {
987 #wpbody-content #dashboard-widgets #postbox-container-2,
988 #wpbody-content #dashboard-widgets #postbox-container-3,
989 #wpbody-content #dashboard-widgets #postbox-container-4 {
994 #dashboard-widgets #postbox-container-3 .empty-container,
995 #dashboard-widgets #postbox-container-4 .empty-container {
1001 #dashboard-widgets #postbox-container-3 .empty-container:after,
1002 #dashboard-widgets #postbox-container-4 .empty-container:after {
1006 #wpbody #wpbody-content #dashboard-widgets.columns-1 .postbox-container {
1010 #wpbody #wpbody-content .metabox-holder.columns-1 .postbox-container .empty-container {
1016 /* show the radio buttons for column prefs only for one or two columns */
1017 .index-php .screen-layout,
1018 .index-php .columns-prefs {
1022 .columns-prefs .columns-prefs-3,
1023 .columns-prefs .columns-prefs-4 {
1027 .metabox-holder .postbox-container .empty-container:after {
1032 /* three columns on the dash */
1033 @media only screen and (min-width: 1500px) and (max-width: 1800px) {
1034 #wpbody-content #dashboard-widgets .postbox-container {
1038 #wpbody-content #dashboard-widgets #postbox-container-1 {
1042 #wpbody-content #dashboard-widgets #postbox-container-3,
1043 #wpbody-content #dashboard-widgets #postbox-container-4 {
1047 #dashboard-widgets #postbox-container-4 .empty-container {
1053 #dashboard-widgets #postbox-container-4 .empty-container:after {
1057 .metabox-holder .postbox-container .empty-container:after {
1062 @media screen and (max-width: 870px) {
1063 .welcome-panel .welcome-panel-column,
1064 .welcome-panel .welcome-panel-column:first-child {
1070 .welcome-panel .welcome-panel-column li {
1071 display: inline-block;
1075 .welcome-panel .welcome-panel-column ul {
1081 @media screen and ( max-width: 782px ) {
1082 #dashboard_recent_comments #the-comment-list .comment-item .avatar {
1085 margin: 4px 0 5px 10px;
1090 @media screen and (max-width: 600px) {
1091 /* Keep the close icon from overlapping the Welcome text. */
1092 .welcome-panel .welcome-panel-close {
1095 white-space: nowrap;
1103 /* Make the close icon larger for tappability. */
1104 .welcome-panel .welcome-panel-close:before {