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: 10px 15px 10px 21px;
153 line-height: 1.23076923; /* Chrome rounding, needs to be 16px equivalent */
154 text-decoration: none;
157 .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 {
183 .welcome-panel .welcome-panel-column {
189 .ie8 .welcome-panel .welcome-panel-column {
193 .welcome-panel .welcome-panel-column:first-child {
197 .welcome-panel-column p.hide-if-no-customize {
201 .welcome-panel-column p {
206 .welcome-panel .welcome-icon {
207 background: transparent !important;
210 .welcome-panel .welcome-icon:before {
212 font: normal 20px/1 'dashicons';
214 display: inline-block;
218 -webkit-font-smoothing: antialiased;
219 -moz-osx-font-smoothing: grayscale;
220 text-decoration: none !important;
224 .welcome-panel .welcome-write-blog:before,
225 .welcome-panel .welcome-edit-page:before {
230 .welcome-panel .welcome-add-page:before {
234 .welcome-panel .welcome-view-site:before {
239 .welcome-panel .welcome-widgets-menus:before {
244 .welcome-panel .welcome-comments:before {
249 .welcome-panel .welcome-learn-more:before {
254 .welcome-panel .welcome-widgets-menus {
258 .welcome-panel .welcome-panel-column ul {
259 margin: 0.8em 1em 1em 0;
262 .welcome-panel .welcome-panel-column li {
264 list-style-type: none;
268 /* Dashboard WordPress news */
270 #dashboard_primary .inside {
275 #dashboard_primary .widget-loading,
276 #dashboard_primary .dashboard-widget-control-form {
277 padding: 12px 12px 0;
280 body #dashboard-widgets .postbox form .submit {
284 .dashboard-widget-control-form {
288 .dashboard-widget-control-form p {
297 #dashboard_primary .rss-widget {
298 border-bottom: 1px solid #eee;
300 padding: 8px 12px 10px;
303 #dashboard_primary .rss-widget:last-child {
308 #dashboard_primary .rss-widget a {
312 #dashboard_primary .rss-widget span,
313 #dashboard_primary .rss-widget span.rss-date {
317 #dashboard_primary .rss-widget span.rss-date {
321 #dashboard_primary .rss-widget ul li {
325 /* Dashboard right now */
327 #dashboard_right_now ul {
329 /* contain floats but don't use overflow: hidden */
330 display: inline-block;
334 #dashboard_right_now li {
340 #dashboard_right_now .inside {
344 #dashboard_right_now .main {
345 padding: 0 12px 11px;
348 #dashboard_right_now .main p {
352 #dashboard_right_now #wp-version-message .button {
363 #dashboard-widgets h4.mu-storage {
367 /* Dashboard right now - Colors */
369 #dashboard_right_now li a:before,
370 #dashboard_right_now li span:before {
374 #dashboard_right_now .sub {
377 border-top: 1px solid #eee;
378 padding: 10px 12px 6px 12px;
381 #dashboard_right_now .sub h4 {
385 #dashboard_right_now .sub p {
389 #dashboard_right_now .warning a:before,
390 #dashboard_right_now .warning span:before {
394 /* Dashboard right now - Icons */
395 #dashboard_right_now li a:before,
396 #dashboard_right_now li span:before {
398 font: normal 20px/1 'dashicons';
407 -webkit-font-smoothing: antialiased;
408 text-decoration: none !important;
411 #dashboard_right_now .page-count a:before,
412 #dashboard_right_now .page-count span:before {
416 #dashboard_right_now .post-count a:before,
417 #dashboard_right_now .post-count span:before {
421 #dashboard_right_now .comment-count a:before {
425 #dashboard_right_now .comment-mod-count a:before {
429 #dashboard_right_now .storage-count a:before {
433 #dashboard_right_now .storage-count.warning a:before {
437 /* Dashboard Quick Draft */
439 #dashboard_quick_press .inside {
444 #dashboard_quick_press div.updated {
446 border: 1px solid #eee;
447 border-width: 1px 1px 1px 0;
450 #dashboard_quick_press form {
454 #dashboard_quick_press .drafts,
455 #dashboard_quick_press .easy-blogging {
459 /* Dashboard Quick Draft - Form styling */
465 form.initial-form.quickpress-open label.prompt {
469 form.initial-form.quickpress-open input#title {
473 #dashboard_quick_press input,
474 #dashboard_quick_press textarea {
475 -webkit-box-sizing: border-box;
476 -moz-box-sizing: border-box;
477 box-sizing: border-box;
481 #dashboard_quick_press textarea {
485 #dashboard-widgets .postbox form .submit {
494 #title-wrap #title-prompt-text,
495 .textarea-wrap #content-prompt-text {
499 #title-wrap #title-prompt-text {
509 .input-text-wrap .prompt,
510 .textarea-wrap .prompt {
514 .textarea-wrap #content-prompt-text {
519 .textarea-wrap textarea#content {
524 #quick-press textarea#content {
530 /* Dashboard Quick Draft - Drafts list */
532 .js #dashboard_quick_press .drafts {
533 border-top: 1px solid #eee;
536 #dashboard_quick_press .drafts abbr {
540 #dashboard_quick_press .drafts h4 {
545 #dashboard_quick_press .drafts .view-all {
550 #dashboard_primary a.rsswidget {
554 #dashboard_quick_press .drafts ul {
558 #dashboard_quick_press .drafts li {
561 #dashboard_quick_press .drafts li time {
565 #dashboard_quick_press .drafts p {
567 word-wrap: break-word;
570 #dashboard_quick_press .draft-title {
571 word-wrap: break-word;
574 #dashboard_quick_press .draft-title a,
575 #dashboard_quick_press .draft-title time {
579 /* Dashboard activity widget */
581 #dashboard-widgets #dashboard_activity h4 {
582 margin: 0 0 8px 12px;
586 #dashboard-widgets #dashboard_activity h4.comment-meta {
590 #dashboard_activity h4.comment-meta {
594 #dashboard_activity ul {
598 #dashboard_activity .comment-meta span.approve:before {
600 font: 20px/.5 "dashicons";
602 vertical-align: middle;
608 #dashboard_activity .inside {
613 #dashboard_activity .no-activity {
615 padding: 0 12px 12px;
619 #dashboard_activity .no-activity p {
624 #dashboard_activity .no-activity .smiley {
628 #dashboard_activity .no-activity .smiley:before {
630 font: normal 120px/1 'dashicons';
638 -webkit-font-smoothing: antialiased;
639 text-decoration: none !important;
642 #dashboard_activity .subsubsub {
644 border-top: 1px solid #eeeeee;
646 padding: 8px 12px 4px;
650 #published-posts ul {
656 #published-posts li {
660 #future-posts ul span,
661 #published-posts ul span {
662 display: inline-block;
669 border-bottom: 1px solid #eee;
674 .activity-block:last-child {
678 .activity-block .subsubsub li {
682 /* Dashboard activity widget - Comments */
683 /* @todo: needs serious de-duplication */
685 #activity-widget #the-comment-list tr.undo,
686 #activity-widget #the-comment-list div.undo {
692 #activity-widget #the-comment-list .comment-item {
698 #activity-widget #the-comment-list .avatar {
703 #activity-widget #the-comment-list .dashboard-comment-wrap {
707 #activity-widget #the-comment-list .dashboard-comment-wrap blockquote {
711 #activity-widget #the-comment-list .comment-item h4 {
716 #activity-widget #the-comment-list .comment-item p.row-actions {
720 #activity-widget #the-comment-list .comment-item:first-child {
721 border-top: 1px solid #eeeeee;
724 #activity-widget #the-comment-list .unapproved {
725 background-color: #fef7f1;
728 #activity-widget #the-comment-list .unapproved:before {
739 #activity-widget #the-comment-list .spam-undo-inside .avatar,
740 #activity-widget #the-comment-list .trash-undo-inside .avatar {
745 /* Browse happy box */
747 #dashboard-widgets #dashboard_browser_nag.postbox .inside {
759 #dashboard-widgets form .input-text-wrap input {
763 #dashboard-widgets form .textarea-wrap textarea {
767 #dashboard-widgets .postbox form .submit {
774 #dashboard-widgets-wrap #dashboard-widgets .postbox form .submit #publish {
778 #dashboard-widgets a {
779 text-decoration: none;
782 #dashboard-widgets h3 a {
783 text-decoration: underline;
786 #dashboard-widgets h3 .postbox-title-action {
793 .js #dashboard-widgets h3 .postbox-title-action {
797 #dashboard-widgets h4 {
805 #dashboard_plugins h5 {
809 /* Recent Comments */
811 #latest-comments #the-comment-list {
815 #activity-widget #the-comment-list .comment,
816 #activity-widget #the-comment-list .pingback {
817 -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06);
818 box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06);
821 #activity-widget .comments #the-comment-list .alt {
822 background-color: transparent;
825 #activity-widget #latest-comments #the-comment-list .comment-item {
829 #latest-comments #the-comment-list .pingback {
830 padding-left: 12px !important;
833 #latest-comments #the-comment-list .comment-item:first-child {
837 #latest-comments #the-comment-list .comment-item h4 {
843 #latest-comments #the-comment-list .comment-item h4 cite {
848 #latest-comments #the-comment-list .comment-item blockquote,
849 #latest-comments #the-comment-list .comment-item blockquote p {
855 #latest-comments #the-comment-list .comment-item p.row-actions {
864 #description-wrap label {
874 #title-wrap #title-prompt-text {
897 .rss-widget span.rss-date {
910 .rss-widget cite:before {
914 .dashboard-comment-wrap {
915 word-wrap: break-word;
919 #dashboard_browser_nag a.update-browser-link {
924 #dashboard_browser_nag a {
925 text-decoration: underline;
928 #dashboard_browser_nag p.browser-update-nag.has-browser-icon {
929 padding-right: 125px;
932 #dashboard_browser_nag .browser-icon {
936 #dashboard_browser_nag.postbox.browser-insecure {
937 background-color: #ac1b1b;
938 border-color: #ac1b1b;
941 #dashboard_browser_nag.postbox {
942 background-color: #e29808;
943 background-image: none;
944 border-color: #edc048;
946 -webkit-box-shadow: none;
950 #dashboard_browser_nag.postbox.browser-insecure h3 {
951 border-bottom-color: #cd5a5a;
955 #dashboard_browser_nag.postbox h3 {
956 border-bottom-color: #f6e2ac;
957 background: transparent none;
959 -webkit-box-shadow: none;
963 #dashboard_browser_nag a {
967 /* Make the browser nags easier to read with Open Sans */
969 #dashboard_browser_nag h3.hndle {
976 .postbox#dashboard_browser_nag p a.dismiss {
980 .postbox#dashboard_browser_nag p,
981 .postbox#dashboard_browser_nag a,
982 .postbox#dashboard_browser_nag p.browser-update-nag {
987 -------------------------------------------------------------- */
989 /* one column on the dash */
990 @media only screen and (max-width: 799px) {
991 #wpbody-content #dashboard-widgets .postbox-container {
996 /* two columns on the dash, but keep the setting if one is selected */
997 @media only screen and (min-width: 800px) and (max-width: 1499px) {
998 #wpbody-content #dashboard-widgets .postbox-container {
1002 #wpbody-content #dashboard-widgets #postbox-container-2,
1003 #wpbody-content #dashboard-widgets #postbox-container-3,
1004 #wpbody-content #dashboard-widgets #postbox-container-4 {
1009 #dashboard-widgets #postbox-container-3 .empty-container,
1010 #dashboard-widgets #postbox-container-4 .empty-container {
1016 #wpbody #wpbody-content #dashboard-widgets.columns-1 .postbox-container {
1020 #wpbody #wpbody-content .metabox-holder.columns-1 .postbox-container .empty-container {
1026 /* show the radio buttons for column prefs only for one or two columns */
1027 .index-php .screen-layout,
1028 .index-php .columns-prefs {
1032 .columns-prefs .columns-prefs-3,
1033 .columns-prefs .columns-prefs-4 {
1038 /* three columns on the dash */
1039 @media only screen and (min-width: 1500px) and (max-width: 1800px) {
1040 #wpbody-content #dashboard-widgets .postbox-container {
1044 #wpbody-content #dashboard-widgets #postbox-container-1 {
1048 #wpbody-content #dashboard-widgets #postbox-container-3,
1049 #wpbody-content #dashboard-widgets #postbox-container-4 {
1053 #dashboard-widgets #postbox-container-4 .empty-container {
1060 @media screen and (max-width: 870px) {
1061 .welcome-panel .welcome-panel-column,
1062 .welcome-panel .welcome-panel-column:first-child {
1068 .welcome-panel .welcome-panel-column li {
1069 display: inline-block;
1073 .welcome-panel .welcome-panel-column ul {
1079 @media screen and ( max-width: 782px ) {
1080 #dashboard_recent_comments #the-comment-list .comment-item .avatar {
1083 margin: 4px 10px 5px 0;
1088 @media screen and (max-width: 600px) {
1089 /* Keep the close icon from overlapping the Welcome text. */
1090 .welcome-panel .welcome-panel-close {
1093 white-space: nowrap;
1101 /* Make the close icon larger for tappability. */
1102 .welcome-panel .welcome-panel-close:before {