]> scripts.mit.edu Git - autoinstalls/wordpress.git/blobdiff - wp-admin/css/dashboard-rtl.css
Wordpress 4.6
[autoinstalls/wordpress.git] / wp-admin / css / dashboard-rtl.css
index d04ae1ce97053ba1a496496b8b970784ced080f5..abe14aeca69a6a1fcf59b64bb12e96a7d1415f5b 100644 (file)
        min-height: 0;
 }
 
-/*------------------------------------------------------------------------------
-  9.0 - Dashboard
-------------------------------------------------------------------------------*/
-
 #dashboard-widgets-wrap {
        overflow: hidden;
        margin: 0 -8px;
        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;
 }
 }
 
 .welcome-panel p {
-       color: #777;
+       color: #72777c;
 }
 
 .welcome-panel a {
 
 .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;
        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) {