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 h3.dashboard-widget-title,
78 h3.dashboard-widget-title span,
79 h3.dashboard-widget-title small {
83 h3.dashboard-widget-title small a {
87 h3.dashboard-widget-title small a:hover {
91 /* @todo: this was originally in this section, but likely belongs elsewhere */
92 #the-comment-list td.comment p.comment-author {
97 #the-comment-list p.comment-author img {
102 #the-comment-list p.comment-author strong a {
106 #the-comment-list td {
110 #the-comment-list td.comment {
111 word-wrap: break-word;
114 #the-comment-list td.comment img {
123 padding: 23px 10px 0;
124 border: 1px solid #e5e5e5;
125 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
126 box-shadow: 0 1px 1px rgba(0,0,0,0.04);
153 text-decoration: none;
156 .welcome-panel .about-description {
161 .welcome-panel .welcome-panel-close {
165 padding: 20px 3px 0 15px;
167 text-decoration: none;
171 #welcome-panel.welcome-panel .welcome-panel-close::before {
175 -webkit-transition: all .1s ease-in-out;
176 transition: all .1s ease-in-out;
179 .wp-core-ui .welcome-panel .button.button-hero {
183 .welcome-panel-content {
188 .welcome-panel .welcome-panel-column-container {
194 .welcome-panel .welcome-panel-column {
200 .ie8 .welcome-panel .welcome-panel-column {
204 .welcome-panel .welcome-panel-column:first-child {
208 .welcome-panel-column p.hide-if-no-customize {
212 .welcome-panel-column p {
217 .welcome-panel .welcome-icon {
220 background: transparent !important;
223 .welcome-panel .welcome-icon:before {
225 font: normal 20px/1 'dashicons';
227 display: inline-block;
231 -webkit-font-smoothing: antialiased;
232 -moz-osx-font-smoothing: grayscale;
233 text-decoration: none !important;
237 .welcome-panel .welcome-write-blog:before,
238 .welcome-panel .welcome-edit-page:before {
243 .welcome-panel .welcome-add-page:before {
247 .welcome-panel .welcome-view-site:before {
252 .welcome-panel .welcome-widgets-menus:before {
257 .welcome-panel .welcome-comments:before {
262 .welcome-panel .welcome-learn-more:before {
267 .welcome-panel .welcome-widgets-menus {
271 .welcome-panel .welcome-panel-column ul {
272 margin: 0.8em 0 1em 1em;
275 .welcome-panel .welcome-panel-column li {
277 list-style-type: none;
280 /* Dashboard WordPress news */
282 #dashboard_primary .inside {
287 #dashboard_primary .widget-loading,
288 #dashboard_primary .dashboard-widget-control-form {
289 padding: 12px 12px 0;
292 body #dashboard-widgets .postbox form .submit {
296 .dashboard-widget-control-form {
300 .dashboard-widget-control-form p {
304 /* @todo: are these actually used anywhere? no non-CSS results in plugin search */
305 div.dashboard-widget-error {
306 background-color: #c43;
309 div.dashboard-widget-notice {
310 background-color: #cfe1ef;
318 #dashboard_primary .rss-widget {
319 border-bottom: 1px solid #eee;
321 padding: 8px 12px 10px;
324 #dashboard_primary .rss-widget:last-child {
329 #dashboard_primary .rss-widget a {
333 #dashboard_primary .rss-widget span,
334 #dashboard_primary .rss-widget span.rss-date {
338 #dashboard_primary .rss-widget span.rss-date {
342 #dashboard_primary .rss-widget ul li {
346 /* Dashboard right now */
348 #dashboard_right_now ul {
353 #dashboard_right_now li {
359 #dashboard_right_now .inside {
364 #dashboard_right_now .main {
366 padding: 0 12px 11px;
369 #dashboard_right_now .main p {
373 #dashboard_right_now #wp-version-message .button {
384 #dashboard-widgets h4.mu-storage {
388 /* Dashboard right now - Colors */
390 #dashboard_right_now li a:before,
391 #dashboard_right_now li span:before {
395 #dashboard_right_now .sub {
398 border-top: 1px solid #eee;
399 padding: 10px 12px 6px 12px;
402 #dashboard_right_now .sub h4 {
406 #dashboard_right_now .sub p {
410 #dashboard_right_now .warning a:before,
411 #dashboard_right_now .warning span:before {
415 /* Dashboard right now - Icons */
416 #dashboard_right_now li a:before,
417 #dashboard_right_now li span:before {
419 font: normal 20px/1 'dashicons';
428 -webkit-font-smoothing: antialiased;
429 text-decoration: none !important;
432 #dashboard_right_now .page-count a:before,
433 #dashboard_right_now .page-count span:before {
437 #dashboard_right_now .post-count a:before,
438 #dashboard_right_now .post-count span:before {
442 #dashboard_right_now .comment-count a:before {
446 #dashboard_right_now .comment-mod-count a:before {
450 #dashboard_right_now .storage-count a:before {
454 #dashboard_right_now .storage-count.warning a:before {
458 /* Dashboard Quick Draft */
460 #dashboard_quick_press .inside {
465 #dashboard_quick_press div.updated {
467 border: 1px solid #eee;
468 border-width: 1px 0 1px 1px;
471 #dashboard_quick_press form {
476 #dashboard_quick_press .drafts,
477 #dashboard_quick_press .easy-blogging {
481 /* Dashboard Quick Draft - Form styling */
487 form.initial-form.quickpress-open label.prompt {
491 form.initial-form.quickpress-open input#title {
495 #dashboard_quick_press input,
496 #dashboard_quick_press textarea {
497 -webkit-box-sizing: border-box;
498 -moz-box-sizing: border-box;
499 box-sizing: border-box;
503 #dashboard_quick_press textarea {
507 #dashboard-widgets .postbox form .submit {
516 #title-wrap #title-prompt-text,
517 .textarea-wrap #content-prompt-text {
521 #title-wrap #title-prompt-text {
531 .input-text-wrap .prompt,
532 .textarea-wrap .prompt {
536 .textarea-wrap #content-prompt-text {
541 .textarea-wrap textarea#content {
546 #quick-press textarea#content {
552 /* Dashboard Quick Draft - Drafts list */
554 .js #dashboard_quick_press .drafts {
555 border-top: 1px solid #eee;
558 #dashboard_quick_press .drafts abbr {
562 #dashboard_quick_press .drafts h4 {
567 #dashboard_quick_press .drafts .view-all {
572 #dashboard_primary a.rsswidget {
576 #dashboard_quick_press .drafts ul {
580 #dashboard_quick_press .drafts li {
583 #dashboard_quick_press .drafts li time {
587 #dashboard_quick_press .drafts p {
589 word-wrap: break-word;
592 #dashboard_quick_press .draft-title {
596 #dashboard_quick_press .draft-title a,
597 #dashboard_quick_press .draft-title time {
602 /* Dashboard activity widget */
604 #dashboard-widgets #dashboard_activity h4 {
605 margin: 0 12px 8px 0;
609 #dashboard-widgets #dashboard_activity h4.comment-meta {
613 #dashboard_activity h4.comment-meta {
617 #dashboard_activity ul {
621 #dashboard_activity .comment-meta span.approve:before {
623 font: 20px/.5 "dashicons";
625 vertical-align: middle;
631 #dashboard_activity .inside {
636 #dashboard_activity .no-activity {
638 padding: 0 12px 12px;
642 #dashboard_activity .no-activity p {
647 #dashboard_activity .no-activity .smiley {
651 #dashboard_activity .no-activity .smiley:before {
653 font: normal 120px/1 'dashicons';
661 -webkit-font-smoothing: antialiased;
662 text-decoration: none !important;
665 #dashboard_activity .subsubsub {
667 border-top: 1px solid #eeeeee;
669 padding: 8px 12px 4px;
673 #published-posts ul {
679 #published-posts li {
684 #future-posts ul span,
685 #published-posts ul span {
693 border-bottom: 1px solid #eee;
698 .activity-block:last-child {
702 .activity-block .subsubsub li {
706 /* Dashboard activity widget - Comments */
707 /* @todo: needs serious de-duplication */
709 #activity-widget #the-comment-list tr.undo,
710 #activity-widget #the-comment-list div.undo {
715 #activity-widget #the-comment-list .alternate,
716 #activity-widget #the-comment-list .alt {
720 #activity-widget #the-comment-list .comment-item {
726 #activity-widget #the-comment-list img {
732 #activity-widget #the-comment-list .dashboard-comment-wrap {
736 #activity-widget #the-comment-list .dashboard-comment-wrap blockquote {
740 #activity-widget #the-comment-list .comment-item h4 {
745 #activity-widget #the-comment-list .comment-item p.row-actions {
749 #activity-widget #the-comment-list .comment-item:first-child {
750 border-top: 1px solid #eeeeee;
753 #activity-widget #the-comment-list .unapproved {
754 background-color: #fef7f1;
757 #activity-widget #the-comment-list .unapproved:before {
768 #activity-widget #the-comment-list .spam-undo-inside .avatar,
769 #activity-widget #the-comment-list .trash-undo-inside .avatar {
775 /* Browse happy box */
777 #dashboard-widgets #dashboard_browser_nag.postbox .inside {
789 #dashboard-widgets form .input-text-wrap input {
793 #dashboard-widgets form .textarea-wrap textarea {
797 #dashboard-widgets .postbox form .submit {
804 #dashboard-widgets-wrap #dashboard-widgets .postbox form .submit #publish {
808 #dashboard-widgets a {
809 text-decoration: none;
812 #dashboard-widgets h3 a {
813 text-decoration: underline;
816 #dashboard-widgets h3 .postbox-title-action {
823 .js #dashboard-widgets h3 .postbox-title-action {
827 #dashboard-widgets h4 {
835 #dashboard_plugins h5 {
839 /* Recent Comments */
841 #latest-comments #the-comment-list {
845 #activity-widget #the-comment-list .comment {
846 -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06);
847 box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06);
850 #activity-widget .comments #the-comment-list .alt {
851 background-color: transparent;
854 #activity-widget #latest-comments #the-comment-list .comment-item {
858 #latest-comments #the-comment-list .pingback {
859 padding-right: 12px !important;
862 #latest-comments #the-comment-list .comment-item:first-child {
866 #latest-comments #the-comment-list .comment-item h4 {
872 #latest-comments #the-comment-list .comment-item h4 cite {
877 #latest-comments #the-comment-list .comment-item blockquote,
878 #latest-comments #the-comment-list .comment-item blockquote p {
884 #latest-comments #the-comment-list .comment-item p.row-actions {
903 #title-wrap #title-prompt-text {
926 .rss-widget span.rss-date {
939 .rss-widget cite:before {
943 .dashboard-comment-wrap {
945 word-wrap: break-word;
949 #dashboard_browser_nag a.update-browser-link {
954 #dashboard_browser_nag a {
955 text-decoration: underline;
958 #dashboard_browser_nag p.browser-update-nag.has-browser-icon {
962 #dashboard_browser_nag .browser-icon {
966 #dashboard_browser_nag.postbox.browser-insecure {
967 background-color: #ac1b1b;
968 border-color: #ac1b1b;
971 #dashboard_browser_nag.postbox {
972 background-color: #e29808;
973 background-image: none;
974 border-color: #edc048;
976 -webkit-box-shadow: none;
980 #dashboard_browser_nag.postbox.browser-insecure h3 {
981 border-bottom-color: #cd5a5a;
985 #dashboard_browser_nag.postbox h3 {
986 border-bottom-color: #f6e2ac;
987 background: transparent none;
989 -webkit-box-shadow: none;
993 #dashboard_browser_nag a {
997 /* Make the browser nags easier to read with Open Sans */
999 #dashboard_browser_nag h3.hndle {
1006 .postbox#dashboard_browser_nag p a.dismiss {
1010 .postbox#dashboard_browser_nag p,
1011 .postbox#dashboard_browser_nag a,
1012 .postbox#dashboard_browser_nag p.browser-update-nag {
1017 -------------------------------------------------------------- */
1019 /* one column on the dash */
1020 @media only screen and (max-width: 799px) {
1021 #wpbody-content #dashboard-widgets .postbox-container {
1026 /* two columns on the dash, but keep the setting if one is selected */
1027 @media only screen and (min-width: 800px) and (max-width: 1499px) {
1028 #wpbody-content #dashboard-widgets .postbox-container {
1032 #wpbody-content #dashboard-widgets #postbox-container-2,
1033 #wpbody-content #dashboard-widgets #postbox-container-3,
1034 #wpbody-content #dashboard-widgets #postbox-container-4 {
1039 #dashboard-widgets #postbox-container-3 .empty-container,
1040 #dashboard-widgets #postbox-container-4 .empty-container {
1046 #wpbody #wpbody-content #dashboard-widgets.columns-1 .postbox-container {
1050 #wpbody #wpbody-content .metabox-holder.columns-1 .postbox-container .empty-container {
1056 /* show the radio buttons for column prefs only for one or two columns */
1057 .index-php .screen-layout,
1058 .index-php .columns-prefs {
1062 .columns-prefs .columns-prefs-3,
1063 .columns-prefs .columns-prefs-4 {
1068 /* three columns on the dash */
1069 @media only screen and (min-width: 1500px) and (max-width: 1800px) {
1070 #wpbody-content #dashboard-widgets .postbox-container {
1074 #wpbody-content #dashboard-widgets #postbox-container-1 {
1078 #wpbody-content #dashboard-widgets #postbox-container-3,
1079 #wpbody-content #dashboard-widgets #postbox-container-4 {
1083 #dashboard-widgets #postbox-container-4 .empty-container {
1090 @media screen and (max-width: 870px) {
1091 .welcome-panel .welcome-panel-column,
1092 .welcome-panel .welcome-panel-column:first-child {
1098 .welcome-panel .welcome-panel-column li {
1099 display: inline-block;
1103 .welcome-panel .welcome-panel-column ul {
1109 @media screen and ( max-width: 782px ) {
1110 #dashboard_recent_comments #the-comment-list .comment-item .avatar {
1113 margin: 4px 0 5px 10px;
1118 @media screen and (max-width: 600px) {
1119 /* Keep the close icon from overlapping the Welcome text. */
1120 .welcome-panel .welcome-panel-close {
1123 white-space: nowrap;
1130 /* Make the close icon larger for tappability. */
1131 #welcome-panel.welcome-panel .welcome-panel-close::before {