--- a/wp/wp-admin/css/common.css Tue Dec 15 15:52:01 2020 +0100
+++ b/wp/wp-admin/css/common.css Wed Sep 21 18:19:35 2022 +0200
@@ -152,8 +152,8 @@
font-size: 14px;
font-weight: 600;
padding: 15px 23px 14px;
- background: #f1f1f1;
- color: #0073aa;
+ background: #f0f0f1;
+ color: #2271b1;
z-index: 100000;
line-height: normal;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
@@ -190,7 +190,7 @@
.feature-filter,
.imgedit-group,
.comment-ays {
- border: 1px solid #ccd0d4;
+ border: 1px solid #c3c4c7;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
}
@@ -215,8 +215,8 @@
}
body {
- background: #f1f1f1;
- color: #444;
+ background: #f0f0f1;
+ color: #3c434a;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 13px;
line-height: 1.4em;
@@ -252,7 +252,7 @@
/* Any change to the default link style must be applied to button-link too. */
a {
- color: #0073aa;
+ color: #2271b1;
transition-property: border, background, color;
transition-duration: .05s;
transition-timing-function: ease-in-out;
@@ -265,16 +265,16 @@
a:hover,
a:active {
- color: #006799;
+ color: #135e96;
}
a:focus,
a:focus .media-icon img,
.wp-person a:focus .gravatar {
- color: #124964;
+ color: #043959;
box-shadow:
- 0 0 0 1px #5b9dd9,
- 0 0 2px 1px rgba(30, 140, 190, 0.8);
+ 0 0 0 1px #4f94d4,
+ 0 0 2px 1px rgba(79, 148, 212, 0.8);
/* Only visible in Windows High Contrast mode */
outline: 1px solid transparent;
}
@@ -331,20 +331,20 @@
}
h1 {
- color: #23282d;
+ color: #1d2327;
font-size: 2em;
margin: .67em 0;
}
h2,
h3 {
- color: #23282d;
+ color: #1d2327;
font-size: 1.3em;
margin: 1em 0;
}
.update-core-php h2 {
- margin-top: 2em;
+ margin-top: 4em;
}
.update-php h2,
@@ -419,7 +419,7 @@
code {
padding: 3px 5px 2px 5px;
margin: 0 1px;
- background: #eaeaea;
+ background: #f0f0f1;
background: rgba(0, 0, 0, 0.07);
font-size: 13px;
}
@@ -430,7 +430,7 @@
padding: 0;
font-size: 13px;
float: left;
- color: #666;
+ color: #646970;
}
.subsubsub a {
@@ -441,7 +441,7 @@
.subsubsub a .count,
.subsubsub a.current .count {
- color: #555d66; /* #f1f1f1 background */
+ color: #50575e; /* #f1f1f1 background */
font-weight: 400;
}
@@ -481,12 +481,12 @@
.widefat thead th,
.widefat thead td {
- border-bottom: 1px solid #ccd0d4;
+ border-bottom: 1px solid #c3c4c7;
}
.widefat tfoot th,
.widefat tfoot td {
- border-top: 1px solid #ccd0d4;
+ border-top: 1px solid #c3c4c7;
border-bottom: none;
}
@@ -599,12 +599,16 @@
.subtitle {
margin: 0;
padding-left: 25px;
- color: #555d66;
+ color: #50575e;
font-size: 14px;
font-weight: 400;
line-height: 1;
}
+.subtitle strong {
+ word-break: break-all;
+}
+
.wrap .add-new-h2, /* deprecated */
.wrap .add-new-h2:active, /* deprecated */
.wrap .page-title-action,
@@ -614,14 +618,14 @@
position: relative;
top: -3px;
text-decoration: none;
- border: 1px solid #0071a1;
+ border: 1px solid #2271b1;
border-radius: 2px;
text-shadow: none;
font-weight: 600;
font-size: 13px;
line-height: normal; /* IE8-IE11 need this for buttons */
- color: #0071a1; /* use the standard color used for buttons */
- background: #f3f5f6;
+ color: #2271b1; /* use the standard color used for buttons */
+ background: #f6f7f7;
cursor: pointer;
}
@@ -631,14 +635,14 @@
.wrap .add-new-h2:hover, /* deprecated */
.wrap .page-title-action:hover {
- background: #f1f1f1;
- border-color: #016087;
- color: #016087;
+ background: #f0f0f1;
+ border-color: #0a4b78;
+ color: #0a4b78;
}
/* lower specificity: color needs to be overridden by :hover and :active */
.page-title-action:focus {
- color: #016087;
+ color: #0a4b78;
}
/* Dashicon for language options on General Settings and Profile screens */
@@ -648,8 +652,8 @@
}
.wrap .page-title-action:focus {
- border-color: #007cba;
- box-shadow: 0 0 0 1px #007cba;
+ border-color: #3582c4;
+ box-shadow: 0 0 0 1px #3582c4;
/* Only visible in Windows High Contrast mode */
outline: 2px solid transparent;
}
@@ -667,12 +671,12 @@
#available-widgets .widget-top:hover,
div#widgets-right .widget-top:hover,
#widgets-left .widget-top:hover {
- border-color: #999;
+ border-color: #8c8f94;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.sorthelper {
- background-color: #ccf3fa;
+ background-color: #c5d9ed;
}
.ac_match,
@@ -683,47 +687,47 @@
.striped > tbody > :nth-child(odd),
ul.striped > :nth-child(odd),
.alternate {
- background-color: #f9f9f9;
+ background-color: #f6f7f7;
}
.bar {
- background-color: #e8e8e8;
- border-right-color: #99d;
+ background-color: #f0f0f1;
+ border-right-color: #4f94d4;
}
/* Helper classes for plugins to leverage the active WordPress color scheme */
.highlight {
- background-color: #e4f2fd;
- color: #000;
+ background-color: #f0f6fc;
+ color: #3c434a;
}
.wp-ui-primary {
color: #fff;
- background-color: #32373c;
+ background-color: #2c3338;
}
.wp-ui-text-primary {
- color: #32373c;
+ color: #2c3338;
}
.wp-ui-highlight {
color: #fff;
- background-color: #1e8cbe;
+ background-color: #2271b1;
}
.wp-ui-text-highlight {
- color: #1e8cbe;
+ color: #2271b1;
}
.wp-ui-notification {
color: #fff;
- background-color: #d54e21;
+ background-color: #d63638;
}
.wp-ui-text-notification {
- color: #d54e21;
+ color: #d63638;
}
.wp-ui-text-icon {
- color: #82878c; /* same as new icons */
+ color: #8c8f94; /* same as new icons */
}
/* For emoji replacement images */
@@ -763,16 +767,16 @@
.widget .widget-top,
.menu-item-handle {
- background: #fafafa;
- color: #23282d;
+ background: #f6f7f7;
+ color: #1d2327;
}
.stuffbox .hndle {
- border-bottom: 1px solid #ccd0d4;
+ border-bottom: 1px solid #c3c4c7;
}
.quicktags {
- background-color: #ccc;
+ background-color: #c3c4c7;
color: #000;
font-size: 12px;
}
@@ -787,11 +791,11 @@
#bulk-titles div a:before,
.notice-dismiss:before {
background: none;
- color: #72777c;
+ color: #787c82;
content: "\f153";
display: block;
font: normal 16px/20px dashicons;
- speak: none;
+ speak: never;
height: 20px;
text-align: center;
width: 20px;
@@ -810,7 +814,7 @@
.tagchecklist .ntdelbutton .remove-tag-icon:before {
margin-left: 2px;
border-radius: 50%;
- color: #0073aa;
+ color: #2271b1;
/* vertically center the icon cross browsers */
line-height: 1.28;
}
@@ -825,13 +829,13 @@
.tagchecklist .ntdelbutton:focus .remove-tag-icon:before,
#bulk-titles div a:hover:before,
#bulk-titles div a:focus:before {
- color: #c00;
+ color: #d63638;
}
.tagchecklist .ntdelbutton:focus .remove-tag-icon:before {
box-shadow:
- 0 0 0 1px #5b9dd9,
- 0 0 2px 1px rgba(30, 140, 190, 0.8);
+ 0 0 0 1px #4f94d4,
+ 0 0 2px 1px rgba(79, 148, 212, 0.8);
}
.key-labels label {
@@ -849,7 +853,7 @@
}
.howto {
- color: #666;
+ color: #646970;
display: block;
}
@@ -864,8 +868,8 @@
hr {
border: 0;
- border-top: 1px solid #ddd;
- border-bottom: 1px solid #fafafa;
+ border-top: 1px solid #dcdcde;
+ border-bottom: 1px solid #f6f7f7;
}
.row-actions span.delete a,
@@ -878,8 +882,9 @@
#media-items a.delete,
#media-items a.delete-permanently,
#nav-menu-footer .menu-delete,
-#delete-link a.delete {
- color: #a00;
+#delete-link a.delete,
+a#remove-post-thumbnail {
+ color: #b32d2e;
}
abbr.required,
@@ -895,8 +900,9 @@
#media-items a.delete:hover,
#media-items a.delete-permanently:hover,
#nav-menu-footer .menu-delete:hover,
-#delete-link a.delete:hover {
- color: #dc3232;
+#delete-link a.delete:hover,
+a#remove-post-thumbnail:hover {
+ color: #b32d2e;
border: none;
}
@@ -907,8 +913,8 @@
#major-publishing-actions {
padding: 10px;
clear: both;
- border-top: 1px solid #ddd;
- background: #f5f5f5;
+ border-top: 1px solid #dcdcde;
+ background: #f6f7f7;
}
#delete-action {
@@ -997,9 +1003,9 @@
padding: 0 10px;
width: 100%;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
- border: 1px solid #ccd0d4;
+ border: 1px solid #c3c4c7;
background: #fff;
- color: #555;
+ color: #50575e;
font-size: 13px;
}
@@ -1020,7 +1026,7 @@
top: -1px;
padding: 4px 10px;
border-radius: 30px;
- background: #72777c;
+ background: #646970;
color: #fff;
font-size: 14px;
font-weight: 600;
@@ -1053,21 +1059,21 @@
margin: 0 10px;
padding: 15px 0;
border-bottom: 4px solid #fff;
- color: #666;
+ color: #646970;
cursor: pointer;
}
.filter-links .current {
box-shadow: none;
- border-bottom: 4px solid #666;
- color: #23282d;
+ border-bottom: 4px solid #646970;
+ color: #1d2327;
}
.filter-links li > a:hover,
.filter-links li > a:focus,
.show-filters .filter-links a.current:hover,
.show-filters .filter-links a.current:focus {
- color: #006799;
+ color: #135e96;
}
.wp-filter .search-form {
@@ -1110,7 +1116,7 @@
padding: 0 10px 0 6px;
border-color: transparent;
background-color: transparent;
- color: #666;
+ color: #646970;
vertical-align: baseline;
box-shadow: none;
}
@@ -1118,7 +1124,7 @@
.wp-filter .drawer-toggle:before {
content: "\f111";
margin: 0 5px 0 0;
- color: #72777c;
+ color: #646970;
font: normal 16px/1 dashicons;
vertical-align: text-bottom;
-webkit-font-smoothing: antialiased;
@@ -1130,7 +1136,7 @@
.wp-filter .button.drawer-toggle:focus,
.wp-filter .drawer-toggle:focus:before {
background-color: transparent;
- color: #006799;
+ color: #135e96;
}
.wp-filter .button.drawer-toggle:hover,
@@ -1139,7 +1145,7 @@
}
.wp-filter .button.drawer-toggle:focus {
- border-color: #5b9dd9;
+ border-color: #4f94d4;
}
.wp-filter .button.drawer-toggle:active {
@@ -1157,8 +1163,8 @@
display: none;
margin: 0 -10px 0 -20px;
padding: 20px;
- border-top: 1px solid #eee;
- background: #fafafa;
+ border-top: 1px solid #f0f0f1;
+ background: #f6f7f7;
overflow: hidden;
}
@@ -1173,13 +1179,13 @@
.show-filters .wp-filter .button.drawer-toggle {
border-radius: 2px;
- background: #72777c;
+ background: #646970;
color: #fff;
}
.show-filters .wp-filter .drawer-toggle:hover,
.show-filters .wp-filter .drawer-toggle:focus {
- background: rgb(46, 162, 204);
+ background: #2271b1;
}
.show-filters .wp-filter .drawer-toggle:before {
@@ -1194,7 +1200,7 @@
padding: 20px 10px 10px;
width: 24%;
background: #fff;
- border: 1px solid #e5e5e5;
+ border: 1px solid #dcdcde;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
}
@@ -1276,7 +1282,7 @@
.filtered-by .tag {
margin: 0 5px;
padding: 4px 8px;
- border: 1px solid #e5e5e5;
+ border: 1px solid #dcdcde;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
background: #fff;
font-size: 11px;
@@ -1316,7 +1322,7 @@
@media only screen and (max-width: 1120px) {
.filter-drawer {
- border-bottom: 1px solid #eee;
+ border-bottom: 1px solid #f0f0f1;
}
.filter-group {
@@ -1374,9 +1380,9 @@
div.updated,
div.error {
background: #fff;
- border: 1px solid #ccd0d4;
+ border: 1px solid #c3c4c7;
border-left-width: 4px;
- box-shadow: 0 1px 1px rgba(0,0,0,.04);
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
margin: 5px 15px 2px;
padding: 1px 12px;
}
@@ -1412,7 +1418,7 @@
.notice-title {
display: inline-block;
- color: #23282d;
+ color: #1d2327;
font-size: 18px;
}
@@ -1429,55 +1435,55 @@
margin: 0;
padding: 9px;
background: none;
- color: #72777c;
+ color: #787c82;
cursor: pointer;
}
.notice-dismiss:hover:before,
.notice-dismiss:active:before,
.notice-dismiss:focus:before {
- color: #c00;
+ color: #d63638;
}
.notice-dismiss:focus {
outline: none;
box-shadow:
- 0 0 0 1px #5b9dd9,
- 0 0 2px 1px rgba(30, 140, 190, 0.8);
+ 0 0 0 1px #4f94d4,
+ 0 0 2px 1px rgba(79, 148, 212, 0.8);
}
.notice-success,
div.updated {
- border-left-color: #46b450;
+ border-left-color: #00a32a;
}
.notice-success.notice-alt {
- background-color: #ecf7ed;
+ background-color: #edfaef;
}
.notice-warning {
- border-left-color: #ffb900;
+ border-left-color: #dba617;
}
.notice-warning.notice-alt {
- background-color: #fff8e5;
+ background-color: #fcf9e8;
}
.notice-error,
div.error {
- border-left-color: #dc3232;
+ border-left-color: #d63638;
}
.notice-error.notice-alt {
- background-color: #fbeaea;
+ background-color: #fcf0f1;
}
.notice-info {
- border-left-color: #00a0d2;
+ border-left-color: #72aee6;
}
.notice-info.notice-alt {
- background-color: #e5f5fa;
+ background-color: #f0f6fc;
}
.update-message p:before,
@@ -1525,7 +1531,7 @@
.import-php .updating-message:before,
.button.updating-message:before,
.button.installing:before {
- color: #f56e28;
+ color: #d63638;
content: "\f463";
}
@@ -1539,6 +1545,17 @@
animation: rotation 2s infinite linear;
}
+@media (prefers-reduced-motion: reduce) {
+ .updating-message p:before,
+ .import-php .updating-message:before,
+ .button.updating-message:before,
+ .button.installing:before,
+ .plugins .column-auto-updates .dashicons-update.spin,
+ .theme-overlay .theme-autoupdate .dashicons-update.spin {
+ animation: none;
+ }
+}
+
.theme-overlay .theme-autoupdate .dashicons-update.spin {
margin-right: 3px;
}
@@ -1547,13 +1564,13 @@
.updated-message p:before,
.installed p:before,
.button.updated-message:before {
- color: #79ba49;
+ color: #68de7c;
content: "\f147";
}
/* Error icon. */
.update-message.notice-error p:before {
- color: #dc3232;
+ color: #d63638;
content: "\f534";
}
@@ -1600,6 +1617,19 @@
margin: -4px 0;
}
+h2.wp-current-version {
+ margin-bottom: .3em;
+}
+
+p.update-last-checked {
+ margin-top: 0;
+}
+
+p.auto-update-status {
+ margin-top: 2em;
+ line-height: 1.8;
+}
+
#ajax-loading,
.ajax-loading,
.ajax-feedback,
@@ -1624,7 +1654,7 @@
}
.button-primary.updated-message:before {
- color: #66c6e4;
+ color: #9ec2e6;
}
.button.updated-message {
@@ -1638,7 +1668,7 @@
.button.installing:before,
.button.installed:before,
.update-message p:before {
- speak: none;
+ speak: never;
}
}
@@ -1680,7 +1710,7 @@
margin: 0 20px -1px 0px;
position: relative;
background-color: #fff;
- border: 1px solid #ccd0d4;
+ border: 1px solid #c3c4c7;
border-top: none;
box-shadow: 0 0 0 transparent;
}
@@ -1697,14 +1727,14 @@
}
#screen-meta-links .show-settings {
- border: 1px solid #ccd0d4;
+ border: 1px solid #c3c4c7;
border-top: none;
height: auto;
margin-bottom: 0;
padding: 3px 6px 3px 16px;
background: #fff;
border-radius: 0 0 4px 4px;
- color: #72777c;
+ color: #646970;
line-height: 1.7;
box-shadow: 0 0 0 transparent;
transition: box-shadow 0.1s linear;
@@ -1713,12 +1743,12 @@
#screen-meta-links .show-settings:hover,
#screen-meta-links .show-settings:active,
#screen-meta-links .show-settings:focus {
- color: #32373c;
+ color: #2c3338;
}
#screen-meta-links .show-settings:focus {
- border-color: #5b9dd9;
- box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
+ border-color: #4f94d4;
+ box-shadow: 0 0 3px rgba(34, 113, 177, 0.8);
}
#screen-meta-links .show-settings:active {
@@ -1729,7 +1759,7 @@
right: 0;
content: "\f140";
font: normal 20px/1 dashicons;
- speak: none;
+ speak: never;
display: inline-block;
padding: 0 5px 0 0;
bottom: 2px;
@@ -1738,7 +1768,6 @@
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-decoration: none;
- color: #72777c;
}
#screen-meta-links .screen-meta-active:after {
@@ -1842,10 +1871,10 @@
bottom: 0;
left: 150px;
right: 170px;
- border: 1px solid #ccd0d4;
+ border: 1px solid #c3c4c7;
border-top: none;
border-bottom: none;
- background: #f6fbfd;
+ background: #f0f6fc;
}
#contextual-help-wrap.no-sidebar #contextual-help-back {
@@ -1883,20 +1912,20 @@
}
.contextual-help-tabs a:hover {
- color: #32373c;
+ color: #2c3338;
}
.contextual-help-tabs .active {
padding: 0;
margin: 0 -1px 0 0;
- border-left: 2px solid #00a0d2;
- background: #f6fbfd;
+ border-left: 2px solid #72aee6;
+ background: #f0f6fc;
box-shadow: 0 2px 0 rgba(0, 0, 0, 0.02), 0 1px 0 rgba(0, 0, 0, 0.02);
}
.contextual-help-tabs .active a {
- border-color: #ccd0d4;
- color: #32373c;
+ border-color: #c3c4c7;
+ color: #2c3338;
}
.contextual-help-tabs-wrap {
@@ -1933,11 +1962,12 @@
html.wp-toolbar {
padding-top: 32px;
box-sizing: border-box;
+ -ms-overflow-style: scrollbar; /* See ticket #48545 */
}
.widefat th,
.widefat td {
- color: #555;
+ color: #50575e;
}
.widefat th,
@@ -1950,7 +1980,7 @@
.widefat thead tr td,
.widefat tfoot tr th,
.widefat tfoot tr td {
- color: #32373c;
+ color: #2c3338;
}
.widefat td p {
@@ -1960,7 +1990,7 @@
.widefat p,
.widefat ol,
.widefat ul {
- color: #32373c;
+ color: #2c3338;
}
.widefat .column-comment p {
@@ -2036,7 +2066,7 @@
display: flex;
align-items: center;
justify-content: space-between;
- border-bottom: 1px solid #ccd0d4;
+ border-bottom: 1px solid #c3c4c7;
}
.postbox-header .hndle {
@@ -2066,7 +2096,7 @@
.postbox .handle-order-higher,
.postbox .handle-order-lower {
- color: #72777c;
+ color: #787c82;
width: 1.62rem;
}
@@ -2075,17 +2105,17 @@
.edit-post-meta-boxes-area .postbox .handle-order-lower {
width: 44px;
height: 44px;
- color: #191e23
+ color: #1d2327
}
.postbox .handle-order-higher[aria-disabled="true"],
.postbox .handle-order-lower[aria-disabled="true"] {
cursor: default;
- color: #a0a5aa;
+ color: #a7aaad;
}
.sortable-placeholder {
- border: 1px dashed #b4b9be;
+ border: 1px dashed #c3c4c7;
margin-bottom: 20px;
}
@@ -2104,8 +2134,6 @@
.postbox .hndle,
.stuffbox .hndle {
-webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
user-select: none;
}
@@ -2146,7 +2174,7 @@
}
.temp-border {
- border: 1px dotted #ccc;
+ border: 1px dotted #c3c4c7;
}
.columns-prefs label {
@@ -2181,7 +2209,7 @@
left: 0;
right: 0;
padding: 10px 20px;
- color: #555d66;
+ color: #50575e;
}
#wpfooter p {
@@ -2200,15 +2228,15 @@
.nav-tab {
float: left;
- border: 1px solid #ccc;
+ border: 1px solid #c3c4c7;
border-bottom: none;
margin-left: 0.5em; /* half the font size so set the font size properly */
padding: 5px 10px;
font-size: 14px;
line-height: 1.71428571;
font-weight: 600;
- background: #e5e5e5;
- color: #555;
+ background: #dcdcde;
+ color: #50575e;
text-decoration: none;
white-space: nowrap;
}
@@ -2223,7 +2251,7 @@
.nav-tab:hover,
.nav-tab:focus {
background-color: #fff;
- color: #444;
+ color: #3c434a;
}
.nav-tab-active,
@@ -2233,22 +2261,22 @@
.nav-tab-active {
margin-bottom: -1px;
- color: #444;
+ color: #3c434a;
}
.nav-tab-active,
.nav-tab-active:hover,
.nav-tab-active:focus,
.nav-tab-active:focus:active {
- border-bottom: 1px solid #f1f1f1;
- background: #f1f1f1;
+ border-bottom: 1px solid #f0f0f1;
+ background: #f0f0f1;
color: #000;
}
h1.nav-tab-wrapper, /* Back-compat for pre-4.4 */
.wrap h2.nav-tab-wrapper, /* higher specificity to override .wrap > h2:first-child */
.nav-tab-wrapper {
- border-bottom: 1px solid #ccc;
+ border-bottom: 1px solid #c3c4c7;
margin: 0;
padding-top: 9px;
padding-bottom: 0;
@@ -2332,7 +2360,7 @@
.attention,
.error-message {
- color: #dc3232;
+ color: #d63638;
font-weight: 600;
}
@@ -2358,7 +2386,7 @@
}
.media-icon img {
- border: 1px solid #e5e5e5;
+ border: 1px solid #dcdcde;
border: 1px solid rgba(0, 0, 0, 0.07);
}
@@ -2401,7 +2429,7 @@
.importer-action {
line-height: 1.55; /* Same as with .updating-message */
- color: #555;
+ color: #50575e;
margin-bottom: 1em;
}
@@ -2411,8 +2439,8 @@
}
.edit-comment-author {
- color: #222;
- border-bottom: 1px solid #eee;
+ color: #1d2327;
+ border-bottom: 1px solid #f0f0f1;
}
#namediv h3 label, /* Back-compat for pre-4.4 */
@@ -2430,7 +2458,7 @@
}
#namediv input {
- width: 98%;
+ width: 100%;
}
#namediv p {
@@ -2508,7 +2536,7 @@
vertical-align: top;
transition: color .1s ease-in;
text-align: center;
- color: #ffb900;
+ color: #dba617;
}
.star-rating .star-full:before {
@@ -2552,7 +2580,7 @@
#plugin-information-title {
padding: 0 26px;
- background: #f5f5f5;
+ background: #f6f7f7;
font-size: 22px;
font-weight: 600;
line-height: 2.4;
@@ -2587,7 +2615,7 @@
padding: 0 15px;
margin-top: 174px;
color: #fff;
- background: rgba(30, 30, 30, 0.9);
+ background: rgba(29, 35, 39, 0.9);
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
box-shadow: 0 0 30px rgba(255, 255, 255, 0.1);
border-radius: 8px;
@@ -2616,8 +2644,8 @@
min-height: 36px;
font-size: 0;
z-index: 1;
- border-bottom: 1px solid #ddd;
- background: #f3f3f3;
+ border-bottom: 1px solid #dcdcde;
+ background: #f6f7f7;
}
#plugin-information-tabs a {
@@ -2635,10 +2663,10 @@
#plugin-information-tabs a.current {
margin: 0 -1px -1px;
background: #fff;
- border: 1px solid #ddd;
+ border: 1px solid #dcdcde;
border-bottom-color: #fff;
padding-top: 8px;
- color: #32373c;
+ color: #2c3338;
}
#plugin-information-tabs.with-banner a.current {
@@ -2676,9 +2704,8 @@
left: 0;
margin-top: 10px;
margin-right: 250px; /* FYI box */
- padding: 10px 26px;
+ padding: 10px 26px 99999px; /* equal height column trick */
margin-bottom: -99932px; /* 67px less than the padding below to accommodate footer height */
- padding-bottom: 99999px; /* equal height column trick */
}
#section-holder .notice {
@@ -2694,24 +2721,23 @@
position: relative;
top: 0;
right: 0;
- padding: 16px;
+ padding: 16px 16px 99999px; /* equal height column trick */
margin-bottom: -99932px; /* 67px less than the padding below to accommodate footer height */
- padding-bottom: 99999px; /* equal height column trick */
width: 217px;
- border-left: 1px solid #ddd;
- background: #f3f3f3;
- color: #666;
+ border-left: 1px solid #dcdcde;
+ background: #f6f7f7;
+ color: #646970;
}
#plugin-information .fyi strong {
- color: #444;
+ color: #3c434a;
}
#plugin-information .fyi h3 {
font-weight: 600;
text-transform: uppercase;
font-size: 12px;
- color: #666;
+ color: #646970;
margin: 24px 0 8px;
}
@@ -2748,13 +2774,13 @@
#plugin-information .counter-back {
height: 17px;
width: 92px;
- background-color: #e5e5e5;
+ background-color: #dcdcde;
float: left;
}
#plugin-information .counter-bar {
height: 17px;
- background-color: #ffc733; /* slightly lighter than stars due to larger expanse */
+ background-color: #f0c33c; /* slightly lighter than stars due to larger expanse */
float: left;
}
@@ -2790,8 +2816,8 @@
bottom: 0;
left: 0;
height: 40px; /* actual height: 40+13+13+1=67 */
- border-top: 1px solid #ddd;
- background: #f3f3f3;
+ border-top: 1px solid #dcdcde;
+ background: #f6f7f7;
}
/* rtl:ignore */
@@ -2835,12 +2861,12 @@
#plugin-information pre {
padding: 7px;
overflow: auto;
- border: 1px solid #ccc;
+ border: 1px solid #c3c4c7;
}
#plugin-information blockquote {
- border-left: 2px solid #ddd;
- color: #666;
+ border-left: 2px solid #dcdcde;
+ color: #646970;
font-style: italic;
margin: 1em 0;
padding: 0 0 0 1em;
@@ -2851,7 +2877,7 @@
overflow: hidden; /* clearfix */
width: 100%;
margin-bottom: 20px;
- border-bottom: 1px solid #e5e5e5;
+ border-bottom: 1px solid #dcdcde;
}
#plugin-information .review-title-section {
@@ -2932,7 +2958,7 @@
#plugin-information .fyi {
float: none;
- border: 1px solid #ddd;
+ border: 1px solid #dcdcde;
position: static;
width: auto;
margin: 26px 26px 0;
@@ -2958,7 +2984,7 @@
/* Thickbox for the Plugin details modal. */
#TB_window.plugin-details-modal {
- background: #fcfcfc;
+ background: #fff;
}
#TB_window.plugin-details-modal.thickbox-loading:before {
@@ -2971,7 +2997,7 @@
top: 50%;
z-index: -1;
margin: -10px 0 0 -10px;
- background: #fcfcfc url(../images/spinner.gif) no-repeat center;
+ background: #fff url(../images/spinner.gif) no-repeat center;
background-size: 20px 20px;
transform: translateZ(0);
}
@@ -2997,12 +3023,12 @@
.plugin-details-modal #TB_closeWindowButton {
left: auto;
right: -30px;
- color: #eee;
+ color: #f0f0f1;
}
.plugin-details-modal #TB_closeWindowButton:hover,
.plugin-details-modal #TB_closeWindowButton:focus {
- color: #006799;
+ color: #135e96;
outline: none;
box-shadow: none;
}
@@ -3014,7 +3040,7 @@
.plugin-details-modal #TB_closeWindowButton:after {
content: "\f335";
font: normal 32px/29px 'dashicons';
- speak: none;
+ speak: never;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@@ -3042,7 +3068,7 @@
content: "\f142";
display: inline-block;
font: normal 20px/1 dashicons;
- speak: none;
+ speak: never;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-decoration: none;
@@ -3091,15 +3117,15 @@
.bulk-action-notice .toggle-indicator::before {
line-height: 16px;
vertical-align: top;
- color: #72777c;
+ color: #787c82;
}
.postbox .handle-order-higher:focus,
.postbox .handle-order-lower:focus,
.postbox .handlediv:focus {
box-shadow:
- 0 0 0 1px #5b9dd9,
- 0 0 2px 1px rgba(30, 140, 190, 0.8);
+ 0 0 0 1px #4f94d4,
+ 0 0 2px 1px rgba(79, 148, 212, 0.8);
/* Only visible in Windows High Contrast mode */
outline: 1px solid transparent;
}
@@ -3125,7 +3151,7 @@
#template textarea {
font-family: Consolas, Monaco, monospace;
font-size: 13px;
- background: #f9f9f9;
+ background: #f6f7f7;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
@@ -3136,7 +3162,7 @@
width: 100%;
min-height: 60vh;
height: calc( 100vh - 295px );
- border: 1px solid #ddd;
+ border: 1px solid #dcdcde;
box-sizing: border-box;
}
@@ -3158,8 +3184,8 @@
padding: 0;
min-height: 60vh;
height: calc(100vh - 295px);
- background-color: #f7f7f7;
- border: 1px solid #ddd;
+ background-color: #f6f7f7;
+ border: 1px solid #dcdcde;
border-left: none;
}
#templateside ul ul {
@@ -3203,14 +3229,14 @@
outline: 0;
}
[role="treeitem"] .folder-label.focus {
- color: #124964;
+ color: #043959;
box-shadow:
- 0 0 0 1px #5b9dd9,
- 0 0 2px 1px rgba(30, 140, 190, 0.8);
+ 0 0 0 1px #4f94d4,
+ 0 0 2px 1px rgba(79, 148, 212, 0.8);
}
[role="treeitem"].hover,
[role="treeitem"] .folder-label.hover {
- background-color: #eaeaea;
+ background-color: #f0f0f1;
}
.tree-folder {
@@ -3227,7 +3253,7 @@
display: block;
position: absolute;
left: 2px;
- border-left: 1px solid #ccc;
+ border-left: 1px solid #c3c4c7;
top: -13px;
bottom: 10px;
}
@@ -3235,18 +3261,18 @@
content: "";
position: absolute;
display: block;
- border-left: 1px solid #ccc;
+ border-left: 1px solid #c3c4c7;
left: 2px;
top: -5px;
height: 18px;
width: 7px;
- border-bottom: 1px solid #ccc;
+ border-bottom: 1px solid #c3c4c7;
}
.tree-folder > li::after {
content: "";
position: absolute;
display: block;
- border-left: 1px solid #ccc;
+ border-left: 1px solid #c3c4c7;
left: 2px;
bottom: -7px;
top: 0;
@@ -3276,11 +3302,15 @@
display: none;
}
+#theme-plugin-editor-selector,
+#theme-plugin-editor-label,
+#documentation label {
+ font-weight: 600;
+}
#theme-plugin-editor-label {
display: inline-block;
margin-bottom: 1em;
- font-weight: 600;
}
/* rtl:ignore */
@@ -3363,7 +3393,7 @@
}
.nonessential {
- color: #666;
+ color: #646970;
font-size: 11px;
font-style: italic;
padding-left: 12px;
@@ -3376,7 +3406,6 @@
#documentation label {
line-height: 1.8;
vertical-align: baseline;
- font-weight: 600;
}
.fileedit-sub {
@@ -3395,7 +3424,7 @@
.accordion-section-title:after {
content: "\f140";
font: normal 20px/1 dashicons;
- speak: none;
+ speak: never;
display: block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
@@ -3412,11 +3441,11 @@
.item-edit,
.toggle-indicator,
.accordion-section-title:after {
- color: #72777c;
+ color: #787c82;
}
.widget-action {
- color: #555d66; /* #fafafa background in the Widgets screen */
+ color: #50575e; /* #fafafa background in the Widgets screen */
}
.widget-top:hover .widget-action,
@@ -3429,15 +3458,15 @@
.item-edit:focus,
.sidebar-name:hover .toggle-indicator,
.accordion-section-title:hover:after {
- color: #23282d;
+ color: #1d2327;
/* Only visible in Windows High Contrast mode */
outline: 1px solid transparent;
}
.widget-top .widget-action:focus .toggle-indicator:before {
box-shadow:
- 0 0 0 1px #5b9dd9,
- 0 0 2px 1px rgba(30, 140, 190, 0.8);
+ 0 0 0 1px #4f94d4,
+ 0 0 2px 1px rgba(79, 148, 212, 0.8);
}
.control-section .accordion-section-title:after,
@@ -3470,7 +3499,7 @@
/* Accordion */
.accordion-section {
- border-bottom: 1px solid #ddd;
+ border-bottom: 1px solid #dcdcde;
margin: 0;
}
@@ -3480,7 +3509,7 @@
}
.accordion-section.open:hover {
- border-bottom-color: #ddd;
+ border-bottom-color: #dcdcde;
}
.accordion-section-content {
@@ -3494,11 +3523,9 @@
margin: 0;
padding: 12px 15px 15px;
position: relative;
- border-left: 1px solid #ddd;
- border-right: 1px solid #ddd;
+ border-left: 1px solid #dcdcde;
+ border-right: 1px solid #dcdcde;
-webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
user-select: none;
}
@@ -3520,7 +3547,7 @@
.accordion-section-title:hover:after,
.accordion-section-title:focus:after {
- border-color: #a0a5aa transparent;
+ border-color: #a7aaad transparent;
/* Only visible in Windows High Contrast mode */
outline: 1px solid transparent;
}
@@ -3551,13 +3578,13 @@
.js .control-section .accordion-section-title:hover,
.js .control-section.open .accordion-section-title,
.js .control-section .accordion-section-title:focus {
- color: #23282d;
- background: #f5f5f5;
+ color: #1d2327;
+ background: #f6f7f7;
}
.control-section.open .accordion-section-title {
/* When expanded */
- border-bottom: 1px solid #ddd;
+ border-bottom: 1px solid #dcdcde;
}
/* Edit Site */
@@ -3597,7 +3624,7 @@
position: absolute;
top: 0;
right: 0;
- background: #ccc;
+ background: #c3c4c7;
}
}
@@ -3617,7 +3644,7 @@
}
.my-sites li:nth-of-type(4n+1),
.my-sites li:nth-of-type(4n+2) {
- background-color: #f9f9f9;
+ background-color: #f6f7f7;
}
}
@@ -3634,7 +3661,7 @@
.my-sites li:nth-of-type(6n+1),
.my-sites li:nth-of-type(6n+2),
.my-sites li:nth-of-type(6n+3) {
- background-color: #f9f9f9;
+ background-color: #f6f7f7;
}
}
@@ -3655,7 +3682,7 @@
.my-sites li:nth-of-type(8n+2),
.my-sites li:nth-of-type(8n+3),
.my-sites li:nth-of-type(8n+4) {
- background-color: #f9f9f9;
+ background-color: #f6f7f7;
}
}
@@ -3677,7 +3704,7 @@
.my-sites li:nth-of-type(10n+3),
.my-sites li:nth-of-type(10n+4),
.my-sites li:nth-of-type(10n+5) {
- background-color: #f9f9f9;
+ background-color: #f6f7f7;
}
}
@@ -3700,7 +3727,7 @@
.my-sites li:nth-of-type(12n+4),
.my-sites li:nth-of-type(12n+5),
.my-sites li:nth-of-type(12n+6) {
- background-color: #f9f9f9;
+ background-color: #f6f7f7;
}
}
@@ -3730,10 +3757,6 @@
}
-@-ms-viewport {
- width: device-width;
-}
-
@media screen and (max-width: 782px) {
html.wp-toolbar {
padding-top: 46px;
@@ -3868,7 +3891,7 @@
}
#templateside > ul {
- border-left: 1px solid #ddd;
+ border-left: 1px solid #dcdcde;
}
#templateside li {
@@ -4078,13 +4101,13 @@
h3 .nav-tab,
nav .nav-tab {
margin: 10px 10px 0 0;
- border-bottom: 1px solid #ccc;
+ border-bottom: 1px solid #c3c4c7;
}
.nav-tab-active:hover,
.nav-tab-active:focus,
.nav-tab-active:focus:active {
- border-bottom: 1px solid #ccc;
+ border-bottom: 1px solid #c3c4c7;
}
.wp-filter .search-form input[type="search"] {