diff -r 34716fd837a4 -r be944660c56a wp/wp-admin/css/common-rtl.css --- a/wp/wp-admin/css/common-rtl.css Tue Dec 15 15:52:01 2020 +0100 +++ b/wp/wp-admin/css/common-rtl.css Wed Sep 21 18:19:35 2022 +0200 @@ -153,8 +153,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); @@ -191,7 +191,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); } @@ -216,8 +216,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; @@ -253,7 +253,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; @@ -266,16 +266,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; } @@ -332,20 +332,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, @@ -420,7 +420,7 @@ code { padding: 3px 5px 2px 5px; margin: 0 1px; - background: #eaeaea; + background: #f0f0f1; background: rgba(0, 0, 0, 0.07); font-size: 13px; } @@ -431,7 +431,7 @@ padding: 0; font-size: 13px; float: right; - color: #666; + color: #646970; } .subsubsub a { @@ -442,7 +442,7 @@ .subsubsub a .count, .subsubsub a.current .count { - color: #555d66; /* #f1f1f1 background */ + color: #50575e; /* #f1f1f1 background */ font-weight: 400; } @@ -482,12 +482,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; } @@ -600,12 +600,16 @@ .subtitle { margin: 0; padding-right: 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, @@ -615,14 +619,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; } @@ -632,14 +636,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 */ @@ -649,8 +653,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; } @@ -668,12 +672,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, @@ -684,47 +688,47 @@ .striped > tbody > :nth-child(odd), ul.striped > :nth-child(odd), .alternate { - background-color: #f9f9f9; + background-color: #f6f7f7; } .bar { - background-color: #e8e8e8; - border-left-color: #99d; + background-color: #f0f0f1; + border-left-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 */ @@ -764,16 +768,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; } @@ -788,11 +792,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; @@ -811,7 +815,7 @@ .tagchecklist .ntdelbutton .remove-tag-icon:before { margin-right: 2px; border-radius: 50%; - color: #0073aa; + color: #2271b1; /* vertically center the icon cross browsers */ line-height: 1.28; } @@ -826,13 +830,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 { @@ -850,7 +854,7 @@ } .howto { - color: #666; + color: #646970; display: block; } @@ -865,8 +869,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, @@ -879,8 +883,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, @@ -896,8 +901,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; } @@ -908,8 +914,8 @@ #major-publishing-actions { padding: 10px; clear: both; - border-top: 1px solid #ddd; - background: #f5f5f5; + border-top: 1px solid #dcdcde; + background: #f6f7f7; } #delete-action { @@ -998,9 +1004,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; } @@ -1021,7 +1027,7 @@ top: -1px; padding: 4px 10px; border-radius: 30px; - background: #72777c; + background: #646970; color: #fff; font-size: 14px; font-weight: 600; @@ -1054,21 +1060,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 { @@ -1111,7 +1117,7 @@ padding: 0 6px 0 10px; border-color: transparent; background-color: transparent; - color: #666; + color: #646970; vertical-align: baseline; box-shadow: none; } @@ -1119,7 +1125,7 @@ .wp-filter .drawer-toggle:before { content: "\f111"; margin: 0 0 0 5px; - color: #72777c; + color: #646970; font: normal 16px/1 dashicons; vertical-align: text-bottom; -webkit-font-smoothing: antialiased; @@ -1131,7 +1137,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, @@ -1140,7 +1146,7 @@ } .wp-filter .button.drawer-toggle:focus { - border-color: #5b9dd9; + border-color: #4f94d4; } .wp-filter .button.drawer-toggle:active { @@ -1158,8 +1164,8 @@ display: none; margin: 0 -20px 0 -10px; padding: 20px; - border-top: 1px solid #eee; - background: #fafafa; + border-top: 1px solid #f0f0f1; + background: #f6f7f7; overflow: hidden; } @@ -1174,13 +1180,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 { @@ -1195,7 +1201,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); } @@ -1277,7 +1283,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; @@ -1317,7 +1323,7 @@ @media only screen and (max-width: 1120px) { .filter-drawer { - border-bottom: 1px solid #eee; + border-bottom: 1px solid #f0f0f1; } .filter-group { @@ -1375,9 +1381,9 @@ div.updated, div.error { background: #fff; - border: 1px solid #ccd0d4; + border: 1px solid #c3c4c7; border-right-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; } @@ -1413,7 +1419,7 @@ .notice-title { display: inline-block; - color: #23282d; + color: #1d2327; font-size: 18px; } @@ -1430,55 +1436,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-right-color: #46b450; + border-right-color: #00a32a; } .notice-success.notice-alt { - background-color: #ecf7ed; + background-color: #edfaef; } .notice-warning { - border-right-color: #ffb900; + border-right-color: #dba617; } .notice-warning.notice-alt { - background-color: #fff8e5; + background-color: #fcf9e8; } .notice-error, div.error { - border-right-color: #dc3232; + border-right-color: #d63638; } .notice-error.notice-alt { - background-color: #fbeaea; + background-color: #fcf0f1; } .notice-info { - border-right-color: #00a0d2; + border-right-color: #72aee6; } .notice-info.notice-alt { - background-color: #e5f5fa; + background-color: #f0f6fc; } .update-message p:before, @@ -1526,7 +1532,7 @@ .import-php .updating-message:before, .button.updating-message:before, .button.installing:before { - color: #f56e28; + color: #d63638; content: "\f463"; } @@ -1540,6 +1546,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-left: 3px; } @@ -1548,13 +1565,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"; } @@ -1601,6 +1618,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, @@ -1625,7 +1655,7 @@ } .button-primary.updated-message:before { - color: #66c6e4; + color: #9ec2e6; } .button.updated-message { @@ -1639,7 +1669,7 @@ .button.installing:before, .button.installed:before, .update-message p:before { - speak: none; + speak: never; } } @@ -1681,7 +1711,7 @@ margin: 0 0px -1px 20px; position: relative; background-color: #fff; - border: 1px solid #ccd0d4; + border: 1px solid #c3c4c7; border-top: none; box-shadow: 0 0 0 transparent; } @@ -1698,14 +1728,14 @@ } #screen-meta-links .show-settings { - border: 1px solid #ccd0d4; + border: 1px solid #c3c4c7; border-top: none; height: auto; margin-bottom: 0; padding: 3px 16px 3px 6px; 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; @@ -1714,12 +1744,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 { @@ -1730,7 +1760,7 @@ left: 0; content: "\f140"; font: normal 20px/1 dashicons; - speak: none; + speak: never; display: inline-block; padding: 0 0 0 5px; bottom: 2px; @@ -1739,7 +1769,6 @@ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none; - color: #72777c; } #screen-meta-links .screen-meta-active:after { @@ -1843,10 +1872,10 @@ bottom: 0; right: 150px; left: 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 { @@ -1884,20 +1913,20 @@ } .contextual-help-tabs a:hover { - color: #32373c; + color: #2c3338; } .contextual-help-tabs .active { padding: 0; margin: 0 0 0 -1px; - border-right: 2px solid #00a0d2; - background: #f6fbfd; + border-right: 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 { @@ -1934,11 +1963,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, @@ -1951,7 +1981,7 @@ .widefat thead tr td, .widefat tfoot tr th, .widefat tfoot tr td { - color: #32373c; + color: #2c3338; } .widefat td p { @@ -1961,7 +1991,7 @@ .widefat p, .widefat ol, .widefat ul { - color: #32373c; + color: #2c3338; } .widefat .column-comment p { @@ -2037,7 +2067,7 @@ display: flex; align-items: center; justify-content: space-between; - border-bottom: 1px solid #ccd0d4; + border-bottom: 1px solid #c3c4c7; } .postbox-header .hndle { @@ -2067,7 +2097,7 @@ .postbox .handle-order-higher, .postbox .handle-order-lower { - color: #72777c; + color: #787c82; width: 1.62rem; } @@ -2076,17 +2106,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; } @@ -2105,8 +2135,6 @@ .postbox .hndle, .stuffbox .hndle { -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; user-select: none; } @@ -2147,7 +2175,7 @@ } .temp-border { - border: 1px dotted #ccc; + border: 1px dotted #c3c4c7; } .columns-prefs label { @@ -2182,7 +2210,7 @@ right: 0; left: 0; padding: 10px 20px; - color: #555d66; + color: #50575e; } #wpfooter p { @@ -2201,15 +2229,15 @@ .nav-tab { float: right; - border: 1px solid #ccc; + border: 1px solid #c3c4c7; border-bottom: none; margin-right: 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; } @@ -2224,7 +2252,7 @@ .nav-tab:hover, .nav-tab:focus { background-color: #fff; - color: #444; + color: #3c434a; } .nav-tab-active, @@ -2234,22 +2262,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; @@ -2333,7 +2361,7 @@ .attention, .error-message { - color: #dc3232; + color: #d63638; font-weight: 600; } @@ -2359,7 +2387,7 @@ } .media-icon img { - border: 1px solid #e5e5e5; + border: 1px solid #dcdcde; border: 1px solid rgba(0, 0, 0, 0.07); } @@ -2402,7 +2430,7 @@ .importer-action { line-height: 1.55; /* Same as with .updating-message */ - color: #555; + color: #50575e; margin-bottom: 1em; } @@ -2412,8 +2440,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 */ @@ -2431,7 +2459,7 @@ } #namediv input { - width: 98%; + width: 100%; } #namediv p { @@ -2509,7 +2537,7 @@ vertical-align: top; transition: color .1s ease-in; text-align: center; - color: #ffb900; + color: #dba617; } .star-rating .star-full:before { @@ -2521,7 +2549,7 @@ } .rtl .star-rating .star-half { - transform: rotateY(180deg); + transform: rotateY(-180deg); } .star-rating .star-empty:before { @@ -2553,7 +2581,7 @@ #plugin-information-title { padding: 0 26px; - background: #f5f5f5; + background: #f6f7f7; font-size: 22px; font-weight: 600; line-height: 2.4; @@ -2588,7 +2616,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; @@ -2617,8 +2645,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 { @@ -2636,10 +2664,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 { @@ -2677,9 +2705,8 @@ right: 0; margin-top: 10px; margin-left: 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 { @@ -2695,24 +2722,23 @@ position: relative; top: 0; left: 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-right: 1px solid #ddd; - background: #f3f3f3; - color: #666; + border-right: 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; } @@ -2749,13 +2775,13 @@ #plugin-information .counter-back { height: 17px; width: 92px; - background-color: #e5e5e5; + background-color: #dcdcde; float: right; } #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: right; } @@ -2791,8 +2817,8 @@ bottom: 0; right: 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 */ @@ -2836,12 +2862,12 @@ #plugin-information pre { padding: 7px; overflow: auto; - border: 1px solid #ccc; + border: 1px solid #c3c4c7; } #plugin-information blockquote { - border-right: 2px solid #ddd; - color: #666; + border-right: 2px solid #dcdcde; + color: #646970; font-style: italic; margin: 1em 0; padding: 0 1em 0 0; @@ -2852,7 +2878,7 @@ overflow: hidden; /* clearfix */ width: 100%; margin-bottom: 20px; - border-bottom: 1px solid #e5e5e5; + border-bottom: 1px solid #dcdcde; } #plugin-information .review-title-section { @@ -2933,7 +2959,7 @@ #plugin-information .fyi { float: none; - border: 1px solid #ddd; + border: 1px solid #dcdcde; position: static; width: auto; margin: 26px 26px 0; @@ -2959,7 +2985,7 @@ /* Thickbox for the Plugin details modal. */ #TB_window.plugin-details-modal { - background: #fcfcfc; + background: #fff; } #TB_window.plugin-details-modal.thickbox-loading:before { @@ -2972,7 +2998,7 @@ top: 50%; z-index: -1; margin: -10px -10px 0 0; - 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); } @@ -2998,12 +3024,12 @@ .plugin-details-modal #TB_closeWindowButton { right: auto; left: -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; } @@ -3015,7 +3041,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; } @@ -3043,7 +3069,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; @@ -3092,15 +3118,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; } @@ -3126,7 +3152,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; @@ -3137,7 +3163,7 @@ width: 100%; min-height: 60vh; height: calc( 100vh - 295px ); - border: 1px solid #ddd; + border: 1px solid #dcdcde; box-sizing: border-box; } @@ -3159,8 +3185,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-right: none; } #templateside ul ul { @@ -3204,14 +3230,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 { @@ -3228,7 +3254,7 @@ display: block; position: absolute; right: 2px; - border-right: 1px solid #ccc; + border-right: 1px solid #c3c4c7; top: -13px; bottom: 10px; } @@ -3236,18 +3262,18 @@ content: ""; position: absolute; display: block; - border-right: 1px solid #ccc; + border-right: 1px solid #c3c4c7; right: 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-right: 1px solid #ccc; + border-right: 1px solid #c3c4c7; right: 2px; bottom: -7px; top: 0; @@ -3277,11 +3303,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 */ @@ -3364,7 +3394,7 @@ } .nonessential { - color: #666; + color: #646970; font-size: 11px; font-style: italic; padding-right: 12px; @@ -3377,7 +3407,6 @@ #documentation label { line-height: 1.8; vertical-align: baseline; - font-weight: 600; } .fileedit-sub { @@ -3396,7 +3425,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; @@ -3413,11 +3442,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, @@ -3430,15 +3459,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, @@ -3471,7 +3500,7 @@ /* Accordion */ .accordion-section { - border-bottom: 1px solid #ddd; + border-bottom: 1px solid #dcdcde; margin: 0; } @@ -3481,7 +3510,7 @@ } .accordion-section.open:hover { - border-bottom-color: #ddd; + border-bottom-color: #dcdcde; } .accordion-section-content { @@ -3495,11 +3524,9 @@ margin: 0; padding: 12px 15px 15px; position: relative; - border-right: 1px solid #ddd; - border-left: 1px solid #ddd; + border-right: 1px solid #dcdcde; + border-left: 1px solid #dcdcde; -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; user-select: none; } @@ -3521,7 +3548,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; } @@ -3552,13 +3579,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 */ @@ -3598,7 +3625,7 @@ position: absolute; top: 0; left: 0; - background: #ccc; + background: #c3c4c7; } } @@ -3618,7 +3645,7 @@ } .my-sites li:nth-of-type(4n+1), .my-sites li:nth-of-type(4n+2) { - background-color: #f9f9f9; + background-color: #f6f7f7; } } @@ -3635,7 +3662,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; } } @@ -3656,7 +3683,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; } } @@ -3678,7 +3705,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; } } @@ -3701,7 +3728,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; } } @@ -3731,10 +3758,6 @@ } -@-ms-viewport { - width: device-width; -} - @media screen and (max-width: 782px) { html.wp-toolbar { padding-top: 46px; @@ -3869,7 +3892,7 @@ } #templateside > ul { - border-right: 1px solid #ddd; + border-right: 1px solid #dcdcde; } #templateside li { @@ -4079,13 +4102,13 @@ h3 .nav-tab, nav .nav-tab { margin: 10px 0 0 10px; - 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"] {