X-Git-Url: https://scripts.mit.edu/gitweb/autoinstalls/wordpress.git/blobdiff_plain/53f4633144ed68c8b8fb5861f992b5489894a940..607b7e02d77e7326161e8ec15639052d2040f745:/wp-admin/css/dashboard-rtl.css diff --git a/wp-admin/css/dashboard-rtl.css b/wp-admin/css/dashboard-rtl.css index d04ae1ce..abe14aec 100644 --- a/wp-admin/css/dashboard-rtl.css +++ b/wp-admin/css/dashboard-rtl.css @@ -56,10 +56,6 @@ min-height: 0; } -/*------------------------------------------------------------------------------ - 9.0 - Dashboard -------------------------------------------------------------------------------*/ - #dashboard-widgets-wrap { overflow: hidden; margin: 0 -8px; @@ -115,14 +111,14 @@ line-height: 2.1em; } -.welcome-panel h3 { +.welcome-panel h2 { margin: 0; font-size: 21px; - font-weight: normal; + font-weight: 400; line-height: 1.2; } -.welcome-panel h4 { +.welcome-panel h3 { margin: 1.33em 0 0; font-size: 16px; } @@ -132,7 +128,7 @@ } .welcome-panel p { - color: #777; + color: #72777c; } .welcome-panel a { @@ -200,20 +196,37 @@ .welcome-panel-column p { margin-top: 7px; - color: #464646; + color: #444; +} + +.welcome-panel .welcome-widgets-menus { + line-height: 16px; +} + +.welcome-panel .welcome-panel-column ul { + margin: 0.8em 0 1em 1em; +} + +.welcome-panel .welcome-panel-column li { + line-height: 16px; + list-style-type: none; + padding: 0 0 8px; } .welcome-panel .welcome-icon { background: transparent !important; } -.welcome-panel .welcome-icon:before { +/* Welcome Panel and Right Now common Icons style */ + +.welcome-panel .welcome-icon:before, +#dashboard_right_now li a:before, +#dashboard_right_now li span:before { color: #82878c; - font: normal 20px/1 'dashicons'; + font: normal 20px/1 dashicons; speak: none; display: inline-block; padding: 0 0 0 10px; - top: -1px; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; @@ -221,48 +234,71 @@ vertical-align: top; } +/* Welcome Panel specific Icons styles */ + .welcome-panel .welcome-write-blog:before, .welcome-panel .welcome-edit-page:before { - content:'\f119'; + content: "\f119"; top: -3px; } .welcome-panel .welcome-add-page:before { - content:'\f132'; + content: "\f132"; + top: -1px; } .welcome-panel .welcome-view-site:before { - content:'\f115'; + content: "\f115"; top: -2px; } .welcome-panel .welcome-widgets-menus:before { - content:'\f116'; + content: "\f116"; top: -2px; } .welcome-panel .welcome-comments:before { - content:'\f117'; + content: "\f117"; top: -1px; } .welcome-panel .welcome-learn-more:before { - content:'\f118'; + content: "\f118"; top: -1px; } -.welcome-panel .welcome-widgets-menus { - line-height: 16px; +/* Right Now specific Icons styles */ + +#dashboard_right_now li a:before, +#dashboard_right_now li > span:before { /* get only the first level span to exclude screen-reader-text in mu-storage */ + content: "\f159"; /* generic icon for items added by CPTs ? */ + padding: 0 0 0 5px; } -.welcome-panel .welcome-panel-column ul { - margin: 0.8em 0 1em 1em; +#dashboard_right_now .page-count a:before, +#dashboard_right_now .page-count span:before { + content: "\f105"; } -.welcome-panel .welcome-panel-column li { - line-height: 16px; - list-style-type: none; - padding: 0 0 8px; +#dashboard_right_now .post-count a:before, +#dashboard_right_now .post-count span:before { + content: "\f109"; +} + +#dashboard_right_now .comment-count a:before { + content: "\f101"; +} + +#dashboard_right_now .comment-mod-count a:before { + content: "\f125"; +} + +#dashboard_right_now .storage-count a:before { + content: "\f104"; +} + +#dashboard_right_now .storage-count.warning a:before { + content: "\f153"; } /* Dashboard WordPress news */ @@ -290,7 +326,7 @@ body #dashboard-widgets .postbox form .submit { } .rssSummary { - color: #777; + color: #72777c; margin-top: 4px; } @@ -306,12 +342,12 @@ body #dashboard-widgets .postbox form .submit { } #dashboard_primary .rss-widget a { - font-weight: normal; + font-weight: 400; } #dashboard_primary .rss-widget span, #dashboard_primary .rss-widget span.rss-date { - color: #777; + color: #72777c; } #dashboard_primary .rss-widget span.rss-date { @@ -360,25 +396,23 @@ body #dashboard-widgets .postbox form .submit { overflow: hidden; } -#dashboard-widgets h4.mu-storage { - margin-bottom: 10px; +#dashboard-widgets h3.mu-storage { + margin: 0 0 10px; + padding: 0; + font-size: 14px; + font-weight: 400; } /* Dashboard right now - Colors */ -#dashboard_right_now li a:before, -#dashboard_right_now li span:before { - color: #82878c; -} - #dashboard_right_now .sub { - color: #777; + color: #555d66; background: #f5f5f5; border-top: 1px solid #eee; padding: 10px 12px 6px 12px; } -#dashboard_right_now .sub h4 { +#dashboard_right_now .sub h3 { color: #555; } @@ -391,49 +425,6 @@ body #dashboard-widgets .postbox form .submit { color: #d54e21; } -/* Dashboard right now - Icons */ -#dashboard_right_now li a:before, -#dashboard_right_now li span:before { - content: '\f159'; - font: normal 20px/1 'dashicons'; - speak: none; - display: block; - float: right; - margin: 0 0 0 5px; - padding: 0; - text-indent: 0; - text-align: center; - position: relative; - -webkit-font-smoothing: antialiased; - text-decoration: none !important; -} - -#dashboard_right_now .page-count a:before, -#dashboard_right_now .page-count span:before { - content: '\f105'; -} - -#dashboard_right_now .post-count a:before, -#dashboard_right_now .post-count span:before { - content: '\f109'; -} - -#dashboard_right_now .comment-count a:before { - content: '\f101'; -} - -#dashboard_right_now .comment-mod-count a:before { - content: '\f125'; -} - -#dashboard_right_now .storage-count a:before { - content: '\f104'; -} - -#dashboard_right_now .storage-count.warning a:before { - content: '\f153'; -} - /* Dashboard Quick Draft */ #dashboard_quick_press .inside { @@ -493,7 +484,7 @@ form.initial-form.quickpress-open input#title { #title-wrap #title-prompt-text, .textarea-wrap #content-prompt-text { - color: #777; + color: #72777c; } #title-wrap #title-prompt-text { @@ -537,18 +528,13 @@ form.initial-form.quickpress-open input#title { border: none; } -#dashboard_quick_press .drafts h4 { - margin: 0 12px 8px; - font-weight: normal; -} - #dashboard_quick_press .drafts .view-all { float: left; margin: 0 0 0 12px; } #dashboard_primary a.rsswidget { - font-weight: normal; + font-weight: 400; } #dashboard_quick_press .drafts ul { @@ -559,7 +545,7 @@ form.initial-form.quickpress-open input#title { margin-bottom: 1em; } #dashboard_quick_press .drafts li time { - color: #777; + color: #72777c; } #dashboard_quick_press .drafts p { @@ -576,29 +562,34 @@ form.initial-form.quickpress-open input#title { margin: 0 0 0 5px; } -/* Dashboard activity widget */ +/* Dashboard common styles */ -#dashboard-widgets #dashboard_activity h4 { - margin: 0 12px 8px 0; - font-weight: normal; +#dashboard-widgets h4, /* Back-compat for pre-4.4 */ +#dashboard-widgets h3, +#dashboard_quick_press .drafts h2 { + margin: 0 12px 8px; + padding: 0; + font-size: 14px; + font-weight: 400; + color: #23282d; } -#dashboard-widgets #dashboard_activity h4.comment-meta { - margin: 0; +#dashboard_quick_press .drafts h2 { + line-height: inherit; } -#dashboard_activity h4.comment-meta { - margin-bottom: 4px; +#dashboard-widgets .inside h4, /* Back-compat for pre-4.4 */ +#dashboard-widgets .inside h3 { + margin-right: 0; + margin-left: 0; } -#dashboard_activity ul { - padding: 0 12px; -} +/* Dashboard activity widget */ #dashboard_activity .comment-meta span.approve:before { - content: '\f227'; - font: 20px/.5 "dashicons"; - margin-right: 12px; + content: "\f227"; + font: 20px/.5 dashicons; + margin-right: 5px; vertical-align: middle; position: relative; top: -1px; @@ -606,18 +597,18 @@ form.initial-form.quickpress-open input#title { } #dashboard_activity .inside { - padding: 0; margin: 0; + padding-bottom: 0; } #dashboard_activity .no-activity { overflow: hidden; - padding: 0 12px 12px; + padding: 0 0 12px; text-align: center; } #dashboard_activity .no-activity p { - color: #999; + color: #72777c; font-size: 16px; } @@ -626,8 +617,8 @@ form.initial-form.quickpress-open input#title { } #dashboard_activity .no-activity .smiley:before { - content: '\f328'; - font: normal 120px/1 'dashicons'; + content: "\f328"; + font: normal 120px/1 dashicons; speak: none; display: block; margin: 0 0 0 5px; @@ -641,11 +632,16 @@ form.initial-form.quickpress-open input#title { #dashboard_activity .subsubsub { float: none; - border-top: 1px solid #eeeeee; - margin-top: 0; + border-top: 1px solid #eee; + margin: 0 -12px; padding: 8px 12px 4px; } +#dashboard_activity .subsubsub a .count, +#dashboard_activity .subsubsub a.current .count { + color: #72777c; /* white background on the dashboard but #f1f1f1 on list tables */ +} + #future-posts ul, #published-posts ul { clear: both; @@ -662,13 +658,13 @@ form.initial-form.quickpress-open input#title { display: inline-block; margin-left: 5px; min-width: 150px; - color: #777; + color: #72777c; } .activity-block { border-bottom: 1px solid #eee; - overflow: hidden; - padding: 8px 0 4px; + margin: 0 -12px; + padding: 8px 12px 4px; } .activity-block:last-child { @@ -697,7 +693,7 @@ form.initial-form.quickpress-open input#title { #activity-widget #the-comment-list .avatar { position: absolute; - top: 13px; + top: 12px; } #activity-widget #the-comment-list .dashboard-comment-wrap { @@ -708,11 +704,6 @@ form.initial-form.quickpress-open input#title { margin: 1em 0; } -#activity-widget #the-comment-list .comment-item h4 { - font-size: 13px; - color: #999; -} - #activity-widget #the-comment-list .comment-item p.row-actions { margin: 4px 0 0 0; } @@ -748,12 +739,17 @@ form.initial-form.quickpress-open input#title { margin: 10px; } -.edit-box { +.postbox .button-link .edit-box { display: none; } -h3:hover .edit-box { - display: inline; +.edit-box { + opacity: 0; +} + +.hndle:hover .edit-box, +.edit-box:focus { + opacity: 1; } #dashboard-widgets form .input-text-wrap input { @@ -779,27 +775,13 @@ h3:hover .edit-box { text-decoration: none; } -#dashboard-widgets h3 a { +#dashboard-widgets h2 a { text-decoration: underline; } -#dashboard-widgets h3 .postbox-title-action { - position: absolute; - left: 10px; - padding: 0; - top: 5px; -} - -.js #dashboard-widgets h3 .postbox-title-action { - left: 33px; -} - -#dashboard-widgets h4 { - color: #23282d; - font-weight: normal; - font-size: 14px; - margin: 0 0 .2em; - padding: 0; +#dashboard-widgets .hndle .postbox-title-action { + float: left; + line-height: 1.2; } #dashboard_plugins h5 { @@ -810,6 +792,7 @@ h3:hover .edit-box { #latest-comments #the-comment-list { position: relative; + margin: 0 -12px; } #activity-widget #the-comment-list .comment, @@ -823,7 +806,11 @@ h3:hover .edit-box { } #activity-widget #latest-comments #the-comment-list .comment-item { - padding: 1em 12px; + /* the row-actions paragraph is output only for users with 'edit_comment' capabilities, + for other users this needs a min height equal to the gravatar image */ + min-height: 50px; + margin: 0; + padding: 12px; } #latest-comments #the-comment-list .pingback { @@ -834,15 +821,15 @@ h3:hover .edit-box { border-top: none; } -#latest-comments #the-comment-list .comment-item h4 { +#latest-comments #the-comment-list .comment-meta { line-height: 1.5em; - margin-top: 0; + margin: 0; color: #666; } -#latest-comments #the-comment-list .comment-item h4 cite { +#latest-comments #the-comment-list .comment-meta cite { font-style: normal; - font-weight: normal; + font-weight: 400; } #latest-comments #the-comment-list .comment-item blockquote, @@ -895,7 +882,7 @@ a.rsswidget { } .rss-widget span.rss-date { - color: #999; + color: #72777c; font-size: 13px; margin-right: 3px; } @@ -908,7 +895,7 @@ a.rsswidget { } .rss-widget cite:before { - content: '\2014'; + content: "\2014"; } .dashboard-comment-wrap { @@ -947,12 +934,12 @@ a.rsswidget { box-shadow: none; } -#dashboard_browser_nag.postbox.browser-insecure h3 { +#dashboard_browser_nag.postbox.browser-insecure h2 { border-bottom-color: #cd5a5a; color: #fff; } -#dashboard_browser_nag.postbox h3 { +#dashboard_browser_nag.postbox h2 { border-bottom-color: #f6e2ac; background: transparent none; color: #fff; @@ -964,9 +951,7 @@ a.rsswidget { color: #fff; } -/* Make the browser nags easier to read with Open Sans */ - -#dashboard_browser_nag h3.hndle { +#dashboard_browser_nag h2.hndle { border: none; font-weight: 600; font-size: 20px; @@ -1013,6 +998,11 @@ a.rsswidget { min-height: 0; } + #dashboard-widgets #postbox-container-3 .empty-container:after, + #dashboard-widgets #postbox-container-4 .empty-container:after { + display: none; + } + #wpbody #wpbody-content #dashboard-widgets.columns-1 .postbox-container { width: 100%; } @@ -1033,6 +1023,10 @@ a.rsswidget { .columns-prefs .columns-prefs-4 { display: none; } + + .metabox-holder .postbox-container .empty-container:after { + display: block; + } } /* three columns on the dash */ @@ -1055,6 +1049,14 @@ a.rsswidget { height: 0; min-height: 0; } + + #dashboard-widgets #postbox-container-4 .empty-container:after { + display: none; + } + + .metabox-holder .postbox-container .empty-container:after { + display: block; + } } @media screen and (max-width: 870px) {