min-height: 100px;
}
-h3.dashboard-widget-title,
-h3.dashboard-widget-title span,
-h3.dashboard-widget-title small {
- color: #333;
-}
-
-h3.dashboard-widget-title small a {
- color: #d7d7d7;
-}
-
-h3.dashboard-widget-title small a:hover {
- color: #fff;
-}
-
/* @todo: this was originally in this section, but likely belongs elsewhere */
#the-comment-list td.comment p.comment-author {
margin-top: 0;
line-height: 2.1em;
}
-.welcome-panel h3 {
+.welcome-panel h2 {
margin: 0;
font-size: 21px;
font-weight: normal;
line-height: 1.2;
}
-.welcome-panel h4 {
+.welcome-panel h3 {
margin: 1.33em 0 0;
font-size: 16px;
}
.welcome-panel .welcome-panel-close {
position: absolute;
- top: 5px;
+ top: 10px;
left: 10px;
- padding: 20px 3px 0 15px;
+ padding: 10px 21px 10px 15px;
font-size: 13px;
+ line-height: 1.23076923; /* Chrome rounding, needs to be 16px equivalent */
text-decoration: none;
- line-height: 1;
}
-#welcome-panel.welcome-panel .welcome-panel-close::before {
+.welcome-panel .welcome-panel-close:before {
position: absolute;
- right: -18px;
- margin-top: -2px;
+ top: 8px;
+ right: 0;
-webkit-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}
.wp-core-ui .welcome-panel .button.button-hero {
- margin: 15px 0 3px;
+ margin: 15px 0 3px 13px;
+ padding: 12px 36px;
+ height: auto;
+ line-height: 1.4285714;
+ white-space: normal;
}
.welcome-panel-content {
.welcome-panel .welcome-panel-column-container {
clear: both;
- overflow: hidden;
position: relative;
}
}
.welcome-panel .welcome-icon {
- display: block;
- padding: 0 0 8px;
background: transparent !important;
}
.welcome-panel .welcome-icon:before {
- color: #888;
- font: normal 20px/1 'dashicons';
+ color: #82878c;
+ font: normal 20px/1 dashicons;
speak: none;
display: inline-block;
padding: 0 0 0 10px;
.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";
}
.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-panel-column li {
line-height: 16px;
list-style-type: none;
+ padding: 0 0 8px;
}
/* Dashboard WordPress news */
margin-top: 0;
}
-/* @todo: are these actually used anywhere? no non-CSS results in plugin search */
-div.dashboard-widget-error {
- background-color: #c43;
-}
-
-div.dashboard-widget-notice {
- background-color: #cfe1ef;
-}
-
.rssSummary {
color: #777;
margin-top: 4px;
#dashboard_right_now ul {
margin: 0;
- overflow: hidden;
+ /* contain floats but don't use overflow: hidden */
+ display: inline-block;
+ width: 100%;
}
#dashboard_right_now li {
}
#dashboard_right_now .inside {
- overflow: hidden;
padding: 0;
}
#dashboard_right_now .main {
- overflow: hidden;
padding: 0 12px 11px;
}
}
#dashboard_right_now #wp-version-message .button {
- clear: left;
float: left;
position: relative;
top: -5px;
+ margin-right: 5px;
}
.mu-storage {
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: normal;
}
/* Dashboard right now - Colors */
#dashboard_right_now li a:before,
#dashboard_right_now li span:before {
- color: #888;
+ color: #82878c;
}
#dashboard_right_now .sub {
padding: 10px 12px 6px 12px;
}
-#dashboard_right_now .sub h4 {
+#dashboard_right_now .sub h3 {
color: #555;
}
/* Dashboard right now - Icons */
#dashboard_right_now li a:before,
#dashboard_right_now li span:before {
- content: '\f159';
- font: normal 20px/1 'dashicons';
+ content: "\f159";
+ font: normal 20px/1 dashicons;
speak: none;
display: block;
float: right;
#dashboard_right_now .page-count a:before,
#dashboard_right_now .page-count span:before {
- content: '\f105';
+ content: "\f105";
}
#dashboard_right_now .post-count a:before,
#dashboard_right_now .post-count span:before {
- content: '\f109';
+ content: "\f109";
}
#dashboard_right_now .comment-count a:before {
- content: '\f101';
+ content: "\f101";
}
#dashboard_right_now .comment-mod-count a:before {
- content: '\f125';
+ content: "\f125";
}
#dashboard_right_now .storage-count a:before {
- content: '\f104';
+ content: "\f104";
}
#dashboard_right_now .storage-count.warning a:before {
- content: '\f153';
+ content: "\f153";
}
/* Dashboard Quick Draft */
}
#dashboard_quick_press form {
- overflow: hidden;
margin: 12px;
}
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_quick_press .draft-title {
- overflow: hidden;
+ word-wrap: break-word;
}
#dashboard_quick_press .draft-title a,
#dashboard_quick_press .draft-title time {
- float: right;
margin: 0 0 0 5px;
}
-/* Dashboard activity widget */
+/* Dashboard common styles */
-#dashboard-widgets #dashboard_activity h4 {
- margin: 0 12px 8px 0;
+#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: normal;
+ 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";
+ content: "\f227";
+ font: 20px/.5 dashicons;
margin-right: 12px;
vertical-align: middle;
position: relative;
}
#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 .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;
#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;
}
#future-posts li,
#published-posts li {
- overflow: hidden;
margin-bottom: 8px;
}
#future-posts ul span,
#published-posts ul span {
- color: #777;
- float: right;
- margin-left: 8px;
+ display: inline-block;
+ margin-left: 5px;
min-width: 150px;
+ color: #777;
}
.activity-block {
border-bottom: 1px solid #eee;
- overflow: hidden;
- padding: 8px 0 4px;
+ margin: 0 -12px;
+ padding: 8px 12px 4px;
}
.activity-block:last-child {
#activity-widget #the-comment-list div.undo {
background: none;
padding: 6px 0;
-}
-
-#activity-widget #the-comment-list .alternate,
-#activity-widget #the-comment-list .alt {
- background: none;
+ margin-right: 12px;
}
#activity-widget #the-comment-list .comment-item {
position: relative;
}
-#activity-widget #the-comment-list img {
+#activity-widget #the-comment-list .avatar {
position: absolute;
- right: 13px;
top: 13px;
}
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;
}
#activity-widget #the-comment-list .spam-undo-inside .avatar,
#activity-widget #the-comment-list .trash-undo-inside .avatar {
- margin-left: 20px;
position: relative;
top: 0;
}
left: 33px;
}
-#dashboard-widgets h4 {
- color: #222;
- font-weight: normal;
- font-size: 14px;
- margin: 0 0 .2em;
- padding: 0;
-}
-
#dashboard_plugins h5 {
font-size: 14px;
}
#latest-comments #the-comment-list {
position: relative;
+ margin: 0 -12px;
}
-#activity-widget #the-comment-list .comment {
+#activity-widget #the-comment-list .comment,
+#activity-widget #the-comment-list .pingback {
-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06);
box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06);
}
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;
}
/* QuickDraft */
-#title-wrap label {
+#title-wrap label,
+#description-wrap label {
cursor: text;
}
#title-wrap #title {
padding: 2px 6px;
font-size: 1.3em;
- line-height: 100%;
outline: none;
}
}
.rss-widget cite:before {
- content: '\2014';
+ content: "\2014";
}
.dashboard-comment-wrap {
- overflow: hidden;
word-wrap: break-word;
}
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;
/* 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;
/* Keep the close icon from overlapping the Welcome text. */
.welcome-panel .welcome-panel-close {
overflow: hidden;
- text-indent: 100%;
+ text-indent: 40px;
white-space: nowrap;
width: 20px;
height: 20px;
- left: 0;
padding: 5px;
+ top: 5px;
+ left: 5px;
}
/* Make the close icon larger for tappability. */
- #welcome-panel.welcome-panel .welcome-panel-close::before {
+ .welcome-panel .welcome-panel-close:before {
font-size: 20px;
- margin: 0;
+ top: 5px;
+ right: -35px;
}
}