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 /*------------------------------------------------------------------------------
61 ------------------------------------------------------------------------------*/
63 #dashboard-widgets-wrap {
68 #dashboard-widgets .postbox .inside {
72 #dashboard-widgets .meta-box-sortables {
77 /* @todo: this was originally in this section, but likely belongs elsewhere */
78 #the-comment-list td.comment p.comment-author {
83 #the-comment-list p.comment-author img {
88 #the-comment-list p.comment-author strong a {
92 #the-comment-list td {
96 #the-comment-list td.comment {
97 word-wrap: break-word;
100 #the-comment-list td.comment img {
109 padding: 23px 10px 0;
110 border: 1px solid #e5e5e5;
111 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
112 box-shadow: 0 1px 1px rgba(0,0,0,0.04);
139 text-decoration: none;
142 .welcome-panel .about-description {
147 .welcome-panel .welcome-panel-close {
151 padding: 20px 15px 0 3px;
153 text-decoration: none;
157 #welcome-panel.welcome-panel .welcome-panel-close:before {
161 -webkit-transition: all .1s ease-in-out;
162 transition: all .1s ease-in-out;
165 .wp-core-ui .welcome-panel .button.button-hero {
166 margin: 15px 13px 3px 0;
169 line-height: 1.4285714;
173 .welcome-panel-content {
178 .welcome-panel .welcome-panel-column-container {
184 .welcome-panel .welcome-panel-column {
190 .ie8 .welcome-panel .welcome-panel-column {
194 .welcome-panel .welcome-panel-column:first-child {
198 .welcome-panel-column p.hide-if-no-customize {
202 .welcome-panel-column p {
207 .welcome-panel .welcome-icon {
210 background: transparent !important;
213 .welcome-panel .welcome-icon:before {
215 font: normal 20px/1 'dashicons';
217 display: inline-block;
221 -webkit-font-smoothing: antialiased;
222 -moz-osx-font-smoothing: grayscale;
223 text-decoration: none !important;
227 .welcome-panel .welcome-write-blog:before,
228 .welcome-panel .welcome-edit-page:before {
233 .welcome-panel .welcome-add-page:before {
237 .welcome-panel .welcome-view-site:before {
242 .welcome-panel .welcome-widgets-menus:before {
247 .welcome-panel .welcome-comments:before {
252 .welcome-panel .welcome-learn-more:before {
257 .welcome-panel .welcome-widgets-menus {
261 .welcome-panel .welcome-panel-column ul {
262 margin: 0.8em 1em 1em 0;
265 .welcome-panel .welcome-panel-column li {
267 list-style-type: none;
270 /* Dashboard WordPress news */
272 #dashboard_primary .inside {
277 #dashboard_primary .widget-loading,
278 #dashboard_primary .dashboard-widget-control-form {
279 padding: 12px 12px 0;
282 body #dashboard-widgets .postbox form .submit {
286 .dashboard-widget-control-form {
290 .dashboard-widget-control-form p {
299 #dashboard_primary .rss-widget {
300 border-bottom: 1px solid #eee;
302 padding: 8px 12px 10px;
305 #dashboard_primary .rss-widget:last-child {
310 #dashboard_primary .rss-widget a {
314 #dashboard_primary .rss-widget span,
315 #dashboard_primary .rss-widget span.rss-date {
319 #dashboard_primary .rss-widget span.rss-date {
323 #dashboard_primary .rss-widget ul li {
327 /* Dashboard right now */
329 #dashboard_right_now ul {
334 #dashboard_right_now li {
340 #dashboard_right_now .inside {
345 #dashboard_right_now .main {
347 padding: 0 12px 11px;
350 #dashboard_right_now .main p {
354 #dashboard_right_now #wp-version-message .button {
365 #dashboard-widgets h4.mu-storage {
369 /* Dashboard right now - Colors */
371 #dashboard_right_now li a:before,
372 #dashboard_right_now li span:before {
376 #dashboard_right_now .sub {
379 border-top: 1px solid #eee;
380 padding: 10px 12px 6px 12px;
383 #dashboard_right_now .sub h4 {
387 #dashboard_right_now .sub p {
391 #dashboard_right_now .warning a:before,
392 #dashboard_right_now .warning span:before {
396 /* Dashboard right now - Icons */
397 #dashboard_right_now li a:before,
398 #dashboard_right_now li span:before {
400 font: normal 20px/1 'dashicons';
409 -webkit-font-smoothing: antialiased;
410 text-decoration: none !important;
413 #dashboard_right_now .page-count a:before,
414 #dashboard_right_now .page-count span:before {
418 #dashboard_right_now .post-count a:before,
419 #dashboard_right_now .post-count span:before {
423 #dashboard_right_now .comment-count a:before {
427 #dashboard_right_now .comment-mod-count a:before {
431 #dashboard_right_now .storage-count a:before {
435 #dashboard_right_now .storage-count.warning a:before {
439 /* Dashboard Quick Draft */
441 #dashboard_quick_press .inside {
446 #dashboard_quick_press div.updated {
448 border: 1px solid #eee;
449 border-width: 1px 1px 1px 0;
452 #dashboard_quick_press form {
457 #dashboard_quick_press .drafts,
458 #dashboard_quick_press .easy-blogging {
462 /* Dashboard Quick Draft - Form styling */
468 form.initial-form.quickpress-open label.prompt {
472 form.initial-form.quickpress-open input#title {
476 #dashboard_quick_press input,
477 #dashboard_quick_press textarea {
478 -webkit-box-sizing: border-box;
479 -moz-box-sizing: border-box;
480 box-sizing: border-box;
484 #dashboard_quick_press textarea {
488 #dashboard-widgets .postbox form .submit {
497 #title-wrap #title-prompt-text,
498 .textarea-wrap #content-prompt-text {
502 #title-wrap #title-prompt-text {
512 .input-text-wrap .prompt,
513 .textarea-wrap .prompt {
517 .textarea-wrap #content-prompt-text {
522 .textarea-wrap textarea#content {
527 #quick-press textarea#content {
533 /* Dashboard Quick Draft - Drafts list */
535 .js #dashboard_quick_press .drafts {
536 border-top: 1px solid #eee;
539 #dashboard_quick_press .drafts abbr {
543 #dashboard_quick_press .drafts h4 {
548 #dashboard_quick_press .drafts .view-all {
553 #dashboard_primary a.rsswidget {
557 #dashboard_quick_press .drafts ul {
561 #dashboard_quick_press .drafts li {
564 #dashboard_quick_press .drafts li time {
568 #dashboard_quick_press .drafts p {
570 word-wrap: break-word;
573 #dashboard_quick_press .draft-title {
577 #dashboard_quick_press .draft-title a,
578 #dashboard_quick_press .draft-title time {
583 /* Dashboard activity widget */
585 #dashboard-widgets #dashboard_activity h4 {
586 margin: 0 0 8px 12px;
590 #dashboard-widgets #dashboard_activity h4.comment-meta {
594 #dashboard_activity h4.comment-meta {
598 #dashboard_activity ul {
602 #dashboard_activity .comment-meta span.approve:before {
604 font: 20px/.5 "dashicons";
606 vertical-align: middle;
612 #dashboard_activity .inside {
617 #dashboard_activity .no-activity {
619 padding: 0 12px 12px;
623 #dashboard_activity .no-activity p {
628 #dashboard_activity .no-activity .smiley {
632 #dashboard_activity .no-activity .smiley:before {
634 font: normal 120px/1 'dashicons';
642 -webkit-font-smoothing: antialiased;
643 text-decoration: none !important;
646 #dashboard_activity .subsubsub {
648 border-top: 1px solid #eeeeee;
650 padding: 8px 12px 4px;
654 #published-posts ul {
660 #published-posts li {
665 #future-posts ul span,
666 #published-posts ul span {
674 border-bottom: 1px solid #eee;
679 .activity-block:last-child {
683 .activity-block .subsubsub li {
687 /* Dashboard activity widget - Comments */
688 /* @todo: needs serious de-duplication */
690 #activity-widget #the-comment-list tr.undo,
691 #activity-widget #the-comment-list div.undo {
697 #activity-widget #the-comment-list .alternate,
698 #activity-widget #the-comment-list .alt {
702 #activity-widget #the-comment-list .comment-item {
708 #activity-widget #the-comment-list img {
713 #activity-widget #the-comment-list .dashboard-comment-wrap {
717 #activity-widget #the-comment-list .dashboard-comment-wrap blockquote {
721 #activity-widget #the-comment-list .comment-item h4 {
726 #activity-widget #the-comment-list .comment-item p.row-actions {
730 #activity-widget #the-comment-list .comment-item:first-child {
731 border-top: 1px solid #eeeeee;
734 #activity-widget #the-comment-list .unapproved {
735 background-color: #fef7f1;
738 #activity-widget #the-comment-list .unapproved:before {
749 #activity-widget #the-comment-list .spam-undo-inside .avatar,
750 #activity-widget #the-comment-list .trash-undo-inside .avatar {
755 /* Browse happy box */
757 #dashboard-widgets #dashboard_browser_nag.postbox .inside {
769 #dashboard-widgets form .input-text-wrap input {
773 #dashboard-widgets form .textarea-wrap textarea {
777 #dashboard-widgets .postbox form .submit {
784 #dashboard-widgets-wrap #dashboard-widgets .postbox form .submit #publish {
788 #dashboard-widgets a {
789 text-decoration: none;
792 #dashboard-widgets h3 a {
793 text-decoration: underline;
796 #dashboard-widgets h3 .postbox-title-action {
803 .js #dashboard-widgets h3 .postbox-title-action {
807 #dashboard-widgets h4 {
815 #dashboard_plugins h5 {
819 /* Recent Comments */
821 #latest-comments #the-comment-list {
825 #activity-widget #the-comment-list .comment,
826 #activity-widget #the-comment-list .pingback {
827 -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06);
828 box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06);
831 #activity-widget .comments #the-comment-list .alt {
832 background-color: transparent;
835 #activity-widget #latest-comments #the-comment-list .comment-item {
839 #latest-comments #the-comment-list .pingback {
840 padding-left: 12px !important;
843 #latest-comments #the-comment-list .comment-item:first-child {
847 #latest-comments #the-comment-list .comment-item h4 {
853 #latest-comments #the-comment-list .comment-item h4 cite {
858 #latest-comments #the-comment-list .comment-item blockquote,
859 #latest-comments #the-comment-list .comment-item blockquote p {
865 #latest-comments #the-comment-list .comment-item p.row-actions {
874 #description-wrap label {
884 #title-wrap #title-prompt-text {
907 .rss-widget span.rss-date {
920 .rss-widget cite:before {
924 .dashboard-comment-wrap {
926 word-wrap: break-word;
930 #dashboard_browser_nag a.update-browser-link {
935 #dashboard_browser_nag a {
936 text-decoration: underline;
939 #dashboard_browser_nag p.browser-update-nag.has-browser-icon {
940 padding-right: 125px;
943 #dashboard_browser_nag .browser-icon {
947 #dashboard_browser_nag.postbox.browser-insecure {
948 background-color: #ac1b1b;
949 border-color: #ac1b1b;
952 #dashboard_browser_nag.postbox {
953 background-color: #e29808;
954 background-image: none;
955 border-color: #edc048;
957 -webkit-box-shadow: none;
961 #dashboard_browser_nag.postbox.browser-insecure h3 {
962 border-bottom-color: #cd5a5a;
966 #dashboard_browser_nag.postbox h3 {
967 border-bottom-color: #f6e2ac;
968 background: transparent none;
970 -webkit-box-shadow: none;
974 #dashboard_browser_nag a {
978 /* Make the browser nags easier to read with Open Sans */
980 #dashboard_browser_nag h3.hndle {
987 .postbox#dashboard_browser_nag p a.dismiss {
991 .postbox#dashboard_browser_nag p,
992 .postbox#dashboard_browser_nag a,
993 .postbox#dashboard_browser_nag p.browser-update-nag {
998 -------------------------------------------------------------- */
1000 /* one column on the dash */
1001 @media only screen and (max-width: 799px) {
1002 #wpbody-content #dashboard-widgets .postbox-container {
1007 /* two columns on the dash, but keep the setting if one is selected */
1008 @media only screen and (min-width: 800px) and (max-width: 1499px) {
1009 #wpbody-content #dashboard-widgets .postbox-container {
1013 #wpbody-content #dashboard-widgets #postbox-container-2,
1014 #wpbody-content #dashboard-widgets #postbox-container-3,
1015 #wpbody-content #dashboard-widgets #postbox-container-4 {
1020 #dashboard-widgets #postbox-container-3 .empty-container,
1021 #dashboard-widgets #postbox-container-4 .empty-container {
1027 #wpbody #wpbody-content #dashboard-widgets.columns-1 .postbox-container {
1031 #wpbody #wpbody-content .metabox-holder.columns-1 .postbox-container .empty-container {
1037 /* show the radio buttons for column prefs only for one or two columns */
1038 .index-php .screen-layout,
1039 .index-php .columns-prefs {
1043 .columns-prefs .columns-prefs-3,
1044 .columns-prefs .columns-prefs-4 {
1049 /* three columns on the dash */
1050 @media only screen and (min-width: 1500px) and (max-width: 1800px) {
1051 #wpbody-content #dashboard-widgets .postbox-container {
1055 #wpbody-content #dashboard-widgets #postbox-container-1 {
1059 #wpbody-content #dashboard-widgets #postbox-container-3,
1060 #wpbody-content #dashboard-widgets #postbox-container-4 {
1064 #dashboard-widgets #postbox-container-4 .empty-container {
1071 @media screen and (max-width: 870px) {
1072 .welcome-panel .welcome-panel-column,
1073 .welcome-panel .welcome-panel-column:first-child {
1079 .welcome-panel .welcome-panel-column li {
1080 display: inline-block;
1084 .welcome-panel .welcome-panel-column ul {
1090 @media screen and ( max-width: 782px ) {
1091 #dashboard_recent_comments #the-comment-list .comment-item .avatar {
1094 margin: 4px 10px 5px 0;
1099 @media screen and (max-width: 600px) {
1100 /* Keep the close icon from overlapping the Welcome text. */
1101 .welcome-panel .welcome-panel-close {
1104 white-space: nowrap;
1111 /* Make the close icon larger for tappability. */
1112 #welcome-panel.welcome-panel .welcome-panel-close:before {