Compare commits

..

51 Commits
6.3 ... 5.6

Author SHA1 Message Date
Helen Hou-Sandí
965fcddcf6 Tag 5.6
Built from https://develop.svn.wordpress.org/tags/5.6@49777


git-svn-id: http://core.svn.wordpress.org/tags/5.6@49500 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-12-08 22:12:11 +00:00
Helen Hou-Sandí
f51761c16e WordPress 5.6.
Built from https://develop.svn.wordpress.org/branches/5.6@49776


git-svn-id: http://core.svn.wordpress.org/branches/5.6@49499 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-12-08 22:10:02 +00:00
Helen Hou-Sandí
e0b55f4a75 Update $_old_files for 5.6.
See #39943.
Merges [49774] to the 5.6 branch.

Built from https://develop.svn.wordpress.org/branches/5.6@49775


git-svn-id: http://core.svn.wordpress.org/branches/5.6@49498 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-12-08 21:52:05 +00:00
Helen Hou-Sandí
8c11a1e249 App Passwords: Ensure redirection description is shown on mobile devices.
Props TimothyBlynJacobs.
Fixes #51970.
Merges [49772] to the 5.6 branch.

Built from https://develop.svn.wordpress.org/branches/5.6@49773


git-svn-id: http://core.svn.wordpress.org/branches/5.6@49496 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-12-08 20:31:04 +00:00
ryelle
2ee84b90e6 Help/About: Use CDN URLs for About page images.
Reviewed by ryelle, SergeyBiryukov.
Merges [49770] to the 5.6 branch.
Fixes #51415.


Built from https://develop.svn.wordpress.org/branches/5.6@49771


git-svn-id: http://core.svn.wordpress.org/branches/5.6@49494 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-12-08 18:39:05 +00:00
Helen Hou-Sandí
cc242b9f32 Post WordPress 5.6 RC 5 version bump.
Built from https://develop.svn.wordpress.org/branches/5.6@49768


git-svn-id: http://core.svn.wordpress.org/branches/5.6@49491 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-12-07 21:48:02 +00:00
Helen Hou-Sandí
ec68acf84e WordPress 5.6 RC 5.
Built from https://develop.svn.wordpress.org/branches/5.6@49767


git-svn-id: http://core.svn.wordpress.org/branches/5.6@49490 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-12-07 21:26:04 +00:00
Helen Hou-Sandí
99923ad9b3 Bundled Themes: Bump theme versions ahead of WordPress 5.6.
The following theme versions will be released in coordination with WordPress 5.6:

* Twenty Ten: 3.2
* Twenty Eleven: 3.6
* Twenty Twelve: 3.3
* Twenty Thirteen: 3.2
* Twenty Fourteen: 3.0
* Twenty Fifteen: 2.8
* Twenty Sixteen: 2.3
* Twenty Seventeen: 2.5
* Twenty Nineteen: 1.8
* Twenty Twenty: 1.6
* Twenty Twenty-One: 1.0

Props peterwilsoncc, hareesh-pillai, dkarfa, sabernhardt, poena, aristath, SergeyBiryukov.
Fixes #51919.
Merges [49763] to the 5.6 branch.

Built from https://develop.svn.wordpress.org/branches/5.6@49766


git-svn-id: http://core.svn.wordpress.org/branches/5.6@49489 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-12-07 20:32:10 +00:00
Helen Hou-Sandí
35bf493381 App Passwords: Store the "in use" option in the main network options.
Whether App Passwords are being used is a global featurel, not a per-network feature. This fixes issues on Multi Network installs if App Passwords are used on a different network from where they were created.

Props spacedmonkey.
Fixes #51939.
See [49752].
Merges [49764] to the 5.6 branch.

Built from https://develop.svn.wordpress.org/branches/5.6@49765


git-svn-id: http://core.svn.wordpress.org/branches/5.6@49488 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-12-07 20:01:06 +00:00
Peter Wilson
dc95d8a382 Twenty Twenty-One: Fix the nesting of the main element.
The main element must not appear as a descendant of the section element. Correct markup is the first requirement to make user agents and assistive technologies work properly.

Changes the <section> element that was wrapping the <main> element to a <div>.

Follow-up to [45942] for Twenty Nineteen.

Props albertomake, poena.
Reviewed by SergeyBiryukov, peterwilsoncc.
Merges [49759] to the 5.6 branch.
Fixes #51944.

Built from https://develop.svn.wordpress.org/branches/5.6@49760


git-svn-id: http://core.svn.wordpress.org/branches/5.6@49483 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-12-06 22:06:12 +00:00
Helen Hou-Sandí
6e2834c6d7 Post WordPress 5.6 RC 4 version bump.
Built from https://develop.svn.wordpress.org/branches/5.6@49756


git-svn-id: http://core.svn.wordpress.org/branches/5.6@49479 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-12-04 22:34:08 +00:00
Helen Hou-Sandí
bdc0b7bb98 WordPress 5.6 RC 4.
Built from https://develop.svn.wordpress.org/branches/5.6@49755


git-svn-id: http://core.svn.wordpress.org/branches/5.6@49478 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-12-04 22:16:06 +00:00
Helen Hou-Sandí
1fc7b75913 App Passwords: Prevent conflicts when Basic Auth is already used by the site.
Application Passwords uses Basic Authentication to transfer authentication details. If the site is already using Basic Auth, for instance to implement a private staging environment, then the REST API will treat this as an authentication attempt and would end up generating an error for any REST API request.

Now, Application Password authentication will only be attempted if Application Passwords is in use by a site. This is flagged by setting an option whenever an Application Password is created. An upgrade routine is added to set this option if any App Passwords already exist.

Lastly, creating an Application Password will be prevented if the site appears to already be using Basic Authentication.

Props chexwarrior, georgestephanis, adamsilverstein, helen, Clorith, marybaum, TimothyBlynJacobs.
Reviewed by TimothyBlynJacobs, helen.
Merges [49752] to the 5.6 branch.
Fixes #51939.

Built from https://develop.svn.wordpress.org/branches/5.6@49754


git-svn-id: http://core.svn.wordpress.org/branches/5.6@49477 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-12-04 21:48:03 +00:00
iandunn
cb323ada27 Media: Return WP_Error when cropping with bad input to avoid fatal.
This avoids an error on PHP 8 caused by calling `wp_imagecreatetruecolor()` with inputs that aren't numeric, or are less than 0.

Props hellofromtonya, Boniu91, metalandcoffee, SergeyBiryukov.
Reviewed by SergeyBiryukov, iandunn.
Merges [49751] to the 5.6 branch.
Fixes #51937.

Built from https://develop.svn.wordpress.org/branches/5.6@49753


git-svn-id: http://core.svn.wordpress.org/branches/5.6@49476 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-12-04 21:46:06 +00:00
Helen Hou-Sandí
bb64e43912 Post WordPress 5.6 RC 3 version bump.
Built from https://develop.svn.wordpress.org/branches/5.6@49749


git-svn-id: http://core.svn.wordpress.org/branches/5.6@49472 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-12-03 22:06:07 +00:00
Helen Hou-Sandí
b023822235 WordPress 5.6 RC 3.
Built from https://develop.svn.wordpress.org/branches/5.6@49748


git-svn-id: http://core.svn.wordpress.org/branches/5.6@49471 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-12-03 21:46:08 +00:00
Sergey Biryukov
9420b66fd0 App Passwords: Ensure the Created At and Last Used dates are properly translated.
The `date_i18n` function is now used when formatting the dates in PHP instead of `gmdate` which doesn't handle localization properly.

Additionally, we now use a translation to get the date format to use instead of pulling from the `date_format` option which is only supposed to affect the front-end.

Lastly, when passing the date format to the Backbone JS template, we now use `wp_json_encode()` to format the value for JavaScript. This ensures that backslashes are properly preserved which are used by some locales to escape date formatting control characters.

Props pedromendonca, TimothyBlynJacobs, ocean90, hellofromtonya, SergeyBiryukov, antpb.
Reviewed by TimothyBlynJacobs, SergeyBiryukov.
Merges [49746] to the 5.6 branch.
Fixes #51918.
See [35811].
Built from https://develop.svn.wordpress.org/branches/5.6@49747


git-svn-id: http://core.svn.wordpress.org/branches/5.6@49470 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-12-03 21:09:01 +00:00
iandunn
e0449d4a8e Multisite: Cache absolute dirsize paths to avoid PHP 8 fatal.
r49212 greatly improved the performance of `get_dirsize()`, but also changed the structure of the data stored in the `dirsize_cache` transient. It stored relative paths instead of absolute ones, and also removed the unnecessary `size` array.

That difference in data structures led to a fatal error in the following environment:

* PHP 8
* Multisite
* A custom `WP_CONTENT_DIR` which is not a child of WP's `ABSPATH` folder (e.g., [https://roots.io/bedrock/ Bedrock])
* The `upload_space_check_disabled` option set to `0`

After upgrading to WP 5.6, the `dirsize_cache` transient still had data in the old format. When `wp-admin.php/index.php` was visited, `get_space_used()` received an `array` instead of an `int`, and tried to divide it by another `int`. PHP 7 would silently cast the arguments to match data types, but [https://wiki.php.net/rfc/arithmetic_operator_type_checks PHP 8 throws a fatal error]: 

`Uncaught TypeError: Unsupported operand types: array / int`

`recurse_dirsize()` was using `ABSPATH` to convert the absolute paths to relative ones, but some upload locations are not located under `ABSPATH`. In those cases, `$directory` and `$cache_path` were identical, and that triggered the early return of the old `array`, instead of the expected `int`. 

In order to avoid that, this commit restores the absolute paths, but without the `size` array. It also adds a type check when returning cached values. Using absolute paths without `size` has the result of overwriting the old data, so that it matches the new format. The type check and upgrade routine are additional safety measures.

Props peterwilsoncc, janthiel, helen, hellofromtonya, francina, pbiron.
Reviewed by SergeyBiryukov, iandunn.
Merges [49744] to the 5.6 branch.
Fixes #51913. See #19879.


Built from https://develop.svn.wordpress.org/branches/5.6@49745


git-svn-id: http://core.svn.wordpress.org/branches/5.6@49468 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-12-03 20:45:04 +00:00
Sergey Biryukov
632bed2793 Upgrade/Install: Check $wp_version global for displaying "You are using a development version" message in the admin footer.
This brings some consistency with the same check in `core_upgrade_preamble()` and avoids a PHP warning if `$cur->version` is not set.

Additionally, remove the check for `$cur->url` property, unused since [8595].

Follow-up to [49708], [49709].

Props pbiron, afragen, audrasjb.
Reviewed by azaozz, SergeyBiryukov.
Merges [49736] to the 5.6 branch.
Fixes #51892.
Built from https://develop.svn.wordpress.org/branches/5.6@49743


git-svn-id: http://core.svn.wordpress.org/branches/5.6@49466 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-12-03 20:23:01 +00:00
Sergey Biryukov
1e9197328f Upgrade/Install: Update sodium_compat to v1.14.0.
This includes improved PHP 8 support and more inclusive language.

A full list of changes in this update can be found on GitHub:
https://github.com/paragonie/sodium_compat/compare/v1.13.0...v1.14.0

Follow-up to [48121], [49056], [49057].

Props jrf.
Reviewed by jrf, SergeyBiryukov.
Merges [49741] to the 5.6 branch.
Fixes #51925.
Built from https://develop.svn.wordpress.org/branches/5.6@49742


git-svn-id: http://core.svn.wordpress.org/branches/5.6@49465 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-12-03 17:43:04 +00:00
Sergey Biryukov
65ef0dcbb9 App Passwords: Return true when rate limiting a password's last used time.
Previously we returned a `WP_Error` instance saying that the password was not found which is inaccurate.

Props dlh.
Reviewed by TimothyBlynJacobs, SergeyBiryukov.
Merges [49739] to the 5.6 branch.
Fixes #51922.
Built from https://develop.svn.wordpress.org/branches/5.6@49740


git-svn-id: http://core.svn.wordpress.org/branches/5.6@49463 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-12-03 17:23:05 +00:00
Sergey Biryukov
b152d93471 Editor: Update components package for WordPress 5.6 RC3.
@wordpress/components: 11.1.2 -> 11.1.3

This fixes an accessibility regression with VoiceOver not announcing the input label or an existing selection in the parent page dropdown under "Page Attributes" in the sidebar.

See https://github.com/WordPress/gutenberg/pull/27431 for more details.

Props isabel_brison, sarahricker, alexstine, kevin940726, talldanwp.
Reviewed by isabel_brison, SergeyBiryukov.
Merges [49737] to the 5.6 branch.
Fixes #51923.
Built from https://develop.svn.wordpress.org/branches/5.6@49738


git-svn-id: http://core.svn.wordpress.org/branches/5.6@49461 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-12-03 14:47:29 +00:00
Helen Hou-Sandí
ca0e9e0891 Post WordPress 5.6 RC 2 version bump.
Built from https://develop.svn.wordpress.org/branches/5.6@49734


git-svn-id: http://core.svn.wordpress.org/branches/5.6@49457 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-12-01 22:05:06 +00:00
Helen Hou-Sandí
310b4a2172 WordPress 5.6 RC 2.
Built from https://develop.svn.wordpress.org/branches/5.6@49733


git-svn-id: http://core.svn.wordpress.org/branches/5.6@49456 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-12-01 21:45:04 +00:00
John Blackbourn
670319d84d REST API: Pass the previous state of the post as a parameter to the wp_after_insert_post hook.
This enables, for example, the previous post status to be used by this hook without the need to first capture it on an earlier hook.

This also fixes the value of the `$fire_after_hooks` parameter in `get_default_post_to_edit()` so the `wp_after_insert_post` action correctly fires just once on the new post screen.

This merges [45114] into the 5.6 branch

See #45114

Built from https://develop.svn.wordpress.org/branches/5.6@49732


git-svn-id: http://core.svn.wordpress.org/branches/5.6@49455 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-12-01 20:57:05 +00:00
Sergey Biryukov
ea6021160a Tests: Ignore EOL differences in WP_List_Table::get_bulk_items() test for optgroups.
This avoids a misleading failure due to Unix vs. Windows EOL style mismatches and allows the test to pass on Windows.

Follow-up to [46612], [49190].

Reviewed by desrosj, SergeyBiryukov.
Merges [49691] to the 5.6 branch.
Fixes #19278.
Built from https://develop.svn.wordpress.org/branches/5.6@49730


git-svn-id: http://core.svn.wordpress.org/branches/5.6@49453 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-12-01 19:42:05 +00:00
Sergey Biryukov
1857a746a5 Help/About: Move trailing punctuation in the jQuery Migrate Helper plugin link outside of the HTML tag.
Props psmits1567, audrasjb, tobifjellner, fierevere, markscottrobson.
Reviewed by desrosj, SergeyBiryukov.
Merges [49685] to the 5.6 branch.
Fixes #51813.
Built from https://develop.svn.wordpress.org/branches/5.6@49729


git-svn-id: http://core.svn.wordpress.org/branches/5.6@49452 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-12-01 19:35:07 +00:00
desrosj
f8045141ad Twenty Twenty-One: Sync the latest changes for 5.6 RC2.
This will be the final sync from GitHub before placing that repository into read-only mode. All further changes should now flow entirely through Trac.

For a full list of changes since [49633], see 1d5a895...53acd9b.

Props poena, luminuu, kjellr, ryelle, allancole, melchoyce, felipeelia, aljullu, kebbet, chaton666, Clorith, mkaz, ingereck, paaljoachim.
Reviewed by desrosj, SergeyBiryukov.
Merges [49726] to the 5.6 branch.
Fixes #51526.
Built from https://develop.svn.wordpress.org/branches/5.6@49728


git-svn-id: http://core.svn.wordpress.org/branches/5.6@49451 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-12-01 19:27:08 +00:00
Sergey Biryukov
d65c9e08eb Administration: Make sure row actions for recent comments in Activity dashboard widget stay visible when a single row gets focus.
Follow-up to [49142].

Props sabernhardt, kebbet, hareesh-pillai, pbiron.
Reviewed by ryelle, SergeyBiryukov.
Merges [49725] to the 5.6 branch.
Fixes #51886. See #51516, #49715.
Built from https://develop.svn.wordpress.org/branches/5.6@49727


git-svn-id: http://core.svn.wordpress.org/branches/5.6@49450 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-12-01 19:21:06 +00:00
Sergey Biryukov
4541784a4f Site Health, App Passwords: Ensure REST API responses are properly translated.
The REST API requests in Site Health and App Passwords now include `_locale=user` in the request URL to ensure the user's locale is used instead of the site locale. Additionally, the `apiRequest` library now sends a JSON `Accept` header which is required by `determine_locale()` to respect the `_locale` query parameter.

The Site Health REST API controllers now manually load the default admin textdomain if not `is_admin()`. This allows for the Site Health tests to be translated even though the translations are part of the administration project and the REST API is not.

Props oglekler, kebbet, Clorith, TimothyBlynJacobs, ocean90, SergeyBiryukov, adamsilverstein.
Reviewed by TimothyBlynJacobs, SergeyBiryukov.
Merges [49716] to the 5.6 branch.
Fixes #51871.
Built from https://develop.svn.wordpress.org/branches/5.6@49724


git-svn-id: http://core.svn.wordpress.org/branches/5.6@49447 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-12-01 18:07:08 +00:00
Sergey Biryukov
effd0cc28e Editor: Don't unnecessarily split a translatable string in block templates.
As a best practice, strings available for translation should contain entire sentences whenever possible.

Splitting a sentence in two parts and putting them back together after translation should be avoided, as the word order in other languages can be different from English.

Props tobifjellner, kebbet, audrasjb, mukesh27, hellofromTonya, azaozz, SergeyBiryukov.
Reviewed by azaozz, SergeyBiryukov.
Merges [49722] to the 5.6 branch.
Fixes #51893.
Built from https://develop.svn.wordpress.org/branches/5.6@49723


git-svn-id: http://core.svn.wordpress.org/branches/5.6@49446 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-12-01 17:06:05 +00:00
Sergey Biryukov
49b15e942d Media: Revert [49567].
This addresses a regression with the pagination section in Media Library no longer taking additional query filtering into account.

Props iCaleb, trepmal, peterwilsoncc.
Reviewed by peterwilsoncc, SergeyBiryukov.
Merges [49720] to the 5.6 branch.
See #39968.
Built from https://develop.svn.wordpress.org/branches/5.6@49721


git-svn-id: http://core.svn.wordpress.org/branches/5.6@49444 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-12-01 16:35:04 +00:00
Sergey Biryukov
024e5438ec Editor: Update packages for WordPress 5.6 RC2.
The following package versions were changed:

@wordpress/block-directory: 1.17.4 -> 1.17.5
@wordpress/block-editor: 5.1.3 -> 5.1.4
@wordpress/block-library: 2.26.4 -> 2.26.5
@wordpress/blocks: 6.24.1 -> 6.24.2
@wordpress/components: 11.1.1 -> 11.1.2
@wordpress/core-data: 2.24.1 -> 2.24.2
@wordpress/edit-post: 3.25.4 -> 3.25.5
@wordpress/editor: 9.24.3 -> 9.24.4
@wordpress/format-library: 1.25.3 -> 1.25.4
@wordpress/list-reusable-blocks: 1.24.1 -> 1.24.2
@wordpress/nux: 3.23.1 -> 3.23.2
@wordpress/reusable-blocks: 1.0.3 -> 1.0.4
@wordpress/server-side-render: 1.19.1 -> 1.19.2

See https://github.com/WordPress/gutenberg/pull/27366 for the list of fixed bugs.

Props isabel_brison.
Reviewed by isabel_brison, SergeyBiryukov.
Merges [49718] to the 5.6 branch.
Fixes #51902.
Built from https://develop.svn.wordpress.org/branches/5.6@49719


git-svn-id: http://core.svn.wordpress.org/branches/5.6@49442 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-12-01 12:21:40 +00:00
Andrew Ozz
08062ba641 Quick/Bulk Edit: Fix undefined error when initializing UI Autocomplete 1.12.1 on non-existing element and then attempting to use the autocomplete instance.
Example: `jQuery( '#nonexisting' ).autocomplete().autocomplete( 'instance' ).something`.

Props _luigi, sabernhardt, donmhico, azaozz.
Reviewed by SergeyBiryukov, azaozz.
Merges [49703] and [49710] to the 5.6 branch.
Fixes #51872.
Built from https://develop.svn.wordpress.org/branches/5.6@49717


git-svn-id: http://core.svn.wordpress.org/branches/5.6@49440 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-12-01 07:32:06 +00:00
Sergey Biryukov
53730e99fc Help/About: Update URLs in About page.
Replace the placeholder links now that the posts have been published. This also updates the jQuery plugin links to to local-site links, if the user can install plugins.

Follow-up to [49640].

Props mukesh27, ocean90.
Reviewed by ryelle, SergeyBiryukov.
Merges [49702] to the 5.6 branch.
See #51415.
Built from https://develop.svn.wordpress.org/branches/5.6@49715


git-svn-id: http://core.svn.wordpress.org/branches/5.6@49438 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-11-30 17:32:04 +00:00
Sergey Biryukov
9c416615ce External Libraries: Upgrade PHPMailer to version 6.2.0.
For a full list of changes in this update, see the PHPMailer GitHub:
https://github.com/PHPMailer/PHPMailer/compare/v6.1.8...v6.2.0

Props ayeshrajans, jrf.
Reviewed by jrf, SergeyBiryukov.
Merges [49713] to the 5.6 branch.
Fixes #51874.
Built from https://develop.svn.wordpress.org/branches/5.6@49714


git-svn-id: http://core.svn.wordpress.org/branches/5.6@49437 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-11-30 17:26:08 +00:00
Sergey Biryukov
3ccb035e8d Upgrade/Install: Display "You are using a development version" message on WordPress Updates screen for Beta or RC versions.
This ensures that the message is displayed when the `WP_AUTO_UPDATE_CORE` constant is set to `beta` or `rc` and the user is on a development version.

Follow-up to [49245], [49254], [49292], [49638], [49708].

Props afragen, audrasjb, azaozz, SergeyBiryukov.
Reviewed by azaozz, SergeyBiryukov.
Merges [49709] and [49668] to the 5.6 branch.
Fixes #51822.
Built from https://develop.svn.wordpress.org/branches/5.6@49712


git-svn-id: http://core.svn.wordpress.org/branches/5.6@49435 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-11-30 16:53:05 +00:00
Sergey Biryukov
74600c1eed Upgrade/Install: Display "You are using a development version" message in the admin footer for Beta or RC versions.
This ensures that the message is displayed when the `WP_AUTO_UPDATE_CORE` constant is set to `beta` or `rc` and the user is on a development version.

Props afragen.
Reviewed by azaozz, SergeyBiryukov.
Merges [49708] to the 5.6 branch.
Fixes #51892.
Built from https://develop.svn.wordpress.org/branches/5.6@49711


git-svn-id: http://core.svn.wordpress.org/branches/5.6@49434 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-11-30 16:38:09 +00:00
Andrew Ozz
6eec8bae02 External Libraries: Fix hiding of the text in the jQuery UI dialog close button.
Props marijnkoopman, SergeyBiryukov, Clorith, azaozz.
Merges [49704] to the 5.6 branch.
Fixes #51863.
Built from https://develop.svn.wordpress.org/branches/5.6@49707


git-svn-id: http://core.svn.wordpress.org/branches/5.6@49430 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-11-29 09:56:09 +00:00
Sergey Biryukov
4c86c9d38c Comments: Correct ending tag placement in the "Search results for: ..." subtitle.
Follow-up to [49284], [49286].

Props Clorith, kebbet, johnbillion, audrasjb, azaozz.
Reviewed by azaozz, SergeyBiryukov.
Merges [49705] to the 5.6 branch.
Fixes #51889. See #37353.
Built from https://develop.svn.wordpress.org/branches/5.6@49706


git-svn-id: http://core.svn.wordpress.org/branches/5.6@49429 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-11-28 17:32:04 +00:00
noisysocks
bc71ca7797 Editor: Remove render_block hooks from WP_Block
Reverts the move of pre_render_block, render_block_data, and
render_block_context to WP_Block.

This change has more implications than first thought so will be revisted later
in 5.7.

Reverts [49609,49608].
See #51612.

Built from https://develop.svn.wordpress.org/branches/5.6@49694


git-svn-id: http://core.svn.wordpress.org/branches/5.6@49417 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-11-25 01:15:11 +00:00
desrosj
84e7b276b2 Build/Test Tools: Remove the E2E test GitHub Action workflow from the 5.6 branch.
The E2E test suite does not currently perform any meaningful tests, so continuing to run the workflow is not necessary for older branches.

Reviewed by peterwilsoncc, desrosj.
Fixes #51853.

Built from https://develop.svn.wordpress.org/branches/5.6@49690


git-svn-id: http://core.svn.wordpress.org/branches/5.6@49413 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-11-24 16:07:04 +00:00
desrosj
626b4e78a7 Build/Test Tools: Remove the E2E test job from the 5.6 branch.
The E2E test job does not currently perform any meaningful tests, so continuing to run them is not necessary for older branches.

Reviewed by peterwilsoncc, desrosj.
Fixes #51853.

Built from https://develop.svn.wordpress.org/branches/5.6@49689


git-svn-id: http://core.svn.wordpress.org/branches/5.6@49412 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-11-24 16:05:08 +00:00
Sergey Biryukov
a68d20cfcc Help/About: Clarify accessibility features.
* Captions are uploaded in the block editor, and not created in the editor.
* Avoid making an invalid claim of WCAG 2.1 conformance or trivialize the efforts still required to build an accessible and compliant site.

Follow-up to [49640].

Props joedolson.
Reviewed by ryelle, SergeyBiryukov.
Merges [49674] to the 5.6 branch.
See #51415.
Built from https://develop.svn.wordpress.org/branches/5.6@49687


git-svn-id: http://core.svn.wordpress.org/branches/5.6@49410 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-11-23 19:42:02 +00:00
Sergey Biryukov
3cdf510961 Help/About: Correct placeholder for the accessibility statement feature plugin link.
Add missing translator comment.

Props audrasjb.
Reviewed by ryelle, SergeyBiryukov.
Merges [49651] to the 5.6 branch.
See #51415.
Built from https://develop.svn.wordpress.org/branches/5.6@49686


git-svn-id: http://core.svn.wordpress.org/branches/5.6@49409 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-11-23 19:40:05 +00:00
Sergey Biryukov
5bbff0b5d6 Docs: Correct $fire_after_hooks parameter name in @since tags.
Follow-up to [49172], [49173].

Merges [49673] to the 5.6 branch.
Reviewed by peterwilsoncc, SergeyBiryukov.
Fixes #45114.
Built from https://develop.svn.wordpress.org/branches/5.6@49684


git-svn-id: http://core.svn.wordpress.org/branches/5.6@49407 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-11-23 18:59:05 +00:00
Sergey Biryukov
f677bc838e Upgrade/Install: Replace the conditionals that check the AUTOMATIC_UPDATER_DISABLED constant and the automatic_updater_disabled filter in update-core.php with a call to WP_Automatic_Updater::is_disabled().
This prevents a PHP warning, fixes the logic, and considers `wp_is_file_mod_allowed( 'automatic_updater' )` when determining the UI state.

Props jamesros161, pbiron, audrasjb, azaozz.
Merges [49677] and [49681] to the 5.6 branch.
Fixes #51827.
Built from https://develop.svn.wordpress.org/branches/5.6@49682


git-svn-id: http://core.svn.wordpress.org/branches/5.6@49405 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-11-22 16:06:06 +00:00
Andrew Ozz
1e60ec94af External Libraries: Update jQuery Migrate to 3.3.2.
Props mgol, azaozz.
Merges [49649] to the 5.6 branch.
Fixes #50564.
Built from https://develop.svn.wordpress.org/branches/5.6@49667


git-svn-id: http://core.svn.wordpress.org/branches/5.6@49390 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-11-19 09:31:13 +00:00
Sergey Biryukov
e5de7dafd1 Site Health: Add missing i18n for the App Passwords documentation link.
Follow-up to [49334].

Props tai.
Reviewed by TimothyBlynJacobs, SergeyBiryukov.
Merges [49650] to the 5.6 branch.
Fixes #51815.
Built from https://develop.svn.wordpress.org/branches/5.6@49652


git-svn-id: http://core.svn.wordpress.org/branches/5.6@49389 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-11-18 15:57:05 +00:00
whyisjake
d3d73c17ef Security: Update the Security Policy to acccount for 5.6.
See [49645].
Props helen, whyisjake.

Built from https://develop.svn.wordpress.org/branches/5.6@49646


git-svn-id: http://core.svn.wordpress.org/branches/5.6@49384 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-11-17 23:01:10 +00:00
Helen Hou-Sandí
4ea6d8ec00 Branch 5.6.
Built from https://develop.svn.wordpress.org/branches/5.6@49643


git-svn-id: http://core.svn.wordpress.org/branches/5.6@49381 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-11-17 22:50:10 +00:00
3060 changed files with 296407 additions and 551944 deletions

View File

@@ -1,6 +1,6 @@
WordPress - Web publishing software
Copyright 2011-2023 by the contributors
Copyright 2011-2020 by the contributors
This program is free software; you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by

View File

@@ -13,7 +13,7 @@
<p style="text-align: center">Semantic Personal Publishing Platform</p>
<h2>First Things First</h2>
<p>Welcome. WordPress is a very special project to me. Every developer and contributor adds something unique to the mix, and together we create something beautiful that I am proud to be a part of. Thousands of hours have gone into WordPress, and we are dedicated to making it better every day. Thank you for making it part of your world.</p>
<p>Welcome. WordPress is a very special project to me. Every developer and contributor adds something unique to the mix, and together we create something beautiful that I&#8217;m proud to be a part of. Thousands of hours have gone into WordPress, and we&#8217;re dedicated to making it better every day. Thank you for making it part of your world.</p>
<p style="text-align: right">&#8212; Matt Mullenweg</p>
<h2>Installation: Famous 5-minute install</h2>
@@ -21,7 +21,7 @@
<li>Unzip the package in an empty directory and upload everything.</li>
<li>Open <span class="file"><a href="wp-admin/install.php">wp-admin/install.php</a></span> in your browser. It will take you through the process to set up a <code>wp-config.php</code> file with your database connection details.
<ol>
<li>If for some reason this does not work, do not worry. It may not work on all web hosts. Open up <code>wp-config-sample.php</code> with a text editor like WordPad or similar and fill in your database connection details.</li>
<li>If for some reason this doesn&#8217;t work, don&#8217;t worry. It doesn&#8217;t work on all web hosts. Open up <code>wp-config-sample.php</code> with a text editor like WordPad or similar and fill in your database connection details.</li>
<li>Save the file as <code>wp-config.php</code> and upload it.</li>
<li>Open <span class="file"><a href="wp-admin/install.php">wp-admin/install.php</a></span> in your browser.</li>
</ol>
@@ -47,36 +47,36 @@
</ol>
<h2>Migrating from other systems</h2>
<p>WordPress can <a href="https://wordpress.org/documentation/article/importing-content/">import from a number of systems</a>. First you need to get WordPress installed and working as described above, before using <a href="wp-admin/import.php">our import tools</a>.</p>
<p>WordPress can <a href="https://wordpress.org/support/article/importing-content/">import from a number of systems</a>. First you need to get WordPress installed and working as described above, before using <a href="wp-admin/import.php">our import tools</a>.</p>
<h2>System Requirements</h2>
<ul>
<li><a href="https://secure.php.net/">PHP</a> version <strong>7.0</strong> or greater.</li>
<li><a href="https://www.mysql.com/">MySQL</a> version <strong>5.0</strong> or greater.</li>
<li><a href="https://secure.php.net/">PHP</a> version <strong>5.6.20</strong> or higher.</li>
<li><a href="https://www.mysql.com/">MySQL</a> version <strong>5.0</strong> or higher.</li>
</ul>
<h3>Recommendations</h3>
<ul>
<li><a href="https://secure.php.net/">PHP</a> version <strong>7.4</strong> or greater.</li>
<li><a href="https://www.mysql.com/">MySQL</a> version <strong>5.7</strong> or greater OR <a href="https://mariadb.org/">MariaDB</a> version <strong>10.4</strong> or greater.</li>
<li><a href="https://secure.php.net/">PHP</a> version <strong>7.4</strong> or higher.</li>
<li><a href="https://www.mysql.com/">MySQL</a> version <strong>5.6</strong> or higher.</li>
<li>The <a href="https://httpd.apache.org/docs/2.2/mod/mod_rewrite.html">mod_rewrite</a> Apache module.</li>
<li><a href="https://wordpress.org/news/2016/12/moving-toward-ssl/">HTTPS</a> support.</li>
<li>A link to <a href="https://wordpress.org/">wordpress.org</a> on your site.</li>
</ul>
<h2>Online Resources</h2>
<p>If you have any questions that are not addressed in this document, please take advantage of WordPress&#8217; numerous online resources:</p>
<p>If you have any questions that aren&#8217;t addressed in this document, please take advantage of WordPress&#8217; numerous online resources:</p>
<dl>
<dt><a href="https://wordpress.org/documentation/">HelpHub</a></dt>
<dd>HelpHub is the encyclopedia of all things WordPress. It is the most comprehensive source of information for WordPress available.</dd>
<dt><a href="https://codex.wordpress.org/">The WordPress Codex</a></dt>
<dd>The Codex is the encyclopedia of all things WordPress. It is the most comprehensive source of information for WordPress available.</dd>
<dt><a href="https://wordpress.org/news/">The WordPress Blog</a></dt>
<dd>This is where you&#8217;ll find the latest updates and news related to WordPress. Recent WordPress news appears in your administrative dashboard by default.</dd>
<dt><a href="https://planet.wordpress.org/">WordPress Planet</a></dt>
<dd>The WordPress Planet is a news aggregator that brings together posts from WordPress blogs around the web.</dd>
<dt><a href="https://wordpress.org/support/forums/">WordPress Support Forums</a></dt>
<dd>If you&#8217;ve looked everywhere and still cannot find an answer, the support forums are very active and have a large community ready to help. To help them help you be sure to use a descriptive thread title and describe your question in as much detail as possible.</dd>
<dt><a href="https://make.wordpress.org/support/handbook/appendix/other-support-locations/introduction-to-irc/">WordPress <abbr>IRC</abbr> (Internet Relay Chat) Channel</a></dt>
<dd>There is an online chat channel that is used for discussion among people who use WordPress and occasionally support topics. The above wiki page should point you in the right direction. (<a href="https://web.libera.chat/#wordpress">irc.libera.chat #wordpress</a>)</dd>
<dd>If you&#8217;ve looked everywhere and still can&#8217;t find an answer, the support forums are very active and have a large community ready to help. To help them help you be sure to use a descriptive thread title and describe your question in as much detail as possible.</dd>
<dt><a href="https://codex.wordpress.org/IRC">WordPress <abbr>IRC</abbr> (Internet Relay Chat) Channel</a></dt>
<dd>There is an online chat channel that is used for discussion among people who use WordPress and occasionally support topics. The above wiki page should point you in the right direction. (<a href="irc://irc.freenode.net/wordpress">irc.freenode.net #wordpress</a>)</dd>
</dl>
<h2>Final Notes</h2>
@@ -86,9 +86,9 @@
</ul>
<h2>Share the Love</h2>
<p>WordPress has no multi-million dollar marketing campaign or celebrity sponsors, but we do have something even better&#8212;you. If you enjoy WordPress please consider telling a friend, setting it up for someone less knowledgeable than yourself, or writing the author of a media article that overlooks us.</p>
<p>WordPress has no multi-million dollar marketing campaign or celebrity sponsors, but we do have something even better&#8212;you. If you enjoy WordPress please consider telling a friend, setting it up for someone less knowledgable than yourself, or writing the author of a media article that overlooks us.</p>
<p>WordPress is the official continuation of <a href="https://cafelog.com/">b2/caf&#233;log</a>, which came from Michel V. The work has been continued by the <a href="https://wordpress.org/about/">WordPress developers</a>. If you would like to support WordPress, please consider <a href="https://wordpress.org/donate/">donating</a>.</p>
<p>WordPress is the official continuation of <a href="http://cafelog.com/">b2/caf&#233;log</a>, which came from Michel V. The work has been continued by the <a href="https://wordpress.org/about/">WordPress developers</a>. If you would like to support WordPress, please consider <a href="https://wordpress.org/donate/">donating</a>.</p>
<h2>License</h2>
<p>WordPress is free software, and is released under the terms of the <abbr>GPL</abbr> (GNU General Public License) version 2 or (at your option) any later version. See <a href="license.txt">license.txt</a>.</p>

View File

@@ -87,7 +87,7 @@ do_action( 'activate_header' );
*/
function do_activate_header() {
/**
* Fires within the `<head>` section of the Site Activation page.
* Fires before the Site Activation page is loaded.
*
* Fires on the {@see 'wp_head'} action.
*
@@ -105,22 +105,20 @@ add_action( 'wp_head', 'do_activate_header' );
function wpmu_activate_stylesheet() {
?>
<style type="text/css">
.wp-activate-container { width: 90%; margin: 0 auto; }
.wp-activate-container form { margin-top: 2em; }
#submit, #key { width: 100%; font-size: 24px; box-sizing: border-box; }
#language { margin-top: 0.5em; }
.wp-activate-container .error { background: #f66; color: #333; }
form { margin-top: 2em; }
#submit, #key { width: 90%; font-size: 24px; }
#language { margin-top: .5em; }
.error { background: #f66; }
span.h3 { padding: 0 8px; font-size: 1.3em; font-weight: 600; }
</style>
<?php
}
add_action( 'wp_head', 'wpmu_activate_stylesheet' );
add_action( 'wp_head', 'wp_strict_cross_origin_referrer' );
add_filter( 'wp_robots', 'wp_robots_sensitive_page' );
add_action( 'wp_head', 'wp_sensitive_page_meta' );
get_header( 'wp-activate' );
$blog_details = get_site();
$blog_details = get_blog_details();
?>
<div id="signup-content" class="widecolumn">
@@ -131,7 +129,7 @@ $blog_details = get_site();
<form name="activateform" id="activateform" method="post" action="<?php echo network_site_url( $blog_details->path . 'wp-activate.php' ); ?>">
<p>
<label for="key"><?php _e( 'Activation Key:' ); ?></label>
<br /><input type="text" name="key" id="key" value="" size="50" autofocus="autofocus" />
<br /><input type="text" name="key" id="key" value="" size="50" />
</p>
<p class="submit">
<input id="submit" type="submit" name="Submit" class="submit" value="<?php esc_attr_e( 'Activate' ); ?>" />
@@ -214,5 +212,9 @@ $blog_details = get_site();
?>
</div>
</div>
<script type="text/javascript">
var key_input = document.getElementById('key');
key_input && key_input.focus();
</script>
<?php
get_footer( 'wp-activate' );

View File

@@ -9,7 +9,6 @@
/** WordPress Administration Bootstrap */
require_once __DIR__ . '/admin.php';
// Used in the HTML title tag.
/* translators: Page title of the About WordPress page in the admin. */
$title = _x( 'About', 'page title' );
@@ -20,312 +19,250 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
<div class="wrap about__container">
<div class="about__header">
<div class="about__header-title">
<h1>
<?php
printf(
/* translators: %s: Version number. */
__( 'WordPress %s' ),
$display_version
);
?>
</h1>
<div class="about__header-image">
<picture>
<source media="(max-width: 782px)" srcset="data:image/svg+xml,<?php echo rawurlencode( '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 205 109" width="205"><g fill="none" fill-rule="evenodd"><path fill="#000" fill-rule="nonzero" d="M65.901 108.433c2.546-5.254 4.927-9.195 7.143-11.822H1.246v-5.173h71.798c-2.216-2.627-4.597-6.568-7.143-11.822h4.31c5.173 5.993 10.592 10.427 16.257 13.3v2.217c-5.665 2.791-11.084 7.225-16.256 13.3h-4.31z"/><path fill="#000" fill-rule="nonzero" d="M29.345 26.834c-.129 1.365-.633 2.432-1.512 3.2-.879.76-2.048 1.142-3.507 1.142-1.02 0-1.919-.24-2.698-.72-.773-.487-1.371-1.176-1.793-2.066-.422-.891-.641-1.925-.659-3.103v-1.195c0-1.207.214-2.27.642-3.19.427-.92 1.04-1.63 1.836-2.128.803-.498 1.729-.747 2.778-.747 1.412 0 2.549.384 3.41 1.152.861.767 1.362 1.851 1.503 3.252H27.13c-.105-.92-.375-1.582-.809-1.987-.427-.41-1.057-.615-1.89-.615-.966 0-1.71.355-2.232 1.064-.515.703-.779 1.737-.79 3.102v1.134c0 1.383.245 2.437.738 3.164.498.727 1.224 1.09 2.18 1.09.872 0 1.529-.197 1.968-.59.44-.392.718-1.045.835-1.959h2.215zm14.008-1.898c0 1.253-.217 2.355-.65 3.304-.434.944-1.055 1.67-1.864 2.18-.803.504-1.728.756-2.777.756-1.037 0-1.963-.252-2.777-.756-.809-.51-1.436-1.234-1.881-2.171-.44-.938-.662-2.018-.668-3.243v-.72c0-1.249.22-2.35.659-3.306.445-.955 1.07-1.684 1.872-2.188.809-.51 1.734-.765 2.777-.765 1.043 0 1.966.252 2.769.756.808.498 1.432 1.219 1.872 2.162.44.938.662 2.03.668 3.279v.712zm-2.224-.668c0-1.418-.27-2.505-.808-3.261-.534-.756-1.292-1.134-2.277-1.134-.96 0-1.714.378-2.258 1.134-.54.75-.815 1.813-.827 3.19v.739c0 1.406.273 2.493.818 3.26.55.768 1.312 1.152 2.285 1.152.984 0 1.74-.375 2.267-1.125.534-.75.8-1.846.8-3.287v-.668zM47.368 31V18.203h3.78c1.13 0 2.132.252 3.005.756a5.146 5.146 0 012.039 2.145c.48.925.72 1.986.72 3.181v.642c0 1.213-.243 2.28-.729 3.199a5.057 5.057 0 01-2.065 2.127c-.89.498-1.913.747-3.068.747h-3.682zm2.223-11.004v9.229h1.45c1.167 0 2.06-.364 2.681-1.09.627-.733.947-1.782.958-3.147v-.712c0-1.388-.302-2.449-.905-3.181-.604-.733-1.48-1.099-2.628-1.099h-1.556zm18.816 5.291h-5.256v3.938h6.144V31h-8.368V18.203h8.306v1.793h-6.082v3.533h5.256v1.758zM81.534 31H79.32V18.203h2.215V31zm11.222-3.296c0-.562-.199-.996-.597-1.3-.393-.305-1.105-.613-2.136-.924-1.031-.31-1.852-.656-2.461-1.037-1.166-.732-1.75-1.687-1.75-2.865 0-1.031.42-1.88 1.258-2.549.843-.668 1.936-1.002 3.278-1.002.89 0 1.685.164 2.382.492a3.898 3.898 0 011.643 1.407c.399.603.598 1.274.598 2.013h-2.215c0-.669-.21-1.19-.633-1.565-.416-.38-1.013-.571-1.793-.571-.726 0-1.292.155-1.696.466-.398.31-.598.744-.598 1.3 0 .47.217.862.65 1.178.434.31 1.15.615 2.145.914.996.293 1.796.63 2.4 1.01.603.376 1.046.81 1.327 1.302.281.486.422 1.057.422 1.713 0 1.067-.41 1.916-1.23 2.55-.815.626-1.923.94-3.323.94-.926 0-1.778-.17-2.558-.51-.773-.346-1.376-.82-1.81-1.424-.428-.603-.642-1.306-.642-2.11h2.224c0 .727.24 1.29.72 1.688.481.399 1.17.598 2.066.598.774 0 1.354-.155 1.74-.466.393-.316.59-.732.59-1.248zm14.481-1.459V31h-2.224V18.203h4.896c1.43 0 2.563.372 3.401 1.116.844.745 1.266 1.729 1.266 2.954 0 1.253-.413 2.229-1.239 2.926-.821.697-1.972 1.046-3.454 1.046h-2.646zm0-1.784h2.672c.791 0 1.395-.185 1.811-.554.416-.375.624-.914.624-1.617 0-.691-.211-1.242-.633-1.652-.422-.416-1.002-.63-1.74-.642h-2.734v4.465zm21.303.475c0 1.253-.217 2.355-.65 3.304-.434.944-1.055 1.67-1.864 2.18-.802.504-1.728.756-2.777.756-1.037 0-1.963-.252-2.777-.756-.809-.51-1.436-1.234-1.881-2.171-.44-.938-.662-2.018-.668-3.243v-.72c0-1.249.22-2.35.659-3.306.445-.955 1.069-1.684 1.872-2.188.809-.51 1.734-.765 2.777-.765 1.043 0 1.966.252 2.769.756.809.498 1.433 1.219 1.872 2.162.44.938.662 2.03.668 3.279v.712zm-2.224-.668c0-1.418-.269-2.505-.808-3.261-.533-.756-1.292-1.134-2.277-1.134-.96 0-1.713.378-2.258 1.134-.539.75-.815 1.813-.827 3.19v.739c0 1.406.273 2.493.818 3.26.551.768 1.312 1.152 2.285 1.152.984 0 1.74-.375 2.268-1.125.533-.75.799-1.846.799-3.287v-.668zm13.718 1.02h-5.255v3.937h6.143V31h-8.367V18.203h8.306v1.793h-6.082v3.533h5.255v1.758zm13.92-5.292h-3.99V31h-2.206V19.996h-3.955v-1.793h10.151v1.793zm8.19 6.073h-2.478V31h-2.224V18.203h4.5c1.477 0 2.616.331 3.419.993.803.662 1.204 1.62 1.204 2.874 0 .856-.208 1.574-.624 2.154-.41.574-.984 1.016-1.723 1.327l2.874 5.335V31h-2.381l-2.567-4.93zm-2.478-1.784h2.285c.75 0 1.336-.187 1.758-.562.421-.381.632-.9.632-1.556 0-.686-.196-1.216-.588-1.59-.387-.376-.967-.57-1.741-.58h-2.346v4.288zm14.561-.017l2.945-6.065h2.461l-4.289 8.086V31h-2.233v-4.71l-4.298-8.087h2.47l2.944 6.065z"/><path stroke="#000" stroke-width="2" d="M2 1h201v46H2z"/></g></svg>' ); ?>" />
<img alt="<?php _e( 'Code is Poetry' ); ?>" src="data:image/svg+xml,<?php echo rawurlencode( '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 1210 48"><path fill="#000" d="M65.875 39.875c2.583-5.333 5-9.333 7.25-12H.25v-5.25h72.875c-2.25-2.667-4.667-6.667-7.25-12h4.375c5.25 6.083 10.75 10.583 16.5 13.5v2.25c-5.75 2.833-11.25 7.333-16.5 13.5h-4.375zM1035.34 26.834c-.12 1.365-.63 2.432-1.51 3.2-.88.76-2.04 1.142-3.5 1.142-1.02 0-1.92-.24-2.7-.72-.78-.487-1.37-1.176-1.79-2.066-.43-.891-.65-1.925-.66-3.103v-1.195c0-1.207.21-2.27.64-3.19.43-.92 1.04-1.63 1.83-2.128.81-.498 1.73-.747 2.78-.747 1.41 0 2.55.384 3.41 1.152.86.767 1.36 1.851 1.5 3.252h-2.21c-.11-.92-.37-1.582-.81-1.987-.43-.41-1.06-.615-1.89-.615-.96 0-1.71.355-2.23 1.064-.52.703-.78 1.737-.79 3.102v1.134c0 1.383.24 2.437.74 3.164.49.727 1.22 1.09 2.18 1.09.87 0 1.53-.197 1.97-.59.43-.392.71-1.045.83-1.959h2.21zm14.01-1.898c0 1.253-.21 2.355-.65 3.304-.43.944-1.05 1.67-1.86 2.18-.8.504-1.73.756-2.78.756-1.04 0-1.96-.252-2.78-.756-.8-.51-1.43-1.234-1.88-2.171-.44-.938-.66-2.018-.66-3.243v-.72c0-1.249.22-2.35.65-3.306.45-.955 1.07-1.684 1.88-2.188.81-.51 1.73-.765 2.77-.765 1.05 0 1.97.252 2.77.756.81.498 1.44 1.219 1.87 2.162.44.938.67 2.03.67 3.279v.712zm-2.22-.668c0-1.418-.27-2.505-.81-3.261-.53-.756-1.29-1.134-2.28-1.134-.96 0-1.71.378-2.25 1.134-.54.75-.82 1.813-.83 3.19v.739c0 1.406.27 2.493.82 3.26.55.768 1.31 1.152 2.28 1.152.99 0 1.74-.375 2.27-1.125s.8-1.846.8-3.287v-.668zm6.24 6.732V18.203h3.78c1.13 0 2.13.252 3 .756a5.138 5.138 0 012.04 2.145c.48.925.72 1.986.72 3.181v.642c0 1.213-.24 2.28-.73 3.199a5.08 5.08 0 01-2.06 2.127c-.89.498-1.92.747-3.07.747h-3.68zm2.22-11.004v9.229h1.45c1.17 0 2.06-.364 2.68-1.09.63-.733.95-1.782.96-3.147v-.712c0-1.388-.3-2.449-.9-3.181-.61-.733-1.48-1.099-2.63-1.099h-1.56zm18.82 5.291h-5.26v3.938h6.14V31h-8.36V18.203h8.3v1.793h-6.08v3.533h5.26v1.758zM1087.53 31h-2.21V18.203h2.21V31zm11.23-3.296c0-.562-.2-.996-.6-1.3-.39-.305-1.11-.613-2.14-.924-1.03-.31-1.85-.656-2.46-1.037-1.16-.732-1.75-1.687-1.75-2.865 0-1.031.42-1.88 1.26-2.549.84-.668 1.94-1.002 3.28-1.002.89 0 1.68.164 2.38.492.7.329 1.25.797 1.64 1.407.4.603.6 1.274.6 2.013h-2.21c0-.669-.21-1.19-.64-1.565-.41-.38-1.01-.571-1.79-.571-.73 0-1.29.155-1.7.466-.39.31-.59.744-.59 1.3 0 .47.21.862.65 1.178.43.31 1.15.615 2.14.914 1 .293 1.8.63 2.4 1.01.6.376 1.05.81 1.33 1.302.28.486.42 1.057.42 1.713 0 1.067-.41 1.916-1.23 2.55-.82.626-1.92.94-3.32.94-.93 0-1.78-.17-2.56-.51-.77-.346-1.38-.82-1.81-1.424-.43-.603-.64-1.306-.64-2.11h2.22c0 .727.24 1.29.72 1.688.48.399 1.17.598 2.07.598.77 0 1.35-.155 1.74-.466.39-.316.59-.732.59-1.248zm14.48-1.459V31h-2.23V18.203h4.9c1.43 0 2.56.372 3.4 1.116.84.745 1.27 1.729 1.27 2.954 0 1.253-.42 2.229-1.24 2.926-.82.697-1.97 1.046-3.46 1.046h-2.64zm0-1.784h2.67c.79 0 1.39-.185 1.81-.554.42-.375.62-.914.62-1.617 0-.691-.21-1.242-.63-1.652-.42-.416-1-.63-1.74-.642h-2.73v4.465zm21.3.475c0 1.253-.22 2.355-.65 3.304-.43.944-1.06 1.67-1.86 2.18-.81.504-1.73.756-2.78.756-1.04 0-1.96-.252-2.78-.756-.81-.51-1.43-1.234-1.88-2.171-.44-.938-.66-2.018-.67-3.243v-.72c0-1.249.22-2.35.66-3.306.45-.955 1.07-1.684 1.87-2.188.81-.51 1.74-.765 2.78-.765 1.04 0 1.97.252 2.77.756.81.498 1.43 1.219 1.87 2.162.44.938.66 2.03.67 3.279v.712zm-2.22-.668c0-1.418-.27-2.505-.81-3.261-.54-.756-1.29-1.134-2.28-1.134-.96 0-1.71.378-2.26 1.134-.54.75-.81 1.813-.82 3.19v.739c0 1.406.27 2.493.81 3.26.55.768 1.32 1.152 2.29 1.152.98 0 1.74-.375 2.27-1.125s.8-1.846.8-3.287v-.668zm13.71 1.02h-5.25v3.937h6.14V31h-8.37V18.203h8.31v1.793h-6.08v3.533h5.25v1.758zm13.92-5.292h-3.99V31h-2.2V19.996h-3.96v-1.793h10.15v1.793zm8.19 6.073h-2.47V31h-2.23V18.203h4.5c1.48 0 2.62.331 3.42.993.8.662 1.21 1.62 1.21 2.874 0 .856-.21 1.574-.63 2.154-.41.574-.98 1.016-1.72 1.327l2.87 5.335V31h-2.38l-2.57-4.93zm-2.47-1.784h2.28c.75 0 1.34-.187 1.76-.562.42-.381.63-.9.63-1.556 0-.686-.19-1.216-.59-1.59-.38-.376-.96-.57-1.74-.58h-2.34v4.288zm14.56-.017l2.94-6.065h2.46l-4.29 8.086V31h-2.23v-4.71l-4.3-8.087h2.47l2.95 6.065z"/><path stroke="#000" stroke-width="2" d="M1008 1h201v46h-201z"/></svg>' ); ?>" />
</picture>
</div>
<div class="about__header-text"></div>
<div class="about__header-container">
<div class="about__header-title">
<p>
<?php _e( 'WordPress' ); ?>
<?php echo $display_version; ?>
</p>
</div>
<div class="about__header-text">
<?php _e( 'Sharing your stories has never been easier' ); ?>
</div>
<div class="about__header-badge">
<img alt="<?php _e( 'New' ); ?>" src="data:image/svg+xml,<?php echo rawurlencode( '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 153 153" width="115"><circle cx="76.5" cy="76.5" r="76.5" fill="#000"/><path fill="#D1CFE4" d="M53.333 86h-2.827L39.769 69.564V86H36.94V64.672h2.828L50.535 81.18V64.67h2.798V86zm26.05-9.858h-9.242V83.7h10.737V86h-13.55V64.672h13.403v2.314h-10.59v6.856h9.243v2.3zm18.596 3.134l.41 2.813.6-2.534 4.219-14.883h2.373l4.116 14.883.586 2.578.454-2.871 3.311-14.59h2.827L111.704 86h-2.563l-4.395-15.542-.337-1.626-.337 1.626L99.517 86h-2.564l-5.156-21.328h2.812l3.37 14.604z"/></svg>' ); ?>" />
</div>
</div>
<nav class="about__header-navigation nav-tab-wrapper wp-clearfix" aria-label="<?php esc_attr_e( 'Secondary menu' ); ?>">
<a href="about.php" class="nav-tab nav-tab-active" aria-current="page"><?php _e( 'What&#8217;s New' ); ?></a>
<a href="credits.php" class="nav-tab"><?php _e( 'Credits' ); ?></a>
<a href="freedoms.php" class="nav-tab"><?php _e( 'Freedoms' ); ?></a>
<a href="privacy.php" class="nav-tab"><?php _e( 'Privacy' ); ?></a>
</nav>
</div>
<nav class="about__header-navigation nav-tab-wrapper wp-clearfix" aria-label="<?php esc_attr_e( 'Secondary menu' ); ?>">
<a href="about.php" class="nav-tab nav-tab-active" aria-current="page"><?php _e( 'What&#8217;s New' ); ?></a>
<a href="credits.php" class="nav-tab"><?php _e( 'Credits' ); ?></a>
<a href="freedoms.php" class="nav-tab"><?php _e( 'Freedoms' ); ?></a>
<a href="privacy.php" class="nav-tab"><?php _e( 'Privacy' ); ?></a>
<a href="contribute.php" class="nav-tab"><?php _e( 'Get Involved' ); ?></a>
</nav>
<div class="about__section aligncenter">
<div class="column">
<h2>
<?php
printf(
/* translators: %s: Version number. */
__( 'Welcome to WordPress %s' ),
$display_version
);
?>
</h2>
<p class="is-subheading">
<?php _e( 'Create beautiful and compelling websites more efficiently than ever. Whether you want to build an entire site without coding or are a developer looking to customize every detail, WordPress 6.3 has something for you.' ); ?>
</p>
</div>
<div class="about__section is-feature">
<h1 class="aligncenter">
<?php
printf(
/* translators: %s: The current WordPress version number. */
__( 'Welcome to WordPress %s.' ),
$display_version
);
?>
</h1>
<p>
<?php
printf(
/* translators: %s: The current WordPress version number. */
__( 'WordPress %s brings you countless ways to set your ideas free and bring them to life. With a brand-new default theme as your canvas, it supports an ever-growing collection of blocks as your brushes. Paint with words. Pictures. Sound. Or rich embedded media.' ),
$display_version
);
?>
</p>
</div>
<div class="about__section has-2-columns">
<div class="column is-vertically-aligned-center">
<div class="about__image">
<img src="https://s.w.org/images/core/6.3/1-site-editor.webp" alt="" height="436" width="436" />
<div class="has-background-image" style="background-image: url('data:image/svg+xml,<?php echo rawurlencode( '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 1035 884"><circle cx="503" cy="434" r="310" fill="#E3DAD1"/><circle cx="831" cy="204" r="204" fill="#D1CFE4"/><circle cx="113.5" cy="770.5" r="113.5" fill="#D1DEE4"/></svg>' ); ?>');">
<div class="about__section has-2-columns is-wider-left has-transparent-background-color">
<div class="column">
<h2><?php _e( 'Greater layout flexibility' ); ?></h2>
<p><?php _e( 'Bring your stories to life with more tools that let you edit your layout with or without code. Single column blocks, designs using mixed widths and columns, full-width headers, and videos in your cover block—make small changes or big statements with equal ease!' ); ?></p>
</div>
</div>
<div class="column is-vertically-aligned-center">
<h3><?php _e( 'Do everything in the Site Editor' ); ?></h3>
<p><?php _e( 'WordPress 6.3 brings your content, templates, and patterns together in the Site Editor for the first time. Add pages, browse style variations, create synced patterns, and enjoy fine-tuned control over your navigation menus. No more time wasted switching across different site areas—now you can focus on what matters most. Creation to completion, all in one place.' ); ?></p>
</div>
</div>
<div class="about__section has-2-columns">
<div class="column is-vertically-aligned-center">
<h3><?php _e( 'Create and sync patterns' ); ?></h3>
<p><?php _e( 'Arrange blocks in unlimited ways and save them as Patterns for use throughout your site. You can even specify whether to sync your patterns (previously referred to as “reusable blocks”) so that one change applies to all parts of your site. Or, utilize patterns as a starting point with the ability to customize each instance.' ); ?></p>
</div>
<div class="column is-vertically-aligned-center">
<div class="about__image">
<img src="https://s.w.org/images/core/6.3/2-create-patterns.webp" alt="" height="436" width="436" />
<div class="about__section has-2-columns is-wider-right has-transparent-background-color">
<div class="column"><!-- space for alignment. --></div>
<div class="column">
<h2><?php _e( 'More block patterns' ); ?></h2>
<p><?php _e( 'In select themes, preconfigured block patterns make setting up standard pages on your site a breeze. Find the power of patterns to streamline your workflow, or share some of that power with your clients and save yourself a few clicks.' ); ?></p>
</div>
</div>
</div>
<div class="about__section has-2-columns">
<div class="column is-vertically-aligned-center">
<div class="about__image">
<img src="https://s.w.org/images/core/6.3/3-command-palette.webp" alt="" height="436" width="436" />
<div class="about__section has-2-columns is-wider-left has-transparent-background-color">
<div class="column">
<h2><?php _e( 'Upload video captions directly in the block editor' ); ?></h2>
<p><?php _e( 'To help you add subtitles or captions to your videos, you can now upload them within your post or page. This makes it easier than ever to make your videos accessible for anyone who needs or prefers to use subtitles.' ); ?></p>
</div>
</div>
<div class="column is-vertically-aligned-center">
<h3><?php _e( 'Work faster with the Command Palette' ); ?></h3>
<p><?php _e( 'Switch to a specific template or open your editor preferences with a new tool that helps you quickly navigate expanded functionality. With simple keyboard shortcuts (⌘+k on Mac or Ctrl+k on Windows), clicking the sidebar search icon in Site View, or clicking the Title Bar, get where you need to go and do what you need to do in seconds.' ); ?></p>
</div>
</div>
<div class="about__section has-2-columns">
<div class="column is-vertically-aligned-center">
<h3><?php _e( 'Sharpen your designs with new tools' ); ?></h3>
<p><?php _e( 'New design controls bring more versatility for fine-tuning designs, starting with the ability to customize your caption&#8217;s styles from the Styles Interface without coding. You can manage your duotone filters in Styles for supported blocks and pick from the options provided by your theme or disable them entirely. The Cover block gets added settings for text color, layout controls, and border options, making this powerful block even more handy.' ); ?></p>
</div>
<div class="column is-vertically-aligned-center">
<div class="about__image">
<img src="https://s.w.org/images/core/6.3/4-design-tools.webp" alt="" height="436" width="436" />
</div>
</div>
</div>
<div class="about__section has-3-columns">
<div class="column">
<div class="about__image">
<img src="https://s.w.org/images/core/6.3/5-style-revisions.webp" alt="" height="270" width="270" />
</div>
<h3 class="is-smaller-heading" style="margin-bottom:calc(var(--gap) / 4);"><?php _e( 'Track design changes with Style Revisions' ); ?></h3>
<p><?php _e( 'You can now see how your site looked at a specific time. Visualize these revisions in a timeline and access a one-click option to restore prior styles.' ); ?></p>
</div>
<div class="column">
<div class="about__image">
<img src="https://s.w.org/images/core/6.3/6-footnotes-block.webp" alt="" height="270" width="270" />
</div>
<h3 class="is-smaller-heading" style="margin-bottom:calc(var(--gap) / 4);"><?php _e( 'Annotate with the Footnotes block' ); ?></h3>
<p><?php _e( 'Footnotes add convenient annotations throughout your content. Now you can add and link footnotes for any paragraph.' ); ?></p>
</div>
<div class="column">
<div class="about__image">
<img src="https://s.w.org/images/core/6.3/7-details-block.webp" alt="" height="270" width="270" />
</div>
<h3 class="is-smaller-heading" style="margin-bottom:calc(var(--gap) / 4);"><?php _e( 'Show or hide content with the Details block' ); ?></h3>
<p><?php _e( 'Use the block to avoid spoiling a surprise, create an interactive Q&A section, or hide a long paragraph under a heading.' ); ?></p>
</div>
</div>
<hr class="is-large" />
<div class="about__section has-2-columns">
<div class="column">
<div class="about__image">
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
<rect width="48" height="48" rx="4" fill="#151515"/>
<path d="M25.7781 16.8569L25.8 22.8573L28.9984 22.8572C29.805 22.8572 30.2796 23.6339 29.8204 24.2024L23.8213 31.6292C23.2633 32.3201 22.2013 31.9819 22.2013 31.1416L22.2 25.1481H19.0016C18.1961 25.1481 17.7212 24.3733 18.1782 23.8047L24.1496 16.3722C24.7055 15.6804 25.7749 16.0169 25.7781 16.8569Z" fill="white"/>
</svg>
</div>
<h3 style="margin-top:calc(var(--gap) * 0.75);margin-bottom:calc(var(--gap) * 0.5)"><?php _e( 'Performance gets a boost' ); ?></h3>
<p><?php _e( 'WordPress 6.3 has 170+ performance updates, including defer and async support for the Scripts API and fetchpriority support for images. These improvements can improve your website&#8217;s load time as perceived by visitors, along with block template resolution, image lazy-loading, and the emoji loader.' ); ?></p>
</div>
<div class="column">
<div class="about__image">
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
<rect width="48" height="48" rx="4" fill="#151515"/>
<path d="M24 18.285C23.55 18.285 23.1638 18.1237 22.8413 17.8012C22.5188 17.4788 22.3575 17.0925 22.3575 16.6425C22.3575 16.1925 22.5188 15.8062 22.8413 15.4837C23.1638 15.1612 23.55 15 24 15C24.45 15 24.8363 15.1612 25.1588 15.4837C25.4813 15.8062 25.6425 16.1925 25.6425 16.6425C25.6425 17.0925 25.4813 17.4788 25.1588 17.8012C24.8363 18.1237 24.45 18.285 24 18.285ZM21.5925 33V21.0075C20.5725 20.9325 19.5863 20.8275 18.6338 20.6925C17.6813 20.5575 16.77 20.385 15.9 20.175L16.2375 18.825C17.5125 19.125 18.78 19.3387 20.04 19.4662C21.3 19.5938 22.62 19.6575 24 19.6575C25.38 19.6575 26.7 19.5938 27.96 19.4662C29.22 19.3387 30.4875 19.125 31.7625 18.825L32.1 20.175C31.23 20.385 30.3187 20.5575 29.3663 20.6925C28.4137 20.8275 27.4275 20.9325 26.4075 21.0075V33H25.0575V27.15H22.9425V33H21.5925Z" fill="white"/>
</svg>
</div>
<h3 style="margin-top:calc(var(--gap) * 0.75);margin-bottom:calc(var(--gap) * 0.5)"><?php _e( 'Accessibility remains a core focus' ); ?></h3>
<p><?php _e( 'Incorporating more than 50 accessibility improvements across the platform, WordPress 6.3 is more accessible than ever. Improved labeling, optimized tab and arrow-key navigation, revised heading hierarchy, and new controls in the admin image editor allow those using assistive technologies to navigate more easily.' ); ?></p>
</div>
<div class="about__section has-1-column">
<h2><?php _e( 'Twenty Twenty-One is here!' ); ?></h2>
<p>
<?php
_e( 'Twenty Twenty-One is a blank canvas for your ideas, and the block editor is the best brush. It is built for the block editor and packed with brand-new block patterns you can only get in the default themes. Try different layouts in a matter of seconds, and let the themes eye-catching, yet timeless design make your work shine.' );
?>
</p>
</div>
<hr class="is-large" />
<hr />
<div class="about__section has-3-columns">
<div class="column">
<div class="about__image">
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
<rect width="48" height="48" rx="4" fill="#151515"/>
<path d="M15.9996 25C16.6704 25.3354 16.6703 25.3357 16.6702 25.3359L16.673 25.3305C16.6762 25.3242 16.6818 25.3135 16.6899 25.2985C16.7059 25.2686 16.7316 25.2218 16.7669 25.1608C16.8377 25.0385 16.9469 24.8592 17.0954 24.6419C17.3931 24.2062 17.8444 23.624 18.4543 23.0431C19.6731 21.8824 21.4972 20.75 23.9996 20.75C26.502 20.75 28.3261 21.8824 29.5449 23.0431C30.1549 23.624 30.6061 24.2062 30.9038 24.6419C31.0523 24.8592 31.1615 25.0385 31.2323 25.1608C31.2676 25.2218 31.2933 25.2686 31.3093 25.2985C31.3174 25.3135 31.323 25.3242 31.3262 25.3305L31.3291 25.3359C31.3289 25.3357 31.3288 25.3354 31.9996 25C32.6704 24.6646 32.6703 24.6643 32.6701 24.664L32.6688 24.6614L32.6662 24.6563L32.6583 24.6408C32.6517 24.6282 32.6427 24.6108 32.631 24.5892C32.6078 24.5459 32.5744 24.4852 32.5306 24.4096C32.4432 24.2584 32.3141 24.0471 32.1423 23.7956C31.7994 23.2938 31.2819 22.626 30.5794 21.9569C29.1731 20.6176 26.9972 19.25 23.9996 19.25C21.002 19.25 18.8261 20.6176 17.4199 21.9569C16.7174 22.626 16.1998 23.2938 15.8569 23.7956C15.6851 24.0471 15.556 24.2584 15.4686 24.4096C15.4248 24.4852 15.3914 24.5459 15.3682 24.5892C15.3566 24.6108 15.3475 24.6282 15.3409 24.6408L15.333 24.6563L15.3304 24.6614L15.3295 24.6632C15.3293 24.6635 15.3288 24.6646 15.9996 25ZM23.9996 28C25.9326 28 27.4996 26.433 27.4996 24.5C27.4996 22.567 25.9326 21 23.9996 21C22.0666 21 20.4996 22.567 20.4996 24.5C20.4996 26.433 22.0666 28 23.9996 28Z" fill="white"/>
</svg>
</div>
<h3 class="is-smaller-heading" style="margin-top:calc(var(--gap) / 2);margin-bottom:calc(var(--gap) / 4);"><?php _e( 'Preview block themes' ); ?></h3>
<p><?php _e( 'Experience block themes before you switch and preview the Site Editor, with options to customize directly before committing to a new theme.' ); ?></p>
</div>
<div class="column">
<div class="about__image">
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
<rect width="48" height="48" rx="4" fill="#151515"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M30.5 19H17.5C17.2239 19 17 19.2239 17 19.5V28.5C17 28.7761 17.2239 29 17.5 29H30.5C30.7761 29 31 28.7761 31 28.5V19.5C31 19.2239 30.7761 19 30.5 19ZM17.5 17.5H30.5C31.6046 17.5 32.5 18.3954 32.5 19.5V28.5C32.5 29.6046 31.6046 30.5 30.5 30.5H17.5C16.3954 30.5 15.5 29.6046 15.5 28.5V19.5C15.5 18.3954 16.3954 17.5 17.5 17.5ZM18.5 20.5H19.25H22V22H20V24H18.5V21.25V20.5ZM28.75 27.5H29.5V26.75V24H28V26L26 26V27.5L28.75 27.5Z" fill="white"/>
</svg>
</div>
<h3 class="is-smaller-heading" style="margin-top:calc(var(--gap) / 2);margin-bottom:calc(var(--gap) / 4);"><?php _e( 'Set aspect ratio on images' ); ?></h3>
<p><?php _e( 'Specify your aspect ratios and ensure design integrity, especially when using images in patterns.' ); ?></p>
</div>
<div class="column">
<div class="about__image">
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
<rect width="48" height="48" rx="4" fill="#151515"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M29.7499 14.9862L29.7499 14.0059L28.7939 14.279L28.7939 14.279L28.7928 14.2793L28.7928 14.2793L28.7821 14.2824L28.7506 14.2915C28.7234 14.2994 28.6837 14.3111 28.633 14.3261C28.5317 14.3562 28.386 14.4001 28.2068 14.4559C27.8488 14.5673 27.3551 14.7265 26.8128 14.9179C25.7533 15.2918 24.4209 15.8181 23.5839 16.3761C21.9787 17.4462 21.2703 18.4251 20.8568 19.1143C20.6874 19.3967 20.4992 19.8705 20.3226 20.3793C20.1388 20.9091 19.9461 21.5414 19.7753 22.1819C19.6047 22.8215 19.453 23.4805 19.3543 24.0621C19.2758 24.5242 19.2192 24.9991 19.2374 25.387L18.3036 27.7216C18.1498 28.1062 18.3368 28.5427 18.7214 28.6965C19.106 28.8503 19.5425 28.6633 19.6963 28.2787L20.3141 26.7342C20.635 26.7063 21.0572 26.6435 21.5194 26.5579C22.173 26.4369 22.9606 26.26 23.7647 26.0349C24.567 25.8102 25.3994 25.5337 26.137 25.2105C26.8594 24.8939 27.5557 24.5051 28.0303 24.0305C28.539 23.5218 28.8442 22.8139 29.0434 22.0898C29.2457 21.3547 29.36 20.5222 29.4345 19.6922C29.5006 18.9555 29.5374 18.1945 29.5718 17.4814L29.585 17.2087C29.6156 16.5862 29.6469 16.0134 29.6961 15.5127C29.7299 15.3451 29.7487 15.1792 29.7499 15.0162C29.7501 15.0062 29.7501 14.9962 29.7499 14.9862ZM21.8114 24.9706L22.8071 23.7536L27.0303 19.5305C27.386 19.1747 27.7182 18.8155 28.0194 18.4588C27.998 18.8284 27.973 19.1965 27.9405 19.5581C27.8692 20.353 27.7647 21.0831 27.5972 21.6918C27.4267 22.3114 27.211 22.7285 26.9697 22.9698C26.6943 23.2451 26.2031 23.5438 25.5349 23.8366C24.8818 24.1228 24.1205 24.3775 23.3603 24.5904C22.8227 24.7409 22.2925 24.8686 21.8114 24.9706ZM18 32.0002H26V30.5002H18V32.0002Z" fill="white"/>
</svg>
</div>
<h3 class="is-smaller-heading" style="margin-top:calc(var(--gap) / 2);margin-bottom:calc(var(--gap) / 4);"><?php _e( 'Build your site distraction-free' ); ?></h3>
<p><?php _e( 'Distraction-free designing is now available in the Site Editor.' ); ?></p>
</div>
</div>
<div class="about__section has-3-columns">
<div class="column">
<div class="about__image">
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
<rect width="48" height="48" rx="4" fill="#151515"/>
<path fill="#fff" fill-rule="evenodd" d="m20.014 21.168 3.988-3.418 3.988 3.418-.976 1.14-3.012-2.582-3.012 2.581-.976-1.139Z" clip-rule="evenodd"/>
<path fill="#fff" d="M16 29h16v-1.5H16V29Z"/>
</svg>
</div>
<h3 class="is-smaller-heading" style="margin-top:calc(var(--gap) / 2);margin-bottom:calc(var(--gap) / 4);"><?php _e( 'Rediscover the Top Toolbar' ); ?></h3>
<p><?php _e( 'A revamped top toolbar offers parent selectors for nested blocks, options when selecting multiple blocks, and a new interface embedded into the title bar with new functionality in mind.' ); ?></p>
</div>
<div class="column">
<div class="about__image">
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
<rect width="48" height="48" rx="4" fill="#151515"/>
<path d="M15 17.5H26V19H15V17.5Z" fill="white"/>
<path d="M18.5 23H29.5V24.5H18.5V23Z" fill="white"/>
<path d="M33 28.5H22V30H33V28.5Z" fill="white"/>
</svg>
</div>
<h3 class="is-smaller-heading" style="margin-top:calc(var(--gap) / 2);margin-bottom:calc(var(--gap) / 4);"><?php _e( 'List View improvements' ); ?></h3>
<p><?php _e( 'Drag and drop to every content layer and delete any block you would like in the updated List View.' ); ?></p>
</div>
<div class="column">
<div class="about__image">
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
<rect width="48" height="48" rx="4" fill="#151515"/>
<path d="M27.7 17.2L33.3 22.8C34 23.4 34 24.6 33.2 25.3L27.6 30.9C27.3 31.2 26.8 31.4 26.4 31.4C26 31.4 25.5 31.2 25.2 30.9L19.6 25.3C18.9 24.6 18.9 23.5 19.6 22.8L25.2 17.2C25.9 16.5 27 16.5 27.7 17.2Z" fill="white"/>
<path d="M22 17.5L15.7 23.8C15.6 23.9 15.6 24.1 15.8 24.1L22.1 30.4L21 31.5L14.7 25.3C14 24.6 14 23.5 14.7 22.8L21 16.5L22 17.5Z" fill="white"/>
</svg>
</div>
<h3 class="is-smaller-heading" style="margin-top:calc(var(--gap) / 2);margin-bottom:calc(var(--gap) / 4);"><?php _e( 'Build templates with Patterns' ); ?></h3>
<p><?php _e( 'Create unique patterns to jumpstart template creation with a new modal enabling access to pattern selection.' ); ?></p>
<div class="about__section">
<div class="column about__image is-edge-to-edge">
<img src="https://s.w.org/images/core/5.6/twentytwentyone-layouts.jpg" alt="" />
</div>
</div>
<hr />
<div class="about__section has-3-columns">
<div class="column about__image is-vertically-aligned-top">
<img src="<?php echo esc_url( admin_url( 'images/about-release-badge.svg?ver=6.3' ) ); ?>" alt="" height="270" width="270" />
</div>
<div class="column is-vertically-aligned-center" style="grid-column-end:span 2">
<h3>
<?php
printf(
/* translators: %s: Version number. */
__( 'Learn more about WordPress %s' ),
$display_version
);
?>
</h3>
<div class="about__section has-overlap-style">
<div class="column is-vertically-aligned-center is-top-layer">
<p>
<?php
printf(
/* translators: 1: Learn WordPress link, 2: Workshops link. */
__( '<a href="%1$s">Learn WordPress</a> is a free resource for new and experienced WordPress users. Learn is stocked with how-to videos on using various features in WordPress, <a href="%2$s">interactive events</a> for exploring topics in-depth, and lesson plans for diving deep into specific areas of WordPress.' ),
'https://learn.wordpress.org/',
'https://learn.wordpress.org/online-workshops/'
/* translators: 1: WordPress accessibility-ready guidelines link, 2: WCAG information link. */
__( 'Whats more, this default theme puts accessibility at the heart of your website. It conforms to the <a href="%1$s">WordPress accessibility-ready guidelines</a> and addresses several more specialized standards from the <a href="%2$s">Web Content Accessibility Guidelines (WCAG) 2.1 at level AAA</a>. It will help you meet the highest level of international accessibility standards when you create accessible content and choose plugins which are accessible too!' ),
'https://make.wordpress.org/themes/handbook/review/accessibility/',
'https://www.w3.org/WAI/WCAG2AAA-Conformance'
);
?>
</p>
</div>
<div class="column about__image aligncenter is-edge-to-edge">
<img src="data:image/svg+xml,<?php echo rawurlencode( '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 440 291"><circle cx="294.5" cy="145.5" r="145.5" fill="#E5D1D1"/><circle cx="106.5" cy="106.5" r="106.5" fill="#EEEADD"/></svg>' ); ?>" style="max-width:25em" alt="" />
</div>
</div>
<hr />
<div class="about__section has-2-columns">
<div class="column">
<div class="about__image">
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
<rect width="48" height="48" rx="4" fill="#151515"/>
<path d="M23 34v-4h-5l-2.293-2.293a1 1 0 0 1 0-1.414L18 24h5v-2h-7v-6h7v-2h2v2h5l2.293 2.293a1 1 0 0 1 0 1.414L30 22h-5v2h7v6h-7v4h-2Zm-5-14h11.175l.646-.646a.5.5 0 0 0 0-.708L29.175 18H18v2Zm.825 8H30v-2H18.825l-.646.646a.5.5 0 0 0 0 .708l.646.646Z" fill="#fff"/>
</svg>
</div>
<p style="margin-top:calc(var(--gap) / 2);">
<?php
printf(
/* translators: %s: WordPress Field Guide link. */
__( 'Check out the latest version of the <a href="%s">WordPress Field Guide</a>. It is overflowing with detailed developer notes to help you build with WordPress.' ),
__( 'https://make.wordpress.org/core/2023/07/18/wordpress-6-3-field-guide/' )
);
?>
</p>
<div class="column is-vertically-aligned-center">
<h3 class="is-larger-heading"><?php _e( 'A rainbow of soft pastels' ); ?></h3>
</div>
<div class="column">
<div class="about__image">
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
<rect width="48" height="48" rx="4" fill="#151515"/>
<path d="M28 19.75h-8v1.5h8v-1.5ZM20 23h8v1.5h-8V23ZM26 26.25h-6v1.5h6v-1.5Z" fill="#fff"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M29 16H19a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V18a2 2 0 0 0-2-2Zm-10 1.5h10a.5.5 0 0 1 .5.5v12a.5.5 0 0 1-.5.5H19a.5.5 0 0 1-.5-.5V18a.5.5 0 0 1 .5-.5Z" fill="#fff"/>
</svg>
</div>
<p style="margin-top:calc(var(--gap) / 2);">
<?php
printf(
/* translators: 1: WordPress Release Notes link, 2: WordPress version number. */
__( '<a href="%1$s">Read the WordPress %2$s Release Notes</a> for more information on the included enhancements and issues fixed, installation information, developer notes and resources, release contributors, and the list of file changes in this release.' ),
sprintf(
/* translators: %s: WordPress version number. */
esc_url( __( 'https://wordpress.org/documentation/wordpress-version/version-%s/' ) ),
'6-3'
),
'6.3'
);
?>
</p>
<p><?php _e( 'Perfect for a new year, Twenty Twenty-One gives you a range of pre-selected color palettes in pastel, all of which meet AAA standards for contrast. You can also choose your own background color for the theme, and the theme chooses accessibility-conscious text colors for you — automatically!' ); ?></p>
<p><?php _e( 'Need more flexibility than that? You can also choose your own color palette from the color picker.' ); ?></p>
</div>
</div>
<div class="about__section">
<div class="column about__image is-edge-to-edge">
<img src="https://s.w.org/images/core/5.6/twentytwentyone-rainbow.png" alt="" />
</div>
</div>
<hr />
<hr class="is-large" />
<div class="return-to-dashboard">
<?php
if ( isset( $_GET['updated'] ) && current_user_can( 'update_core' ) ) {
printf(
'<a href="%1$s">%2$s</a> | ',
esc_url( self_admin_url( 'update-core.php' ) ),
is_multisite() ? __( 'Go to Updates' ) : __( 'Go to Dashboard &rarr; Updates' )
);
}
<div class="about__section">
<header class="column is-edge-to-edge">
<h2><?php _e( 'Improvements for everyone' ); ?></h2>
</header>
</div>
printf(
'<a href="%1$s">%2$s</a>',
esc_url( self_admin_url() ),
is_blog_admin() ? __( 'Go to Dashboard &rarr; Home' ) : __( 'Go to Dashboard' )
);
?>
<div class="about__section has-3-columns has-gutters">
<div class="column has-border" style="background-color:#eeeadd;background-color:var(--global--color-yellow)">
<h3><?php _e( 'Expanding auto-updates' ); ?></h3>
<p><?php _e( 'For years, only developers have been able to update WordPress automatically. But now, you have that option, right in your dashboard. If this is your first site, you have auto-updates ready to go, right now! Upgrading an existing site? No problem! Everything is the same as it was before.' ); ?></p>
</div>
<div class="column has-border" style="background-color:#e4d1d1;background-color:var(--global--color-red)">
<h3><?php _e( 'Accessibility statement template' ); ?></h3>
<p>
<?php
printf(
/* translators: %s: Accessibility statement feature plugin link. */
__( 'Even if youre not an expert, you can start letting folks know about your sites commitment to accessibility at the click of a button! The new <a href="%s">feature plugin</a> includes template copy for you to update and publish, and its written to support different contexts and jurisdictions.' ),
'https://github.com/10degrees/accessibility-statement-plugin'
);
?>
</p>
</div>
<div class="column has-border" style="background-color:#d1d1e4;background-color:var(--global--color-purple)">
<h3><?php _e( 'Built-in patterns' ); ?></h3>
<p><?php _e( 'If youve not had the chance to play with block patterns yet, all default themes now feature a range of block patterns that let you master complex layouts with minimal effort. Customize the patterns to your liking with the copy, images and colors that fit your story or brand.' ); ?></p>
</div>
</div>
<hr />
<div class="about__section has-2-columns">
<h2 class="is-section-header"><?php _e( 'For developers' ); ?></h2>
<div class="column">
<h3><?php _e( 'REST API authentication with Application Passwords' ); ?></h3>
<p><?php _e( 'Thanks to the APIs new Application Passwords authorization feature, third-party apps can connect to your site seamlessly and securely. This new REST API feature lets you see what apps are connecting to your site and control what they do.' ); ?></p>
</div>
<div class="column">
<h3><?php _e( 'More PHP 8 support' ); ?></h3>
<p>
<?php
printf(
/* translators: %s: WordPress and PHP 8 dev note link. */
__( '5.6 marks the first steps toward WordPress Core support for PHP 8. Now is a great time to start planning how your WordPress products, services and sites can support the latest PHP version. For more information about what to expect next, <a href="%s">read the PHP 8 developer note</a>.' ),
'https://make.wordpress.org/core/2020/11/23/wordpress-and-php-8-0/'
);
?>
</p>
</div>
</div>
<div class="about__section">
<div class="column">
<h3><?php _e( 'jQuery' ); ?></h3>
<p>
<?php
printf(
/* translators: %s: jQuery update test plugin link. */
__( 'Updates to jQuery in WordPress take place across three releases: 5.5, 5.6, and 5.7. As we reach the mid-point of this process, run the <a href="%s">update test plugin</a> to check your sites for errors ahead of time.' ),
current_user_can( 'install_plugins' ) ?
esc_url( network_admin_url( 'plugin-install.php?tab=search&type=term&s=slug:wp-jquery-update-test' ) ) :
esc_url( __( 'https://wordpress.org/plugins/wp-jquery-update-test/' ) )
);
?>
</p>
<p>
<?php
printf(
/* translators: %s: jQuery Migrate plugin link. */
__( 'If you find issues with the way your site looks (e.g. a slider doesnt work, a button is stuck — that sort of thing), install the <a href="%s">jQuery Migrate plugin</a>.' ),
current_user_can( 'install_plugins' ) ?
esc_url( network_admin_url( 'plugin-install.php?tab=search&type=term&s=slug:enable-jquery-migrate-helper' ) ) :
esc_url( __( 'https://wordpress.org/plugins/enable-jquery-migrate-helper/' ) )
);
?>
</p>
</div>
</div>
<hr class="is-small" />
<div class="about__section">
<div class="column">
<h3><?php _e( 'Check the Field Guide for more!' ); ?></h3>
<p>
<?php
printf(
/* translators: %s: WordPress 5.6 Field Guide link. */
__( 'Check out the latest version of the WordPress Field Guide. It highlights developer notes for each change you may want to be aware of. <a href="%s">WordPress 5.6 Field Guide.</a>' ),
'https://make.wordpress.org/core/2020/11/20/wordpress-5-6-field-guide/'
);
?>
</p>
</div>
</div>
<hr />
<div class="return-to-dashboard">
<?php if ( current_user_can( 'update_core' ) && isset( $_GET['updated'] ) ) : ?>
<a href="<?php echo esc_url( self_admin_url( 'update-core.php' ) ); ?>">
<?php is_multisite() ? _e( 'Go to Updates' ) : _e( 'Go to Dashboard &rarr; Updates' ); ?>
</a> |
<?php endif; ?>
<a href="<?php echo esc_url( self_admin_url() ); ?>"><?php is_blog_admin() ? _e( 'Go to Dashboard &rarr; Home' ) : _e( 'Go to Dashboard' ); ?></a>
</div>
</div>
<?php require_once ABSPATH . 'wp-admin/admin-footer.php'; ?>
<?php
require_once ABSPATH . 'wp-admin/admin-footer.php';
// These are strings we may use to describe maintenance/security releases, where we aim for no new strings.
return;
@@ -363,15 +300,3 @@ _n_noop(
/* translators: %s: Documentation URL. */
__( 'For more information, see <a href="%s">the release notes</a>.' );
/* translators: 1: WordPress version number, 2: Link to update WordPress */
__( 'Important! Your version of WordPress (%1$s) is no longer supported, you will not receive any security updates for your website. To keep your site secure, please <a href="%2$s">update to the latest version of WordPress</a>.' );
/* translators: 1: WordPress version number, 2: Link to update WordPress */
__( 'Important! Your version of WordPress (%1$s) will stop receiving security updates in the near future. To keep your site secure, please <a href="%2$s">update to the latest version of WordPress</a>.' );
/* translators: %s: The major version of WordPress for this branch. */
__( 'This is the final release of WordPress %s' );
/* translators: The localized WordPress download URL. */
__( 'https://wordpress.org/download/' );

View File

@@ -27,8 +27,8 @@ send_origin_headers();
header( 'Content-Type: text/html; charset=' . get_option( 'blog_charset' ) );
header( 'X-Robots-Tag: noindex' );
// Require a valid action parameter.
if ( empty( $_REQUEST['action'] ) || ! is_scalar( $_REQUEST['action'] ) ) {
// Require an action parameter.
if ( empty( $_REQUEST['action'] ) ) {
wp_die( '0', 400 );
}
@@ -140,7 +140,6 @@ $core_actions_post = array(
'health-check-loopback-requests',
'health-check-get-sizes',
'toggle-auto-updates',
'send-password-reset',
);
// Deprecated.
@@ -153,8 +152,7 @@ $core_actions_post_deprecated = array(
'health-check-background-updates',
'health-check-loopback-requests',
);
$core_actions_post = array_merge( $core_actions_post, $core_actions_post_deprecated );
$core_actions_post = array_merge( $core_actions_post, $core_actions_post_deprecated );
// Register core Ajax calls.
if ( ! empty( $_GET['action'] ) && in_array( $_GET['action'], $core_actions_get, true ) ) {
@@ -165,11 +163,9 @@ if ( ! empty( $_POST['action'] ) && in_array( $_POST['action'], $core_actions_po
add_action( 'wp_ajax_' . $_POST['action'], 'wp_ajax_' . str_replace( '-', '_', $_POST['action'] ), 1 );
}
add_action( 'wp_ajax_nopriv_generate-password', 'wp_ajax_nopriv_generate_password' );
add_action( 'wp_ajax_nopriv_heartbeat', 'wp_ajax_nopriv_heartbeat', 1 );
$action = $_REQUEST['action'];
$action = ( isset( $_REQUEST['action'] ) ) ? $_REQUEST['action'] : '';
if ( is_user_logged_in() ) {
// If no action is registered, return a Bad Request response.
@@ -202,6 +198,5 @@ if ( is_user_logged_in() ) {
*/
do_action( "wp_ajax_nopriv_{$action}" );
}
// Default status.
wp_die( '0' );

View File

@@ -105,15 +105,15 @@ do_action( 'admin_print_footer_scripts' );
do_action( "admin_footer-{$hook_suffix}" ); // phpcs:ignore WordPress.NamingConventions.ValidHookName.UseUnderscores
// get_site_option() won't exist when auto upgrading from <= 2.7.
if ( function_exists( 'get_site_option' )
&& false === get_site_option( 'can_compress_scripts' )
) {
compression_test();
if ( function_exists( 'get_site_option' ) ) {
if ( false === get_site_option( 'can_compress_scripts' ) ) {
compression_test();
}
}
?>
<div class="clear"></div></div><!-- wpwrap -->
<script type="text/javascript">if(typeof wpOnload==='function')wpOnload();</script>
<script type="text/javascript">if(typeof wpOnload=='function')wpOnload();</script>
</body>
</html>

View File

@@ -18,14 +18,13 @@ if ( ! defined( 'WP_ADMIN' ) ) {
* @global string $hook_suffix
* @global WP_Screen $current_screen WordPress current screen object.
* @global WP_Locale $wp_locale WordPress date and time locale object.
* @global string $pagenow The filename of the current screen.
* @global string $pagenow
* @global string $update_title
* @global int $total_update_count
* @global string $parent_file
* @global string $typenow The post type of the current screen.
*/
global $title, $hook_suffix, $current_screen, $wp_locale, $pagenow,
$update_title, $total_update_count, $parent_file, $typenow;
$update_title, $total_update_count, $parent_file;
// Catch plugins that include admin-header.php before admin.php completes.
if ( empty( $current_screen ) ) {
@@ -49,23 +48,8 @@ if ( $admin_title === $title ) {
/* translators: Admin screen title. %s: Admin screen name. */
$admin_title = sprintf( __( '%s &#8212; WordPress' ), $title );
} else {
$screen_title = $title;
if ( 'post' === $current_screen->base && 'add' !== $current_screen->action ) {
$post_title = get_the_title();
if ( ! empty( $post_title ) ) {
$post_type_obj = get_post_type_object( $typenow );
$screen_title = sprintf(
/* translators: Editor admin screen title. 1: "Edit item" text for the post type, 2: Post title. */
__( '%1$s &#8220;%2$s&#8221;' ),
$post_type_obj->labels->edit_item,
$post_title
);
}
}
/* translators: Admin screen title. 1: Admin screen name, 2: Network or site name. */
$admin_title = sprintf( __( '%1$s &lsaquo; %2$s &#8212; WordPress' ), $screen_title, $admin_title );
$admin_title = sprintf( __( '%1$s &lsaquo; %2$s &#8212; WordPress' ), $title, $admin_title );
}
if ( wp_is_recovery_mode() ) {
@@ -97,7 +81,7 @@ wp_enqueue_script( 'svg-painter' );
$admin_body_class = preg_replace( '/[^a-z0-9_-]+/i', '-', $hook_suffix );
?>
<script type="text/javascript">
addLoadEvent = function(func){if(typeof jQuery!=='undefined')jQuery(function(){func();});else if(typeof wpOnload!=='function'){wpOnload=func;}else{var oldonload=wpOnload;wpOnload=function(){oldonload();func();}}};
addLoadEvent = function(func){if(typeof jQuery!=='undefined')jQuery(document).ready(func);else if(typeof wpOnload!=='function'){wpOnload=func;}else{var oldonload=wpOnload;wpOnload=function(){oldonload();func();}}};
var ajaxurl = '<?php echo esc_js( admin_url( 'admin-ajax.php', 'relative' ) ); ?>',
pagenow = '<?php echo esc_js( $current_screen->id ); ?>',
typenow = '<?php echo esc_js( $current_screen->post_type ); ?>',
@@ -109,7 +93,7 @@ var ajaxurl = '<?php echo esc_js( admin_url( 'admin-ajax.php', 'relative' ) ); ?
<?php
/**
* Fires when enqueuing scripts for all admin pages.
* Enqueue scripts for all admin pages.
*
* @since 2.8.0
*
@@ -148,7 +132,7 @@ do_action( 'admin_print_scripts' );
/**
* Fires in head section for a specific admin page.
*
* The dynamic portion of the hook name, `$hook_suffix`, refers to the hook suffix
* The dynamic portion of the hook, `$hook_suffix`, refers to the hook suffix
* for the admin page.
*
* @since 2.1.0
@@ -206,7 +190,12 @@ if ( is_network_admin() ) {
$admin_body_class .= ' no-customize-support no-svg';
if ( $current_screen->is_block_editor() ) {
$admin_body_class .= ' block-editor-page wp-embed-responsive';
// Default to is-fullscreen-mode to avoid jumps in the UI.
$admin_body_class .= ' block-editor-page is-fullscreen-mode wp-embed-responsive';
if ( current_theme_supports( 'editor-styles' ) && current_theme_supports( 'dark-editor-style' ) ) {
$admin_body_class .= ' is-dark-theme';
}
}
$error_get_last = error_get_last();
@@ -242,7 +231,7 @@ unset( $error_get_last );
$admin_body_classes = apply_filters( 'admin_body_class', '' );
$admin_body_classes = ltrim( $admin_body_classes . ' ' . $admin_body_class );
?>
<body class="wp-admin wp-core-ui no-js <?php echo esc_attr( $admin_body_classes ); ?>">
<body class="wp-admin wp-core-ui no-js <?php echo $admin_body_classes; ?>">
<script type="text/javascript">
document.body.className = document.body.className.replace('no-js','js');
</script>

View File

@@ -29,12 +29,7 @@ nocache_headers();
/** This action is documented in wp-admin/admin.php */
do_action( 'admin_init' );
$action = ! empty( $_REQUEST['action'] ) ? $_REQUEST['action'] : '';
// Reject invalid parameters.
if ( ! is_scalar( $action ) ) {
wp_die( '', 400 );
}
$action = empty( $_REQUEST['action'] ) ? '' : $_REQUEST['action'];
if ( ! is_user_logged_in() ) {
if ( empty( $action ) ) {
@@ -45,11 +40,6 @@ if ( ! is_user_logged_in() ) {
*/
do_action( 'admin_post_nopriv' );
} else {
// If no action is registered, return a Bad Request response.
if ( ! has_action( "admin_post_nopriv_{$action}" ) ) {
wp_die( '', 400 );
}
/**
* Fires on a non-authenticated admin post request for the given action.
*
@@ -69,11 +59,6 @@ if ( ! is_user_logged_in() ) {
*/
do_action( 'admin_post' );
} else {
// If no action is registered, return a Bad Request response.
if ( ! has_action( "admin_post_{$action}" ) ) {
wp_die( '', 400 );
}
/**
* Fires on an authenticated admin post request for the given action.
*

View File

@@ -116,16 +116,16 @@ $time_format = __( 'g:i a' );
wp_enqueue_script( 'common' );
/**
* $pagenow is set in vars.php.
* $wp_importers is sometimes set in wp-admin/includes/import.php.
* The remaining variables are imported as globals elsewhere, declared as globals here.
* $pagenow is set in vars.php
* $wp_importers is sometimes set in wp-admin/includes/import.php
* The remaining variables are imported as globals elsewhere, declared as globals here
*
* @global string $pagenow The filename of the current screen.
* @global string $pagenow
* @global array $wp_importers
* @global string $hook_suffix
* @global string $plugin_page
* @global string $typenow The post type of the current screen.
* @global string $taxnow The taxonomy of the current screen.
* @global string $typenow
* @global string $taxnow
*/
global $pagenow, $wp_importers, $hook_suffix, $plugin_page, $typenow, $taxnow;
@@ -320,24 +320,13 @@ if ( isset( $plugin_page ) ) {
*
* The dynamic portion of the hook name, `$importer`, refers to the importer slug.
*
* Possible hook names include:
*
* - `load-importer-blogger`
* - `load-importer-wpcat2tag`
* - `load-importer-livejournal`
* - `load-importer-mt`
* - `load-importer-rss`
* - `load-importer-tumblr`
* - `load-importer-wordpress`
*
* @since 3.5.0
*/
do_action( "load-importer-{$importer}" ); // phpcs:ignore WordPress.NamingConventions.ValidHookName.UseUnderscores
// Used in the HTML title tag.
$title = __( 'Import' );
$parent_file = 'tools.php';
$submenu_file = 'import.php';
$title = __( 'Import' );
if ( ! isset( $_GET['noheader'] ) ) {
require_once ABSPATH . 'wp-admin/admin-header.php';
@@ -348,7 +337,7 @@ if ( isset( $plugin_page ) ) {
define( 'WP_IMPORTING', true );
/**
* Filters whether to filter imported data through kses on import.
* Whether to filter imported data through kses on import.
*
* Multisite uses this hook to filter all data through kses by default,
* as a super administrator may be assisting an untrusted user.
@@ -376,7 +365,7 @@ if ( isset( $plugin_page ) ) {
* The load-* hook fires in a number of contexts. This hook is for core screens.
*
* The dynamic portion of the hook name, `$pagenow`, is a global variable
* referring to the filename of the current screen, such as 'admin.php',
* referring to the filename of the current page, such as 'admin.php',
* 'post-new.php' etc. A complete hook for the latter would be
* 'load-post-new.php'.
*

View File

@@ -48,40 +48,20 @@ if ( isset( $_REQUEST['attachment_id'] ) && (int) $_REQUEST['attachment_id'] &&
switch ( $_REQUEST['fetch'] ) {
case 3:
?>
<div class="media-item-wrapper">
<div class="attachment-details">
<?php
$thumb_url = wp_get_attachment_image_src( $id, 'thumbnail', true );
if ( $thumb_url ) {
echo '<img class="pinkynail" src="' . esc_url( $thumb_url[0] ) . '" alt="" />';
}
$thumb_url = wp_get_attachment_image_src( $id, 'thumbnail', true );
if ( $thumb_url ) {
echo '<img class="pinkynail" src="' . esc_url( $thumb_url[0] ) . '" alt="" />';
}
if ( current_user_can( 'edit_post', $id ) ) {
echo '<a class="edit-attachment" href="' . esc_url( get_edit_post_link( $id ) ) . '" target="_blank">' . _x( 'Edit', 'media item' ) . '</a>';
} else {
echo '<span class="edit-attachment">' . _x( 'Success', 'media item' ) . '</span>';
}
// Title shouldn't ever be empty, but use filename just in case.
$file = get_attached_file( $post->ID );
$file_url = wp_get_attachment_url( $post->ID );
$title = $post->post_title ? $post->post_title : wp_basename( $file );
?>
<div class="filename new">
<span class="media-list-title"><strong><?php echo esc_html( wp_html_excerpt( $title, 60, '&hellip;' ) ); ?></strong></span>
<span class="media-list-subtitle"><?php echo wp_basename( $file ); ?></span>
</div>
</div>
<div class="attachment-tools">
<span class="media-item-copy-container copy-to-clipboard-container edit-attachment">
<button type="button" class="button button-small copy-attachment-url" data-clipboard-text="<?php echo $file_url; ?>"><?php _e( 'Copy URL to clipboard' ); ?></button>
<span class="success hidden" aria-hidden="true"><?php _e( 'Copied!' ); ?></span>
</span>
<?php
if ( current_user_can( 'edit_post', $id ) ) {
echo '<a class="edit-attachment" href="' . esc_url( get_edit_post_link( $id ) ) . '">' . _x( 'Edit', 'media item' ) . '</a>';
} else {
echo '<span class="edit-attachment">' . _x( 'Success', 'media item' ) . '</span>';
}
?>
</div>
</div>
<?php
// Title shouldn't ever be empty, but use filename just in case.
$file = get_attached_file( $post->ID );
$title = $post->post_title ? $post->post_title : wp_basename( $file );
echo '<div class="filename new"><span class="title">' . esc_html( wp_html_excerpt( $title, 60, '&hellip;' ) ) . '</span></div>';
break;
case 2:
add_filter( 'attachment_fields_to_edit', 'media_single_attachment_fields_to_edit', 10, 2 );
@@ -139,14 +119,8 @@ if ( $_REQUEST['short'] ) {
/**
* Filters the returned ID of an uploaded attachment.
*
* The dynamic portion of the hook name, `$type`, refers to the attachment type.
*
* Possible hook names include:
*
* - `async_upload_audio`
* - `async_upload_file`
* - `async_upload_image`
* - `async_upload_video`
* The dynamic portion of the hook name, `$type`, refers to the attachment type,
* such as 'image', 'audio', 'video', 'file', etc.
*
* @since 2.5.0
*

View File

@@ -12,7 +12,7 @@ require_once __DIR__ . '/admin.php';
$error = null;
$new_password = '';
// This is the no-js fallback script. Generally this will all be handled by `auth-app.js`.
// This is the no-js fallback script. Generally this will all be handled by `auth-app.js`
if ( isset( $_POST['action'] ) && 'authorize_application_password' === $_POST['action'] ) {
check_admin_referer( 'authorize_application_password' );
@@ -62,7 +62,6 @@ if ( isset( $_POST['action'] ) && 'authorize_application_password' === $_POST['a
}
}
// Used in the HTML title tag.
$title = __( 'Authorize Application' );
$app_name = ! empty( $_REQUEST['app_name'] ) ? $_REQUEST['app_name'] : '';
@@ -89,9 +88,9 @@ if ( is_wp_error( $is_valid ) ) {
);
}
if ( wp_is_site_protected_by_basic_auth( 'front' ) ) {
if ( ! empty( $_SERVER['PHP_AUTH_USER'] ) || ! empty( $_SERVER['PHP_AUTH_PW'] ) ) {
wp_die(
__( 'Your website appears to use Basic Authentication, which is not currently compatible with application passwords.' ),
__( 'Your website appears to use Basic Authentication, which is not currently compatible with Application Passwords.' ),
__( 'Cannot Authorize Application' ),
array(
'response' => 501,
@@ -142,48 +141,36 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
<?php endif; ?>
<div class="card auth-app-card">
<h2 class="title"><?php _e( 'An application would like to connect to your account.' ); ?></h2>
<h2 class="title"><?php __( 'An application would like to connect to your account.' ); ?></h2>
<?php if ( $app_name ) : ?>
<p>
<?php
printf(
/* translators: %s: Application name. */
__( 'Would you like to give the application identifying itself as %s access to your account? You should only do this if you trust the application in question.' ),
__( 'Would you like to give the application identifying itself as %s access to your account? You should only do this if you trust the app in question.' ),
'<strong>' . esc_html( $app_name ) . '</strong>'
);
?>
</p>
<?php else : ?>
<p><?php _e( 'Would you like to give this application access to your account? You should only do this if you trust the application in question.' ); ?></p>
<p><?php _e( 'Would you like to give this application access to your account? You should only do this if you trust the app in question.' ); ?></p>
<?php endif; ?>
<?php
if ( is_multisite() ) {
$blogs = get_blogs_of_user( $user->ID, true );
$blogs_count = count( $blogs );
if ( $blogs_count > 1 ) {
?>
<p>
<?php
/* translators: 1: URL to my-sites.php, 2: Number of sites the user has. */
$message = _n(
'This will grant access to <a href="%1$s">the %2$s site in this installation that you have permissions on</a>.',
'This will grant access to <a href="%1$s">all %2$s sites in this installation that you have permissions on</a>.',
$blogs_count
);
if ( is_super_admin() ) {
/* translators: 1: URL to my-sites.php, 2: Number of sites the user has. */
$message = _n(
'This will grant access to <a href="%1$s">the %2$s site on the network as you have Super Admin rights</a>.',
'This will grant access to <a href="%1$s">all %2$s sites on the network as you have Super Admin rights</a>.',
$blogs_count
);
}
printf(
$message,
/* translators: 1: URL to my-sites.php, 2: Number of blogs the user has. */
_n(
'This will grant access to <a href="%1$s">the %2$s blog in this installation that you have permissions on</a>.',
'This will grant access to <a href="%1$s">all %2$s blogs in this installation that you have permissions on</a>.',
$blogs_count
),
admin_url( 'my-sites.php' ),
number_format_i18n( $blogs_count )
);
@@ -213,19 +200,15 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
<?php
/**
* Fires in the Authorize Application Password new password section in the no-JS version.
*
* In most cases, this should be used in combination with the {@see 'wp_application_passwords_approve_app_request_success'}
* action to ensure that both the JS and no-JS variants are handled.
* Fires in the Authorize Application Password new password section.
*
* @since 5.6.0
* @since 5.6.1 Corrected action name and signature.
*
* @param string $new_password The newly generated application password.
* @param array $request The array of request data. All arguments are optional and may be empty.
* @param WP_User $user The user authorizing the application.
*/
do_action( 'wp_authorize_application_password_form_approved_no_js', $new_password, $request, $user );
do_action( 'wp_authorize_application_password_form', $request, $user );
?>
<?php else : ?>
<form action="<?php echo esc_url( admin_url( 'authorize-application.php' ) ); ?>" method="post" class="form-wrap">
@@ -237,7 +220,7 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
<div class="form-field">
<label for="app_name"><?php _e( 'New Application Password Name' ); ?></label>
<input type="text" id="app_name" name="app_name" value="<?php echo esc_attr( $app_name ); ?>" required />
<input type="text" id="app_name" name="app_name" value="<?php echo esc_attr( $app_name ); ?>" placeholder="<?php esc_attr_e( 'WordPress App on My Phone' ); ?>" required />
</div>
<?php
@@ -250,8 +233,8 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
* The array of request data. All arguments are optional and may be empty.
*
* @type string $app_name The suggested name of the application.
* @type string $success_url The URL the user will be redirected to after approving the application.
* @type string $reject_url The URL the user will be redirected to after rejecting the application.
* @type string $success_url The url the user will be redirected to after approving the application.
* @type string $reject_url The url the user will be redirected to after rejecting the application.
* }
* @param WP_User $user The user authorizing the application.
*/
@@ -260,7 +243,7 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
<?php
submit_button(
__( 'Yes, I approve of this connection' ),
__( 'Yes, I approve of this connection.' ),
'primary',
'approve',
false,
@@ -275,7 +258,7 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
printf(
/* translators: %s: The URL the user is being redirected to. */
__( 'You will be sent to %s' ),
'<strong><code>' . esc_html(
'<strong><kbd>' . esc_html(
add_query_arg(
array(
'site_url' => site_url(),
@@ -284,7 +267,7 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
),
$success_url
)
) . '</code></strong>'
) . '</kbd></strong>'
);
} else {
_e( 'You will be given a password to manually enter into the application in question.' );
@@ -294,7 +277,7 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
<?php
submit_button(
__( 'No, I do not approve of this connection' ),
__( 'No, I do not approve of this connection.' ),
'secondary',
'reject',
false,
@@ -309,7 +292,7 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
printf(
/* translators: %s: The URL the user is being redirected to. */
__( 'You will be sent to %s' ),
'<strong><code>' . esc_html( $reject_url ) . '</code></strong>'
'<strong><kbd>' . esc_html( $reject_url ) . '</kbd></strong>'
);
} else {
_e( 'You will be returned to the WordPress Dashboard, and no changes will be made.' );

View File

@@ -43,7 +43,7 @@ if ( isset( $_REQUEST['c'] ) ) {
// Prevent actions on a comment associated with a trashed post.
if ( $comment && 'trash' === get_post_status( $comment->comment_post_ID ) ) {
wp_die(
__( 'You cannot edit this comment because the associated post is in the Trash. Please restore the post first, then try again.' )
__( 'You can&#8217;t edit this comment because the associated post is in the Trash. Please restore the post first, then try again.' )
);
}
} else {
@@ -53,7 +53,6 @@ if ( isset( $_REQUEST['c'] ) ) {
switch ( $action ) {
case 'editcomment':
// Used in the HTML title tag.
$title = __( 'Edit Comment' );
get_current_screen()->add_help_tab(
@@ -68,8 +67,8 @@ switch ( $action ) {
get_current_screen()->set_help_sidebar(
'<p><strong>' . __( 'For more information:' ) . '</strong></p>' .
'<p>' . __( '<a href="https://wordpress.org/documentation/article/comments-screen/">Documentation on Comments</a>' ) . '</p>' .
'<p>' . __( '<a href="https://wordpress.org/support/forums/">Support forums</a>' ) . '</p>'
'<p>' . __( '<a href="https://wordpress.org/support/article/comments-screen/">Documentation on Comments</a>' ) . '</p>' .
'<p>' . __( '<a href="https://wordpress.org/support/">Support</a>' ) . '</p>'
);
wp_enqueue_script( 'comment' );
@@ -97,7 +96,6 @@ switch ( $action ) {
case 'approve':
case 'trash':
case 'spam':
// Used in the HTML title tag.
$title = __( 'Moderate Comment' );
if ( ! $comment ) {
@@ -169,19 +167,19 @@ switch ( $action ) {
<table class="form-table comment-ays">
<tr>
<th scope="row"><?php _e( 'Author' ); ?></th>
<td><?php comment_author( $comment ); ?></td>
<th scope="row"><?php _e( 'Author' ); ?></th>
<td><?php comment_author( $comment ); ?></td>
</tr>
<?php if ( get_comment_author_email( $comment ) ) { ?>
<tr>
<th scope="row"><?php _e( 'Email' ); ?></th>
<td><?php comment_author_email( $comment ); ?></td>
<th scope="row"><?php _e( 'Email' ); ?></th>
<td><?php comment_author_email( $comment ); ?></td>
</tr>
<?php } ?>
<?php if ( get_comment_author_url( $comment ) ) { ?>
<tr>
<th scope="row"><?php _e( 'URL' ); ?></th>
<td><a href="<?php comment_author_url( $comment ); ?>"><?php comment_author_url( $comment ); ?></a></td>
<th scope="row"><?php _e( 'URL' ); ?></th>
<td><a href="<?php comment_author_url( $comment ); ?>"><?php comment_author_url( $comment ); ?></a></td>
</tr>
<?php } ?>
<tr>
@@ -209,8 +207,8 @@ switch ( $action ) {
}
?>
</td>
</tr>
<tr>
</tr>
<tr>
<th scope="row"><?php _e( 'Submitted on' ); ?></th>
<td>
<?php
@@ -228,32 +226,31 @@ switch ( $action ) {
echo $submitted;
}
?>
</td>
</tr>
<tr>
</td>
</tr>
<tr>
<th scope="row"><?php /* translators: Field name in comment form. */ _ex( 'Comment', 'noun' ); ?></th>
<td class="comment-content">
<?php comment_text( $comment ); ?>
<p class="edit-comment">
<a href="<?php echo esc_url( admin_url( "comment.php?action=editcomment&c={$comment->comment_ID}" ) ); ?>"><?php esc_html_e( 'Edit' ); ?></a>
</p>
<p class="edit-comment"><a href="<?php echo admin_url( "comment.php?action=editcomment&amp;c={$comment->comment_ID}" ); ?>"><?php esc_html_e( 'Edit' ); ?></a></p>
</td>
</tr>
</table>
</tr>
</table>
<form action="comment.php" method="get" class="comment-ays-submit">
<form action="comment.php" method="get" class="comment-ays-submit">
<p>
<?php submit_button( $button, 'primary', 'submit', false ); ?>
<a href="<?php echo esc_url( admin_url( 'edit-comments.php' ) ); ?>" class="button-cancel"><?php esc_html_e( 'Cancel' ); ?></a>
<a href="<?php echo admin_url( 'edit-comments.php' ); ?>" class="button-cancel"><?php esc_html_e( 'Cancel' ); ?></a>
</p>
<?php wp_nonce_field( $nonce_action ); ?>
<input type="hidden" name="action" value="<?php echo esc_attr( $formaction ); ?>" />
<input type="hidden" name="c" value="<?php echo esc_attr( $comment->comment_ID ); ?>" />
<input type="hidden" name="noredir" value="1" />
</form>
</form>
</div>
</div>
<?php
break;
@@ -282,7 +279,7 @@ switch ( $action ) {
comment_footer_die( __( 'Sorry, you are not allowed to edit comments on this post.' ) );
}
if ( wp_get_referer() && ! $noredir && ! str_contains( wp_get_referer(), 'comment.php' ) ) {
if ( wp_get_referer() && ! $noredir && false === strpos( wp_get_referer(), 'comment.php' ) ) {
$redir = wp_get_referer();
} elseif ( wp_get_original_referer() && ! $noredir ) {
$redir = wp_get_original_referer();

View File

@@ -1,109 +0,0 @@
<?php
/**
* Contribute administration panel.
*
* @package WordPress
* @subpackage Administration
*/
/** WordPress Administration Bootstrap */
require_once __DIR__ . '/admin.php';
// Used in the HTML title tag.
$title = __( 'Get Involved' );
list( $display_version ) = explode( '-', get_bloginfo( 'version' ) );
require_once ABSPATH . 'wp-admin/admin-header.php';
?>
<div class="wrap about__container">
<div class="about__header">
<div class="about__header-title">
<h1>
<?php _e( 'Get Involved' ); ?>
</h1>
</div>
<div class="about__header-text">
<?php _e( 'Be the future of WordPress' ); ?>
</div>
</div>
<nav class="about__header-navigation nav-tab-wrapper wp-clearfix" aria-label="<?php esc_attr_e( 'Secondary menu' ); ?>">
<a href="about.php" class="nav-tab"><?php _e( 'What&#8217;s New' ); ?></a>
<a href="credits.php" class="nav-tab"><?php _e( 'Credits' ); ?></a>
<a href="freedoms.php" class="nav-tab"><?php _e( 'Freedoms' ); ?></a>
<a href="privacy.php" class="nav-tab"><?php _e( 'Privacy' ); ?></a>
<a href="contribute.php" class="nav-tab nav-tab-active" aria-current="page"><?php _e( 'Get Involved' ); ?></a>
</nav>
<div class="about__section has-2-columns is-wider-right">
<div class="column about__image">
<img src="<?php echo esc_url( admin_url( 'images/contribute-main.svg?ver=6.3' ) ); ?>" alt="" />
</div>
<div class="column is-vertically-aligned-center">
<p><?php _e( 'Do you use WordPress for work, for personal projects, or even just for fun? You can help shape the long-term success of the open source project that powers millions of websites around the world.' ); ?></p>
<p><?php _e( 'Join the WordPress contributor community and connect with others who are passionate about maintaining a free and open web.' ); ?></p>
<ul>
<li><?php _e( 'Be part of a global open source community.' ); ?></li>
<li><?php _e( 'Apply your skills or learn new ones.' ); ?></li>
<li><?php _e( 'Grow your network and make friends.' ); ?></li>
</ul>
</div>
</div>
<div class="about__section has-2-columns is-wider-left">
<div class="column is-vertically-aligned-center">
<h3><?php _e( 'No-code contribution' ); ?></h3>
<p><?php _e( 'WordPress may thrive on technical contributions, but you don&#8217;t have to code to contribute. Here are some of the ways you can make an impact without writing a single line of code:' ); ?></p>
<ul>
<li><?php _e( '<strong>Share</strong> your knowledge in the WordPress support forums.' ); ?></li>
<li><?php _e( '<strong>Write</strong> or improve documentation for WordPress.' ); ?></li>
<li><?php _e( '<strong>Translate</strong> WordPress into your local language.' ); ?></li>
<li><?php _e( '<strong>Create</strong> and improve WordPress educational materials.' ); ?></li>
<li><?php _e( '<strong>Promote</strong> the WordPress project to your community.' ); ?></li>
<li><?php _e( '<strong>Curate</strong> submissions or take photos for the WordPress Photos Directory.' ); ?></li>
<li><?php _e( '<strong>Organize</strong> or participate in local WordPress Meetups and WordCamps.' ); ?></li>
<li><?php _e( '<strong>Lend</strong> your creative imagination to the WordPress UI design.' ); ?></li>
<li><?php _e( '<strong>Edit</strong> videos and add captions to WordPress.tv.' ); ?></li>
<li><?php _e( '<strong>Explore</strong> ways to reduce the environmental impact of millions of websites.' ); ?></li>
</ul>
</div>
<div class="column">
<img src="<?php echo esc_url( admin_url( 'images/contribute-no-code.svg?ver=6.3' ) ); ?>" alt="" />
</div>
</div>
<div class="about__section has-2-columns is-wider-right">
<div class="column">
<img src="<?php echo esc_url( admin_url( 'images/contribute-code.svg?ver=6.3' ) ); ?>" alt="" />
</div>
<div class="column is-vertically-aligned-center">
<h3><?php _e( 'Code-based contribution' ); ?></h3>
<p><?php _e( 'If you do code, or want to learn how, you can contribute technically in numerous ways:' ); ?></p>
<ul>
<li><?php _e( '<strong>Find</strong> and report bugs in the WordPress core software.' ); ?></li>
<li><?php _e( '<strong>Test</strong> new releases and proposed features for the block editor.' ); ?></li>
<li><?php _e( '<strong>Write</strong> and submit patches to fix bugs or help build new features.' ); ?></li>
<li><?php _e( '<strong>Contribute</strong> to the code, improve the UX, and test the WordPress app.' ); ?></li>
</ul>
<p><?php _e( 'WordPress embraces new technologies, while being committed to backward compatibility. The WordPress project uses the following languages and libraries:' ); ?></p>
<ul>
<li><?php _e( 'Core and Block Editor: HTML, CSS, PHP, SQL, JavaScript, and React' ); ?></li>
<li><?php _e( 'WordPress app: Kotlin, Java, Swift, Objective-C, Vue, Python, and TypeScript' ); ?></li>
</ul>
</div>
</div>
<div class="about__section is-feature has-subtle-background-color">
<div class="column">
<h2><?php _e( 'Shape the future of the web with WordPress' ); ?></h2>
<p><?php _e( 'Finding the area that aligns with your skills and interests is the first step toward meaningful contribution. With more than 20 Make WordPress teams working on different parts of the open source WordPress project, there&#8217;s a place for everyone, no matter what your skill set is.' ); ?></p>
<p class="aligncenter"><a href="<?php echo esc_url( __( 'https://make.wordpress.org/contribute/' ) ); ?>"><?php _e( 'Find your team &rarr;' ); ?></a></p>
</div>
</div>
</div>
<?php
require_once ABSPATH . 'wp-admin/admin-footer.php';

View File

@@ -10,7 +10,6 @@
require_once __DIR__ . '/admin.php';
require_once __DIR__ . '/includes/credits.php';
// Used in the HTML title tag.
$title = __( 'Credits' );
list( $display_version ) = explode( '-', get_bloginfo( 'version' ) );
@@ -22,53 +21,67 @@ $credits = wp_credits();
<div class="wrap about__container">
<div class="about__header">
<div class="about__header-title">
<h1>
<?php _e( 'Contributors' ); ?>
</h1>
<div class="about__header-image">
<picture>
<source media="(max-width: 782px)" srcset="data:image/svg+xml,<?php echo rawurlencode( '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 205 109" width="205"><g fill="none" fill-rule="evenodd"><path fill="#000" fill-rule="nonzero" d="M65.901 108.433c2.546-5.254 4.927-9.195 7.143-11.822H1.246v-5.173h71.798c-2.216-2.627-4.597-6.568-7.143-11.822h4.31c5.173 5.993 10.592 10.427 16.257 13.3v2.217c-5.665 2.791-11.084 7.225-16.256 13.3h-4.31z"/><path fill="#000" fill-rule="nonzero" d="M29.345 26.834c-.129 1.365-.633 2.432-1.512 3.2-.879.76-2.048 1.142-3.507 1.142-1.02 0-1.919-.24-2.698-.72-.773-.487-1.371-1.176-1.793-2.066-.422-.891-.641-1.925-.659-3.103v-1.195c0-1.207.214-2.27.642-3.19.427-.92 1.04-1.63 1.836-2.128.803-.498 1.729-.747 2.778-.747 1.412 0 2.549.384 3.41 1.152.861.767 1.362 1.851 1.503 3.252H27.13c-.105-.92-.375-1.582-.809-1.987-.427-.41-1.057-.615-1.89-.615-.966 0-1.71.355-2.232 1.064-.515.703-.779 1.737-.79 3.102v1.134c0 1.383.245 2.437.738 3.164.498.727 1.224 1.09 2.18 1.09.872 0 1.529-.197 1.968-.59.44-.392.718-1.045.835-1.959h2.215zm14.008-1.898c0 1.253-.217 2.355-.65 3.304-.434.944-1.055 1.67-1.864 2.18-.803.504-1.728.756-2.777.756-1.037 0-1.963-.252-2.777-.756-.809-.51-1.436-1.234-1.881-2.171-.44-.938-.662-2.018-.668-3.243v-.72c0-1.249.22-2.35.659-3.306.445-.955 1.07-1.684 1.872-2.188.809-.51 1.734-.765 2.777-.765 1.043 0 1.966.252 2.769.756.808.498 1.432 1.219 1.872 2.162.44.938.662 2.03.668 3.279v.712zm-2.224-.668c0-1.418-.27-2.505-.808-3.261-.534-.756-1.292-1.134-2.277-1.134-.96 0-1.714.378-2.258 1.134-.54.75-.815 1.813-.827 3.19v.739c0 1.406.273 2.493.818 3.26.55.768 1.312 1.152 2.285 1.152.984 0 1.74-.375 2.267-1.125.534-.75.8-1.846.8-3.287v-.668zM47.368 31V18.203h3.78c1.13 0 2.132.252 3.005.756a5.146 5.146 0 012.039 2.145c.48.925.72 1.986.72 3.181v.642c0 1.213-.243 2.28-.729 3.199a5.057 5.057 0 01-2.065 2.127c-.89.498-1.913.747-3.068.747h-3.682zm2.223-11.004v9.229h1.45c1.167 0 2.06-.364 2.681-1.09.627-.733.947-1.782.958-3.147v-.712c0-1.388-.302-2.449-.905-3.181-.604-.733-1.48-1.099-2.628-1.099h-1.556zm18.816 5.291h-5.256v3.938h6.144V31h-8.368V18.203h8.306v1.793h-6.082v3.533h5.256v1.758zM81.534 31H79.32V18.203h2.215V31zm11.222-3.296c0-.562-.199-.996-.597-1.3-.393-.305-1.105-.613-2.136-.924-1.031-.31-1.852-.656-2.461-1.037-1.166-.732-1.75-1.687-1.75-2.865 0-1.031.42-1.88 1.258-2.549.843-.668 1.936-1.002 3.278-1.002.89 0 1.685.164 2.382.492a3.898 3.898 0 011.643 1.407c.399.603.598 1.274.598 2.013h-2.215c0-.669-.21-1.19-.633-1.565-.416-.38-1.013-.571-1.793-.571-.726 0-1.292.155-1.696.466-.398.31-.598.744-.598 1.3 0 .47.217.862.65 1.178.434.31 1.15.615 2.145.914.996.293 1.796.63 2.4 1.01.603.376 1.046.81 1.327 1.302.281.486.422 1.057.422 1.713 0 1.067-.41 1.916-1.23 2.55-.815.626-1.923.94-3.323.94-.926 0-1.778-.17-2.558-.51-.773-.346-1.376-.82-1.81-1.424-.428-.603-.642-1.306-.642-2.11h2.224c0 .727.24 1.29.72 1.688.481.399 1.17.598 2.066.598.774 0 1.354-.155 1.74-.466.393-.316.59-.732.59-1.248zm14.481-1.459V31h-2.224V18.203h4.896c1.43 0 2.563.372 3.401 1.116.844.745 1.266 1.729 1.266 2.954 0 1.253-.413 2.229-1.239 2.926-.821.697-1.972 1.046-3.454 1.046h-2.646zm0-1.784h2.672c.791 0 1.395-.185 1.811-.554.416-.375.624-.914.624-1.617 0-.691-.211-1.242-.633-1.652-.422-.416-1.002-.63-1.74-.642h-2.734v4.465zm21.303.475c0 1.253-.217 2.355-.65 3.304-.434.944-1.055 1.67-1.864 2.18-.802.504-1.728.756-2.777.756-1.037 0-1.963-.252-2.777-.756-.809-.51-1.436-1.234-1.881-2.171-.44-.938-.662-2.018-.668-3.243v-.72c0-1.249.22-2.35.659-3.306.445-.955 1.069-1.684 1.872-2.188.809-.51 1.734-.765 2.777-.765 1.043 0 1.966.252 2.769.756.809.498 1.433 1.219 1.872 2.162.44.938.662 2.03.668 3.279v.712zm-2.224-.668c0-1.418-.269-2.505-.808-3.261-.533-.756-1.292-1.134-2.277-1.134-.96 0-1.713.378-2.258 1.134-.539.75-.815 1.813-.827 3.19v.739c0 1.406.273 2.493.818 3.26.551.768 1.312 1.152 2.285 1.152.984 0 1.74-.375 2.268-1.125.533-.75.799-1.846.799-3.287v-.668zm13.718 1.02h-5.255v3.937h6.143V31h-8.367V18.203h8.306v1.793h-6.082v3.533h5.255v1.758zm13.92-5.292h-3.99V31h-2.206V19.996h-3.955v-1.793h10.151v1.793zm8.19 6.073h-2.478V31h-2.224V18.203h4.5c1.477 0 2.616.331 3.419.993.803.662 1.204 1.62 1.204 2.874 0 .856-.208 1.574-.624 2.154-.41.574-.984 1.016-1.723 1.327l2.874 5.335V31h-2.381l-2.567-4.93zm-2.478-1.784h2.285c.75 0 1.336-.187 1.758-.562.421-.381.632-.9.632-1.556 0-.686-.196-1.216-.588-1.59-.387-.376-.967-.57-1.741-.58h-2.346v4.288zm14.561-.017l2.945-6.065h2.461l-4.289 8.086V31h-2.233v-4.71l-4.298-8.087h2.47l2.944 6.065z"/><path stroke="#000" stroke-width="2" d="M2 1h201v46H2z"/></g></svg>' ); ?>" />
<img alt="<?php _e( 'Code is Poetry' ); ?>" src="data:image/svg+xml,<?php echo rawurlencode( '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 1210 48"><path fill="#000" d="M65.875 39.875c2.583-5.333 5-9.333 7.25-12H.25v-5.25h72.875c-2.25-2.667-4.667-6.667-7.25-12h4.375c5.25 6.083 10.75 10.583 16.5 13.5v2.25c-5.75 2.833-11.25 7.333-16.5 13.5h-4.375zM1035.34 26.834c-.12 1.365-.63 2.432-1.51 3.2-.88.76-2.04 1.142-3.5 1.142-1.02 0-1.92-.24-2.7-.72-.78-.487-1.37-1.176-1.79-2.066-.43-.891-.65-1.925-.66-3.103v-1.195c0-1.207.21-2.27.64-3.19.43-.92 1.04-1.63 1.83-2.128.81-.498 1.73-.747 2.78-.747 1.41 0 2.55.384 3.41 1.152.86.767 1.36 1.851 1.5 3.252h-2.21c-.11-.92-.37-1.582-.81-1.987-.43-.41-1.06-.615-1.89-.615-.96 0-1.71.355-2.23 1.064-.52.703-.78 1.737-.79 3.102v1.134c0 1.383.24 2.437.74 3.164.49.727 1.22 1.09 2.18 1.09.87 0 1.53-.197 1.97-.59.43-.392.71-1.045.83-1.959h2.21zm14.01-1.898c0 1.253-.21 2.355-.65 3.304-.43.944-1.05 1.67-1.86 2.18-.8.504-1.73.756-2.78.756-1.04 0-1.96-.252-2.78-.756-.8-.51-1.43-1.234-1.88-2.171-.44-.938-.66-2.018-.66-3.243v-.72c0-1.249.22-2.35.65-3.306.45-.955 1.07-1.684 1.88-2.188.81-.51 1.73-.765 2.77-.765 1.05 0 1.97.252 2.77.756.81.498 1.44 1.219 1.87 2.162.44.938.67 2.03.67 3.279v.712zm-2.22-.668c0-1.418-.27-2.505-.81-3.261-.53-.756-1.29-1.134-2.28-1.134-.96 0-1.71.378-2.25 1.134-.54.75-.82 1.813-.83 3.19v.739c0 1.406.27 2.493.82 3.26.55.768 1.31 1.152 2.28 1.152.99 0 1.74-.375 2.27-1.125s.8-1.846.8-3.287v-.668zm6.24 6.732V18.203h3.78c1.13 0 2.13.252 3 .756a5.138 5.138 0 012.04 2.145c.48.925.72 1.986.72 3.181v.642c0 1.213-.24 2.28-.73 3.199a5.08 5.08 0 01-2.06 2.127c-.89.498-1.92.747-3.07.747h-3.68zm2.22-11.004v9.229h1.45c1.17 0 2.06-.364 2.68-1.09.63-.733.95-1.782.96-3.147v-.712c0-1.388-.3-2.449-.9-3.181-.61-.733-1.48-1.099-2.63-1.099h-1.56zm18.82 5.291h-5.26v3.938h6.14V31h-8.36V18.203h8.3v1.793h-6.08v3.533h5.26v1.758zM1087.53 31h-2.21V18.203h2.21V31zm11.23-3.296c0-.562-.2-.996-.6-1.3-.39-.305-1.11-.613-2.14-.924-1.03-.31-1.85-.656-2.46-1.037-1.16-.732-1.75-1.687-1.75-2.865 0-1.031.42-1.88 1.26-2.549.84-.668 1.94-1.002 3.28-1.002.89 0 1.68.164 2.38.492.7.329 1.25.797 1.64 1.407.4.603.6 1.274.6 2.013h-2.21c0-.669-.21-1.19-.64-1.565-.41-.38-1.01-.571-1.79-.571-.73 0-1.29.155-1.7.466-.39.31-.59.744-.59 1.3 0 .47.21.862.65 1.178.43.31 1.15.615 2.14.914 1 .293 1.8.63 2.4 1.01.6.376 1.05.81 1.33 1.302.28.486.42 1.057.42 1.713 0 1.067-.41 1.916-1.23 2.55-.82.626-1.92.94-3.32.94-.93 0-1.78-.17-2.56-.51-.77-.346-1.38-.82-1.81-1.424-.43-.603-.64-1.306-.64-2.11h2.22c0 .727.24 1.29.72 1.688.48.399 1.17.598 2.07.598.77 0 1.35-.155 1.74-.466.39-.316.59-.732.59-1.248zm14.48-1.459V31h-2.23V18.203h4.9c1.43 0 2.56.372 3.4 1.116.84.745 1.27 1.729 1.27 2.954 0 1.253-.42 2.229-1.24 2.926-.82.697-1.97 1.046-3.46 1.046h-2.64zm0-1.784h2.67c.79 0 1.39-.185 1.81-.554.42-.375.62-.914.62-1.617 0-.691-.21-1.242-.63-1.652-.42-.416-1-.63-1.74-.642h-2.73v4.465zm21.3.475c0 1.253-.22 2.355-.65 3.304-.43.944-1.06 1.67-1.86 2.18-.81.504-1.73.756-2.78.756-1.04 0-1.96-.252-2.78-.756-.81-.51-1.43-1.234-1.88-2.171-.44-.938-.66-2.018-.67-3.243v-.72c0-1.249.22-2.35.66-3.306.45-.955 1.07-1.684 1.87-2.188.81-.51 1.74-.765 2.78-.765 1.04 0 1.97.252 2.77.756.81.498 1.43 1.219 1.87 2.162.44.938.66 2.03.67 3.279v.712zm-2.22-.668c0-1.418-.27-2.505-.81-3.261-.54-.756-1.29-1.134-2.28-1.134-.96 0-1.71.378-2.26 1.134-.54.75-.81 1.813-.82 3.19v.739c0 1.406.27 2.493.81 3.26.55.768 1.32 1.152 2.29 1.152.98 0 1.74-.375 2.27-1.125s.8-1.846.8-3.287v-.668zm13.71 1.02h-5.25v3.937h6.14V31h-8.37V18.203h8.31v1.793h-6.08v3.533h5.25v1.758zm13.92-5.292h-3.99V31h-2.2V19.996h-3.96v-1.793h10.15v1.793zm8.19 6.073h-2.47V31h-2.23V18.203h4.5c1.48 0 2.62.331 3.42.993.8.662 1.21 1.62 1.21 2.874 0 .856-.21 1.574-.63 2.154-.41.574-.98 1.016-1.72 1.327l2.87 5.335V31h-2.38l-2.57-4.93zm-2.47-1.784h2.28c.75 0 1.34-.187 1.76-.562.42-.381.63-.9.63-1.556 0-.686-.19-1.216-.59-1.59-.38-.376-.96-.57-1.74-.58h-2.34v4.288zm14.56-.017l2.94-6.065h2.46l-4.29 8.086V31h-2.23v-4.71l-4.3-8.087h2.47l2.95 6.065z"/><path stroke="#000" stroke-width="2" d="M1008 1h201v46h-201z"/></svg>' ); ?>" />
</picture>
</div>
<div class="about__header-text">
<?php
printf(
/* translators: %s: Version number. */
__( 'WordPress %s was created by a worldwide team of passionate individuals' ),
$display_version
);
?>
<div class="about__header-container">
<div class="about__header-title">
<p>
<?php _e( 'WordPress' ); ?>
<?php echo $display_version; ?>
</p>
</div>
<div class="about__header-text">
<?php _e( 'Sharing your stories has never been easier' ); ?>
</div>
<div class="about__header-badge">
<img alt="<?php _e( 'New' ); ?>" src="data:image/svg+xml,<?php echo rawurlencode( '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 153 153" width="115"><circle cx="76.5" cy="76.5" r="76.5" fill="#000"/><path fill="#D1CFE4" d="M53.333 86h-2.827L39.769 69.564V86H36.94V64.672h2.828L50.535 81.18V64.67h2.798V86zm26.05-9.858h-9.242V83.7h10.737V86h-13.55V64.672h13.403v2.314h-10.59v6.856h9.243v2.3zm18.596 3.134l.41 2.813.6-2.534 4.219-14.883h2.373l4.116 14.883.586 2.578.454-2.871 3.311-14.59h2.827L111.704 86h-2.563l-4.395-15.542-.337-1.626-.337 1.626L99.517 86h-2.564l-5.156-21.328h2.812l3.37 14.604z"/></svg>' ); ?>" />
</div>
</div>
<nav class="about__header-navigation nav-tab-wrapper wp-clearfix" aria-label="<?php esc_attr_e( 'Secondary menu' ); ?>">
<a href="about.php" class="nav-tab"><?php _e( 'What&#8217;s New' ); ?></a>
<a href="credits.php" class="nav-tab nav-tab-active" aria-current="page"><?php _e( 'Credits' ); ?></a>
<a href="freedoms.php" class="nav-tab"><?php _e( 'Freedoms' ); ?></a>
<a href="privacy.php" class="nav-tab"><?php _e( 'Privacy' ); ?></a>
</nav>
</div>
<nav class="about__header-navigation nav-tab-wrapper wp-clearfix" aria-label="<?php esc_attr_e( 'Secondary menu' ); ?>">
<a href="about.php" class="nav-tab"><?php _e( 'What&#8217;s New' ); ?></a>
<a href="credits.php" class="nav-tab nav-tab-active" aria-current="page"><?php _e( 'Credits' ); ?></a>
<a href="freedoms.php" class="nav-tab"><?php _e( 'Freedoms' ); ?></a>
<a href="privacy.php" class="nav-tab"><?php _e( 'Privacy' ); ?></a>
<a href="contribute.php" class="nav-tab"><?php _e( 'Get Involved' ); ?></a>
</nav>
<div class="about__section is-feature">
<div class="column">
<h1><?php _e( 'Credits' ); ?></h1>
<div class="about__section has-1-column has-gutters">
<div class="column aligncenter">
<?php if ( ! $credits ) : ?>
<p>
<?php
printf(
/* translators: 1: https://wordpress.org/about/ */
__( 'WordPress is created by a <a href="%1$s">worldwide team</a> of passionate individuals.' ),
__( 'https://wordpress.org/about/' )
/* translators: 1: https://wordpress.org/about/, 2: https://make.wordpress.org/ */
__( 'WordPress is created by a <a href="%1$s">worldwide team</a> of passionate individuals. <a href="%2$s">Get involved in WordPress</a>.' ),
__( 'https://wordpress.org/about/' ),
__( 'https://make.wordpress.org/' )
);
?>
<br />
<a href="<?php echo esc_url( __( 'https://make.wordpress.org/contribute/' ) ); ?>"><?php _e( 'Get involved in WordPress.' ); ?></a>
</p>
<?php else : ?>
<p>
<?php _e( 'Want to see your name in lights on this page?' ); ?>
<br />
<a href="<?php echo esc_url( __( 'https://make.wordpress.org/contribute/' ) ); ?>"><?php _e( 'Get involved in WordPress.' ); ?></a>
<?php _e( 'WordPress is created by a worldwide team of passionate individuals.' ); ?>
</p>
<p>
<?php
printf(
/* translators: %s: https://make.wordpress.org/ */
__( 'Want to see your name in lights on this page? <a href="%s">Get involved in WordPress</a>.' ),
__( 'https://make.wordpress.org/' )
);
?>
</p>
<?php endif; ?>
@@ -83,10 +96,10 @@ if ( ! $credits ) {
}
?>
<hr class="is-large" />
<hr />
<div class="about__section">
<div class="column is-edge-to-edge">
<div class="column has-subtle-background-color">
<?php wp_credits_section_title( $credits['groups']['core-developers'] ); ?>
<?php wp_credits_section_list( $credits, 'core-developers' ); ?>
<?php wp_credits_section_list( $credits, 'contributing-developers' ); ?>

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

View File

@@ -4,7 +4,7 @@
#adminmenu,
#adminmenu .wp-submenu {
width: 160px;
background-color: #1d2327;
background-color: #23282d;
}
#adminmenuback {
@@ -37,21 +37,108 @@
width: 36px;
}
.icon16 {
height: 18px;
width: 18px;
padding: 6px 6px;
margin: -6px -8px 0 0;
float: right;
}
/* New Menu icons */
.icon16:before {
color: #82878c; /* same as new icons */
font: normal 20px/1 dashicons;
speak: never;
padding: 6px 0;
height: 34px;
width: 20px;
display: inline-block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transition: all .1s ease-in-out;
}
.icon16.icon-dashboard:before {
content: "\f226";
}
.icon16.icon-post:before {
content: "\f109";
}
.icon16.icon-media:before {
content: "\f104";
}
.icon16.icon-links:before {
content: "\f103";
}
.icon16.icon-page:before {
content: "\f105";
}
.icon16.icon-comments:before {
content: "\f101";
margin-top: 1px;
}
.icon16.icon-appearance:before {
content: "\f100";
}
.icon16.icon-plugins:before {
content: "\f106";
}
.icon16.icon-users:before {
content: "\f110";
}
.icon16.icon-tools:before {
content: "\f107";
}
.icon16.icon-settings:before {
content: "\f108";
}
.icon16.icon-site:before {
content: "\f541";
}
.icon16.icon-generic:before {
content: "\f111";
}
/* hide background-image for icons above */
.icon16.icon-dashboard,
.menu-icon-dashboard div.wp-menu-image,
.icon16.icon-post,
.menu-icon-post div.wp-menu-image,
.icon16.icon-media,
.menu-icon-media div.wp-menu-image,
.icon16.icon-links,
.menu-icon-links div.wp-menu-image,
.icon16.icon-page,
.menu-icon-page div.wp-menu-image,
.icon16.icon-comments,
.menu-icon-comments div.wp-menu-image,
.icon16.icon-appearance,
.menu-icon-appearance div.wp-menu-image,
.icon16.icon-plugins,
.menu-icon-plugins div.wp-menu-image,
.icon16.icon-users,
.menu-icon-users div.wp-menu-image,
.icon16.icon-tools,
.menu-icon-tools div.wp-menu-image,
.icon16.icon-settings,
.menu-icon-settings div.wp-menu-image,
.icon16.icon-site,
.menu-icon-site div.wp-menu-image,
.icon16.icon-generic,
.menu-icon-generic div.wp-menu-image {
background-image: none !important;
}
@@ -69,24 +156,27 @@
/* side admin menu */
#adminmenu * {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#adminmenu li {
margin: 0;
padding: 0;
cursor: pointer;
}
#adminmenu a {
display: block;
line-height: 1.3;
padding: 2px 5px;
color: #f0f0f1;
color: #eee;
}
#adminmenu .wp-submenu a {
color: #c3c4c7;
color: rgba(240, 246, 252, 0.7);
color: #b4b9be;
color: rgba(240, 245, 250, 0.7);
font-size: 13px;
line-height: 1.4;
margin: 0;
@@ -102,14 +192,7 @@
#adminmenu li.menu-top > a:focus,
#adminmenu .wp-submenu a:hover,
#adminmenu .wp-submenu a:focus {
color: #72aee6;
}
#adminmenu a:hover,
#adminmenu a:focus,
.folded #adminmenu .wp-submenu-head:hover {
box-shadow: inset -4px 0 0 0 currentColor;
transition: box-shadow .1s linear;
color: #00b9eb;
}
#adminmenu li.menu-top {
@@ -125,9 +208,14 @@
right: 160px;
overflow: visible;
word-wrap: break-word;
}
#adminmenu .wp-submenu,
.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
.folded #adminmenu .wp-has-current-submenu .wp-submenu {
padding: 7px 0 8px;
z-index: 9999;
background-color: #2c3338;
background-color: #32373c;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
}
@@ -138,12 +226,9 @@
top: -1px;
}
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
top: 0;
}
#adminmenu .wp-has-current-submenu .wp-submenu,
.no-js li.wp-has-current-submenu:hover .wp-submenu,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
#adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu {
position: relative;
@@ -155,10 +240,7 @@
border: 0 none;
margin-top: 0;
box-shadow: none;
}
.folded #adminmenu .wp-has-current-submenu .wp-submenu {
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
background-color: #32373c;
}
/* ensure that wp-submenu's box shadow doesn't appear on top of the focused menu item's background. */
@@ -166,8 +248,8 @@
#adminmenu li.opensub > a.menu-top,
#adminmenu li > a.menu-top:focus {
position: relative;
background-color: #1d2327;
color: #72aee6;
background-color: #191e23;
color: #00b9eb;
}
.folded #adminmenu li.menu-top:hover,
@@ -178,10 +260,12 @@
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
#adminmenu li.current a.menu-top,
.folded #adminmenu li.wp-has-current-submenu,
.folded #adminmenu li.current.menu-top,
#adminmenu .wp-menu-arrow,
#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head,
#adminmenu .wp-menu-arrow div {
background: #2271b1;
background: #0073aa;
color: #fff;
}
@@ -206,7 +290,6 @@
.folded #adminmenu .wp-has-current-submenu .wp-submenu {
min-width: 160px;
width: auto;
border-right: 5px solid transparent;
}
#adminmenu .wp-submenu li.current,
@@ -258,7 +341,7 @@
}
#adminmenu .wp-menu-image img {
padding: 9px 0 0;
padding: 9px 0 0 0;
opacity: 0.6;
filter: alpha(opacity=60);
}
@@ -269,6 +352,7 @@
word-wrap: break-word;
-ms-word-break: break-all;
word-break: break-word;
-ms-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}
@@ -288,15 +372,15 @@
}
div.wp-menu-image:before {
color: #a7aaad;
color: rgba(240, 246, 252, 0.6);
color: #a0a5aa;
color: rgba(240, 245, 250, 0.6);
padding: 7px 0;
transition: all .1s ease-in-out;
}
#adminmenu div.wp-menu-image:before {
color: #a7aaad;
color: rgba(240, 246, 252, 0.6);
color: #a0a5aa;
color: rgba(240, 245, 250, 0.6);
}
#adminmenu li.wp-has-current-submenu:hover div.wp-menu-image:before,
@@ -312,7 +396,7 @@ div.wp-menu-image:before {
#adminmenu li:hover div.wp-menu-image:before,
#adminmenu li a:focus div.wp-menu-image:before,
#adminmenu li.opensub div.wp-menu-image:before {
color: #72aee6;
color: #00b9eb;
}
.folded #adminmenu div.wp-menu-image {
@@ -350,13 +434,12 @@ ul#adminmenu > li.current > a.current:after {
width: 0;
position: absolute;
pointer-events: none;
border-left-color: #f0f0f1;
border-left-color: #f1f1f1;
top: 50%;
margin-top: -8px;
}
.folded ul#adminmenu li:hover a.wp-has-current-submenu:after,
.folded ul#adminmenu li.wp-has-current-submenu:focus-within a.wp-has-current-submenu:after {
.folded ul#adminmenu li:hover a.wp-has-current-submenu:after {
display: none;
}
@@ -367,29 +450,27 @@ ul#adminmenu > li.current > a.current:after {
}
/* flyout menu arrow */
#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
left: 0;
border: 8px solid transparent;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-width: 8px;
top: 10px;
z-index: 10000;
}
.folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
.folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
.folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
border-width: 4px;
margin-top: -4px;
top: 18px;
}
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
border-left-color: #2c3338;
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
border-left-color: #32373c;
}
#adminmenu li.menu-top:hover .wp-menu-image img,
@@ -401,7 +482,7 @@ ul#adminmenu > li.current > a.current:after {
#adminmenu li.wp-menu-separator {
height: 5px;
padding: 0;
margin: 0 0 6px;
margin: 0 0 6px 0;
cursor: inherit;
}
@@ -415,11 +496,8 @@ ul#adminmenu > li.current > a.current:after {
color: #fff;
font-weight: 400;
font-size: 14px;
padding: 5px 11px 5px 4px;
margin: -7px -5px 4px 0;
border-width: 3px 5px 3px 0;
border-style: solid;
border-color: transparent;
padding: 8px 11px 8px 4px;
margin: -7px 0px 4px;
}
#adminmenu li.current,
@@ -428,7 +506,6 @@ ul#adminmenu > li.current > a.current:after {
}
/* @todo: consider to use a single rule for these counters and the list table comments counters. */
#adminmenu .menu-counter,
#adminmenu .awaiting-mod,
#adminmenu .update-plugins {
display: inline-block;
@@ -439,7 +516,7 @@ ul#adminmenu > li.current > a.current:after {
min-width: 18px;
height: 18px;
border-radius: 9px;
background-color: #d63638;
background-color: #ca4a1f;
color: #fff;
font-size: 11px;
line-height: 1.6;
@@ -449,7 +526,7 @@ ul#adminmenu > li.current > a.current:after {
#adminmenu li.current a .awaiting-mod,
#adminmenu li a.wp-has-current-submenu .update-plugins {
background-color: #d63638;
background-color: #ca4a1f;
color: #fff;
}
@@ -467,16 +544,16 @@ ul#adminmenu > li.current > a.current:after {
position: relative;
overflow: visible;
background: none;
color: #a7aaad;
color: #aaa;
cursor: pointer;
}
#collapse-button:hover {
color: #72aee6;
color: #00b9eb;
}
#collapse-button:focus {
color: #72aee6;
color: #00b9eb;
/* Only visible in Windows High Contrast mode */
outline: 1px solid transparent;
outline-offset: -1px;
@@ -568,7 +645,7 @@ li#wp-admin-bar-menu-toggle {
.auto-fold #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
.auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
.auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu {
top: 0;
top: 0px;
right: 36px;
}
@@ -624,13 +701,11 @@ li#wp-admin-bar-menu-toggle {
margin-bottom: 0;
}
.auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after,
.auto-fold ul#adminmenu li:focus-within a.wp-has-current-submenu:after {
.auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after {
display: none;
}
.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
border-width: 4px;
margin-top: -4px;
top: 16px;
@@ -725,8 +800,7 @@ li#wp-admin-bar-menu-toggle {
margin-top: -8px;
}
.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
display: none;
}
@@ -758,8 +832,7 @@ li#wp-admin-bar-menu-toggle {
display: block;
}
.auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after,
.auto-fold ul#adminmenu li:focus-within a.wp-has-current-submenu:after {
.auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after {
display: block;
}
@@ -771,11 +844,6 @@ li#wp-admin-bar-menu-toggle {
top: 0;
}
#adminmenu .wp-not-current-submenu .wp-submenu,
.folded #adminmenu .wp-has-current-submenu .wp-submenu {
border-right: none;
}
/* Remove submenu headers and adjust sub meu*/
#adminmenu .wp-submenu .wp-submenu-head {
display: none;
@@ -805,7 +873,7 @@ li#wp-admin-bar-menu-toggle {
}
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
background: #2c3338;
background: #32373c;
}
li#wp-admin-bar-menu-toggle {
@@ -836,7 +904,7 @@ li#wp-admin-bar-menu-toggle {
}
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
color: #72aee6;
color: #00b9eb;
}
}

File diff suppressed because one or more lines are too long

View File

@@ -3,7 +3,7 @@
#adminmenu,
#adminmenu .wp-submenu {
width: 160px;
background-color: #1d2327;
background-color: #23282d;
}
#adminmenuback {
@@ -36,21 +36,108 @@
width: 36px;
}
.icon16 {
height: 18px;
width: 18px;
padding: 6px 6px;
margin: -6px 0 0 -8px;
float: left;
}
/* New Menu icons */
.icon16:before {
color: #82878c; /* same as new icons */
font: normal 20px/1 dashicons;
speak: never;
padding: 6px 0;
height: 34px;
width: 20px;
display: inline-block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transition: all .1s ease-in-out;
}
.icon16.icon-dashboard:before {
content: "\f226";
}
.icon16.icon-post:before {
content: "\f109";
}
.icon16.icon-media:before {
content: "\f104";
}
.icon16.icon-links:before {
content: "\f103";
}
.icon16.icon-page:before {
content: "\f105";
}
.icon16.icon-comments:before {
content: "\f101";
margin-top: 1px;
}
.icon16.icon-appearance:before {
content: "\f100";
}
.icon16.icon-plugins:before {
content: "\f106";
}
.icon16.icon-users:before {
content: "\f110";
}
.icon16.icon-tools:before {
content: "\f107";
}
.icon16.icon-settings:before {
content: "\f108";
}
.icon16.icon-site:before {
content: "\f541";
}
.icon16.icon-generic:before {
content: "\f111";
}
/* hide background-image for icons above */
.icon16.icon-dashboard,
.menu-icon-dashboard div.wp-menu-image,
.icon16.icon-post,
.menu-icon-post div.wp-menu-image,
.icon16.icon-media,
.menu-icon-media div.wp-menu-image,
.icon16.icon-links,
.menu-icon-links div.wp-menu-image,
.icon16.icon-page,
.menu-icon-page div.wp-menu-image,
.icon16.icon-comments,
.menu-icon-comments div.wp-menu-image,
.icon16.icon-appearance,
.menu-icon-appearance div.wp-menu-image,
.icon16.icon-plugins,
.menu-icon-plugins div.wp-menu-image,
.icon16.icon-users,
.menu-icon-users div.wp-menu-image,
.icon16.icon-tools,
.menu-icon-tools div.wp-menu-image,
.icon16.icon-settings,
.menu-icon-settings div.wp-menu-image,
.icon16.icon-site,
.menu-icon-site div.wp-menu-image,
.icon16.icon-generic,
.menu-icon-generic div.wp-menu-image {
background-image: none !important;
}
@@ -68,24 +155,27 @@
/* side admin menu */
#adminmenu * {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#adminmenu li {
margin: 0;
padding: 0;
cursor: pointer;
}
#adminmenu a {
display: block;
line-height: 1.3;
padding: 2px 5px;
color: #f0f0f1;
color: #eee;
}
#adminmenu .wp-submenu a {
color: #c3c4c7;
color: rgba(240, 246, 252, 0.7);
color: #b4b9be;
color: rgba(240, 245, 250, 0.7);
font-size: 13px;
line-height: 1.4;
margin: 0;
@@ -101,14 +191,7 @@
#adminmenu li.menu-top > a:focus,
#adminmenu .wp-submenu a:hover,
#adminmenu .wp-submenu a:focus {
color: #72aee6;
}
#adminmenu a:hover,
#adminmenu a:focus,
.folded #adminmenu .wp-submenu-head:hover {
box-shadow: inset 4px 0 0 0 currentColor;
transition: box-shadow .1s linear;
color: #00b9eb;
}
#adminmenu li.menu-top {
@@ -124,9 +207,14 @@
left: 160px;
overflow: visible;
word-wrap: break-word;
}
#adminmenu .wp-submenu,
.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
.folded #adminmenu .wp-has-current-submenu .wp-submenu {
padding: 7px 0 8px;
z-index: 9999;
background-color: #2c3338;
background-color: #32373c;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
}
@@ -137,12 +225,9 @@
top: -1px;
}
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
top: 0;
}
#adminmenu .wp-has-current-submenu .wp-submenu,
.no-js li.wp-has-current-submenu:hover .wp-submenu,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
#adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu {
position: relative;
@@ -154,10 +239,7 @@
border: 0 none;
margin-top: 0;
box-shadow: none;
}
.folded #adminmenu .wp-has-current-submenu .wp-submenu {
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
background-color: #32373c;
}
/* ensure that wp-submenu's box shadow doesn't appear on top of the focused menu item's background. */
@@ -165,8 +247,8 @@
#adminmenu li.opensub > a.menu-top,
#adminmenu li > a.menu-top:focus {
position: relative;
background-color: #1d2327;
color: #72aee6;
background-color: #191e23;
color: #00b9eb;
}
.folded #adminmenu li.menu-top:hover,
@@ -177,10 +259,12 @@
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
#adminmenu li.current a.menu-top,
.folded #adminmenu li.wp-has-current-submenu,
.folded #adminmenu li.current.menu-top,
#adminmenu .wp-menu-arrow,
#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head,
#adminmenu .wp-menu-arrow div {
background: #2271b1;
background: #0073aa;
color: #fff;
}
@@ -205,7 +289,6 @@
.folded #adminmenu .wp-has-current-submenu .wp-submenu {
min-width: 160px;
width: auto;
border-left: 5px solid transparent;
}
#adminmenu .wp-submenu li.current,
@@ -257,7 +340,7 @@
}
#adminmenu .wp-menu-image img {
padding: 9px 0 0;
padding: 9px 0 0 0;
opacity: 0.6;
filter: alpha(opacity=60);
}
@@ -268,6 +351,7 @@
word-wrap: break-word;
-ms-word-break: break-all;
word-break: break-word;
-ms-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}
@@ -287,15 +371,15 @@
}
div.wp-menu-image:before {
color: #a7aaad;
color: rgba(240, 246, 252, 0.6);
color: #a0a5aa;
color: rgba(240, 245, 250, 0.6);
padding: 7px 0;
transition: all .1s ease-in-out;
}
#adminmenu div.wp-menu-image:before {
color: #a7aaad;
color: rgba(240, 246, 252, 0.6);
color: #a0a5aa;
color: rgba(240, 245, 250, 0.6);
}
#adminmenu li.wp-has-current-submenu:hover div.wp-menu-image:before,
@@ -311,7 +395,7 @@ div.wp-menu-image:before {
#adminmenu li:hover div.wp-menu-image:before,
#adminmenu li a:focus div.wp-menu-image:before,
#adminmenu li.opensub div.wp-menu-image:before {
color: #72aee6;
color: #00b9eb;
}
.folded #adminmenu div.wp-menu-image {
@@ -349,13 +433,12 @@ ul#adminmenu > li.current > a.current:after {
width: 0;
position: absolute;
pointer-events: none;
border-right-color: #f0f0f1;
border-right-color: #f1f1f1;
top: 50%;
margin-top: -8px;
}
.folded ul#adminmenu li:hover a.wp-has-current-submenu:after,
.folded ul#adminmenu li.wp-has-current-submenu:focus-within a.wp-has-current-submenu:after {
.folded ul#adminmenu li:hover a.wp-has-current-submenu:after {
display: none;
}
@@ -366,29 +449,27 @@ ul#adminmenu > li.current > a.current:after {
}
/* flyout menu arrow */
#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
right: 0;
border: 8px solid transparent;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-width: 8px;
top: 10px;
z-index: 10000;
}
.folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
.folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
.folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
border-width: 4px;
margin-top: -4px;
top: 18px;
}
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
border-right-color: #2c3338;
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
border-right-color: #32373c;
}
#adminmenu li.menu-top:hover .wp-menu-image img,
@@ -400,7 +481,7 @@ ul#adminmenu > li.current > a.current:after {
#adminmenu li.wp-menu-separator {
height: 5px;
padding: 0;
margin: 0 0 6px;
margin: 0 0 6px 0;
cursor: inherit;
}
@@ -414,11 +495,8 @@ ul#adminmenu > li.current > a.current:after {
color: #fff;
font-weight: 400;
font-size: 14px;
padding: 5px 4px 5px 11px;
margin: -7px 0 4px -5px;
border-width: 3px 0 3px 5px;
border-style: solid;
border-color: transparent;
padding: 8px 4px 8px 11px;
margin: -7px 0px 4px;
}
#adminmenu li.current,
@@ -427,7 +505,6 @@ ul#adminmenu > li.current > a.current:after {
}
/* @todo: consider to use a single rule for these counters and the list table comments counters. */
#adminmenu .menu-counter,
#adminmenu .awaiting-mod,
#adminmenu .update-plugins {
display: inline-block;
@@ -438,7 +515,7 @@ ul#adminmenu > li.current > a.current:after {
min-width: 18px;
height: 18px;
border-radius: 9px;
background-color: #d63638;
background-color: #ca4a1f;
color: #fff;
font-size: 11px;
line-height: 1.6;
@@ -448,7 +525,7 @@ ul#adminmenu > li.current > a.current:after {
#adminmenu li.current a .awaiting-mod,
#adminmenu li a.wp-has-current-submenu .update-plugins {
background-color: #d63638;
background-color: #ca4a1f;
color: #fff;
}
@@ -466,16 +543,16 @@ ul#adminmenu > li.current > a.current:after {
position: relative;
overflow: visible;
background: none;
color: #a7aaad;
color: #aaa;
cursor: pointer;
}
#collapse-button:hover {
color: #72aee6;
color: #00b9eb;
}
#collapse-button:focus {
color: #72aee6;
color: #00b9eb;
/* Only visible in Windows High Contrast mode */
outline: 1px solid transparent;
outline-offset: -1px;
@@ -567,7 +644,7 @@ li#wp-admin-bar-menu-toggle {
.auto-fold #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
.auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
.auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu {
top: 0;
top: 0px;
left: 36px;
}
@@ -623,13 +700,11 @@ li#wp-admin-bar-menu-toggle {
margin-bottom: 0;
}
.auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after,
.auto-fold ul#adminmenu li:focus-within a.wp-has-current-submenu:after {
.auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after {
display: none;
}
.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
border-width: 4px;
margin-top: -4px;
top: 16px;
@@ -724,8 +799,7 @@ li#wp-admin-bar-menu-toggle {
margin-top: -8px;
}
.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
display: none;
}
@@ -757,8 +831,7 @@ li#wp-admin-bar-menu-toggle {
display: block;
}
.auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after,
.auto-fold ul#adminmenu li:focus-within a.wp-has-current-submenu:after {
.auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after {
display: block;
}
@@ -770,11 +843,6 @@ li#wp-admin-bar-menu-toggle {
top: 0;
}
#adminmenu .wp-not-current-submenu .wp-submenu,
.folded #adminmenu .wp-has-current-submenu .wp-submenu {
border-left: none;
}
/* Remove submenu headers and adjust sub meu*/
#adminmenu .wp-submenu .wp-submenu-head {
display: none;
@@ -804,7 +872,7 @@ li#wp-admin-bar-menu-toggle {
}
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
background: #2c3338;
background: #32373c;
}
li#wp-admin-bar-menu-toggle {
@@ -835,7 +903,7 @@ li#wp-admin-bar-menu-toggle {
}
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
color: #72aee6;
color: #00b9eb;
}
}

File diff suppressed because one or more lines are too long

View File

@@ -35,25 +35,25 @@
}
.wp-core-ui .CodeMirror-lint-message-warning {
background-color: #fcf9e8;
border-right: 4px solid #dba617;
background-color: #fff8e5;
border-right: 4px solid #ffb900;
}
.wrap .CodeMirror-lint-marker-warning:before,
.wp-core-ui .CodeMirror-lint-message-warning:before {
content: "\f534";
color: #dba617;
color: #f6a306;
}
.wp-core-ui .CodeMirror-lint-message-error {
background-color: #fcf0f1;
border-right: 4px solid #d63638;
background-color: #fbeaea;
border-right: 4px solid #dc3232;
}
.wrap .CodeMirror-lint-marker-error:before,
.wp-core-ui .CodeMirror-lint-message-error:before {
content: "\f153";
color: #d63638;
color: #dc3232;
}
.wp-core-ui .CodeMirror-lint-tooltip {
@@ -64,7 +64,7 @@
}
.wrap .CodeMirror .CodeMirror-matchingbracket {
background: rgba(219, 166, 23, 0.3);
background: rgba(255, 150, 0, 0.3);
color: inherit;
}
@@ -73,5 +73,5 @@
}
.wrap .CodeMirror .CodeMirror-linenumber {
color: #646970;
color: #666;
}

View File

@@ -1,2 +1,2 @@
/*! This file is auto-generated */
.wp-core-ui [class*=CodeMirror-lint-message],.wrap .CodeMirror-lint-marker-multiple,.wrap [class*=CodeMirror-lint-marker]{background-image:none}.wp-core-ui .CodeMirror-lint-marker-error,.wp-core-ui .CodeMirror-lint-marker-warning{cursor:help}.wrap .CodeMirror-lint-marker-multiple{position:absolute;top:0}.wrap [class*=CodeMirror-lint-marker]:before{font:normal 18px/1 dashicons;position:relative;top:-2px}.wp-core-ui [class*=CodeMirror-lint-message]:before{font:normal 16px/1 dashicons;right:16px;position:absolute}.wp-core-ui .CodeMirror-lint-message-error,.wp-core-ui .CodeMirror-lint-message-warning{box-shadow:0 1px 1px 0 rgba(0,0,0,.1);margin:5px 0 2px;padding:3px 28px 3px 12px}.wp-core-ui .CodeMirror-lint-message-warning{background-color:#fcf9e8;border-right:4px solid #dba617}.wp-core-ui .CodeMirror-lint-message-warning:before,.wrap .CodeMirror-lint-marker-warning:before{content:"\f534";color:#dba617}.wp-core-ui .CodeMirror-lint-message-error{background-color:#fcf0f1;border-right:4px solid #d63638}.wp-core-ui .CodeMirror-lint-message-error:before,.wrap .CodeMirror-lint-marker-error:before{content:"\f153";color:#d63638}.wp-core-ui .CodeMirror-lint-tooltip{background:0 0;border:none;border-radius:0;direction:rtl}.wrap .CodeMirror .CodeMirror-matchingbracket{background:rgba(219,166,23,.3);color:inherit}.CodeMirror{text-align:right}.wrap .CodeMirror .CodeMirror-linenumber{color:#646970}
.wp-core-ui [class*=CodeMirror-lint-message],.wrap .CodeMirror-lint-marker-multiple,.wrap [class*=CodeMirror-lint-marker]{background-image:none}.wp-core-ui .CodeMirror-lint-marker-error,.wp-core-ui .CodeMirror-lint-marker-warning{cursor:help}.wrap .CodeMirror-lint-marker-multiple{position:absolute;top:0}.wrap [class*=CodeMirror-lint-marker]:before{font:normal 18px/1 dashicons;position:relative;top:-2px}.wp-core-ui [class*=CodeMirror-lint-message]:before{font:normal 16px/1 dashicons;right:16px;position:absolute}.wp-core-ui .CodeMirror-lint-message-error,.wp-core-ui .CodeMirror-lint-message-warning{box-shadow:0 1px 1px 0 rgba(0,0,0,.1);margin:5px 0 2px;padding:3px 28px 3px 12px}.wp-core-ui .CodeMirror-lint-message-warning{background-color:#fff8e5;border-right:4px solid #ffb900}.wp-core-ui .CodeMirror-lint-message-warning:before,.wrap .CodeMirror-lint-marker-warning:before{content:"\f534";color:#f6a306}.wp-core-ui .CodeMirror-lint-message-error{background-color:#fbeaea;border-right:4px solid #dc3232}.wp-core-ui .CodeMirror-lint-message-error:before,.wrap .CodeMirror-lint-marker-error:before{content:"\f153";color:#dc3232}.wp-core-ui .CodeMirror-lint-tooltip{background:0 0;border:none;border-radius:0;direction:rtl}.wrap .CodeMirror .CodeMirror-matchingbracket{background:rgba(255,150,0,.3);color:inherit}.CodeMirror{text-align:right}.wrap .CodeMirror .CodeMirror-linenumber{color:#666}

View File

@@ -34,25 +34,25 @@
}
.wp-core-ui .CodeMirror-lint-message-warning {
background-color: #fcf9e8;
border-left: 4px solid #dba617;
background-color: #fff8e5;
border-left: 4px solid #ffb900;
}
.wrap .CodeMirror-lint-marker-warning:before,
.wp-core-ui .CodeMirror-lint-message-warning:before {
content: "\f534";
color: #dba617;
color: #f6a306;
}
.wp-core-ui .CodeMirror-lint-message-error {
background-color: #fcf0f1;
border-left: 4px solid #d63638;
background-color: #fbeaea;
border-left: 4px solid #dc3232;
}
.wrap .CodeMirror-lint-marker-error:before,
.wp-core-ui .CodeMirror-lint-message-error:before {
content: "\f153";
color: #d63638;
color: #dc3232;
}
.wp-core-ui .CodeMirror-lint-tooltip {
@@ -63,7 +63,7 @@
}
.wrap .CodeMirror .CodeMirror-matchingbracket {
background: rgba(219, 166, 23, 0.3);
background: rgba(255, 150, 0, 0.3);
color: inherit;
}
@@ -72,5 +72,5 @@
}
.wrap .CodeMirror .CodeMirror-linenumber {
color: #646970;
color: #666;
}

View File

@@ -1,2 +1,2 @@
/*! This file is auto-generated */
.wp-core-ui [class*=CodeMirror-lint-message],.wrap .CodeMirror-lint-marker-multiple,.wrap [class*=CodeMirror-lint-marker]{background-image:none}.wp-core-ui .CodeMirror-lint-marker-error,.wp-core-ui .CodeMirror-lint-marker-warning{cursor:help}.wrap .CodeMirror-lint-marker-multiple{position:absolute;top:0}.wrap [class*=CodeMirror-lint-marker]:before{font:normal 18px/1 dashicons;position:relative;top:-2px}.wp-core-ui [class*=CodeMirror-lint-message]:before{font:normal 16px/1 dashicons;left:16px;position:absolute}.wp-core-ui .CodeMirror-lint-message-error,.wp-core-ui .CodeMirror-lint-message-warning{box-shadow:0 1px 1px 0 rgba(0,0,0,.1);margin:5px 0 2px;padding:3px 12px 3px 28px}.wp-core-ui .CodeMirror-lint-message-warning{background-color:#fcf9e8;border-left:4px solid #dba617}.wp-core-ui .CodeMirror-lint-message-warning:before,.wrap .CodeMirror-lint-marker-warning:before{content:"\f534";color:#dba617}.wp-core-ui .CodeMirror-lint-message-error{background-color:#fcf0f1;border-left:4px solid #d63638}.wp-core-ui .CodeMirror-lint-message-error:before,.wrap .CodeMirror-lint-marker-error:before{content:"\f153";color:#d63638}.wp-core-ui .CodeMirror-lint-tooltip{background:0 0;border:none;border-radius:0;direction:ltr}.wrap .CodeMirror .CodeMirror-matchingbracket{background:rgba(219,166,23,.3);color:inherit}.CodeMirror{text-align:left}.wrap .CodeMirror .CodeMirror-linenumber{color:#646970}
.wp-core-ui [class*=CodeMirror-lint-message],.wrap .CodeMirror-lint-marker-multiple,.wrap [class*=CodeMirror-lint-marker]{background-image:none}.wp-core-ui .CodeMirror-lint-marker-error,.wp-core-ui .CodeMirror-lint-marker-warning{cursor:help}.wrap .CodeMirror-lint-marker-multiple{position:absolute;top:0}.wrap [class*=CodeMirror-lint-marker]:before{font:normal 18px/1 dashicons;position:relative;top:-2px}.wp-core-ui [class*=CodeMirror-lint-message]:before{font:normal 16px/1 dashicons;left:16px;position:absolute}.wp-core-ui .CodeMirror-lint-message-error,.wp-core-ui .CodeMirror-lint-message-warning{box-shadow:0 1px 1px 0 rgba(0,0,0,.1);margin:5px 0 2px;padding:3px 12px 3px 28px}.wp-core-ui .CodeMirror-lint-message-warning{background-color:#fff8e5;border-left:4px solid #ffb900}.wp-core-ui .CodeMirror-lint-message-warning:before,.wrap .CodeMirror-lint-marker-warning:before{content:"\f534";color:#f6a306}.wp-core-ui .CodeMirror-lint-message-error{background-color:#fbeaea;border-left:4px solid #dc3232}.wp-core-ui .CodeMirror-lint-message-error:before,.wrap .CodeMirror-lint-marker-error:before{content:"\f153";color:#dc3232}.wp-core-ui .CodeMirror-lint-tooltip{background:0 0;border:none;border-radius:0;direction:ltr}.wrap .CodeMirror .CodeMirror-matchingbracket{background:rgba(255,150,0,.3);color:inherit}.CodeMirror{text-align:left}.wrap .CodeMirror .CodeMirror-linenumber{color:#666}

View File

@@ -12,16 +12,16 @@
/* Needs higher specificiity. */
.wp-picker-container .wp-color-result.button {
min-height: 30px;
margin: 0 0 6px 6px;
margin: 0 0px 6px 6px;
padding: 0 30px 0 0;
font-size: 11px;
}
.wp-color-result-text {
background: #f6f7f7;
background: #f7f7f7;
border-radius: 2px 0 0 2px;
border-right: 1px solid #c3c4c7;
color: #50575e;
border-right: 1px solid #ccc;
color: #555;
display: block;
line-height: 2.54545455; /* 28px */
padding: 0 6px;
@@ -30,16 +30,16 @@
.wp-color-result:hover,
.wp-color-result:focus {
background: #f6f7f7;
border-color: #8c8f94;
color: #1d2327;
background: #fafafa;
border-color: #999;
color: #23282d;
}
.wp-color-result:hover:after,
.wp-color-result:focus:after {
color: #1d2327;
border-color: #a7aaad;
border-right: 1px solid #8c8f94;
color: #23282d;
border-color: #a0a5aa;
border-right: 1px solid #999;
}
.wp-picker-container {
@@ -47,8 +47,8 @@
}
.wp-color-result:focus {
border-color: #4f94d4;
box-shadow: 0 0 3px rgba(34, 113, 177, 0.8);
border-color: #5b9dd9;
box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
}
.wp-color-result:active {
@@ -82,12 +82,12 @@
}
.wp-picker-container .iris-square-slider .ui-slider-handle:focus {
background-color: #50575e
background-color: #555
}
.wp-picker-container .iris-picker {
border-radius: 0;
border-color: #dcdcde;
border-color: #ddd;
margin-top: 6px;
}
@@ -103,34 +103,34 @@
}
.wp-color-picker::-webkit-input-placeholder {
color: #646970;
color: #72777c;
}
.wp-color-picker::-moz-placeholder {
color: #646970;
color: #72777c;
opacity: 1;
}
.wp-color-picker:-ms-input-placeholder {
color: #646970;
color: #72777c;
}
.wp-picker-container input[type="text"].iris-error {
background-color: #fcf0f1;
border-color: #d63638;
background-color: #ffebe8;
border-color: #c00;
color: #000;
}
.iris-picker .ui-square-handle:focus,
.iris-picker .iris-strip .ui-slider-handle:focus {
border-color: #3582c4;
border-color: #007cba;
border-style: solid;
box-shadow: 0 0 0 1px #3582c4;
box-shadow: 0 0 0 1px #007cba;
outline: 2px solid transparent;
}
.iris-picker .iris-palette:focus {
box-shadow: 0 0 0 2px #3582c4;
box-shadow: 0 0 0 2px #007cba;
}
@media screen and (max-width: 782px) {

View File

@@ -1,2 +1,2 @@
/*! This file is auto-generated */
.wp-color-picker{width:80px;direction:ltr}.wp-picker-container .hidden{display:none}.wp-picker-container .wp-color-result.button{min-height:30px;margin:0 0 6px 6px;padding:0 30px 0 0;font-size:11px}.wp-color-result-text{background:#f6f7f7;border-radius:2px 0 0 2px;border-right:1px solid #c3c4c7;color:#50575e;display:block;line-height:2.54545455;padding:0 6px;text-align:center}.wp-color-result:focus,.wp-color-result:hover{background:#f6f7f7;border-color:#8c8f94;color:#1d2327}.wp-color-result:focus:after,.wp-color-result:hover:after{color:#1d2327;border-color:#a7aaad;border-right:1px solid #8c8f94}.wp-picker-container{display:inline-block}.wp-color-result:focus{border-color:#4f94d4;box-shadow:0 0 3px rgba(34,113,177,.8)}.wp-color-result:active{transform:none!important}.wp-picker-open+.wp-picker-input-wrap{display:inline-block;vertical-align:top}.wp-picker-input-wrap label{display:inline-block;vertical-align:top}.form-table .wp-picker-input-wrap label{margin:0!important}.wp-customizer .wp-picker-input-wrap .button.wp-picker-clear,.wp-customizer .wp-picker-input-wrap .button.wp-picker-default,.wp-picker-input-wrap .button.wp-picker-clear,.wp-picker-input-wrap .button.wp-picker-default{margin-right:6px;padding:0 8px;line-height:2.54545455;min-height:30px}.wp-picker-container .iris-square-slider .ui-slider-handle:focus{background-color:#50575e}.wp-picker-container .iris-picker{border-radius:0;border-color:#dcdcde;margin-top:6px}.wp-picker-container input[type=text].wp-color-picker{width:4rem;font-size:12px;font-family:monospace;line-height:2.33333333;margin:0;padding:0 5px;vertical-align:top;min-height:30px}.wp-color-picker::-webkit-input-placeholder{color:#646970}.wp-color-picker::-moz-placeholder{color:#646970;opacity:1}.wp-color-picker:-ms-input-placeholder{color:#646970}.wp-picker-container input[type=text].iris-error{background-color:#fcf0f1;border-color:#d63638;color:#000}.iris-picker .iris-strip .ui-slider-handle:focus,.iris-picker .ui-square-handle:focus{border-color:#3582c4;border-style:solid;box-shadow:0 0 0 1px #3582c4;outline:2px solid transparent}.iris-picker .iris-palette:focus{box-shadow:0 0 0 2px #3582c4}@media screen and (max-width:782px){.wp-picker-container input[type=text].wp-color-picker{width:5rem;font-size:16px;line-height:1.875;min-height:32px}.wp-customizer .wp-picker-container input[type=text].wp-color-picker{padding:0 5px}.wp-picker-input-wrap .button.wp-picker-clear,.wp-picker-input-wrap .button.wp-picker-default{padding:0 8px;line-height:2.14285714;min-height:32px}.wp-customizer .wp-picker-input-wrap .button.wp-picker-clear,.wp-customizer .wp-picker-input-wrap .button.wp-picker-default{padding:0 8px;font-size:14px;line-height:2.14285714;min-height:32px}.wp-picker-container .wp-color-result.button{padding:0 40px 0 0;font-size:14px;line-height:2.14285714}.wp-customizer .wp-picker-container .wp-color-result.button{font-size:14px;line-height:2.14285714}.wp-picker-container .wp-color-result-text{padding:0 14px;font-size:inherit;line-height:inherit}.wp-customizer .wp-picker-container .wp-color-result-text{padding:0 10px}}
.wp-color-picker{width:80px;direction:ltr}.wp-picker-container .hidden{display:none}.wp-picker-container .wp-color-result.button{min-height:30px;margin:0 0 6px 6px;padding:0 30px 0 0;font-size:11px}.wp-color-result-text{background:#f7f7f7;border-radius:2px 0 0 2px;border-right:1px solid #ccc;color:#555;display:block;line-height:2.54545455;padding:0 6px;text-align:center}.wp-color-result:focus,.wp-color-result:hover{background:#fafafa;border-color:#999;color:#23282d}.wp-color-result:focus:after,.wp-color-result:hover:after{color:#23282d;border-color:#a0a5aa;border-right:1px solid #999}.wp-picker-container{display:inline-block}.wp-color-result:focus{border-color:#5b9dd9;box-shadow:0 0 3px rgba(0,115,170,.8)}.wp-color-result:active{transform:none!important}.wp-picker-open+.wp-picker-input-wrap{display:inline-block;vertical-align:top}.wp-picker-input-wrap label{display:inline-block;vertical-align:top}.form-table .wp-picker-input-wrap label{margin:0!important}.wp-customizer .wp-picker-input-wrap .button.wp-picker-clear,.wp-customizer .wp-picker-input-wrap .button.wp-picker-default,.wp-picker-input-wrap .button.wp-picker-clear,.wp-picker-input-wrap .button.wp-picker-default{margin-right:6px;padding:0 8px;line-height:2.54545455;min-height:30px}.wp-picker-container .iris-square-slider .ui-slider-handle:focus{background-color:#555}.wp-picker-container .iris-picker{border-radius:0;border-color:#ddd;margin-top:6px}.wp-picker-container input[type=text].wp-color-picker{width:4rem;font-size:12px;font-family:monospace;line-height:2.33333333;margin:0;padding:0 5px;vertical-align:top;min-height:30px}.wp-color-picker::-webkit-input-placeholder{color:#72777c}.wp-color-picker::-moz-placeholder{color:#72777c;opacity:1}.wp-color-picker:-ms-input-placeholder{color:#72777c}.wp-picker-container input[type=text].iris-error{background-color:#ffebe8;border-color:#c00;color:#000}.iris-picker .iris-strip .ui-slider-handle:focus,.iris-picker .ui-square-handle:focus{border-color:#007cba;border-style:solid;box-shadow:0 0 0 1px #007cba;outline:2px solid transparent}.iris-picker .iris-palette:focus{box-shadow:0 0 0 2px #007cba}@media screen and (max-width:782px){.wp-picker-container input[type=text].wp-color-picker{width:5rem;font-size:16px;line-height:1.875;min-height:32px}.wp-customizer .wp-picker-container input[type=text].wp-color-picker{padding:0 5px}.wp-picker-input-wrap .button.wp-picker-clear,.wp-picker-input-wrap .button.wp-picker-default{padding:0 8px;line-height:2.14285714;min-height:32px}.wp-customizer .wp-picker-input-wrap .button.wp-picker-clear,.wp-customizer .wp-picker-input-wrap .button.wp-picker-default{padding:0 8px;font-size:14px;line-height:2.14285714;min-height:32px}.wp-picker-container .wp-color-result.button{padding:0 40px 0 0;font-size:14px;line-height:2.14285714}.wp-customizer .wp-picker-container .wp-color-result.button{font-size:14px;line-height:2.14285714}.wp-picker-container .wp-color-result-text{padding:0 14px;font-size:inherit;line-height:inherit}.wp-customizer .wp-picker-container .wp-color-result-text{padding:0 10px}}

View File

@@ -11,16 +11,16 @@
/* Needs higher specificiity. */
.wp-picker-container .wp-color-result.button {
min-height: 30px;
margin: 0 6px 6px 0;
margin: 0 6px 6px 0px;
padding: 0 0 0 30px;
font-size: 11px;
}
.wp-color-result-text {
background: #f6f7f7;
background: #f7f7f7;
border-radius: 0 2px 2px 0;
border-left: 1px solid #c3c4c7;
color: #50575e;
border-left: 1px solid #ccc;
color: #555;
display: block;
line-height: 2.54545455; /* 28px */
padding: 0 6px;
@@ -29,16 +29,16 @@
.wp-color-result:hover,
.wp-color-result:focus {
background: #f6f7f7;
border-color: #8c8f94;
color: #1d2327;
background: #fafafa;
border-color: #999;
color: #23282d;
}
.wp-color-result:hover:after,
.wp-color-result:focus:after {
color: #1d2327;
border-color: #a7aaad;
border-left: 1px solid #8c8f94;
color: #23282d;
border-color: #a0a5aa;
border-left: 1px solid #999;
}
.wp-picker-container {
@@ -46,8 +46,8 @@
}
.wp-color-result:focus {
border-color: #4f94d4;
box-shadow: 0 0 3px rgba(34, 113, 177, 0.8);
border-color: #5b9dd9;
box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
}
.wp-color-result:active {
@@ -81,12 +81,12 @@
}
.wp-picker-container .iris-square-slider .ui-slider-handle:focus {
background-color: #50575e
background-color: #555
}
.wp-picker-container .iris-picker {
border-radius: 0;
border-color: #dcdcde;
border-color: #ddd;
margin-top: 6px;
}
@@ -102,34 +102,34 @@
}
.wp-color-picker::-webkit-input-placeholder {
color: #646970;
color: #72777c;
}
.wp-color-picker::-moz-placeholder {
color: #646970;
color: #72777c;
opacity: 1;
}
.wp-color-picker:-ms-input-placeholder {
color: #646970;
color: #72777c;
}
.wp-picker-container input[type="text"].iris-error {
background-color: #fcf0f1;
border-color: #d63638;
background-color: #ffebe8;
border-color: #c00;
color: #000;
}
.iris-picker .ui-square-handle:focus,
.iris-picker .iris-strip .ui-slider-handle:focus {
border-color: #3582c4;
border-color: #007cba;
border-style: solid;
box-shadow: 0 0 0 1px #3582c4;
box-shadow: 0 0 0 1px #007cba;
outline: 2px solid transparent;
}
.iris-picker .iris-palette:focus {
box-shadow: 0 0 0 2px #3582c4;
box-shadow: 0 0 0 2px #007cba;
}
@media screen and (max-width: 782px) {

View File

@@ -1,2 +1,2 @@
/*! This file is auto-generated */
.wp-color-picker{width:80px;direction:ltr}.wp-picker-container .hidden{display:none}.wp-picker-container .wp-color-result.button{min-height:30px;margin:0 6px 6px 0;padding:0 0 0 30px;font-size:11px}.wp-color-result-text{background:#f6f7f7;border-radius:0 2px 2px 0;border-left:1px solid #c3c4c7;color:#50575e;display:block;line-height:2.54545455;padding:0 6px;text-align:center}.wp-color-result:focus,.wp-color-result:hover{background:#f6f7f7;border-color:#8c8f94;color:#1d2327}.wp-color-result:focus:after,.wp-color-result:hover:after{color:#1d2327;border-color:#a7aaad;border-left:1px solid #8c8f94}.wp-picker-container{display:inline-block}.wp-color-result:focus{border-color:#4f94d4;box-shadow:0 0 3px rgba(34,113,177,.8)}.wp-color-result:active{transform:none!important}.wp-picker-open+.wp-picker-input-wrap{display:inline-block;vertical-align:top}.wp-picker-input-wrap label{display:inline-block;vertical-align:top}.form-table .wp-picker-input-wrap label{margin:0!important}.wp-customizer .wp-picker-input-wrap .button.wp-picker-clear,.wp-customizer .wp-picker-input-wrap .button.wp-picker-default,.wp-picker-input-wrap .button.wp-picker-clear,.wp-picker-input-wrap .button.wp-picker-default{margin-left:6px;padding:0 8px;line-height:2.54545455;min-height:30px}.wp-picker-container .iris-square-slider .ui-slider-handle:focus{background-color:#50575e}.wp-picker-container .iris-picker{border-radius:0;border-color:#dcdcde;margin-top:6px}.wp-picker-container input[type=text].wp-color-picker{width:4rem;font-size:12px;font-family:monospace;line-height:2.33333333;margin:0;padding:0 5px;vertical-align:top;min-height:30px}.wp-color-picker::-webkit-input-placeholder{color:#646970}.wp-color-picker::-moz-placeholder{color:#646970;opacity:1}.wp-color-picker:-ms-input-placeholder{color:#646970}.wp-picker-container input[type=text].iris-error{background-color:#fcf0f1;border-color:#d63638;color:#000}.iris-picker .iris-strip .ui-slider-handle:focus,.iris-picker .ui-square-handle:focus{border-color:#3582c4;border-style:solid;box-shadow:0 0 0 1px #3582c4;outline:2px solid transparent}.iris-picker .iris-palette:focus{box-shadow:0 0 0 2px #3582c4}@media screen and (max-width:782px){.wp-picker-container input[type=text].wp-color-picker{width:5rem;font-size:16px;line-height:1.875;min-height:32px}.wp-customizer .wp-picker-container input[type=text].wp-color-picker{padding:0 5px}.wp-picker-input-wrap .button.wp-picker-clear,.wp-picker-input-wrap .button.wp-picker-default{padding:0 8px;line-height:2.14285714;min-height:32px}.wp-customizer .wp-picker-input-wrap .button.wp-picker-clear,.wp-customizer .wp-picker-input-wrap .button.wp-picker-default{padding:0 8px;font-size:14px;line-height:2.14285714;min-height:32px}.wp-picker-container .wp-color-result.button{padding:0 0 0 40px;font-size:14px;line-height:2.14285714}.wp-customizer .wp-picker-container .wp-color-result.button{font-size:14px;line-height:2.14285714}.wp-picker-container .wp-color-result-text{padding:0 14px;font-size:inherit;line-height:inherit}.wp-customizer .wp-picker-container .wp-color-result-text{padding:0 10px}}
.wp-color-picker{width:80px;direction:ltr}.wp-picker-container .hidden{display:none}.wp-picker-container .wp-color-result.button{min-height:30px;margin:0 6px 6px 0;padding:0 0 0 30px;font-size:11px}.wp-color-result-text{background:#f7f7f7;border-radius:0 2px 2px 0;border-left:1px solid #ccc;color:#555;display:block;line-height:2.54545455;padding:0 6px;text-align:center}.wp-color-result:focus,.wp-color-result:hover{background:#fafafa;border-color:#999;color:#23282d}.wp-color-result:focus:after,.wp-color-result:hover:after{color:#23282d;border-color:#a0a5aa;border-left:1px solid #999}.wp-picker-container{display:inline-block}.wp-color-result:focus{border-color:#5b9dd9;box-shadow:0 0 3px rgba(0,115,170,.8)}.wp-color-result:active{transform:none!important}.wp-picker-open+.wp-picker-input-wrap{display:inline-block;vertical-align:top}.wp-picker-input-wrap label{display:inline-block;vertical-align:top}.form-table .wp-picker-input-wrap label{margin:0!important}.wp-customizer .wp-picker-input-wrap .button.wp-picker-clear,.wp-customizer .wp-picker-input-wrap .button.wp-picker-default,.wp-picker-input-wrap .button.wp-picker-clear,.wp-picker-input-wrap .button.wp-picker-default{margin-left:6px;padding:0 8px;line-height:2.54545455;min-height:30px}.wp-picker-container .iris-square-slider .ui-slider-handle:focus{background-color:#555}.wp-picker-container .iris-picker{border-radius:0;border-color:#ddd;margin-top:6px}.wp-picker-container input[type=text].wp-color-picker{width:4rem;font-size:12px;font-family:monospace;line-height:2.33333333;margin:0;padding:0 5px;vertical-align:top;min-height:30px}.wp-color-picker::-webkit-input-placeholder{color:#72777c}.wp-color-picker::-moz-placeholder{color:#72777c;opacity:1}.wp-color-picker:-ms-input-placeholder{color:#72777c}.wp-picker-container input[type=text].iris-error{background-color:#ffebe8;border-color:#c00;color:#000}.iris-picker .iris-strip .ui-slider-handle:focus,.iris-picker .ui-square-handle:focus{border-color:#007cba;border-style:solid;box-shadow:0 0 0 1px #007cba;outline:2px solid transparent}.iris-picker .iris-palette:focus{box-shadow:0 0 0 2px #007cba}@media screen and (max-width:782px){.wp-picker-container input[type=text].wp-color-picker{width:5rem;font-size:16px;line-height:1.875;min-height:32px}.wp-customizer .wp-picker-container input[type=text].wp-color-picker{padding:0 5px}.wp-picker-input-wrap .button.wp-picker-clear,.wp-picker-input-wrap .button.wp-picker-default{padding:0 8px;line-height:2.14285714;min-height:32px}.wp-customizer .wp-picker-input-wrap .button.wp-picker-clear,.wp-customizer .wp-picker-input-wrap .button.wp-picker-default{padding:0 8px;font-size:14px;line-height:2.14285714;min-height:32px}.wp-picker-container .wp-color-result.button{padding:0 0 0 40px;font-size:14px;line-height:2.14285714}.wp-customizer .wp-picker-container .wp-color-result.button{font-size:14px;line-height:2.14285714}.wp-picker-container .wp-color-result-text{padding:0 14px;font-size:inherit;line-height:inherit}.wp-customizer .wp-picker-container .wp-color-result-text{padding:0 10px}}

View File

@@ -2,10 +2,6 @@
@import 'variables';
@import 'mixins';
/**
* This function name uses British English to maintain backward compatibility, as developers
* may use the function in their own admin CSS files. See #56811.
*/
@function url-friendly-colour( $color ) {
@return '%23' + str-slice( '#{ $color }', 2, -1 );
}
@@ -290,12 +286,12 @@ textarea:focus {
#adminmenu .wp-submenu,
#adminmenu .wp-has-current-submenu .wp-submenu,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
.folded #adminmenu .wp-has-current-submenu .wp-submenu,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
background: $menu-submenu-background;
}
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
border-right-color: $menu-submenu-background;
}
@@ -305,6 +301,7 @@ textarea:focus {
#adminmenu .wp-submenu a,
#adminmenu .wp-has-current-submenu .wp-submenu a,
.folded #adminmenu .wp-has-current-submenu .wp-submenu a,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
color: $menu-submenu-text;
@@ -342,7 +339,6 @@ ul#adminmenu > li.current > a.current:after {
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
#adminmenu a.current:hover div.wp-menu-image:before,
#adminmenu li.current div.wp-menu-image:before,
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
#adminmenu li:hover div.wp-menu-image:before,
@@ -354,7 +350,6 @@ ul#adminmenu > li.current > a.current:after {
/* Admin Menu: bubble */
#adminmenu .menu-counter,
#adminmenu .awaiting-mod,
#adminmenu .update-plugins {
color: $menu-bubble-text;
@@ -421,7 +416,7 @@ ul#adminmenu > li.current > a.current:after {
#wpadminbar:not(.mobile) li:hover .ab-item:before,
#wpadminbar:not(.mobile) li:hover .ab-item:after,
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
color: $menu-submenu-focus-text;
color: $menu-highlight-icon;
}
@@ -627,16 +622,6 @@ body.more-filters-opened .more-filters:focus:before {
color: $menu-highlight-text;
}
/* Nav Menus */
.nav-menus-php .item-edit:focus:before {
box-shadow:
0 0 0 1px lighten($button-color, 10),
0 0 2px 1px $button-color;
}
/* Responsive Component */
div#wp-responsive-toggle a:before {
@@ -668,121 +653,109 @@ div#wp-responsive-toggle a:before {
}
/* Customizer */
.wp-core-ui {
#customize-controls .control-section:hover > .accordion-section-title,
#customize-controls .control-section .accordion-section-title:hover,
#customize-controls .control-section.open .accordion-section-title,
#customize-controls .control-section .accordion-section-title:focus {
color: $link;
border-left-color: $button-color;
}
.customize-controls-close:focus,
.customize-controls-close:hover,
.customize-controls-preview-toggle:focus,
.customize-controls-preview-toggle:hover {
color: $link;
border-top-color: $button-color;
}
.customize-panel-back:hover,
.customize-panel-back:focus,
.customize-section-back:hover,
.customize-section-back:focus {
color: $link;
border-left-color: $button-color;
}
.customize-screen-options-toggle:hover,
.customize-screen-options-toggle:active,
.customize-screen-options-toggle:focus,
.active-menu-screen-options .customize-screen-options-toggle,
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
color: $link;
}
.customize-screen-options-toggle:focus:before,
#customize-controls .customize-info .customize-help-toggle:focus:before,
&.wp-customizer button:focus .toggle-indicator:before,
.menu-item-bar .item-delete:focus:before,
#available-menu-items .item-add:focus:before,
#customize-save-button-wrapper .save:focus,
#publish-settings:focus {
box-shadow:
0 0 0 1px lighten($button-color, 10),
0 0 2px 1px $button-color;
}
#customize-controls .customize-info.open .customize-help-toggle,
#customize-controls .customize-info .customize-help-toggle:focus,
#customize-controls .customize-info .customize-help-toggle:hover {
color: $link;
}
.control-panel-themes .customize-themes-section-title:focus,
.control-panel-themes .customize-themes-section-title:hover {
border-left-color: $button-color;
color: $link;
}
.control-panel-themes .theme-section .customize-themes-section-title.selected:after {
background: $button-color;
}
.control-panel-themes .customize-themes-section-title.selected {
color: $link;
}
#customize-theme-controls .control-section:hover > .accordion-section-title:after,
#customize-theme-controls .control-section .accordion-section-title:hover:after,
#customize-theme-controls .control-section.open .accordion-section-title:after,
#customize-theme-controls .control-section .accordion-section-title:focus:after,
#customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
#customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
#customize-outer-theme-controls .control-section.open .accordion-section-title:after,
#customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
color: $link;
}
.customize-control .attachment-media-view .button-add-media:focus {
background-color: #fbfbfc;
border-color: $button-color;
border-style: solid;
box-shadow: 0 0 0 1px $button-color;
outline: 2px solid transparent;
}
.wp-full-overlay-footer .devices button:focus,
.wp-full-overlay-footer .devices button.active:hover {
border-bottom-color: $button-color;
}
.wp-full-overlay-footer .devices button:hover:before,
.wp-full-overlay-footer .devices button:focus:before {
color: $button-color;
}
.wp-full-overlay .collapse-sidebar:hover,
.wp-full-overlay .collapse-sidebar:focus {
color: $button-color;
}
.wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
.wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
box-shadow:
0 0 0 1px lighten($button-color, 10),
0 0 2px 1px $button-color;
}
&.wp-customizer .theme-overlay .theme-header .close:focus,
&.wp-customizer .theme-overlay .theme-header .close:hover,
&.wp-customizer .theme-overlay .theme-header .right:focus,
&.wp-customizer .theme-overlay .theme-header .right:hover,
&.wp-customizer .theme-overlay .theme-header .left:focus,
&.wp-customizer .theme-overlay .theme-header .left:hover {
border-bottom-color: $button-color;
color: $link;
}
#customize-controls .control-section:hover > .accordion-section-title,
#customize-controls .control-section .accordion-section-title:hover,
#customize-controls .control-section.open .accordion-section-title,
#customize-controls .control-section .accordion-section-title:focus {
color: $highlight-color;
border-left-color: $highlight-color;
}
.customize-controls-close:focus,
.customize-controls-close:hover,
.customize-controls-preview-toggle:focus,
.customize-controls-preview-toggle:hover {
color: $highlight-color;
border-top-color: $highlight-color;
}
.customize-panel-back:hover,
.customize-panel-back:focus,
.customize-section-back:hover,
.customize-section-back:focus {
color: $highlight-color;
border-left-color: $highlight-color;
}
.customize-screen-options-toggle:hover,
.customize-screen-options-toggle:active,
.customize-screen-options-toggle:focus,
.active-menu-screen-options .customize-screen-options-toggle,
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
color: $highlight-color;
}
.wp-customizer .menu-item .submitbox .submitdelete:focus,
.customize-screen-options-toggle:focus:before,
#customize-controls .customize-info .customize-help-toggle:focus:before,
.wp-customizer button:focus .toggle-indicator:before,
.menu-delete:focus,
.menu-item-bar .item-delete:focus:before,
#available-menu-items .item-add:focus:before {
box-shadow:
0 0 0 1px lighten($highlight-color, 10),
0 0 2px 1px $highlight-color;
}
#customize-controls .customize-info.open .customize-help-toggle,
#customize-controls .customize-info .customize-help-toggle:focus,
#customize-controls .customize-info .customize-help-toggle:hover {
color: $highlight-color;
}
.control-panel-themes .customize-themes-section-title:focus,
.control-panel-themes .customize-themes-section-title:hover {
border-left-color: $highlight-color;
color: $highlight-color;
}
.control-panel-themes .theme-section .customize-themes-section-title.selected:after {
background: $highlight-color;
}
.control-panel-themes .customize-themes-section-title.selected {
color: $highlight-color;
}
#customize-theme-controls .control-section:hover > .accordion-section-title:after,
#customize-theme-controls .control-section .accordion-section-title:hover:after,
#customize-theme-controls .control-section.open .accordion-section-title:after,
#customize-theme-controls .control-section .accordion-section-title:focus:after,
#customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
#customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
#customize-outer-theme-controls .control-section.open .accordion-section-title:after,
#customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
color: $highlight-color;
}
.customize-control .attachment-media-view .button-add-media:focus {
background-color: #fbfbfc;
border-color: $highlight-color;
border-style: solid;
box-shadow: 0 0 0 1px $highlight-color;
outline: 2px solid transparent;
}
.wp-full-overlay-footer .devices button:focus,
.wp-full-overlay-footer .devices button.active:hover {
border-bottom-color: $highlight-color;
}
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
color: $highlight-color;
}
.wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
.wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
box-shadow:
0 0 0 1px lighten($highlight-color, 10),
0 0 2px 1px $highlight-color;
}
.wp-full-overlay-footer .devices button:hover:before,
.wp-full-overlay-footer .devices button:focus:before {
color: $highlight-color;
}

View File

@@ -1,6 +1,5 @@
// assign default value to all undefined variables
$scheme-name: "default" !default;
// core variables
@@ -63,11 +62,4 @@ $adminbar-recovery-exit-background-alt: mix(black, $adminbar-recovery-exit-backg
$menu-customizer-text: mix( $base-color, $text-color, 40% ) !default;
// Dashboard Colors
$custom-welcome-panel: "true" !default;
$dashboard-accent-1: $menu-submenu-background !default;
$dashboard-accent-2: $menu-background !default;
$dashboard-icon-background: $dashboard-accent-2 !default;
$low-contrast-theme: "false" !default;

View File

@@ -3,10 +3,6 @@
* Button mixin- creates a button effect with correct
* highlights/shadows, based on a base color.
*/
/**
* This function name uses British English to maintain backward compatibility, as developers
* may use the function in their own admin CSS files. See #56811.
*/
body {
background: #f1f1f1;
}
@@ -15,6 +11,7 @@ body {
a {
color: #0073aa;
}
a:hover, a:active, a:focus {
color: #0096dd;
}
@@ -30,6 +27,7 @@ span.wp-media-buttons-icon:before {
.wp-core-ui .button-link {
color: #0073aa;
}
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
color: #0096dd;
}
@@ -61,28 +59,28 @@ input[type=radio]:checked::before {
background: #7e8993;
}
.wp-core-ui input[type=reset]:hover,
.wp-core-ui input[type=reset]:active {
.wp-core-ui input[type="reset"]:hover,
.wp-core-ui input[type="reset"]:active {
color: #0096dd;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=color]:focus,
input[type=date]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
input[type=checkbox]:focus,
input[type=radio]:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus,
select:focus,
textarea:focus {
border-color: #096484;
@@ -94,6 +92,7 @@ textarea:focus {
border-color: #7e8993;
color: #32373c;
}
.wp-core-ui .button.hover,
.wp-core-ui .button:hover,
.wp-core-ui .button.focus,
@@ -101,17 +100,20 @@ textarea:focus {
border-color: #717c87;
color: #262a2e;
}
.wp-core-ui .button.focus,
.wp-core-ui .button:focus {
border-color: #7e8993;
color: #262a2e;
box-shadow: 0 0 0 1px #32373c;
}
.wp-core-ui .button:active {
border-color: #7e8993;
color: #262a2e;
box-shadow: none;
}
.wp-core-ui .button.active,
.wp-core-ui .button.active:focus,
.wp-core-ui .button.active:hover {
@@ -119,20 +121,24 @@ textarea:focus {
color: #262a2e;
box-shadow: inset 0 2px 5px -3px #e1a948;
}
.wp-core-ui .button.active:focus {
box-shadow: 0 0 0 1px #32373c;
}
.wp-core-ui .button,
.wp-core-ui .button-secondary {
color: #096484;
border-color: #096484;
}
.wp-core-ui .button.hover,
.wp-core-ui .button:hover,
.wp-core-ui .button-secondary:hover {
border-color: #064054;
color: #064054;
}
.wp-core-ui .button.focus,
.wp-core-ui .button:focus,
.wp-core-ui .button-secondary:focus {
@@ -140,57 +146,71 @@ textarea:focus {
color: #021c25;
box-shadow: 0 0 0 1px #0c88b4;
}
.wp-core-ui .button-primary:hover {
color: #fff;
}
.wp-core-ui .button-primary {
background: #e1a948;
border-color: #e1a948;
color: #fff;
}
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
background: #e3af55;
border-color: #dfa33b;
color: #fff;
}
.wp-core-ui .button-primary:focus {
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e1a948;
}
.wp-core-ui .button-primary:active {
background: #dd9f32;
border-color: #dd9f32;
color: #fff;
}
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
background: #e1a948;
color: #fff;
border-color: #bd831f;
box-shadow: inset 0 2px 5px -3px #241906;
}
.wp-core-ui .button-group > .button.active {
border-color: #e1a948;
}
.wp-core-ui .wp-ui-primary {
color: #fff;
background-color: #52accc;
}
.wp-core-ui .wp-ui-text-primary {
color: #52accc;
}
.wp-core-ui .wp-ui-highlight {
color: #fff;
background-color: #096484;
}
.wp-core-ui .wp-ui-text-highlight {
color: #096484;
}
.wp-core-ui .wp-ui-notification {
color: #fff;
background-color: #e1a948;
}
.wp-core-ui .wp-ui-text-notification {
color: #e1a948;
}
.wp-core-ui .wp-ui-text-icon {
color: #e5f8ff;
}
@@ -261,12 +281,12 @@ textarea:focus {
#adminmenu .wp-submenu,
#adminmenu .wp-has-current-submenu .wp-submenu,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
.folded #adminmenu .wp-has-current-submenu .wp-submenu,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
background: #4796b3;
}
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
border-left-color: #4796b3;
}
@@ -276,13 +296,17 @@ textarea:focus {
#adminmenu .wp-submenu a,
#adminmenu .wp-has-current-submenu .wp-submenu a,
.folded #adminmenu .wp-has-current-submenu .wp-submenu a,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
color: #e2ecf1;
}
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
.folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
.folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
@@ -296,6 +320,7 @@ textarea:focus {
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
color: #fff;
}
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
@@ -319,7 +344,6 @@ ul#adminmenu > li.current > a.current:after {
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
#adminmenu a.current:hover div.wp-menu-image:before,
#adminmenu li.current div.wp-menu-image:before,
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
#adminmenu li:hover div.wp-menu-image:before,
@@ -329,7 +353,6 @@ ul#adminmenu > li.current > a.current:after {
}
/* Admin Menu: bubble */
#adminmenu .menu-counter,
#adminmenu .awaiting-mod,
#adminmenu .update-plugins {
color: #fff;
@@ -584,11 +607,6 @@ body.more-filters-opened .more-filters:focus:before {
color: #fff;
}
/* Nav Menus */
.nav-menus-php .item-edit:focus:before {
box-shadow: 0 0 0 1px #e8be74, 0 0 2px 1px #e1a948;
}
/* Responsive Component */
div#wp-responsive-toggle a:before {
color: #e5f8ff;
@@ -617,94 +635,105 @@ div#wp-responsive-toggle a:before {
}
/* Customizer */
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
color: #0073aa;
border-right-color: #e1a948;
#customize-controls .control-section:hover > .accordion-section-title,
#customize-controls .control-section .accordion-section-title:hover,
#customize-controls .control-section.open .accordion-section-title,
#customize-controls .control-section .accordion-section-title:focus {
color: #096484;
border-right-color: #096484;
}
.wp-core-ui .customize-controls-close:focus,
.wp-core-ui .customize-controls-close:hover,
.wp-core-ui .customize-controls-preview-toggle:focus,
.wp-core-ui .customize-controls-preview-toggle:hover {
color: #0073aa;
border-top-color: #e1a948;
.customize-controls-close:focus,
.customize-controls-close:hover,
.customize-controls-preview-toggle:focus,
.customize-controls-preview-toggle:hover {
color: #096484;
border-top-color: #096484;
}
.wp-core-ui .customize-panel-back:hover,
.wp-core-ui .customize-panel-back:focus,
.wp-core-ui .customize-section-back:hover,
.wp-core-ui .customize-section-back:focus {
color: #0073aa;
border-right-color: #e1a948;
.customize-panel-back:hover,
.customize-panel-back:focus,
.customize-section-back:hover,
.customize-section-back:focus {
color: #096484;
border-right-color: #096484;
}
.wp-core-ui .customize-screen-options-toggle:hover,
.wp-core-ui .customize-screen-options-toggle:active,
.wp-core-ui .customize-screen-options-toggle:focus,
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
color: #0073aa;
.customize-screen-options-toggle:hover,
.customize-screen-options-toggle:active,
.customize-screen-options-toggle:focus,
.active-menu-screen-options .customize-screen-options-toggle,
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
color: #096484;
}
.wp-core-ui .customize-screen-options-toggle:focus:before,
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
.wp-core-ui .menu-item-bar .item-delete:focus:before,
.wp-core-ui #available-menu-items .item-add:focus:before,
.wp-core-ui #customize-save-button-wrapper .save:focus,
.wp-core-ui #publish-settings:focus {
box-shadow: 0 0 0 1px #e8be74, 0 0 2px 1px #e1a948;
.wp-customizer .menu-item .submitbox .submitdelete:focus,
.customize-screen-options-toggle:focus:before,
#customize-controls .customize-info .customize-help-toggle:focus:before,
.wp-customizer button:focus .toggle-indicator:before,
.menu-delete:focus,
.menu-item-bar .item-delete:focus:before,
#available-menu-items .item-add:focus:before {
box-shadow: 0 0 0 1px #0c88b4, 0 0 2px 1px #096484;
}
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
color: #0073aa;
#customize-controls .customize-info.open .customize-help-toggle,
#customize-controls .customize-info .customize-help-toggle:focus,
#customize-controls .customize-info .customize-help-toggle:hover {
color: #096484;
}
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
border-right-color: #e1a948;
color: #0073aa;
.control-panel-themes .customize-themes-section-title:focus,
.control-panel-themes .customize-themes-section-title:hover {
border-right-color: #096484;
color: #096484;
}
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
background: #e1a948;
.control-panel-themes .theme-section .customize-themes-section-title.selected:after {
background: #096484;
}
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
color: #0073aa;
.control-panel-themes .customize-themes-section-title.selected {
color: #096484;
}
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
color: #0073aa;
#customize-theme-controls .control-section:hover > .accordion-section-title:after,
#customize-theme-controls .control-section .accordion-section-title:hover:after,
#customize-theme-controls .control-section.open .accordion-section-title:after,
#customize-theme-controls .control-section .accordion-section-title:focus:after,
#customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
#customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
#customize-outer-theme-controls .control-section.open .accordion-section-title:after,
#customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
color: #096484;
}
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
.customize-control .attachment-media-view .button-add-media:focus {
background-color: #fbfbfc;
border-color: #e1a948;
border-color: #096484;
border-style: solid;
box-shadow: 0 0 0 1px #e1a948;
box-shadow: 0 0 0 1px #096484;
outline: 2px solid transparent;
}
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
border-bottom-color: #e1a948;
}
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
color: #e1a948;
.wp-full-overlay-footer .devices button:focus,
.wp-full-overlay-footer .devices button.active:hover {
border-bottom-color: #096484;
}
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
color: #e1a948;
color: #096484;
}
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
box-shadow: 0 0 0 1px #e8be74, 0 0 2px 1px #e1a948;
.wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
.wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
box-shadow: 0 0 0 1px #0c88b4, 0 0 2px 1px #096484;
}
.wp-full-overlay-footer .devices button:hover:before,
.wp-full-overlay-footer .devices button:focus:before {
color: #096484;
}
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
border-bottom-color: #e1a948;
color: #0073aa;
}

File diff suppressed because one or more lines are too long

View File

@@ -3,10 +3,6 @@
* Button mixin- creates a button effect with correct
* highlights/shadows, based on a base color.
*/
/**
* This function name uses British English to maintain backward compatibility, as developers
* may use the function in their own admin CSS files. See #56811.
*/
body {
background: #f1f1f1;
}
@@ -15,6 +11,7 @@ body {
a {
color: #0073aa;
}
a:hover, a:active, a:focus {
color: #0096dd;
}
@@ -30,6 +27,7 @@ span.wp-media-buttons-icon:before {
.wp-core-ui .button-link {
color: #0073aa;
}
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
color: #0096dd;
}
@@ -61,28 +59,28 @@ input[type=radio]:checked::before {
background: #7e8993;
}
.wp-core-ui input[type=reset]:hover,
.wp-core-ui input[type=reset]:active {
.wp-core-ui input[type="reset"]:hover,
.wp-core-ui input[type="reset"]:active {
color: #0096dd;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=color]:focus,
input[type=date]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
input[type=checkbox]:focus,
input[type=radio]:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus,
select:focus,
textarea:focus {
border-color: #096484;
@@ -94,6 +92,7 @@ textarea:focus {
border-color: #7e8993;
color: #32373c;
}
.wp-core-ui .button.hover,
.wp-core-ui .button:hover,
.wp-core-ui .button.focus,
@@ -101,17 +100,20 @@ textarea:focus {
border-color: #717c87;
color: #262a2e;
}
.wp-core-ui .button.focus,
.wp-core-ui .button:focus {
border-color: #7e8993;
color: #262a2e;
box-shadow: 0 0 0 1px #32373c;
}
.wp-core-ui .button:active {
border-color: #7e8993;
color: #262a2e;
box-shadow: none;
}
.wp-core-ui .button.active,
.wp-core-ui .button.active:focus,
.wp-core-ui .button.active:hover {
@@ -119,20 +121,24 @@ textarea:focus {
color: #262a2e;
box-shadow: inset 0 2px 5px -3px #e1a948;
}
.wp-core-ui .button.active:focus {
box-shadow: 0 0 0 1px #32373c;
}
.wp-core-ui .button,
.wp-core-ui .button-secondary {
color: #096484;
border-color: #096484;
}
.wp-core-ui .button.hover,
.wp-core-ui .button:hover,
.wp-core-ui .button-secondary:hover {
border-color: #064054;
color: #064054;
}
.wp-core-ui .button.focus,
.wp-core-ui .button:focus,
.wp-core-ui .button-secondary:focus {
@@ -140,57 +146,71 @@ textarea:focus {
color: #021c25;
box-shadow: 0 0 0 1px #0c88b4;
}
.wp-core-ui .button-primary:hover {
color: #fff;
}
.wp-core-ui .button-primary {
background: #e1a948;
border-color: #e1a948;
color: #fff;
}
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
background: #e3af55;
border-color: #dfa33b;
color: #fff;
}
.wp-core-ui .button-primary:focus {
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e1a948;
}
.wp-core-ui .button-primary:active {
background: #dd9f32;
border-color: #dd9f32;
color: #fff;
}
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
background: #e1a948;
color: #fff;
border-color: #bd831f;
box-shadow: inset 0 2px 5px -3px #241906;
}
.wp-core-ui .button-group > .button.active {
border-color: #e1a948;
}
.wp-core-ui .wp-ui-primary {
color: #fff;
background-color: #52accc;
}
.wp-core-ui .wp-ui-text-primary {
color: #52accc;
}
.wp-core-ui .wp-ui-highlight {
color: #fff;
background-color: #096484;
}
.wp-core-ui .wp-ui-text-highlight {
color: #096484;
}
.wp-core-ui .wp-ui-notification {
color: #fff;
background-color: #e1a948;
}
.wp-core-ui .wp-ui-text-notification {
color: #e1a948;
}
.wp-core-ui .wp-ui-text-icon {
color: #e5f8ff;
}
@@ -261,12 +281,12 @@ textarea:focus {
#adminmenu .wp-submenu,
#adminmenu .wp-has-current-submenu .wp-submenu,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
.folded #adminmenu .wp-has-current-submenu .wp-submenu,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
background: #4796b3;
}
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
border-right-color: #4796b3;
}
@@ -276,13 +296,17 @@ textarea:focus {
#adminmenu .wp-submenu a,
#adminmenu .wp-has-current-submenu .wp-submenu a,
.folded #adminmenu .wp-has-current-submenu .wp-submenu a,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
color: #e2ecf1;
}
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
.folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
.folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
@@ -296,6 +320,7 @@ textarea:focus {
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
color: #fff;
}
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
@@ -319,7 +344,6 @@ ul#adminmenu > li.current > a.current:after {
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
#adminmenu a.current:hover div.wp-menu-image:before,
#adminmenu li.current div.wp-menu-image:before,
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
#adminmenu li:hover div.wp-menu-image:before,
@@ -329,7 +353,6 @@ ul#adminmenu > li.current > a.current:after {
}
/* Admin Menu: bubble */
#adminmenu .menu-counter,
#adminmenu .awaiting-mod,
#adminmenu .update-plugins {
color: #fff;
@@ -584,11 +607,6 @@ body.more-filters-opened .more-filters:focus:before {
color: #fff;
}
/* Nav Menus */
.nav-menus-php .item-edit:focus:before {
box-shadow: 0 0 0 1px #e8be74, 0 0 2px 1px #e1a948;
}
/* Responsive Component */
div#wp-responsive-toggle a:before {
color: #e5f8ff;
@@ -617,94 +635,105 @@ div#wp-responsive-toggle a:before {
}
/* Customizer */
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
color: #0073aa;
border-left-color: #e1a948;
#customize-controls .control-section:hover > .accordion-section-title,
#customize-controls .control-section .accordion-section-title:hover,
#customize-controls .control-section.open .accordion-section-title,
#customize-controls .control-section .accordion-section-title:focus {
color: #096484;
border-left-color: #096484;
}
.wp-core-ui .customize-controls-close:focus,
.wp-core-ui .customize-controls-close:hover,
.wp-core-ui .customize-controls-preview-toggle:focus,
.wp-core-ui .customize-controls-preview-toggle:hover {
color: #0073aa;
border-top-color: #e1a948;
.customize-controls-close:focus,
.customize-controls-close:hover,
.customize-controls-preview-toggle:focus,
.customize-controls-preview-toggle:hover {
color: #096484;
border-top-color: #096484;
}
.wp-core-ui .customize-panel-back:hover,
.wp-core-ui .customize-panel-back:focus,
.wp-core-ui .customize-section-back:hover,
.wp-core-ui .customize-section-back:focus {
color: #0073aa;
border-left-color: #e1a948;
.customize-panel-back:hover,
.customize-panel-back:focus,
.customize-section-back:hover,
.customize-section-back:focus {
color: #096484;
border-left-color: #096484;
}
.wp-core-ui .customize-screen-options-toggle:hover,
.wp-core-ui .customize-screen-options-toggle:active,
.wp-core-ui .customize-screen-options-toggle:focus,
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
color: #0073aa;
.customize-screen-options-toggle:hover,
.customize-screen-options-toggle:active,
.customize-screen-options-toggle:focus,
.active-menu-screen-options .customize-screen-options-toggle,
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
color: #096484;
}
.wp-core-ui .customize-screen-options-toggle:focus:before,
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
.wp-core-ui .menu-item-bar .item-delete:focus:before,
.wp-core-ui #available-menu-items .item-add:focus:before,
.wp-core-ui #customize-save-button-wrapper .save:focus,
.wp-core-ui #publish-settings:focus {
box-shadow: 0 0 0 1px #e8be74, 0 0 2px 1px #e1a948;
.wp-customizer .menu-item .submitbox .submitdelete:focus,
.customize-screen-options-toggle:focus:before,
#customize-controls .customize-info .customize-help-toggle:focus:before,
.wp-customizer button:focus .toggle-indicator:before,
.menu-delete:focus,
.menu-item-bar .item-delete:focus:before,
#available-menu-items .item-add:focus:before {
box-shadow: 0 0 0 1px #0c88b4, 0 0 2px 1px #096484;
}
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
color: #0073aa;
#customize-controls .customize-info.open .customize-help-toggle,
#customize-controls .customize-info .customize-help-toggle:focus,
#customize-controls .customize-info .customize-help-toggle:hover {
color: #096484;
}
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
border-left-color: #e1a948;
color: #0073aa;
.control-panel-themes .customize-themes-section-title:focus,
.control-panel-themes .customize-themes-section-title:hover {
border-left-color: #096484;
color: #096484;
}
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
background: #e1a948;
.control-panel-themes .theme-section .customize-themes-section-title.selected:after {
background: #096484;
}
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
color: #0073aa;
.control-panel-themes .customize-themes-section-title.selected {
color: #096484;
}
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
color: #0073aa;
#customize-theme-controls .control-section:hover > .accordion-section-title:after,
#customize-theme-controls .control-section .accordion-section-title:hover:after,
#customize-theme-controls .control-section.open .accordion-section-title:after,
#customize-theme-controls .control-section .accordion-section-title:focus:after,
#customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
#customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
#customize-outer-theme-controls .control-section.open .accordion-section-title:after,
#customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
color: #096484;
}
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
.customize-control .attachment-media-view .button-add-media:focus {
background-color: #fbfbfc;
border-color: #e1a948;
border-color: #096484;
border-style: solid;
box-shadow: 0 0 0 1px #e1a948;
box-shadow: 0 0 0 1px #096484;
outline: 2px solid transparent;
}
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
border-bottom-color: #e1a948;
}
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
color: #e1a948;
.wp-full-overlay-footer .devices button:focus,
.wp-full-overlay-footer .devices button.active:hover {
border-bottom-color: #096484;
}
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
color: #e1a948;
color: #096484;
}
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
box-shadow: 0 0 0 1px #e8be74, 0 0 2px 1px #e1a948;
.wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
.wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
box-shadow: 0 0 0 1px #0c88b4, 0 0 2px 1px #096484;
}
.wp-full-overlay-footer .devices button:hover:before,
.wp-full-overlay-footer .devices button:focus:before {
color: #096484;
}
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
border-bottom-color: #e1a948;
color: #0073aa;
}

File diff suppressed because one or more lines are too long

View File

@@ -1,4 +1,3 @@
$scheme-name: "blue";
$base-color: #52accc;
$icon-color: #e5f8ff;
$highlight-color: #096484;
@@ -9,6 +8,4 @@ $menu-submenu-text: #e2ecf1;
$menu-submenu-focus-text: #fff;
$menu-submenu-background: #4796b3;
$dashboard-icon-background: $highlight-color;
@import "../_admin.scss";

View File

@@ -3,10 +3,6 @@
* Button mixin- creates a button effect with correct
* highlights/shadows, based on a base color.
*/
/**
* This function name uses British English to maintain backward compatibility, as developers
* may use the function in their own admin CSS files. See #56811.
*/
body {
background: #f1f1f1;
}
@@ -15,6 +11,7 @@ body {
a {
color: #0073aa;
}
a:hover, a:active, a:focus {
color: #0096dd;
}
@@ -30,6 +27,7 @@ span.wp-media-buttons-icon:before {
.wp-core-ui .button-link {
color: #0073aa;
}
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
color: #0096dd;
}
@@ -61,28 +59,28 @@ input[type=radio]:checked::before {
background: #59524c;
}
.wp-core-ui input[type=reset]:hover,
.wp-core-ui input[type=reset]:active {
.wp-core-ui input[type="reset"]:hover,
.wp-core-ui input[type="reset"]:active {
color: #0096dd;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=color]:focus,
input[type=date]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
input[type=checkbox]:focus,
input[type=radio]:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus,
select:focus,
textarea:focus {
border-color: #c7a589;
@@ -94,6 +92,7 @@ textarea:focus {
border-color: #7e8993;
color: #32373c;
}
.wp-core-ui .button.hover,
.wp-core-ui .button:hover,
.wp-core-ui .button.focus,
@@ -101,17 +100,20 @@ textarea:focus {
border-color: #717c87;
color: #262a2e;
}
.wp-core-ui .button.focus,
.wp-core-ui .button:focus {
border-color: #7e8993;
color: #262a2e;
box-shadow: 0 0 0 1px #32373c;
}
.wp-core-ui .button:active {
border-color: #7e8993;
color: #262a2e;
box-shadow: none;
}
.wp-core-ui .button.active,
.wp-core-ui .button.active:focus,
.wp-core-ui .button.active:hover {
@@ -119,59 +121,73 @@ textarea:focus {
color: #262a2e;
box-shadow: inset 0 2px 5px -3px #c7a589;
}
.wp-core-ui .button.active:focus {
box-shadow: 0 0 0 1px #32373c;
}
.wp-core-ui .button-primary {
background: #c7a589;
border-color: #c7a589;
color: #fff;
}
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
background: #ccad93;
border-color: #c29d7f;
color: #fff;
}
.wp-core-ui .button-primary:focus {
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #c7a589;
}
.wp-core-ui .button-primary:active {
background: #bf9878;
border-color: #bf9878;
color: #fff;
}
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
background: #c7a589;
color: #fff;
border-color: #ae7d55;
box-shadow: inset 0 2px 5px -3px #37271a;
}
.wp-core-ui .button-group > .button.active {
border-color: #c7a589;
}
.wp-core-ui .wp-ui-primary {
color: #fff;
background-color: #59524c;
}
.wp-core-ui .wp-ui-text-primary {
color: #59524c;
}
.wp-core-ui .wp-ui-highlight {
color: #fff;
background-color: #c7a589;
}
.wp-core-ui .wp-ui-text-highlight {
color: #c7a589;
}
.wp-core-ui .wp-ui-notification {
color: #fff;
background-color: #9ea476;
}
.wp-core-ui .wp-ui-text-notification {
color: #9ea476;
}
.wp-core-ui .wp-ui-text-icon {
color: hsl(27.6923076923, 7%, 95%);
color: #f3f2f1;
}
/* List tables */
@@ -200,7 +216,7 @@ textarea:focus {
}
#adminmenu div.wp-menu-image:before {
color: hsl(27.6923076923, 7%, 95%);
color: #f3f2f1;
}
#adminmenu a:hover,
@@ -228,12 +244,12 @@ textarea:focus {
#adminmenu .wp-submenu,
#adminmenu .wp-has-current-submenu .wp-submenu,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
.folded #adminmenu .wp-has-current-submenu .wp-submenu,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
background: #46403c;
}
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
border-left-color: #46403c;
}
@@ -243,13 +259,17 @@ textarea:focus {
#adminmenu .wp-submenu a,
#adminmenu .wp-has-current-submenu .wp-submenu a,
.folded #adminmenu .wp-has-current-submenu .wp-submenu a,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
color: #cdcbc9;
}
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
.folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
.folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
@@ -263,6 +283,7 @@ textarea:focus {
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
color: #fff;
}
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
@@ -286,7 +307,6 @@ ul#adminmenu > li.current > a.current:after {
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
#adminmenu a.current:hover div.wp-menu-image:before,
#adminmenu li.current div.wp-menu-image:before,
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
#adminmenu li:hover div.wp-menu-image:before,
@@ -296,7 +316,6 @@ ul#adminmenu > li.current > a.current:after {
}
/* Admin Menu: bubble */
#adminmenu .menu-counter,
#adminmenu .awaiting-mod,
#adminmenu .update-plugins {
color: #fff;
@@ -313,7 +332,7 @@ ul#adminmenu > li.current > a.current:after {
/* Admin Menu: collapse button */
#collapse-button {
color: hsl(27.6923076923, 7%, 95%);
color: #f3f2f1;
}
#collapse-button:hover,
@@ -338,7 +357,7 @@ ul#adminmenu > li.current > a.current:after {
#wpadminbar .ab-icon:before,
#wpadminbar .ab-item:before,
#wpadminbar .ab-item:after {
color: hsl(27.6923076923, 7%, 95%);
color: #f3f2f1;
}
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
@@ -360,7 +379,7 @@ ul#adminmenu > li.current > a.current:after {
#wpadminbar:not(.mobile) li:hover .ab-item:before,
#wpadminbar:not(.mobile) li:hover .ab-item:after,
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
color: #c7a589;
color: #fff;
}
/* Admin Bar: submenu */
@@ -382,7 +401,7 @@ ul#adminmenu > li.current > a.current:after {
#wpadminbar .quicklinks li .blavatar,
#wpadminbar .menupop .menupop > .ab-item:before {
color: hsl(27.6923076923, 7%, 95%);
color: #f3f2f1;
}
#wpadminbar .quicklinks .menupop ul li a:hover,
@@ -417,12 +436,12 @@ ul#adminmenu > li.current > a.current:after {
#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
color: hsl(27.6923076923, 7%, 95%);
color: #f3f2f1;
}
/* Admin Bar: search */
#wpadminbar #adminbarsearch:before {
color: hsl(27.6923076923, 7%, 95%);
color: #f3f2f1;
}
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
@@ -551,14 +570,9 @@ body.more-filters-opened .more-filters:focus:before {
color: #fff;
}
/* Nav Menus */
.nav-menus-php .item-edit:focus:before {
box-shadow: 0 0 0 1px #d7bfac, 0 0 2px 1px #c7a589;
}
/* Responsive Component */
div#wp-responsive-toggle a:before {
color: hsl(27.6923076923, 7%, 95%);
color: #f3f2f1;
}
.wp-responsive-open div#wp-responsive-toggle a {
@@ -571,7 +585,7 @@ div#wp-responsive-toggle a:before {
}
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
color: hsl(27.6923076923, 7%, 95%);
color: #f3f2f1;
}
/* TinyMCE */
@@ -584,94 +598,105 @@ div#wp-responsive-toggle a:before {
}
/* Customizer */
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
color: #0073aa;
#customize-controls .control-section:hover > .accordion-section-title,
#customize-controls .control-section .accordion-section-title:hover,
#customize-controls .control-section.open .accordion-section-title,
#customize-controls .control-section .accordion-section-title:focus {
color: #c7a589;
border-right-color: #c7a589;
}
.wp-core-ui .customize-controls-close:focus,
.wp-core-ui .customize-controls-close:hover,
.wp-core-ui .customize-controls-preview-toggle:focus,
.wp-core-ui .customize-controls-preview-toggle:hover {
color: #0073aa;
.customize-controls-close:focus,
.customize-controls-close:hover,
.customize-controls-preview-toggle:focus,
.customize-controls-preview-toggle:hover {
color: #c7a589;
border-top-color: #c7a589;
}
.wp-core-ui .customize-panel-back:hover,
.wp-core-ui .customize-panel-back:focus,
.wp-core-ui .customize-section-back:hover,
.wp-core-ui .customize-section-back:focus {
color: #0073aa;
.customize-panel-back:hover,
.customize-panel-back:focus,
.customize-section-back:hover,
.customize-section-back:focus {
color: #c7a589;
border-right-color: #c7a589;
}
.wp-core-ui .customize-screen-options-toggle:hover,
.wp-core-ui .customize-screen-options-toggle:active,
.wp-core-ui .customize-screen-options-toggle:focus,
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
color: #0073aa;
.customize-screen-options-toggle:hover,
.customize-screen-options-toggle:active,
.customize-screen-options-toggle:focus,
.active-menu-screen-options .customize-screen-options-toggle,
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
color: #c7a589;
}
.wp-core-ui .customize-screen-options-toggle:focus:before,
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
.wp-core-ui .menu-item-bar .item-delete:focus:before,
.wp-core-ui #available-menu-items .item-add:focus:before,
.wp-core-ui #customize-save-button-wrapper .save:focus,
.wp-core-ui #publish-settings:focus {
.wp-customizer .menu-item .submitbox .submitdelete:focus,
.customize-screen-options-toggle:focus:before,
#customize-controls .customize-info .customize-help-toggle:focus:before,
.wp-customizer button:focus .toggle-indicator:before,
.menu-delete:focus,
.menu-item-bar .item-delete:focus:before,
#available-menu-items .item-add:focus:before {
box-shadow: 0 0 0 1px #d7bfac, 0 0 2px 1px #c7a589;
}
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
color: #0073aa;
#customize-controls .customize-info.open .customize-help-toggle,
#customize-controls .customize-info .customize-help-toggle:focus,
#customize-controls .customize-info .customize-help-toggle:hover {
color: #c7a589;
}
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
.control-panel-themes .customize-themes-section-title:focus,
.control-panel-themes .customize-themes-section-title:hover {
border-right-color: #c7a589;
color: #0073aa;
color: #c7a589;
}
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
.control-panel-themes .theme-section .customize-themes-section-title.selected:after {
background: #c7a589;
}
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
color: #0073aa;
.control-panel-themes .customize-themes-section-title.selected {
color: #c7a589;
}
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
color: #0073aa;
#customize-theme-controls .control-section:hover > .accordion-section-title:after,
#customize-theme-controls .control-section .accordion-section-title:hover:after,
#customize-theme-controls .control-section.open .accordion-section-title:after,
#customize-theme-controls .control-section .accordion-section-title:focus:after,
#customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
#customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
#customize-outer-theme-controls .control-section.open .accordion-section-title:after,
#customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
color: #c7a589;
}
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
.customize-control .attachment-media-view .button-add-media:focus {
background-color: #fbfbfc;
border-color: #c7a589;
border-style: solid;
box-shadow: 0 0 0 1px #c7a589;
outline: 2px solid transparent;
}
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
.wp-full-overlay-footer .devices button:focus,
.wp-full-overlay-footer .devices button.active:hover {
border-bottom-color: #c7a589;
}
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
color: #c7a589;
}
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
color: #c7a589;
}
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
.wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
.wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
box-shadow: 0 0 0 1px #d7bfac, 0 0 2px 1px #c7a589;
}
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
border-bottom-color: #c7a589;
color: #0073aa;
}
.wp-full-overlay-footer .devices button:hover:before,
.wp-full-overlay-footer .devices button:focus:before {
color: #c7a589;
}

File diff suppressed because one or more lines are too long

View File

@@ -3,10 +3,6 @@
* Button mixin- creates a button effect with correct
* highlights/shadows, based on a base color.
*/
/**
* This function name uses British English to maintain backward compatibility, as developers
* may use the function in their own admin CSS files. See #56811.
*/
body {
background: #f1f1f1;
}
@@ -15,6 +11,7 @@ body {
a {
color: #0073aa;
}
a:hover, a:active, a:focus {
color: #0096dd;
}
@@ -30,6 +27,7 @@ span.wp-media-buttons-icon:before {
.wp-core-ui .button-link {
color: #0073aa;
}
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
color: #0096dd;
}
@@ -61,28 +59,28 @@ input[type=radio]:checked::before {
background: #59524c;
}
.wp-core-ui input[type=reset]:hover,
.wp-core-ui input[type=reset]:active {
.wp-core-ui input[type="reset"]:hover,
.wp-core-ui input[type="reset"]:active {
color: #0096dd;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=color]:focus,
input[type=date]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
input[type=checkbox]:focus,
input[type=radio]:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus,
select:focus,
textarea:focus {
border-color: #c7a589;
@@ -94,6 +92,7 @@ textarea:focus {
border-color: #7e8993;
color: #32373c;
}
.wp-core-ui .button.hover,
.wp-core-ui .button:hover,
.wp-core-ui .button.focus,
@@ -101,17 +100,20 @@ textarea:focus {
border-color: #717c87;
color: #262a2e;
}
.wp-core-ui .button.focus,
.wp-core-ui .button:focus {
border-color: #7e8993;
color: #262a2e;
box-shadow: 0 0 0 1px #32373c;
}
.wp-core-ui .button:active {
border-color: #7e8993;
color: #262a2e;
box-shadow: none;
}
.wp-core-ui .button.active,
.wp-core-ui .button.active:focus,
.wp-core-ui .button.active:hover {
@@ -119,59 +121,73 @@ textarea:focus {
color: #262a2e;
box-shadow: inset 0 2px 5px -3px #c7a589;
}
.wp-core-ui .button.active:focus {
box-shadow: 0 0 0 1px #32373c;
}
.wp-core-ui .button-primary {
background: #c7a589;
border-color: #c7a589;
color: #fff;
}
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
background: #ccad93;
border-color: #c29d7f;
color: #fff;
}
.wp-core-ui .button-primary:focus {
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #c7a589;
}
.wp-core-ui .button-primary:active {
background: #bf9878;
border-color: #bf9878;
color: #fff;
}
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
background: #c7a589;
color: #fff;
border-color: #ae7d55;
box-shadow: inset 0 2px 5px -3px #37271a;
}
.wp-core-ui .button-group > .button.active {
border-color: #c7a589;
}
.wp-core-ui .wp-ui-primary {
color: #fff;
background-color: #59524c;
}
.wp-core-ui .wp-ui-text-primary {
color: #59524c;
}
.wp-core-ui .wp-ui-highlight {
color: #fff;
background-color: #c7a589;
}
.wp-core-ui .wp-ui-text-highlight {
color: #c7a589;
}
.wp-core-ui .wp-ui-notification {
color: #fff;
background-color: #9ea476;
}
.wp-core-ui .wp-ui-text-notification {
color: #9ea476;
}
.wp-core-ui .wp-ui-text-icon {
color: hsl(27.6923076923, 7%, 95%);
color: #f3f2f1;
}
/* List tables */
@@ -200,7 +216,7 @@ textarea:focus {
}
#adminmenu div.wp-menu-image:before {
color: hsl(27.6923076923, 7%, 95%);
color: #f3f2f1;
}
#adminmenu a:hover,
@@ -228,12 +244,12 @@ textarea:focus {
#adminmenu .wp-submenu,
#adminmenu .wp-has-current-submenu .wp-submenu,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
.folded #adminmenu .wp-has-current-submenu .wp-submenu,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
background: #46403c;
}
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
border-right-color: #46403c;
}
@@ -243,13 +259,17 @@ textarea:focus {
#adminmenu .wp-submenu a,
#adminmenu .wp-has-current-submenu .wp-submenu a,
.folded #adminmenu .wp-has-current-submenu .wp-submenu a,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
color: #cdcbc9;
}
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
.folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
.folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
@@ -263,6 +283,7 @@ textarea:focus {
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
color: #fff;
}
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
@@ -286,7 +307,6 @@ ul#adminmenu > li.current > a.current:after {
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
#adminmenu a.current:hover div.wp-menu-image:before,
#adminmenu li.current div.wp-menu-image:before,
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
#adminmenu li:hover div.wp-menu-image:before,
@@ -296,7 +316,6 @@ ul#adminmenu > li.current > a.current:after {
}
/* Admin Menu: bubble */
#adminmenu .menu-counter,
#adminmenu .awaiting-mod,
#adminmenu .update-plugins {
color: #fff;
@@ -313,7 +332,7 @@ ul#adminmenu > li.current > a.current:after {
/* Admin Menu: collapse button */
#collapse-button {
color: hsl(27.6923076923, 7%, 95%);
color: #f3f2f1;
}
#collapse-button:hover,
@@ -338,7 +357,7 @@ ul#adminmenu > li.current > a.current:after {
#wpadminbar .ab-icon:before,
#wpadminbar .ab-item:before,
#wpadminbar .ab-item:after {
color: hsl(27.6923076923, 7%, 95%);
color: #f3f2f1;
}
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
@@ -360,7 +379,7 @@ ul#adminmenu > li.current > a.current:after {
#wpadminbar:not(.mobile) li:hover .ab-item:before,
#wpadminbar:not(.mobile) li:hover .ab-item:after,
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
color: #c7a589;
color: #fff;
}
/* Admin Bar: submenu */
@@ -382,7 +401,7 @@ ul#adminmenu > li.current > a.current:after {
#wpadminbar .quicklinks li .blavatar,
#wpadminbar .menupop .menupop > .ab-item:before {
color: hsl(27.6923076923, 7%, 95%);
color: #f3f2f1;
}
#wpadminbar .quicklinks .menupop ul li a:hover,
@@ -417,12 +436,12 @@ ul#adminmenu > li.current > a.current:after {
#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
color: hsl(27.6923076923, 7%, 95%);
color: #f3f2f1;
}
/* Admin Bar: search */
#wpadminbar #adminbarsearch:before {
color: hsl(27.6923076923, 7%, 95%);
color: #f3f2f1;
}
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
@@ -551,14 +570,9 @@ body.more-filters-opened .more-filters:focus:before {
color: #fff;
}
/* Nav Menus */
.nav-menus-php .item-edit:focus:before {
box-shadow: 0 0 0 1px #d7bfac, 0 0 2px 1px #c7a589;
}
/* Responsive Component */
div#wp-responsive-toggle a:before {
color: hsl(27.6923076923, 7%, 95%);
color: #f3f2f1;
}
.wp-responsive-open div#wp-responsive-toggle a {
@@ -571,7 +585,7 @@ div#wp-responsive-toggle a:before {
}
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
color: hsl(27.6923076923, 7%, 95%);
color: #f3f2f1;
}
/* TinyMCE */
@@ -584,94 +598,105 @@ div#wp-responsive-toggle a:before {
}
/* Customizer */
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
color: #0073aa;
#customize-controls .control-section:hover > .accordion-section-title,
#customize-controls .control-section .accordion-section-title:hover,
#customize-controls .control-section.open .accordion-section-title,
#customize-controls .control-section .accordion-section-title:focus {
color: #c7a589;
border-left-color: #c7a589;
}
.wp-core-ui .customize-controls-close:focus,
.wp-core-ui .customize-controls-close:hover,
.wp-core-ui .customize-controls-preview-toggle:focus,
.wp-core-ui .customize-controls-preview-toggle:hover {
color: #0073aa;
.customize-controls-close:focus,
.customize-controls-close:hover,
.customize-controls-preview-toggle:focus,
.customize-controls-preview-toggle:hover {
color: #c7a589;
border-top-color: #c7a589;
}
.wp-core-ui .customize-panel-back:hover,
.wp-core-ui .customize-panel-back:focus,
.wp-core-ui .customize-section-back:hover,
.wp-core-ui .customize-section-back:focus {
color: #0073aa;
.customize-panel-back:hover,
.customize-panel-back:focus,
.customize-section-back:hover,
.customize-section-back:focus {
color: #c7a589;
border-left-color: #c7a589;
}
.wp-core-ui .customize-screen-options-toggle:hover,
.wp-core-ui .customize-screen-options-toggle:active,
.wp-core-ui .customize-screen-options-toggle:focus,
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
color: #0073aa;
.customize-screen-options-toggle:hover,
.customize-screen-options-toggle:active,
.customize-screen-options-toggle:focus,
.active-menu-screen-options .customize-screen-options-toggle,
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
color: #c7a589;
}
.wp-core-ui .customize-screen-options-toggle:focus:before,
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
.wp-core-ui .menu-item-bar .item-delete:focus:before,
.wp-core-ui #available-menu-items .item-add:focus:before,
.wp-core-ui #customize-save-button-wrapper .save:focus,
.wp-core-ui #publish-settings:focus {
.wp-customizer .menu-item .submitbox .submitdelete:focus,
.customize-screen-options-toggle:focus:before,
#customize-controls .customize-info .customize-help-toggle:focus:before,
.wp-customizer button:focus .toggle-indicator:before,
.menu-delete:focus,
.menu-item-bar .item-delete:focus:before,
#available-menu-items .item-add:focus:before {
box-shadow: 0 0 0 1px #d7bfac, 0 0 2px 1px #c7a589;
}
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
color: #0073aa;
#customize-controls .customize-info.open .customize-help-toggle,
#customize-controls .customize-info .customize-help-toggle:focus,
#customize-controls .customize-info .customize-help-toggle:hover {
color: #c7a589;
}
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
.control-panel-themes .customize-themes-section-title:focus,
.control-panel-themes .customize-themes-section-title:hover {
border-left-color: #c7a589;
color: #0073aa;
color: #c7a589;
}
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
.control-panel-themes .theme-section .customize-themes-section-title.selected:after {
background: #c7a589;
}
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
color: #0073aa;
.control-panel-themes .customize-themes-section-title.selected {
color: #c7a589;
}
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
color: #0073aa;
#customize-theme-controls .control-section:hover > .accordion-section-title:after,
#customize-theme-controls .control-section .accordion-section-title:hover:after,
#customize-theme-controls .control-section.open .accordion-section-title:after,
#customize-theme-controls .control-section .accordion-section-title:focus:after,
#customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
#customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
#customize-outer-theme-controls .control-section.open .accordion-section-title:after,
#customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
color: #c7a589;
}
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
.customize-control .attachment-media-view .button-add-media:focus {
background-color: #fbfbfc;
border-color: #c7a589;
border-style: solid;
box-shadow: 0 0 0 1px #c7a589;
outline: 2px solid transparent;
}
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
.wp-full-overlay-footer .devices button:focus,
.wp-full-overlay-footer .devices button.active:hover {
border-bottom-color: #c7a589;
}
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
color: #c7a589;
}
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
color: #c7a589;
}
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
.wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
.wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
box-shadow: 0 0 0 1px #d7bfac, 0 0 2px 1px #c7a589;
}
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
border-bottom-color: #c7a589;
color: #0073aa;
}
.wp-full-overlay-footer .devices button:hover:before,
.wp-full-overlay-footer .devices button:focus:before {
color: #c7a589;
}

File diff suppressed because one or more lines are too long

View File

@@ -1,4 +1,3 @@
$scheme-name: "coffee";
$base-color: #59524c;
$highlight-color: #c7a589;
$notification-color: #9ea476;

View File

@@ -3,10 +3,6 @@
* Button mixin- creates a button effect with correct
* highlights/shadows, based on a base color.
*/
/**
* This function name uses British English to maintain backward compatibility, as developers
* may use the function in their own admin CSS files. See #56811.
*/
body {
background: #f1f1f1;
}
@@ -15,6 +11,7 @@ body {
a {
color: #0073aa;
}
a:hover, a:active, a:focus {
color: #0096dd;
}
@@ -30,6 +27,7 @@ span.wp-media-buttons-icon:before {
.wp-core-ui .button-link {
color: #0073aa;
}
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
color: #0096dd;
}
@@ -61,28 +59,28 @@ input[type=radio]:checked::before {
background: #523f6d;
}
.wp-core-ui input[type=reset]:hover,
.wp-core-ui input[type=reset]:active {
.wp-core-ui input[type="reset"]:hover,
.wp-core-ui input[type="reset"]:active {
color: #0096dd;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=color]:focus,
input[type=date]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
input[type=checkbox]:focus,
input[type=radio]:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus,
select:focus,
textarea:focus {
border-color: #a3b745;
@@ -94,6 +92,7 @@ textarea:focus {
border-color: #7e8993;
color: #32373c;
}
.wp-core-ui .button.hover,
.wp-core-ui .button:hover,
.wp-core-ui .button.focus,
@@ -101,17 +100,20 @@ textarea:focus {
border-color: #717c87;
color: #262a2e;
}
.wp-core-ui .button.focus,
.wp-core-ui .button:focus {
border-color: #7e8993;
color: #262a2e;
box-shadow: 0 0 0 1px #32373c;
}
.wp-core-ui .button:active {
border-color: #7e8993;
color: #262a2e;
box-shadow: none;
}
.wp-core-ui .button.active,
.wp-core-ui .button.active:focus,
.wp-core-ui .button.active:hover {
@@ -119,20 +121,24 @@ textarea:focus {
color: #262a2e;
box-shadow: inset 0 2px 5px -3px #a3b745;
}
.wp-core-ui .button.active:focus {
box-shadow: 0 0 0 1px #32373c;
}
.wp-core-ui .button,
.wp-core-ui .button-secondary {
color: #a3b745;
border-color: #a3b745;
}
.wp-core-ui .button.hover,
.wp-core-ui .button:hover,
.wp-core-ui .button-secondary:hover {
border-color: #829237;
color: #829237;
}
.wp-core-ui .button.focus,
.wp-core-ui .button:focus,
.wp-core-ui .button-secondary:focus {
@@ -140,57 +146,71 @@ textarea:focus {
color: #616d29;
box-shadow: 0 0 0 1px #b6c669;
}
.wp-core-ui .button-primary:hover {
color: #fff;
}
.wp-core-ui .button-primary {
background: #a3b745;
border-color: #a3b745;
color: #fff;
}
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
background: #a9bd4f;
border-color: #99ac41;
color: #fff;
}
.wp-core-ui .button-primary:focus {
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #a3b745;
}
.wp-core-ui .button-primary:active {
background: #93a43e;
border-color: #93a43e;
color: #fff;
}
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
background: #a3b745;
color: #fff;
border-color: #727f30;
box-shadow: inset 0 2px 5px -3px black;
}
.wp-core-ui .button-group > .button.active {
border-color: #a3b745;
}
.wp-core-ui .wp-ui-primary {
color: #fff;
background-color: #523f6d;
}
.wp-core-ui .wp-ui-text-primary {
color: #523f6d;
}
.wp-core-ui .wp-ui-highlight {
color: #fff;
background-color: #a3b745;
}
.wp-core-ui .wp-ui-text-highlight {
color: #a3b745;
}
.wp-core-ui .wp-ui-notification {
color: #fff;
background-color: #d46f15;
}
.wp-core-ui .wp-ui-text-notification {
color: #d46f15;
}
.wp-core-ui .wp-ui-text-icon {
color: #ece6f6;
}
@@ -261,12 +281,12 @@ textarea:focus {
#adminmenu .wp-submenu,
#adminmenu .wp-has-current-submenu .wp-submenu,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
.folded #adminmenu .wp-has-current-submenu .wp-submenu,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
background: #413256;
}
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
border-left-color: #413256;
}
@@ -276,13 +296,17 @@ textarea:focus {
#adminmenu .wp-submenu a,
#adminmenu .wp-has-current-submenu .wp-submenu a,
.folded #adminmenu .wp-has-current-submenu .wp-submenu a,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
color: #cbc5d3;
}
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
.folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
.folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
@@ -296,6 +320,7 @@ textarea:focus {
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
color: #fff;
}
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
@@ -319,7 +344,6 @@ ul#adminmenu > li.current > a.current:after {
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
#adminmenu a.current:hover div.wp-menu-image:before,
#adminmenu li.current div.wp-menu-image:before,
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
#adminmenu li:hover div.wp-menu-image:before,
@@ -329,7 +353,6 @@ ul#adminmenu > li.current > a.current:after {
}
/* Admin Menu: bubble */
#adminmenu .menu-counter,
#adminmenu .awaiting-mod,
#adminmenu .update-plugins {
color: #fff;
@@ -393,7 +416,7 @@ ul#adminmenu > li.current > a.current:after {
#wpadminbar:not(.mobile) li:hover .ab-item:before,
#wpadminbar:not(.mobile) li:hover .ab-item:after,
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
color: #a3b745;
color: #fff;
}
/* Admin Bar: submenu */
@@ -584,11 +607,6 @@ body.more-filters-opened .more-filters:focus:before {
color: #fff;
}
/* Nav Menus */
.nav-menus-php .item-edit:focus:before {
box-shadow: 0 0 0 1px #b6c669, 0 0 2px 1px #a3b745;
}
/* Responsive Component */
div#wp-responsive-toggle a:before {
color: #ece6f6;
@@ -617,94 +635,105 @@ div#wp-responsive-toggle a:before {
}
/* Customizer */
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
color: #0073aa;
#customize-controls .control-section:hover > .accordion-section-title,
#customize-controls .control-section .accordion-section-title:hover,
#customize-controls .control-section.open .accordion-section-title,
#customize-controls .control-section .accordion-section-title:focus {
color: #a3b745;
border-right-color: #a3b745;
}
.wp-core-ui .customize-controls-close:focus,
.wp-core-ui .customize-controls-close:hover,
.wp-core-ui .customize-controls-preview-toggle:focus,
.wp-core-ui .customize-controls-preview-toggle:hover {
color: #0073aa;
.customize-controls-close:focus,
.customize-controls-close:hover,
.customize-controls-preview-toggle:focus,
.customize-controls-preview-toggle:hover {
color: #a3b745;
border-top-color: #a3b745;
}
.wp-core-ui .customize-panel-back:hover,
.wp-core-ui .customize-panel-back:focus,
.wp-core-ui .customize-section-back:hover,
.wp-core-ui .customize-section-back:focus {
color: #0073aa;
.customize-panel-back:hover,
.customize-panel-back:focus,
.customize-section-back:hover,
.customize-section-back:focus {
color: #a3b745;
border-right-color: #a3b745;
}
.wp-core-ui .customize-screen-options-toggle:hover,
.wp-core-ui .customize-screen-options-toggle:active,
.wp-core-ui .customize-screen-options-toggle:focus,
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
color: #0073aa;
.customize-screen-options-toggle:hover,
.customize-screen-options-toggle:active,
.customize-screen-options-toggle:focus,
.active-menu-screen-options .customize-screen-options-toggle,
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
color: #a3b745;
}
.wp-core-ui .customize-screen-options-toggle:focus:before,
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
.wp-core-ui .menu-item-bar .item-delete:focus:before,
.wp-core-ui #available-menu-items .item-add:focus:before,
.wp-core-ui #customize-save-button-wrapper .save:focus,
.wp-core-ui #publish-settings:focus {
.wp-customizer .menu-item .submitbox .submitdelete:focus,
.customize-screen-options-toggle:focus:before,
#customize-controls .customize-info .customize-help-toggle:focus:before,
.wp-customizer button:focus .toggle-indicator:before,
.menu-delete:focus,
.menu-item-bar .item-delete:focus:before,
#available-menu-items .item-add:focus:before {
box-shadow: 0 0 0 1px #b6c669, 0 0 2px 1px #a3b745;
}
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
color: #0073aa;
#customize-controls .customize-info.open .customize-help-toggle,
#customize-controls .customize-info .customize-help-toggle:focus,
#customize-controls .customize-info .customize-help-toggle:hover {
color: #a3b745;
}
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
.control-panel-themes .customize-themes-section-title:focus,
.control-panel-themes .customize-themes-section-title:hover {
border-right-color: #a3b745;
color: #0073aa;
color: #a3b745;
}
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
.control-panel-themes .theme-section .customize-themes-section-title.selected:after {
background: #a3b745;
}
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
color: #0073aa;
.control-panel-themes .customize-themes-section-title.selected {
color: #a3b745;
}
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
color: #0073aa;
#customize-theme-controls .control-section:hover > .accordion-section-title:after,
#customize-theme-controls .control-section .accordion-section-title:hover:after,
#customize-theme-controls .control-section.open .accordion-section-title:after,
#customize-theme-controls .control-section .accordion-section-title:focus:after,
#customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
#customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
#customize-outer-theme-controls .control-section.open .accordion-section-title:after,
#customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
color: #a3b745;
}
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
.customize-control .attachment-media-view .button-add-media:focus {
background-color: #fbfbfc;
border-color: #a3b745;
border-style: solid;
box-shadow: 0 0 0 1px #a3b745;
outline: 2px solid transparent;
}
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
.wp-full-overlay-footer .devices button:focus,
.wp-full-overlay-footer .devices button.active:hover {
border-bottom-color: #a3b745;
}
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
color: #a3b745;
}
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
color: #a3b745;
}
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
.wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
.wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
box-shadow: 0 0 0 1px #b6c669, 0 0 2px 1px #a3b745;
}
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
border-bottom-color: #a3b745;
color: #0073aa;
}
.wp-full-overlay-footer .devices button:hover:before,
.wp-full-overlay-footer .devices button:focus:before {
color: #a3b745;
}

File diff suppressed because one or more lines are too long

View File

@@ -3,10 +3,6 @@
* Button mixin- creates a button effect with correct
* highlights/shadows, based on a base color.
*/
/**
* This function name uses British English to maintain backward compatibility, as developers
* may use the function in their own admin CSS files. See #56811.
*/
body {
background: #f1f1f1;
}
@@ -15,6 +11,7 @@ body {
a {
color: #0073aa;
}
a:hover, a:active, a:focus {
color: #0096dd;
}
@@ -30,6 +27,7 @@ span.wp-media-buttons-icon:before {
.wp-core-ui .button-link {
color: #0073aa;
}
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
color: #0096dd;
}
@@ -61,28 +59,28 @@ input[type=radio]:checked::before {
background: #523f6d;
}
.wp-core-ui input[type=reset]:hover,
.wp-core-ui input[type=reset]:active {
.wp-core-ui input[type="reset"]:hover,
.wp-core-ui input[type="reset"]:active {
color: #0096dd;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=color]:focus,
input[type=date]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
input[type=checkbox]:focus,
input[type=radio]:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus,
select:focus,
textarea:focus {
border-color: #a3b745;
@@ -94,6 +92,7 @@ textarea:focus {
border-color: #7e8993;
color: #32373c;
}
.wp-core-ui .button.hover,
.wp-core-ui .button:hover,
.wp-core-ui .button.focus,
@@ -101,17 +100,20 @@ textarea:focus {
border-color: #717c87;
color: #262a2e;
}
.wp-core-ui .button.focus,
.wp-core-ui .button:focus {
border-color: #7e8993;
color: #262a2e;
box-shadow: 0 0 0 1px #32373c;
}
.wp-core-ui .button:active {
border-color: #7e8993;
color: #262a2e;
box-shadow: none;
}
.wp-core-ui .button.active,
.wp-core-ui .button.active:focus,
.wp-core-ui .button.active:hover {
@@ -119,20 +121,24 @@ textarea:focus {
color: #262a2e;
box-shadow: inset 0 2px 5px -3px #a3b745;
}
.wp-core-ui .button.active:focus {
box-shadow: 0 0 0 1px #32373c;
}
.wp-core-ui .button,
.wp-core-ui .button-secondary {
color: #a3b745;
border-color: #a3b745;
}
.wp-core-ui .button.hover,
.wp-core-ui .button:hover,
.wp-core-ui .button-secondary:hover {
border-color: #829237;
color: #829237;
}
.wp-core-ui .button.focus,
.wp-core-ui .button:focus,
.wp-core-ui .button-secondary:focus {
@@ -140,57 +146,71 @@ textarea:focus {
color: #616d29;
box-shadow: 0 0 0 1px #b6c669;
}
.wp-core-ui .button-primary:hover {
color: #fff;
}
.wp-core-ui .button-primary {
background: #a3b745;
border-color: #a3b745;
color: #fff;
}
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
background: #a9bd4f;
border-color: #99ac41;
color: #fff;
}
.wp-core-ui .button-primary:focus {
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #a3b745;
}
.wp-core-ui .button-primary:active {
background: #93a43e;
border-color: #93a43e;
color: #fff;
}
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
background: #a3b745;
color: #fff;
border-color: #727f30;
box-shadow: inset 0 2px 5px -3px black;
}
.wp-core-ui .button-group > .button.active {
border-color: #a3b745;
}
.wp-core-ui .wp-ui-primary {
color: #fff;
background-color: #523f6d;
}
.wp-core-ui .wp-ui-text-primary {
color: #523f6d;
}
.wp-core-ui .wp-ui-highlight {
color: #fff;
background-color: #a3b745;
}
.wp-core-ui .wp-ui-text-highlight {
color: #a3b745;
}
.wp-core-ui .wp-ui-notification {
color: #fff;
background-color: #d46f15;
}
.wp-core-ui .wp-ui-text-notification {
color: #d46f15;
}
.wp-core-ui .wp-ui-text-icon {
color: #ece6f6;
}
@@ -261,12 +281,12 @@ textarea:focus {
#adminmenu .wp-submenu,
#adminmenu .wp-has-current-submenu .wp-submenu,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
.folded #adminmenu .wp-has-current-submenu .wp-submenu,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
background: #413256;
}
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
border-right-color: #413256;
}
@@ -276,13 +296,17 @@ textarea:focus {
#adminmenu .wp-submenu a,
#adminmenu .wp-has-current-submenu .wp-submenu a,
.folded #adminmenu .wp-has-current-submenu .wp-submenu a,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
color: #cbc5d3;
}
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
.folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
.folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
@@ -296,6 +320,7 @@ textarea:focus {
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
color: #fff;
}
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
@@ -319,7 +344,6 @@ ul#adminmenu > li.current > a.current:after {
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
#adminmenu a.current:hover div.wp-menu-image:before,
#adminmenu li.current div.wp-menu-image:before,
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
#adminmenu li:hover div.wp-menu-image:before,
@@ -329,7 +353,6 @@ ul#adminmenu > li.current > a.current:after {
}
/* Admin Menu: bubble */
#adminmenu .menu-counter,
#adminmenu .awaiting-mod,
#adminmenu .update-plugins {
color: #fff;
@@ -393,7 +416,7 @@ ul#adminmenu > li.current > a.current:after {
#wpadminbar:not(.mobile) li:hover .ab-item:before,
#wpadminbar:not(.mobile) li:hover .ab-item:after,
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
color: #a3b745;
color: #fff;
}
/* Admin Bar: submenu */
@@ -584,11 +607,6 @@ body.more-filters-opened .more-filters:focus:before {
color: #fff;
}
/* Nav Menus */
.nav-menus-php .item-edit:focus:before {
box-shadow: 0 0 0 1px #b6c669, 0 0 2px 1px #a3b745;
}
/* Responsive Component */
div#wp-responsive-toggle a:before {
color: #ece6f6;
@@ -617,94 +635,105 @@ div#wp-responsive-toggle a:before {
}
/* Customizer */
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
color: #0073aa;
#customize-controls .control-section:hover > .accordion-section-title,
#customize-controls .control-section .accordion-section-title:hover,
#customize-controls .control-section.open .accordion-section-title,
#customize-controls .control-section .accordion-section-title:focus {
color: #a3b745;
border-left-color: #a3b745;
}
.wp-core-ui .customize-controls-close:focus,
.wp-core-ui .customize-controls-close:hover,
.wp-core-ui .customize-controls-preview-toggle:focus,
.wp-core-ui .customize-controls-preview-toggle:hover {
color: #0073aa;
.customize-controls-close:focus,
.customize-controls-close:hover,
.customize-controls-preview-toggle:focus,
.customize-controls-preview-toggle:hover {
color: #a3b745;
border-top-color: #a3b745;
}
.wp-core-ui .customize-panel-back:hover,
.wp-core-ui .customize-panel-back:focus,
.wp-core-ui .customize-section-back:hover,
.wp-core-ui .customize-section-back:focus {
color: #0073aa;
.customize-panel-back:hover,
.customize-panel-back:focus,
.customize-section-back:hover,
.customize-section-back:focus {
color: #a3b745;
border-left-color: #a3b745;
}
.wp-core-ui .customize-screen-options-toggle:hover,
.wp-core-ui .customize-screen-options-toggle:active,
.wp-core-ui .customize-screen-options-toggle:focus,
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
color: #0073aa;
.customize-screen-options-toggle:hover,
.customize-screen-options-toggle:active,
.customize-screen-options-toggle:focus,
.active-menu-screen-options .customize-screen-options-toggle,
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
color: #a3b745;
}
.wp-core-ui .customize-screen-options-toggle:focus:before,
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
.wp-core-ui .menu-item-bar .item-delete:focus:before,
.wp-core-ui #available-menu-items .item-add:focus:before,
.wp-core-ui #customize-save-button-wrapper .save:focus,
.wp-core-ui #publish-settings:focus {
.wp-customizer .menu-item .submitbox .submitdelete:focus,
.customize-screen-options-toggle:focus:before,
#customize-controls .customize-info .customize-help-toggle:focus:before,
.wp-customizer button:focus .toggle-indicator:before,
.menu-delete:focus,
.menu-item-bar .item-delete:focus:before,
#available-menu-items .item-add:focus:before {
box-shadow: 0 0 0 1px #b6c669, 0 0 2px 1px #a3b745;
}
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
color: #0073aa;
#customize-controls .customize-info.open .customize-help-toggle,
#customize-controls .customize-info .customize-help-toggle:focus,
#customize-controls .customize-info .customize-help-toggle:hover {
color: #a3b745;
}
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
.control-panel-themes .customize-themes-section-title:focus,
.control-panel-themes .customize-themes-section-title:hover {
border-left-color: #a3b745;
color: #0073aa;
color: #a3b745;
}
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
.control-panel-themes .theme-section .customize-themes-section-title.selected:after {
background: #a3b745;
}
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
color: #0073aa;
.control-panel-themes .customize-themes-section-title.selected {
color: #a3b745;
}
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
color: #0073aa;
#customize-theme-controls .control-section:hover > .accordion-section-title:after,
#customize-theme-controls .control-section .accordion-section-title:hover:after,
#customize-theme-controls .control-section.open .accordion-section-title:after,
#customize-theme-controls .control-section .accordion-section-title:focus:after,
#customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
#customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
#customize-outer-theme-controls .control-section.open .accordion-section-title:after,
#customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
color: #a3b745;
}
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
.customize-control .attachment-media-view .button-add-media:focus {
background-color: #fbfbfc;
border-color: #a3b745;
border-style: solid;
box-shadow: 0 0 0 1px #a3b745;
outline: 2px solid transparent;
}
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
.wp-full-overlay-footer .devices button:focus,
.wp-full-overlay-footer .devices button.active:hover {
border-bottom-color: #a3b745;
}
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
color: #a3b745;
}
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
color: #a3b745;
}
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
.wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
.wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
box-shadow: 0 0 0 1px #b6c669, 0 0 2px 1px #a3b745;
}
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
border-bottom-color: #a3b745;
color: #0073aa;
}
.wp-full-overlay-footer .devices button:hover:before,
.wp-full-overlay-footer .devices button:focus:before {
color: #a3b745;
}

File diff suppressed because one or more lines are too long

View File

@@ -1,4 +1,3 @@
$scheme-name: "ectoplasm";
$base-color: #523f6d;
$icon-color: #ece6f6;
$highlight-color: #a3b745;

View File

@@ -3,10 +3,6 @@
* Button mixin- creates a button effect with correct
* highlights/shadows, based on a base color.
*/
/**
* This function name uses British English to maintain backward compatibility, as developers
* may use the function in their own admin CSS files. See #56811.
*/
body {
background: #f5f5f5;
}
@@ -15,6 +11,7 @@ body {
a {
color: #0073aa;
}
a:hover, a:active, a:focus {
color: #0096dd;
}
@@ -30,6 +27,7 @@ span.wp-media-buttons-icon:before {
.wp-core-ui .button-link {
color: #0073aa;
}
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
color: #0096dd;
}
@@ -61,28 +59,28 @@ input[type=radio]:checked::before {
background: #7e8993;
}
.wp-core-ui input[type=reset]:hover,
.wp-core-ui input[type=reset]:active {
.wp-core-ui input[type="reset"]:hover,
.wp-core-ui input[type="reset"]:active {
color: #0096dd;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=color]:focus,
input[type=date]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
input[type=checkbox]:focus,
input[type=radio]:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus,
select:focus,
textarea:focus {
border-color: #04a4cc;
@@ -94,6 +92,7 @@ textarea:focus {
border-color: #7e8993;
color: #32373c;
}
.wp-core-ui .button.hover,
.wp-core-ui .button:hover,
.wp-core-ui .button.focus,
@@ -101,17 +100,20 @@ textarea:focus {
border-color: #717c87;
color: #262a2e;
}
.wp-core-ui .button.focus,
.wp-core-ui .button:focus {
border-color: #7e8993;
color: #262a2e;
box-shadow: 0 0 0 1px #32373c;
}
.wp-core-ui .button:active {
border-color: #7e8993;
color: #262a2e;
box-shadow: none;
}
.wp-core-ui .button.active,
.wp-core-ui .button.active:focus,
.wp-core-ui .button.active:hover {
@@ -119,20 +121,24 @@ textarea:focus {
color: #262a2e;
box-shadow: inset 0 2px 5px -3px #04a4cc;
}
.wp-core-ui .button.active:focus {
box-shadow: 0 0 0 1px #32373c;
}
.wp-core-ui .button,
.wp-core-ui .button-secondary {
color: #04a4cc;
border-color: #04a4cc;
}
.wp-core-ui .button.hover,
.wp-core-ui .button:hover,
.wp-core-ui .button-secondary:hover {
border-color: #037c9a;
color: #037c9a;
}
.wp-core-ui .button.focus,
.wp-core-ui .button:focus,
.wp-core-ui .button-secondary:focus {
@@ -140,57 +146,71 @@ textarea:focus {
color: #025468;
box-shadow: 0 0 0 1px #09cafa;
}
.wp-core-ui .button-primary:hover {
color: #fff;
}
.wp-core-ui .button-primary {
background: #04a4cc;
border-color: #04a4cc;
color: #fff;
}
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
background: #04b0db;
border-color: #0498bd;
color: #fff;
}
.wp-core-ui .button-primary:focus {
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #04a4cc;
}
.wp-core-ui .button-primary:active {
background: #0490b3;
border-color: #0490b3;
color: #fff;
}
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
background: #04a4cc;
color: #fff;
border-color: #036881;
box-shadow: inset 0 2px 5px -3px black;
}
.wp-core-ui .button-group > .button.active {
border-color: #04a4cc;
}
.wp-core-ui .wp-ui-primary {
color: #333;
background-color: #e5e5e5;
}
.wp-core-ui .wp-ui-text-primary {
color: #e5e5e5;
}
.wp-core-ui .wp-ui-highlight {
color: #fff;
background-color: #888;
}
.wp-core-ui .wp-ui-text-highlight {
color: #888;
}
.wp-core-ui .wp-ui-notification {
color: #fff;
background-color: #d64e07;
}
.wp-core-ui .wp-ui-text-notification {
color: #d64e07;
}
.wp-core-ui .wp-ui-text-icon {
color: #999;
}
@@ -261,12 +281,12 @@ textarea:focus {
#adminmenu .wp-submenu,
#adminmenu .wp-has-current-submenu .wp-submenu,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
.folded #adminmenu .wp-has-current-submenu .wp-submenu,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
background: #fff;
}
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
border-left-color: #fff;
}
@@ -276,13 +296,17 @@ textarea:focus {
#adminmenu .wp-submenu a,
#adminmenu .wp-has-current-submenu .wp-submenu a,
.folded #adminmenu .wp-has-current-submenu .wp-submenu a,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
color: #686868;
}
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
.folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
.folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
@@ -296,6 +320,7 @@ textarea:focus {
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
color: #333;
}
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
@@ -319,7 +344,6 @@ ul#adminmenu > li.current > a.current:after {
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
#adminmenu a.current:hover div.wp-menu-image:before,
#adminmenu li.current div.wp-menu-image:before,
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
#adminmenu li:hover div.wp-menu-image:before,
@@ -329,7 +353,6 @@ ul#adminmenu > li.current > a.current:after {
}
/* Admin Menu: bubble */
#adminmenu .menu-counter,
#adminmenu .awaiting-mod,
#adminmenu .update-plugins {
color: #fff;
@@ -393,7 +416,7 @@ ul#adminmenu > li.current > a.current:after {
#wpadminbar:not(.mobile) li:hover .ab-item:before,
#wpadminbar:not(.mobile) li:hover .ab-item:after,
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
color: #04a4cc;
color: #ccc;
}
/* Admin Bar: submenu */
@@ -584,11 +607,6 @@ body.more-filters-opened .more-filters:focus:before {
color: #fff;
}
/* Nav Menus */
.nav-menus-php .item-edit:focus:before {
box-shadow: 0 0 0 1px #09cafa, 0 0 2px 1px #04a4cc;
}
/* Responsive Component */
div#wp-responsive-toggle a:before {
color: #999;
@@ -617,100 +635,123 @@ div#wp-responsive-toggle a:before {
}
/* Customizer */
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
color: #0073aa;
#customize-controls .control-section:hover > .accordion-section-title,
#customize-controls .control-section .accordion-section-title:hover,
#customize-controls .control-section.open .accordion-section-title,
#customize-controls .control-section .accordion-section-title:focus {
color: #04a4cc;
border-right-color: #04a4cc;
}
.wp-core-ui .customize-controls-close:focus,
.wp-core-ui .customize-controls-close:hover,
.wp-core-ui .customize-controls-preview-toggle:focus,
.wp-core-ui .customize-controls-preview-toggle:hover {
color: #0073aa;
.customize-controls-close:focus,
.customize-controls-close:hover,
.customize-controls-preview-toggle:focus,
.customize-controls-preview-toggle:hover {
color: #04a4cc;
border-top-color: #04a4cc;
}
.wp-core-ui .customize-panel-back:hover,
.wp-core-ui .customize-panel-back:focus,
.wp-core-ui .customize-section-back:hover,
.wp-core-ui .customize-section-back:focus {
color: #0073aa;
.customize-panel-back:hover,
.customize-panel-back:focus,
.customize-section-back:hover,
.customize-section-back:focus {
color: #04a4cc;
border-right-color: #04a4cc;
}
.wp-core-ui .customize-screen-options-toggle:hover,
.wp-core-ui .customize-screen-options-toggle:active,
.wp-core-ui .customize-screen-options-toggle:focus,
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
color: #0073aa;
.customize-screen-options-toggle:hover,
.customize-screen-options-toggle:active,
.customize-screen-options-toggle:focus,
.active-menu-screen-options .customize-screen-options-toggle,
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
color: #04a4cc;
}
.wp-core-ui .customize-screen-options-toggle:focus:before,
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
.wp-core-ui .menu-item-bar .item-delete:focus:before,
.wp-core-ui #available-menu-items .item-add:focus:before,
.wp-core-ui #customize-save-button-wrapper .save:focus,
.wp-core-ui #publish-settings:focus {
.wp-customizer .menu-item .submitbox .submitdelete:focus,
.customize-screen-options-toggle:focus:before,
#customize-controls .customize-info .customize-help-toggle:focus:before,
.wp-customizer button:focus .toggle-indicator:before,
.menu-delete:focus,
.menu-item-bar .item-delete:focus:before,
#available-menu-items .item-add:focus:before {
box-shadow: 0 0 0 1px #09cafa, 0 0 2px 1px #04a4cc;
}
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
color: #0073aa;
#customize-controls .customize-info.open .customize-help-toggle,
#customize-controls .customize-info .customize-help-toggle:focus,
#customize-controls .customize-info .customize-help-toggle:hover {
color: #04a4cc;
}
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
.control-panel-themes .customize-themes-section-title:focus,
.control-panel-themes .customize-themes-section-title:hover {
border-right-color: #04a4cc;
color: #0073aa;
color: #04a4cc;
}
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
.control-panel-themes .theme-section .customize-themes-section-title.selected:after {
background: #04a4cc;
}
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
color: #0073aa;
.control-panel-themes .customize-themes-section-title.selected {
color: #04a4cc;
}
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
color: #0073aa;
#customize-theme-controls .control-section:hover > .accordion-section-title:after,
#customize-theme-controls .control-section .accordion-section-title:hover:after,
#customize-theme-controls .control-section.open .accordion-section-title:after,
#customize-theme-controls .control-section .accordion-section-title:focus:after,
#customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
#customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
#customize-outer-theme-controls .control-section.open .accordion-section-title:after,
#customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
color: #04a4cc;
}
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
.customize-control .attachment-media-view .button-add-media:focus {
background-color: #fbfbfc;
border-color: #04a4cc;
border-style: solid;
box-shadow: 0 0 0 1px #04a4cc;
outline: 2px solid transparent;
}
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
.wp-full-overlay-footer .devices button:focus,
.wp-full-overlay-footer .devices button.active:hover {
border-bottom-color: #04a4cc;
}
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
color: #04a4cc;
}
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
color: #04a4cc;
}
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
.wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
.wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
box-shadow: 0 0 0 1px #09cafa, 0 0 2px 1px #04a4cc;
}
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
border-bottom-color: #04a4cc;
color: #0073aa;
.wp-full-overlay-footer .devices button:hover:before,
.wp-full-overlay-footer .devices button:focus:before {
color: #04a4cc;
}
/* temporary fix for admin-bar hover color */
#wpadminbar .ab-top-menu > li:hover > .ab-item,
#wpadminbar .ab-top-menu > li.hover > .ab-item,
#wpadminbar > #wp-toolbar > #wp-admin-bar-root-default li:hover span.ab-label,
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary li.hover span.ab-label,
#wpadminbar .ab-top-menu > li > .ab-item:focus,
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
color: #333;
}
/* Override the theme filter highlight color for this scheme */
.theme-section.current,
.theme-filter.current {
border-bottom-color: #04a4cc;
}
}

File diff suppressed because one or more lines are too long

View File

@@ -3,10 +3,6 @@
* Button mixin- creates a button effect with correct
* highlights/shadows, based on a base color.
*/
/**
* This function name uses British English to maintain backward compatibility, as developers
* may use the function in their own admin CSS files. See #56811.
*/
body {
background: #f5f5f5;
}
@@ -15,6 +11,7 @@ body {
a {
color: #0073aa;
}
a:hover, a:active, a:focus {
color: #0096dd;
}
@@ -30,6 +27,7 @@ span.wp-media-buttons-icon:before {
.wp-core-ui .button-link {
color: #0073aa;
}
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
color: #0096dd;
}
@@ -61,28 +59,28 @@ input[type=radio]:checked::before {
background: #7e8993;
}
.wp-core-ui input[type=reset]:hover,
.wp-core-ui input[type=reset]:active {
.wp-core-ui input[type="reset"]:hover,
.wp-core-ui input[type="reset"]:active {
color: #0096dd;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=color]:focus,
input[type=date]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
input[type=checkbox]:focus,
input[type=radio]:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus,
select:focus,
textarea:focus {
border-color: #04a4cc;
@@ -94,6 +92,7 @@ textarea:focus {
border-color: #7e8993;
color: #32373c;
}
.wp-core-ui .button.hover,
.wp-core-ui .button:hover,
.wp-core-ui .button.focus,
@@ -101,17 +100,20 @@ textarea:focus {
border-color: #717c87;
color: #262a2e;
}
.wp-core-ui .button.focus,
.wp-core-ui .button:focus {
border-color: #7e8993;
color: #262a2e;
box-shadow: 0 0 0 1px #32373c;
}
.wp-core-ui .button:active {
border-color: #7e8993;
color: #262a2e;
box-shadow: none;
}
.wp-core-ui .button.active,
.wp-core-ui .button.active:focus,
.wp-core-ui .button.active:hover {
@@ -119,20 +121,24 @@ textarea:focus {
color: #262a2e;
box-shadow: inset 0 2px 5px -3px #04a4cc;
}
.wp-core-ui .button.active:focus {
box-shadow: 0 0 0 1px #32373c;
}
.wp-core-ui .button,
.wp-core-ui .button-secondary {
color: #04a4cc;
border-color: #04a4cc;
}
.wp-core-ui .button.hover,
.wp-core-ui .button:hover,
.wp-core-ui .button-secondary:hover {
border-color: #037c9a;
color: #037c9a;
}
.wp-core-ui .button.focus,
.wp-core-ui .button:focus,
.wp-core-ui .button-secondary:focus {
@@ -140,57 +146,71 @@ textarea:focus {
color: #025468;
box-shadow: 0 0 0 1px #09cafa;
}
.wp-core-ui .button-primary:hover {
color: #fff;
}
.wp-core-ui .button-primary {
background: #04a4cc;
border-color: #04a4cc;
color: #fff;
}
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
background: #04b0db;
border-color: #0498bd;
color: #fff;
}
.wp-core-ui .button-primary:focus {
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #04a4cc;
}
.wp-core-ui .button-primary:active {
background: #0490b3;
border-color: #0490b3;
color: #fff;
}
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
background: #04a4cc;
color: #fff;
border-color: #036881;
box-shadow: inset 0 2px 5px -3px black;
}
.wp-core-ui .button-group > .button.active {
border-color: #04a4cc;
}
.wp-core-ui .wp-ui-primary {
color: #333;
background-color: #e5e5e5;
}
.wp-core-ui .wp-ui-text-primary {
color: #e5e5e5;
}
.wp-core-ui .wp-ui-highlight {
color: #fff;
background-color: #888;
}
.wp-core-ui .wp-ui-text-highlight {
color: #888;
}
.wp-core-ui .wp-ui-notification {
color: #fff;
background-color: #d64e07;
}
.wp-core-ui .wp-ui-text-notification {
color: #d64e07;
}
.wp-core-ui .wp-ui-text-icon {
color: #999;
}
@@ -261,12 +281,12 @@ textarea:focus {
#adminmenu .wp-submenu,
#adminmenu .wp-has-current-submenu .wp-submenu,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
.folded #adminmenu .wp-has-current-submenu .wp-submenu,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
background: #fff;
}
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
border-right-color: #fff;
}
@@ -276,13 +296,17 @@ textarea:focus {
#adminmenu .wp-submenu a,
#adminmenu .wp-has-current-submenu .wp-submenu a,
.folded #adminmenu .wp-has-current-submenu .wp-submenu a,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
color: #686868;
}
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
.folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
.folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
@@ -296,6 +320,7 @@ textarea:focus {
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
color: #333;
}
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
@@ -319,7 +344,6 @@ ul#adminmenu > li.current > a.current:after {
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
#adminmenu a.current:hover div.wp-menu-image:before,
#adminmenu li.current div.wp-menu-image:before,
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
#adminmenu li:hover div.wp-menu-image:before,
@@ -329,7 +353,6 @@ ul#adminmenu > li.current > a.current:after {
}
/* Admin Menu: bubble */
#adminmenu .menu-counter,
#adminmenu .awaiting-mod,
#adminmenu .update-plugins {
color: #fff;
@@ -393,7 +416,7 @@ ul#adminmenu > li.current > a.current:after {
#wpadminbar:not(.mobile) li:hover .ab-item:before,
#wpadminbar:not(.mobile) li:hover .ab-item:after,
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
color: #04a4cc;
color: #ccc;
}
/* Admin Bar: submenu */
@@ -584,11 +607,6 @@ body.more-filters-opened .more-filters:focus:before {
color: #fff;
}
/* Nav Menus */
.nav-menus-php .item-edit:focus:before {
box-shadow: 0 0 0 1px #09cafa, 0 0 2px 1px #04a4cc;
}
/* Responsive Component */
div#wp-responsive-toggle a:before {
color: #999;
@@ -617,100 +635,123 @@ div#wp-responsive-toggle a:before {
}
/* Customizer */
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
color: #0073aa;
#customize-controls .control-section:hover > .accordion-section-title,
#customize-controls .control-section .accordion-section-title:hover,
#customize-controls .control-section.open .accordion-section-title,
#customize-controls .control-section .accordion-section-title:focus {
color: #04a4cc;
border-left-color: #04a4cc;
}
.wp-core-ui .customize-controls-close:focus,
.wp-core-ui .customize-controls-close:hover,
.wp-core-ui .customize-controls-preview-toggle:focus,
.wp-core-ui .customize-controls-preview-toggle:hover {
color: #0073aa;
.customize-controls-close:focus,
.customize-controls-close:hover,
.customize-controls-preview-toggle:focus,
.customize-controls-preview-toggle:hover {
color: #04a4cc;
border-top-color: #04a4cc;
}
.wp-core-ui .customize-panel-back:hover,
.wp-core-ui .customize-panel-back:focus,
.wp-core-ui .customize-section-back:hover,
.wp-core-ui .customize-section-back:focus {
color: #0073aa;
.customize-panel-back:hover,
.customize-panel-back:focus,
.customize-section-back:hover,
.customize-section-back:focus {
color: #04a4cc;
border-left-color: #04a4cc;
}
.wp-core-ui .customize-screen-options-toggle:hover,
.wp-core-ui .customize-screen-options-toggle:active,
.wp-core-ui .customize-screen-options-toggle:focus,
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
color: #0073aa;
.customize-screen-options-toggle:hover,
.customize-screen-options-toggle:active,
.customize-screen-options-toggle:focus,
.active-menu-screen-options .customize-screen-options-toggle,
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
color: #04a4cc;
}
.wp-core-ui .customize-screen-options-toggle:focus:before,
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
.wp-core-ui .menu-item-bar .item-delete:focus:before,
.wp-core-ui #available-menu-items .item-add:focus:before,
.wp-core-ui #customize-save-button-wrapper .save:focus,
.wp-core-ui #publish-settings:focus {
.wp-customizer .menu-item .submitbox .submitdelete:focus,
.customize-screen-options-toggle:focus:before,
#customize-controls .customize-info .customize-help-toggle:focus:before,
.wp-customizer button:focus .toggle-indicator:before,
.menu-delete:focus,
.menu-item-bar .item-delete:focus:before,
#available-menu-items .item-add:focus:before {
box-shadow: 0 0 0 1px #09cafa, 0 0 2px 1px #04a4cc;
}
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
color: #0073aa;
#customize-controls .customize-info.open .customize-help-toggle,
#customize-controls .customize-info .customize-help-toggle:focus,
#customize-controls .customize-info .customize-help-toggle:hover {
color: #04a4cc;
}
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
.control-panel-themes .customize-themes-section-title:focus,
.control-panel-themes .customize-themes-section-title:hover {
border-left-color: #04a4cc;
color: #0073aa;
color: #04a4cc;
}
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
.control-panel-themes .theme-section .customize-themes-section-title.selected:after {
background: #04a4cc;
}
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
color: #0073aa;
.control-panel-themes .customize-themes-section-title.selected {
color: #04a4cc;
}
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
color: #0073aa;
#customize-theme-controls .control-section:hover > .accordion-section-title:after,
#customize-theme-controls .control-section .accordion-section-title:hover:after,
#customize-theme-controls .control-section.open .accordion-section-title:after,
#customize-theme-controls .control-section .accordion-section-title:focus:after,
#customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
#customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
#customize-outer-theme-controls .control-section.open .accordion-section-title:after,
#customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
color: #04a4cc;
}
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
.customize-control .attachment-media-view .button-add-media:focus {
background-color: #fbfbfc;
border-color: #04a4cc;
border-style: solid;
box-shadow: 0 0 0 1px #04a4cc;
outline: 2px solid transparent;
}
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
.wp-full-overlay-footer .devices button:focus,
.wp-full-overlay-footer .devices button.active:hover {
border-bottom-color: #04a4cc;
}
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
color: #04a4cc;
}
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
color: #04a4cc;
}
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
.wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
.wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
box-shadow: 0 0 0 1px #09cafa, 0 0 2px 1px #04a4cc;
}
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
border-bottom-color: #04a4cc;
color: #0073aa;
.wp-full-overlay-footer .devices button:hover:before,
.wp-full-overlay-footer .devices button:focus:before {
color: #04a4cc;
}
/* temporary fix for admin-bar hover color */
#wpadminbar .ab-top-menu > li:hover > .ab-item,
#wpadminbar .ab-top-menu > li.hover > .ab-item,
#wpadminbar > #wp-toolbar > #wp-admin-bar-root-default li:hover span.ab-label,
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary li.hover span.ab-label,
#wpadminbar .ab-top-menu > li > .ab-item:focus,
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
color: #333;
}
/* Override the theme filter highlight color for this scheme */
.theme-section.current,
.theme-filter.current {
border-bottom-color: #04a4cc;
}
}

File diff suppressed because one or more lines are too long

View File

@@ -1,4 +1,3 @@
$scheme-name: "light";
$base-color: #e5e5e5;
$icon-color: #999;
$text-color: #333;
@@ -18,12 +17,20 @@ $menu-submenu-background: #fff;
$menu-collapse-text: #777;
$menu-collapse-focus-icon: #555;
$dashboard-accent-1: $highlight-color;
$dashboard-accent-2: desaturate( lighten( $highlight-color, 7% ), 15% );
$dashboard-icon-background: $text-color;
@import "../_admin.scss";
/* temporary fix for admin-bar hover color */
#wpadminbar .ab-top-menu > li:hover > .ab-item,
#wpadminbar .ab-top-menu > li.hover > .ab-item,
#wpadminbar > #wp-toolbar > #wp-admin-bar-root-default li:hover span.ab-label,
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary li.hover span.ab-label,
#wpadminbar .ab-top-menu > li > .ab-item:focus,
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
color: $text-color;
}
/* Override the theme filter highlight color for this scheme */
.theme-section.current,
.theme-filter.current {

View File

@@ -3,10 +3,6 @@
* Button mixin- creates a button effect with correct
* highlights/shadows, based on a base color.
*/
/**
* This function name uses British English to maintain backward compatibility, as developers
* may use the function in their own admin CSS files. See #56811.
*/
body {
background: #f1f1f1;
}
@@ -15,6 +11,7 @@ body {
a {
color: #0073aa;
}
a:hover, a:active, a:focus {
color: #0096dd;
}
@@ -30,6 +27,7 @@ span.wp-media-buttons-icon:before {
.wp-core-ui .button-link {
color: #0073aa;
}
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
color: #0096dd;
}
@@ -61,28 +59,28 @@ input[type=radio]:checked::before {
background: #7e8993;
}
.wp-core-ui input[type=reset]:hover,
.wp-core-ui input[type=reset]:active {
.wp-core-ui input[type="reset"]:hover,
.wp-core-ui input[type="reset"]:active {
color: #0096dd;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=color]:focus,
input[type=date]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
input[type=checkbox]:focus,
input[type=radio]:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus,
select:focus,
textarea:focus {
border-color: #e14d43;
@@ -94,6 +92,7 @@ textarea:focus {
border-color: #7e8993;
color: #32373c;
}
.wp-core-ui .button.hover,
.wp-core-ui .button:hover,
.wp-core-ui .button.focus,
@@ -101,17 +100,20 @@ textarea:focus {
border-color: #717c87;
color: #262a2e;
}
.wp-core-ui .button.focus,
.wp-core-ui .button:focus {
border-color: #7e8993;
color: #262a2e;
box-shadow: 0 0 0 1px #32373c;
}
.wp-core-ui .button:active {
border-color: #7e8993;
color: #262a2e;
box-shadow: none;
}
.wp-core-ui .button.active,
.wp-core-ui .button.active:focus,
.wp-core-ui .button.active:hover {
@@ -119,20 +121,24 @@ textarea:focus {
color: #262a2e;
box-shadow: inset 0 2px 5px -3px #e14d43;
}
.wp-core-ui .button.active:focus {
box-shadow: 0 0 0 1px #32373c;
}
.wp-core-ui .button,
.wp-core-ui .button-secondary {
color: #e14d43;
border-color: #e14d43;
}
.wp-core-ui .button.hover,
.wp-core-ui .button:hover,
.wp-core-ui .button-secondary:hover {
border-color: #d02c21;
color: #d02c21;
}
.wp-core-ui .button.focus,
.wp-core-ui .button:focus,
.wp-core-ui .button-secondary:focus {
@@ -140,59 +146,73 @@ textarea:focus {
color: #a4231a;
box-shadow: 0 0 0 1px #e8776f;
}
.wp-core-ui .button-primary:hover {
color: #fff;
}
.wp-core-ui .button-primary {
background: #e14d43;
border-color: #e14d43;
color: #fff;
}
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
background: #e35950;
border-color: #df4136;
color: #fff;
}
.wp-core-ui .button-primary:focus {
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e14d43;
}
.wp-core-ui .button-primary:active {
background: #dd382d;
border-color: #dd382d;
color: #fff;
}
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
background: #e14d43;
color: #fff;
border-color: #ba281e;
box-shadow: inset 0 2px 5px -3px #200705;
}
.wp-core-ui .button-group > .button.active {
border-color: #e14d43;
}
.wp-core-ui .wp-ui-primary {
color: #fff;
background-color: #363b3f;
}
.wp-core-ui .wp-ui-text-primary {
color: #363b3f;
}
.wp-core-ui .wp-ui-highlight {
color: #fff;
background-color: #e14d43;
}
.wp-core-ui .wp-ui-text-highlight {
color: #e14d43;
}
.wp-core-ui .wp-ui-notification {
color: #fff;
background-color: #69a8bb;
}
.wp-core-ui .wp-ui-text-notification {
color: #69a8bb;
}
.wp-core-ui .wp-ui-text-icon {
color: hsl(206.6666666667, 7%, 95%);
color: #f1f2f3;
}
/* List tables */
@@ -233,7 +253,7 @@ textarea:focus {
}
#adminmenu div.wp-menu-image:before {
color: hsl(206.6666666667, 7%, 95%);
color: #f1f2f3;
}
#adminmenu a:hover,
@@ -261,12 +281,12 @@ textarea:focus {
#adminmenu .wp-submenu,
#adminmenu .wp-has-current-submenu .wp-submenu,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
.folded #adminmenu .wp-has-current-submenu .wp-submenu,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
background: #26292c;
}
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
border-left-color: #26292c;
}
@@ -276,13 +296,17 @@ textarea:focus {
#adminmenu .wp-submenu a,
#adminmenu .wp-has-current-submenu .wp-submenu a,
.folded #adminmenu .wp-has-current-submenu .wp-submenu a,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
color: #c3c4c5;
}
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
.folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
.folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
@@ -296,6 +320,7 @@ textarea:focus {
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
color: #fff;
}
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
@@ -319,7 +344,6 @@ ul#adminmenu > li.current > a.current:after {
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
#adminmenu a.current:hover div.wp-menu-image:before,
#adminmenu li.current div.wp-menu-image:before,
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
#adminmenu li:hover div.wp-menu-image:before,
@@ -329,7 +353,6 @@ ul#adminmenu > li.current > a.current:after {
}
/* Admin Menu: bubble */
#adminmenu .menu-counter,
#adminmenu .awaiting-mod,
#adminmenu .update-plugins {
color: #fff;
@@ -346,7 +369,7 @@ ul#adminmenu > li.current > a.current:after {
/* Admin Menu: collapse button */
#collapse-button {
color: hsl(206.6666666667, 7%, 95%);
color: #f1f2f3;
}
#collapse-button:hover,
@@ -371,7 +394,7 @@ ul#adminmenu > li.current > a.current:after {
#wpadminbar .ab-icon:before,
#wpadminbar .ab-item:before,
#wpadminbar .ab-item:after {
color: hsl(206.6666666667, 7%, 95%);
color: #f1f2f3;
}
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
@@ -393,7 +416,7 @@ ul#adminmenu > li.current > a.current:after {
#wpadminbar:not(.mobile) li:hover .ab-item:before,
#wpadminbar:not(.mobile) li:hover .ab-item:after,
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
color: #e14d43;
color: #fff;
}
/* Admin Bar: submenu */
@@ -415,7 +438,7 @@ ul#adminmenu > li.current > a.current:after {
#wpadminbar .quicklinks li .blavatar,
#wpadminbar .menupop .menupop > .ab-item:before {
color: hsl(206.6666666667, 7%, 95%);
color: #f1f2f3;
}
#wpadminbar .quicklinks .menupop ul li a:hover,
@@ -450,12 +473,12 @@ ul#adminmenu > li.current > a.current:after {
#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
color: hsl(206.6666666667, 7%, 95%);
color: #f1f2f3;
}
/* Admin Bar: search */
#wpadminbar #adminbarsearch:before {
color: hsl(206.6666666667, 7%, 95%);
color: #f1f2f3;
}
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
@@ -584,14 +607,9 @@ body.more-filters-opened .more-filters:focus:before {
color: #fff;
}
/* Nav Menus */
.nav-menus-php .item-edit:focus:before {
box-shadow: 0 0 0 1px #e8776f, 0 0 2px 1px #e14d43;
}
/* Responsive Component */
div#wp-responsive-toggle a:before {
color: hsl(206.6666666667, 7%, 95%);
color: #f1f2f3;
}
.wp-responsive-open div#wp-responsive-toggle a {
@@ -604,7 +622,7 @@ div#wp-responsive-toggle a:before {
}
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
color: hsl(206.6666666667, 7%, 95%);
color: #f1f2f3;
}
/* TinyMCE */
@@ -617,94 +635,105 @@ div#wp-responsive-toggle a:before {
}
/* Customizer */
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
color: #0073aa;
#customize-controls .control-section:hover > .accordion-section-title,
#customize-controls .control-section .accordion-section-title:hover,
#customize-controls .control-section.open .accordion-section-title,
#customize-controls .control-section .accordion-section-title:focus {
color: #e14d43;
border-right-color: #e14d43;
}
.wp-core-ui .customize-controls-close:focus,
.wp-core-ui .customize-controls-close:hover,
.wp-core-ui .customize-controls-preview-toggle:focus,
.wp-core-ui .customize-controls-preview-toggle:hover {
color: #0073aa;
.customize-controls-close:focus,
.customize-controls-close:hover,
.customize-controls-preview-toggle:focus,
.customize-controls-preview-toggle:hover {
color: #e14d43;
border-top-color: #e14d43;
}
.wp-core-ui .customize-panel-back:hover,
.wp-core-ui .customize-panel-back:focus,
.wp-core-ui .customize-section-back:hover,
.wp-core-ui .customize-section-back:focus {
color: #0073aa;
.customize-panel-back:hover,
.customize-panel-back:focus,
.customize-section-back:hover,
.customize-section-back:focus {
color: #e14d43;
border-right-color: #e14d43;
}
.wp-core-ui .customize-screen-options-toggle:hover,
.wp-core-ui .customize-screen-options-toggle:active,
.wp-core-ui .customize-screen-options-toggle:focus,
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
color: #0073aa;
.customize-screen-options-toggle:hover,
.customize-screen-options-toggle:active,
.customize-screen-options-toggle:focus,
.active-menu-screen-options .customize-screen-options-toggle,
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
color: #e14d43;
}
.wp-core-ui .customize-screen-options-toggle:focus:before,
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
.wp-core-ui .menu-item-bar .item-delete:focus:before,
.wp-core-ui #available-menu-items .item-add:focus:before,
.wp-core-ui #customize-save-button-wrapper .save:focus,
.wp-core-ui #publish-settings:focus {
.wp-customizer .menu-item .submitbox .submitdelete:focus,
.customize-screen-options-toggle:focus:before,
#customize-controls .customize-info .customize-help-toggle:focus:before,
.wp-customizer button:focus .toggle-indicator:before,
.menu-delete:focus,
.menu-item-bar .item-delete:focus:before,
#available-menu-items .item-add:focus:before {
box-shadow: 0 0 0 1px #e8776f, 0 0 2px 1px #e14d43;
}
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
color: #0073aa;
#customize-controls .customize-info.open .customize-help-toggle,
#customize-controls .customize-info .customize-help-toggle:focus,
#customize-controls .customize-info .customize-help-toggle:hover {
color: #e14d43;
}
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
.control-panel-themes .customize-themes-section-title:focus,
.control-panel-themes .customize-themes-section-title:hover {
border-right-color: #e14d43;
color: #0073aa;
color: #e14d43;
}
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
.control-panel-themes .theme-section .customize-themes-section-title.selected:after {
background: #e14d43;
}
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
color: #0073aa;
.control-panel-themes .customize-themes-section-title.selected {
color: #e14d43;
}
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
color: #0073aa;
#customize-theme-controls .control-section:hover > .accordion-section-title:after,
#customize-theme-controls .control-section .accordion-section-title:hover:after,
#customize-theme-controls .control-section.open .accordion-section-title:after,
#customize-theme-controls .control-section .accordion-section-title:focus:after,
#customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
#customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
#customize-outer-theme-controls .control-section.open .accordion-section-title:after,
#customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
color: #e14d43;
}
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
.customize-control .attachment-media-view .button-add-media:focus {
background-color: #fbfbfc;
border-color: #e14d43;
border-style: solid;
box-shadow: 0 0 0 1px #e14d43;
outline: 2px solid transparent;
}
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
.wp-full-overlay-footer .devices button:focus,
.wp-full-overlay-footer .devices button.active:hover {
border-bottom-color: #e14d43;
}
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
color: #e14d43;
}
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
color: #e14d43;
}
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
.wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
.wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
box-shadow: 0 0 0 1px #e8776f, 0 0 2px 1px #e14d43;
}
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
border-bottom-color: #e14d43;
color: #0073aa;
}
.wp-full-overlay-footer .devices button:hover:before,
.wp-full-overlay-footer .devices button:focus:before {
color: #e14d43;
}

File diff suppressed because one or more lines are too long

View File

@@ -3,10 +3,6 @@
* Button mixin- creates a button effect with correct
* highlights/shadows, based on a base color.
*/
/**
* This function name uses British English to maintain backward compatibility, as developers
* may use the function in their own admin CSS files. See #56811.
*/
body {
background: #f1f1f1;
}
@@ -15,6 +11,7 @@ body {
a {
color: #0073aa;
}
a:hover, a:active, a:focus {
color: #0096dd;
}
@@ -30,6 +27,7 @@ span.wp-media-buttons-icon:before {
.wp-core-ui .button-link {
color: #0073aa;
}
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
color: #0096dd;
}
@@ -61,28 +59,28 @@ input[type=radio]:checked::before {
background: #7e8993;
}
.wp-core-ui input[type=reset]:hover,
.wp-core-ui input[type=reset]:active {
.wp-core-ui input[type="reset"]:hover,
.wp-core-ui input[type="reset"]:active {
color: #0096dd;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=color]:focus,
input[type=date]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
input[type=checkbox]:focus,
input[type=radio]:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus,
select:focus,
textarea:focus {
border-color: #e14d43;
@@ -94,6 +92,7 @@ textarea:focus {
border-color: #7e8993;
color: #32373c;
}
.wp-core-ui .button.hover,
.wp-core-ui .button:hover,
.wp-core-ui .button.focus,
@@ -101,17 +100,20 @@ textarea:focus {
border-color: #717c87;
color: #262a2e;
}
.wp-core-ui .button.focus,
.wp-core-ui .button:focus {
border-color: #7e8993;
color: #262a2e;
box-shadow: 0 0 0 1px #32373c;
}
.wp-core-ui .button:active {
border-color: #7e8993;
color: #262a2e;
box-shadow: none;
}
.wp-core-ui .button.active,
.wp-core-ui .button.active:focus,
.wp-core-ui .button.active:hover {
@@ -119,20 +121,24 @@ textarea:focus {
color: #262a2e;
box-shadow: inset 0 2px 5px -3px #e14d43;
}
.wp-core-ui .button.active:focus {
box-shadow: 0 0 0 1px #32373c;
}
.wp-core-ui .button,
.wp-core-ui .button-secondary {
color: #e14d43;
border-color: #e14d43;
}
.wp-core-ui .button.hover,
.wp-core-ui .button:hover,
.wp-core-ui .button-secondary:hover {
border-color: #d02c21;
color: #d02c21;
}
.wp-core-ui .button.focus,
.wp-core-ui .button:focus,
.wp-core-ui .button-secondary:focus {
@@ -140,59 +146,73 @@ textarea:focus {
color: #a4231a;
box-shadow: 0 0 0 1px #e8776f;
}
.wp-core-ui .button-primary:hover {
color: #fff;
}
.wp-core-ui .button-primary {
background: #e14d43;
border-color: #e14d43;
color: #fff;
}
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
background: #e35950;
border-color: #df4136;
color: #fff;
}
.wp-core-ui .button-primary:focus {
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e14d43;
}
.wp-core-ui .button-primary:active {
background: #dd382d;
border-color: #dd382d;
color: #fff;
}
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
background: #e14d43;
color: #fff;
border-color: #ba281e;
box-shadow: inset 0 2px 5px -3px #200705;
}
.wp-core-ui .button-group > .button.active {
border-color: #e14d43;
}
.wp-core-ui .wp-ui-primary {
color: #fff;
background-color: #363b3f;
}
.wp-core-ui .wp-ui-text-primary {
color: #363b3f;
}
.wp-core-ui .wp-ui-highlight {
color: #fff;
background-color: #e14d43;
}
.wp-core-ui .wp-ui-text-highlight {
color: #e14d43;
}
.wp-core-ui .wp-ui-notification {
color: #fff;
background-color: #69a8bb;
}
.wp-core-ui .wp-ui-text-notification {
color: #69a8bb;
}
.wp-core-ui .wp-ui-text-icon {
color: hsl(206.6666666667, 7%, 95%);
color: #f1f2f3;
}
/* List tables */
@@ -233,7 +253,7 @@ textarea:focus {
}
#adminmenu div.wp-menu-image:before {
color: hsl(206.6666666667, 7%, 95%);
color: #f1f2f3;
}
#adminmenu a:hover,
@@ -261,12 +281,12 @@ textarea:focus {
#adminmenu .wp-submenu,
#adminmenu .wp-has-current-submenu .wp-submenu,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
.folded #adminmenu .wp-has-current-submenu .wp-submenu,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
background: #26292c;
}
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
border-right-color: #26292c;
}
@@ -276,13 +296,17 @@ textarea:focus {
#adminmenu .wp-submenu a,
#adminmenu .wp-has-current-submenu .wp-submenu a,
.folded #adminmenu .wp-has-current-submenu .wp-submenu a,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
color: #c3c4c5;
}
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
.folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
.folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
@@ -296,6 +320,7 @@ textarea:focus {
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
color: #fff;
}
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
@@ -319,7 +344,6 @@ ul#adminmenu > li.current > a.current:after {
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
#adminmenu a.current:hover div.wp-menu-image:before,
#adminmenu li.current div.wp-menu-image:before,
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
#adminmenu li:hover div.wp-menu-image:before,
@@ -329,7 +353,6 @@ ul#adminmenu > li.current > a.current:after {
}
/* Admin Menu: bubble */
#adminmenu .menu-counter,
#adminmenu .awaiting-mod,
#adminmenu .update-plugins {
color: #fff;
@@ -346,7 +369,7 @@ ul#adminmenu > li.current > a.current:after {
/* Admin Menu: collapse button */
#collapse-button {
color: hsl(206.6666666667, 7%, 95%);
color: #f1f2f3;
}
#collapse-button:hover,
@@ -371,7 +394,7 @@ ul#adminmenu > li.current > a.current:after {
#wpadminbar .ab-icon:before,
#wpadminbar .ab-item:before,
#wpadminbar .ab-item:after {
color: hsl(206.6666666667, 7%, 95%);
color: #f1f2f3;
}
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
@@ -393,7 +416,7 @@ ul#adminmenu > li.current > a.current:after {
#wpadminbar:not(.mobile) li:hover .ab-item:before,
#wpadminbar:not(.mobile) li:hover .ab-item:after,
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
color: #e14d43;
color: #fff;
}
/* Admin Bar: submenu */
@@ -415,7 +438,7 @@ ul#adminmenu > li.current > a.current:after {
#wpadminbar .quicklinks li .blavatar,
#wpadminbar .menupop .menupop > .ab-item:before {
color: hsl(206.6666666667, 7%, 95%);
color: #f1f2f3;
}
#wpadminbar .quicklinks .menupop ul li a:hover,
@@ -450,12 +473,12 @@ ul#adminmenu > li.current > a.current:after {
#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
color: hsl(206.6666666667, 7%, 95%);
color: #f1f2f3;
}
/* Admin Bar: search */
#wpadminbar #adminbarsearch:before {
color: hsl(206.6666666667, 7%, 95%);
color: #f1f2f3;
}
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
@@ -584,14 +607,9 @@ body.more-filters-opened .more-filters:focus:before {
color: #fff;
}
/* Nav Menus */
.nav-menus-php .item-edit:focus:before {
box-shadow: 0 0 0 1px #e8776f, 0 0 2px 1px #e14d43;
}
/* Responsive Component */
div#wp-responsive-toggle a:before {
color: hsl(206.6666666667, 7%, 95%);
color: #f1f2f3;
}
.wp-responsive-open div#wp-responsive-toggle a {
@@ -604,7 +622,7 @@ div#wp-responsive-toggle a:before {
}
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
color: hsl(206.6666666667, 7%, 95%);
color: #f1f2f3;
}
/* TinyMCE */
@@ -617,94 +635,105 @@ div#wp-responsive-toggle a:before {
}
/* Customizer */
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
color: #0073aa;
#customize-controls .control-section:hover > .accordion-section-title,
#customize-controls .control-section .accordion-section-title:hover,
#customize-controls .control-section.open .accordion-section-title,
#customize-controls .control-section .accordion-section-title:focus {
color: #e14d43;
border-left-color: #e14d43;
}
.wp-core-ui .customize-controls-close:focus,
.wp-core-ui .customize-controls-close:hover,
.wp-core-ui .customize-controls-preview-toggle:focus,
.wp-core-ui .customize-controls-preview-toggle:hover {
color: #0073aa;
.customize-controls-close:focus,
.customize-controls-close:hover,
.customize-controls-preview-toggle:focus,
.customize-controls-preview-toggle:hover {
color: #e14d43;
border-top-color: #e14d43;
}
.wp-core-ui .customize-panel-back:hover,
.wp-core-ui .customize-panel-back:focus,
.wp-core-ui .customize-section-back:hover,
.wp-core-ui .customize-section-back:focus {
color: #0073aa;
.customize-panel-back:hover,
.customize-panel-back:focus,
.customize-section-back:hover,
.customize-section-back:focus {
color: #e14d43;
border-left-color: #e14d43;
}
.wp-core-ui .customize-screen-options-toggle:hover,
.wp-core-ui .customize-screen-options-toggle:active,
.wp-core-ui .customize-screen-options-toggle:focus,
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
color: #0073aa;
.customize-screen-options-toggle:hover,
.customize-screen-options-toggle:active,
.customize-screen-options-toggle:focus,
.active-menu-screen-options .customize-screen-options-toggle,
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
color: #e14d43;
}
.wp-core-ui .customize-screen-options-toggle:focus:before,
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
.wp-core-ui .menu-item-bar .item-delete:focus:before,
.wp-core-ui #available-menu-items .item-add:focus:before,
.wp-core-ui #customize-save-button-wrapper .save:focus,
.wp-core-ui #publish-settings:focus {
.wp-customizer .menu-item .submitbox .submitdelete:focus,
.customize-screen-options-toggle:focus:before,
#customize-controls .customize-info .customize-help-toggle:focus:before,
.wp-customizer button:focus .toggle-indicator:before,
.menu-delete:focus,
.menu-item-bar .item-delete:focus:before,
#available-menu-items .item-add:focus:before {
box-shadow: 0 0 0 1px #e8776f, 0 0 2px 1px #e14d43;
}
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
color: #0073aa;
#customize-controls .customize-info.open .customize-help-toggle,
#customize-controls .customize-info .customize-help-toggle:focus,
#customize-controls .customize-info .customize-help-toggle:hover {
color: #e14d43;
}
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
.control-panel-themes .customize-themes-section-title:focus,
.control-panel-themes .customize-themes-section-title:hover {
border-left-color: #e14d43;
color: #0073aa;
color: #e14d43;
}
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
.control-panel-themes .theme-section .customize-themes-section-title.selected:after {
background: #e14d43;
}
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
color: #0073aa;
.control-panel-themes .customize-themes-section-title.selected {
color: #e14d43;
}
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
color: #0073aa;
#customize-theme-controls .control-section:hover > .accordion-section-title:after,
#customize-theme-controls .control-section .accordion-section-title:hover:after,
#customize-theme-controls .control-section.open .accordion-section-title:after,
#customize-theme-controls .control-section .accordion-section-title:focus:after,
#customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
#customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
#customize-outer-theme-controls .control-section.open .accordion-section-title:after,
#customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
color: #e14d43;
}
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
.customize-control .attachment-media-view .button-add-media:focus {
background-color: #fbfbfc;
border-color: #e14d43;
border-style: solid;
box-shadow: 0 0 0 1px #e14d43;
outline: 2px solid transparent;
}
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
.wp-full-overlay-footer .devices button:focus,
.wp-full-overlay-footer .devices button.active:hover {
border-bottom-color: #e14d43;
}
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
color: #e14d43;
}
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
color: #e14d43;
}
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
.wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
.wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
box-shadow: 0 0 0 1px #e8776f, 0 0 2px 1px #e14d43;
}
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
border-bottom-color: #e14d43;
color: #0073aa;
}
.wp-full-overlay-footer .devices button:hover:before,
.wp-full-overlay-footer .devices button:focus:before {
color: #e14d43;
}

File diff suppressed because one or more lines are too long

View File

@@ -1,8 +1,5 @@
$scheme-name: "midnight";
$base-color: #363b3f;
$highlight-color: #e14d43;
$notification-color: #69a8bb;
$dashboard-accent-2: mix($base-color, $notification-color, 90%);
@import "../_admin.scss";

View File

@@ -3,10 +3,6 @@
* Button mixin- creates a button effect with correct
* highlights/shadows, based on a base color.
*/
/**
* This function name uses British English to maintain backward compatibility, as developers
* may use the function in their own admin CSS files. See #56811.
*/
body {
background: #f1f1f1;
}
@@ -15,6 +11,7 @@ body {
a {
color: #3858e9;
}
a:hover, a:active, a:focus {
color: #183ad6;
}
@@ -30,6 +27,7 @@ span.wp-media-buttons-icon:before {
.wp-core-ui .button-link {
color: #3858e9;
}
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
color: #183ad6;
}
@@ -61,28 +59,28 @@ input[type=radio]:checked::before {
background: #7e8993;
}
.wp-core-ui input[type=reset]:hover,
.wp-core-ui input[type=reset]:active {
.wp-core-ui input[type="reset"]:hover,
.wp-core-ui input[type="reset"]:active {
color: #183ad6;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=color]:focus,
input[type=date]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
input[type=checkbox]:focus,
input[type=radio]:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus,
select:focus,
textarea:focus {
border-color: #3858e9;
@@ -94,6 +92,7 @@ textarea:focus {
border-color: #7e8993;
color: #32373c;
}
.wp-core-ui .button.hover,
.wp-core-ui .button:hover,
.wp-core-ui .button.focus,
@@ -101,17 +100,20 @@ textarea:focus {
border-color: #717c87;
color: #262a2e;
}
.wp-core-ui .button.focus,
.wp-core-ui .button:focus {
border-color: #7e8993;
color: #262a2e;
box-shadow: 0 0 0 1px #32373c;
}
.wp-core-ui .button:active {
border-color: #7e8993;
color: #262a2e;
box-shadow: none;
}
.wp-core-ui .button.active,
.wp-core-ui .button.active:focus,
.wp-core-ui .button.active:hover {
@@ -119,20 +121,24 @@ textarea:focus {
color: #262a2e;
box-shadow: inset 0 2px 5px -3px #3858e9;
}
.wp-core-ui .button.active:focus {
box-shadow: 0 0 0 1px #32373c;
}
.wp-core-ui .button,
.wp-core-ui .button-secondary {
color: #3858e9;
border-color: #3858e9;
}
.wp-core-ui .button.hover,
.wp-core-ui .button:hover,
.wp-core-ui .button-secondary:hover {
border-color: #183ad6;
color: #183ad6;
}
.wp-core-ui .button.focus,
.wp-core-ui .button:focus,
.wp-core-ui .button-secondary:focus {
@@ -140,59 +146,73 @@ textarea:focus {
color: #132ea8;
box-shadow: 0 0 0 1px #667fee;
}
.wp-core-ui .button-primary:hover {
color: #fff;
}
.wp-core-ui .button-primary {
background: #3858e9;
border-color: #3858e9;
color: #fff;
}
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
background: #4664eb;
border-color: #2a4ce7;
color: #fff;
}
.wp-core-ui .button-primary:focus {
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #3858e9;
}
.wp-core-ui .button-primary:active {
background: #2145e6;
border-color: #2145e6;
color: #fff;
}
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
background: #3858e9;
color: #fff;
border-color: #1534bf;
box-shadow: inset 0 2px 5px -3px #03081f;
}
.wp-core-ui .button-group > .button.active {
border-color: #3858e9;
}
.wp-core-ui .wp-ui-primary {
color: #fff;
background-color: #1e1e1e;
}
.wp-core-ui .wp-ui-text-primary {
color: #1e1e1e;
}
.wp-core-ui .wp-ui-highlight {
color: #fff;
background-color: #3858e9;
}
.wp-core-ui .wp-ui-text-highlight {
color: #3858e9;
}
.wp-core-ui .wp-ui-notification {
color: #fff;
background-color: #3858e9;
}
.wp-core-ui .wp-ui-text-notification {
color: #3858e9;
}
.wp-core-ui .wp-ui-text-icon {
color: hsl(0, 7%, 95%);
color: #f3f1f1;
}
/* List tables */
@@ -233,7 +253,7 @@ textarea:focus {
}
#adminmenu div.wp-menu-image:before {
color: hsl(0, 7%, 95%);
color: #f3f1f1;
}
#adminmenu a:hover,
@@ -261,12 +281,12 @@ textarea:focus {
#adminmenu .wp-submenu,
#adminmenu .wp-has-current-submenu .wp-submenu,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
.folded #adminmenu .wp-has-current-submenu .wp-submenu,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
background: #0c0c0c;
}
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
border-left-color: #0c0c0c;
}
@@ -276,13 +296,17 @@ textarea:focus {
#adminmenu .wp-submenu a,
#adminmenu .wp-has-current-submenu .wp-submenu a,
.folded #adminmenu .wp-has-current-submenu .wp-submenu a,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
color: #bcbcbc;
}
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
.folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
.folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
@@ -296,6 +320,7 @@ textarea:focus {
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
color: #fff;
}
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
@@ -319,7 +344,6 @@ ul#adminmenu > li.current > a.current:after {
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
#adminmenu a.current:hover div.wp-menu-image:before,
#adminmenu li.current div.wp-menu-image:before,
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
#adminmenu li:hover div.wp-menu-image:before,
@@ -329,7 +353,6 @@ ul#adminmenu > li.current > a.current:after {
}
/* Admin Menu: bubble */
#adminmenu .menu-counter,
#adminmenu .awaiting-mod,
#adminmenu .update-plugins {
color: #fff;
@@ -346,7 +369,7 @@ ul#adminmenu > li.current > a.current:after {
/* Admin Menu: collapse button */
#collapse-button {
color: hsl(0, 7%, 95%);
color: #f3f1f1;
}
#collapse-button:hover,
@@ -371,7 +394,7 @@ ul#adminmenu > li.current > a.current:after {
#wpadminbar .ab-icon:before,
#wpadminbar .ab-item:before,
#wpadminbar .ab-item:after {
color: hsl(0, 7%, 95%);
color: #f3f1f1;
}
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
@@ -393,7 +416,7 @@ ul#adminmenu > li.current > a.current:after {
#wpadminbar:not(.mobile) li:hover .ab-item:before,
#wpadminbar:not(.mobile) li:hover .ab-item:after,
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
color: #33f078;
color: #fff;
}
/* Admin Bar: submenu */
@@ -415,7 +438,7 @@ ul#adminmenu > li.current > a.current:after {
#wpadminbar .quicklinks li .blavatar,
#wpadminbar .menupop .menupop > .ab-item:before {
color: hsl(0, 7%, 95%);
color: #f3f1f1;
}
#wpadminbar .quicklinks .menupop ul li a:hover,
@@ -450,12 +473,12 @@ ul#adminmenu > li.current > a.current:after {
#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
color: hsl(0, 7%, 95%);
color: #f3f1f1;
}
/* Admin Bar: search */
#wpadminbar #adminbarsearch:before {
color: hsl(0, 7%, 95%);
color: #f3f1f1;
}
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
@@ -584,14 +607,9 @@ body.more-filters-opened .more-filters:focus:before {
color: #fff;
}
/* Nav Menus */
.nav-menus-php .item-edit:focus:before {
box-shadow: 0 0 0 1px #667fee, 0 0 2px 1px #3858e9;
}
/* Responsive Component */
div#wp-responsive-toggle a:before {
color: hsl(0, 7%, 95%);
color: #f3f1f1;
}
.wp-responsive-open div#wp-responsive-toggle a {
@@ -604,7 +622,7 @@ div#wp-responsive-toggle a:before {
}
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
color: hsl(0, 7%, 95%);
color: #f3f1f1;
}
/* TinyMCE */
@@ -617,94 +635,105 @@ div#wp-responsive-toggle a:before {
}
/* Customizer */
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
#customize-controls .control-section:hover > .accordion-section-title,
#customize-controls .control-section .accordion-section-title:hover,
#customize-controls .control-section.open .accordion-section-title,
#customize-controls .control-section .accordion-section-title:focus {
color: #3858e9;
border-right-color: #3858e9;
}
.wp-core-ui .customize-controls-close:focus,
.wp-core-ui .customize-controls-close:hover,
.wp-core-ui .customize-controls-preview-toggle:focus,
.wp-core-ui .customize-controls-preview-toggle:hover {
.customize-controls-close:focus,
.customize-controls-close:hover,
.customize-controls-preview-toggle:focus,
.customize-controls-preview-toggle:hover {
color: #3858e9;
border-top-color: #3858e9;
}
.wp-core-ui .customize-panel-back:hover,
.wp-core-ui .customize-panel-back:focus,
.wp-core-ui .customize-section-back:hover,
.wp-core-ui .customize-section-back:focus {
.customize-panel-back:hover,
.customize-panel-back:focus,
.customize-section-back:hover,
.customize-section-back:focus {
color: #3858e9;
border-right-color: #3858e9;
}
.wp-core-ui .customize-screen-options-toggle:hover,
.wp-core-ui .customize-screen-options-toggle:active,
.wp-core-ui .customize-screen-options-toggle:focus,
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
.customize-screen-options-toggle:hover,
.customize-screen-options-toggle:active,
.customize-screen-options-toggle:focus,
.active-menu-screen-options .customize-screen-options-toggle,
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
color: #3858e9;
}
.wp-core-ui .customize-screen-options-toggle:focus:before,
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
.wp-core-ui .menu-item-bar .item-delete:focus:before,
.wp-core-ui #available-menu-items .item-add:focus:before,
.wp-core-ui #customize-save-button-wrapper .save:focus,
.wp-core-ui #publish-settings:focus {
.wp-customizer .menu-item .submitbox .submitdelete:focus,
.customize-screen-options-toggle:focus:before,
#customize-controls .customize-info .customize-help-toggle:focus:before,
.wp-customizer button:focus .toggle-indicator:before,
.menu-delete:focus,
.menu-item-bar .item-delete:focus:before,
#available-menu-items .item-add:focus:before {
box-shadow: 0 0 0 1px #667fee, 0 0 2px 1px #3858e9;
}
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
#customize-controls .customize-info.open .customize-help-toggle,
#customize-controls .customize-info .customize-help-toggle:focus,
#customize-controls .customize-info .customize-help-toggle:hover {
color: #3858e9;
}
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
.control-panel-themes .customize-themes-section-title:focus,
.control-panel-themes .customize-themes-section-title:hover {
border-right-color: #3858e9;
color: #3858e9;
}
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
.control-panel-themes .theme-section .customize-themes-section-title.selected:after {
background: #3858e9;
}
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
.control-panel-themes .customize-themes-section-title.selected {
color: #3858e9;
}
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
#customize-theme-controls .control-section:hover > .accordion-section-title:after,
#customize-theme-controls .control-section .accordion-section-title:hover:after,
#customize-theme-controls .control-section.open .accordion-section-title:after,
#customize-theme-controls .control-section .accordion-section-title:focus:after,
#customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
#customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
#customize-outer-theme-controls .control-section.open .accordion-section-title:after,
#customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
color: #3858e9;
}
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
.customize-control .attachment-media-view .button-add-media:focus {
background-color: #fbfbfc;
border-color: #3858e9;
border-style: solid;
box-shadow: 0 0 0 1px #3858e9;
outline: 2px solid transparent;
}
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
.wp-full-overlay-footer .devices button:focus,
.wp-full-overlay-footer .devices button.active:hover {
border-bottom-color: #3858e9;
}
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
color: #3858e9;
}
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
color: #3858e9;
}
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
.wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
.wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
box-shadow: 0 0 0 1px #667fee, 0 0 2px 1px #3858e9;
}
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
border-bottom-color: #3858e9;
.wp-full-overlay-footer .devices button:hover:before,
.wp-full-overlay-footer .devices button:focus:before {
color: #3858e9;
}
}

File diff suppressed because one or more lines are too long

View File

@@ -3,10 +3,6 @@
* Button mixin- creates a button effect with correct
* highlights/shadows, based on a base color.
*/
/**
* This function name uses British English to maintain backward compatibility, as developers
* may use the function in their own admin CSS files. See #56811.
*/
body {
background: #f1f1f1;
}
@@ -15,6 +11,7 @@ body {
a {
color: #3858e9;
}
a:hover, a:active, a:focus {
color: #183ad6;
}
@@ -30,6 +27,7 @@ span.wp-media-buttons-icon:before {
.wp-core-ui .button-link {
color: #3858e9;
}
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
color: #183ad6;
}
@@ -61,28 +59,28 @@ input[type=radio]:checked::before {
background: #7e8993;
}
.wp-core-ui input[type=reset]:hover,
.wp-core-ui input[type=reset]:active {
.wp-core-ui input[type="reset"]:hover,
.wp-core-ui input[type="reset"]:active {
color: #183ad6;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=color]:focus,
input[type=date]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
input[type=checkbox]:focus,
input[type=radio]:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus,
select:focus,
textarea:focus {
border-color: #3858e9;
@@ -94,6 +92,7 @@ textarea:focus {
border-color: #7e8993;
color: #32373c;
}
.wp-core-ui .button.hover,
.wp-core-ui .button:hover,
.wp-core-ui .button.focus,
@@ -101,17 +100,20 @@ textarea:focus {
border-color: #717c87;
color: #262a2e;
}
.wp-core-ui .button.focus,
.wp-core-ui .button:focus {
border-color: #7e8993;
color: #262a2e;
box-shadow: 0 0 0 1px #32373c;
}
.wp-core-ui .button:active {
border-color: #7e8993;
color: #262a2e;
box-shadow: none;
}
.wp-core-ui .button.active,
.wp-core-ui .button.active:focus,
.wp-core-ui .button.active:hover {
@@ -119,20 +121,24 @@ textarea:focus {
color: #262a2e;
box-shadow: inset 0 2px 5px -3px #3858e9;
}
.wp-core-ui .button.active:focus {
box-shadow: 0 0 0 1px #32373c;
}
.wp-core-ui .button,
.wp-core-ui .button-secondary {
color: #3858e9;
border-color: #3858e9;
}
.wp-core-ui .button.hover,
.wp-core-ui .button:hover,
.wp-core-ui .button-secondary:hover {
border-color: #183ad6;
color: #183ad6;
}
.wp-core-ui .button.focus,
.wp-core-ui .button:focus,
.wp-core-ui .button-secondary:focus {
@@ -140,59 +146,73 @@ textarea:focus {
color: #132ea8;
box-shadow: 0 0 0 1px #667fee;
}
.wp-core-ui .button-primary:hover {
color: #fff;
}
.wp-core-ui .button-primary {
background: #3858e9;
border-color: #3858e9;
color: #fff;
}
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
background: #4664eb;
border-color: #2a4ce7;
color: #fff;
}
.wp-core-ui .button-primary:focus {
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #3858e9;
}
.wp-core-ui .button-primary:active {
background: #2145e6;
border-color: #2145e6;
color: #fff;
}
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
background: #3858e9;
color: #fff;
border-color: #1534bf;
box-shadow: inset 0 2px 5px -3px #03081f;
}
.wp-core-ui .button-group > .button.active {
border-color: #3858e9;
}
.wp-core-ui .wp-ui-primary {
color: #fff;
background-color: #1e1e1e;
}
.wp-core-ui .wp-ui-text-primary {
color: #1e1e1e;
}
.wp-core-ui .wp-ui-highlight {
color: #fff;
background-color: #3858e9;
}
.wp-core-ui .wp-ui-text-highlight {
color: #3858e9;
}
.wp-core-ui .wp-ui-notification {
color: #fff;
background-color: #3858e9;
}
.wp-core-ui .wp-ui-text-notification {
color: #3858e9;
}
.wp-core-ui .wp-ui-text-icon {
color: hsl(0, 7%, 95%);
color: #f3f1f1;
}
/* List tables */
@@ -233,7 +253,7 @@ textarea:focus {
}
#adminmenu div.wp-menu-image:before {
color: hsl(0, 7%, 95%);
color: #f3f1f1;
}
#adminmenu a:hover,
@@ -261,12 +281,12 @@ textarea:focus {
#adminmenu .wp-submenu,
#adminmenu .wp-has-current-submenu .wp-submenu,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
.folded #adminmenu .wp-has-current-submenu .wp-submenu,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
background: #0c0c0c;
}
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
border-right-color: #0c0c0c;
}
@@ -276,13 +296,17 @@ textarea:focus {
#adminmenu .wp-submenu a,
#adminmenu .wp-has-current-submenu .wp-submenu a,
.folded #adminmenu .wp-has-current-submenu .wp-submenu a,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
color: #bcbcbc;
}
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
.folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
.folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
@@ -296,6 +320,7 @@ textarea:focus {
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
color: #fff;
}
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
@@ -319,7 +344,6 @@ ul#adminmenu > li.current > a.current:after {
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
#adminmenu a.current:hover div.wp-menu-image:before,
#adminmenu li.current div.wp-menu-image:before,
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
#adminmenu li:hover div.wp-menu-image:before,
@@ -329,7 +353,6 @@ ul#adminmenu > li.current > a.current:after {
}
/* Admin Menu: bubble */
#adminmenu .menu-counter,
#adminmenu .awaiting-mod,
#adminmenu .update-plugins {
color: #fff;
@@ -346,7 +369,7 @@ ul#adminmenu > li.current > a.current:after {
/* Admin Menu: collapse button */
#collapse-button {
color: hsl(0, 7%, 95%);
color: #f3f1f1;
}
#collapse-button:hover,
@@ -371,7 +394,7 @@ ul#adminmenu > li.current > a.current:after {
#wpadminbar .ab-icon:before,
#wpadminbar .ab-item:before,
#wpadminbar .ab-item:after {
color: hsl(0, 7%, 95%);
color: #f3f1f1;
}
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
@@ -393,7 +416,7 @@ ul#adminmenu > li.current > a.current:after {
#wpadminbar:not(.mobile) li:hover .ab-item:before,
#wpadminbar:not(.mobile) li:hover .ab-item:after,
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
color: #33f078;
color: #fff;
}
/* Admin Bar: submenu */
@@ -415,7 +438,7 @@ ul#adminmenu > li.current > a.current:after {
#wpadminbar .quicklinks li .blavatar,
#wpadminbar .menupop .menupop > .ab-item:before {
color: hsl(0, 7%, 95%);
color: #f3f1f1;
}
#wpadminbar .quicklinks .menupop ul li a:hover,
@@ -450,12 +473,12 @@ ul#adminmenu > li.current > a.current:after {
#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
color: hsl(0, 7%, 95%);
color: #f3f1f1;
}
/* Admin Bar: search */
#wpadminbar #adminbarsearch:before {
color: hsl(0, 7%, 95%);
color: #f3f1f1;
}
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
@@ -584,14 +607,9 @@ body.more-filters-opened .more-filters:focus:before {
color: #fff;
}
/* Nav Menus */
.nav-menus-php .item-edit:focus:before {
box-shadow: 0 0 0 1px #667fee, 0 0 2px 1px #3858e9;
}
/* Responsive Component */
div#wp-responsive-toggle a:before {
color: hsl(0, 7%, 95%);
color: #f3f1f1;
}
.wp-responsive-open div#wp-responsive-toggle a {
@@ -604,7 +622,7 @@ div#wp-responsive-toggle a:before {
}
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
color: hsl(0, 7%, 95%);
color: #f3f1f1;
}
/* TinyMCE */
@@ -617,94 +635,105 @@ div#wp-responsive-toggle a:before {
}
/* Customizer */
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
#customize-controls .control-section:hover > .accordion-section-title,
#customize-controls .control-section .accordion-section-title:hover,
#customize-controls .control-section.open .accordion-section-title,
#customize-controls .control-section .accordion-section-title:focus {
color: #3858e9;
border-left-color: #3858e9;
}
.wp-core-ui .customize-controls-close:focus,
.wp-core-ui .customize-controls-close:hover,
.wp-core-ui .customize-controls-preview-toggle:focus,
.wp-core-ui .customize-controls-preview-toggle:hover {
.customize-controls-close:focus,
.customize-controls-close:hover,
.customize-controls-preview-toggle:focus,
.customize-controls-preview-toggle:hover {
color: #3858e9;
border-top-color: #3858e9;
}
.wp-core-ui .customize-panel-back:hover,
.wp-core-ui .customize-panel-back:focus,
.wp-core-ui .customize-section-back:hover,
.wp-core-ui .customize-section-back:focus {
.customize-panel-back:hover,
.customize-panel-back:focus,
.customize-section-back:hover,
.customize-section-back:focus {
color: #3858e9;
border-left-color: #3858e9;
}
.wp-core-ui .customize-screen-options-toggle:hover,
.wp-core-ui .customize-screen-options-toggle:active,
.wp-core-ui .customize-screen-options-toggle:focus,
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
.customize-screen-options-toggle:hover,
.customize-screen-options-toggle:active,
.customize-screen-options-toggle:focus,
.active-menu-screen-options .customize-screen-options-toggle,
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
color: #3858e9;
}
.wp-core-ui .customize-screen-options-toggle:focus:before,
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
.wp-core-ui .menu-item-bar .item-delete:focus:before,
.wp-core-ui #available-menu-items .item-add:focus:before,
.wp-core-ui #customize-save-button-wrapper .save:focus,
.wp-core-ui #publish-settings:focus {
.wp-customizer .menu-item .submitbox .submitdelete:focus,
.customize-screen-options-toggle:focus:before,
#customize-controls .customize-info .customize-help-toggle:focus:before,
.wp-customizer button:focus .toggle-indicator:before,
.menu-delete:focus,
.menu-item-bar .item-delete:focus:before,
#available-menu-items .item-add:focus:before {
box-shadow: 0 0 0 1px #667fee, 0 0 2px 1px #3858e9;
}
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
#customize-controls .customize-info.open .customize-help-toggle,
#customize-controls .customize-info .customize-help-toggle:focus,
#customize-controls .customize-info .customize-help-toggle:hover {
color: #3858e9;
}
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
.control-panel-themes .customize-themes-section-title:focus,
.control-panel-themes .customize-themes-section-title:hover {
border-left-color: #3858e9;
color: #3858e9;
}
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
.control-panel-themes .theme-section .customize-themes-section-title.selected:after {
background: #3858e9;
}
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
.control-panel-themes .customize-themes-section-title.selected {
color: #3858e9;
}
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
#customize-theme-controls .control-section:hover > .accordion-section-title:after,
#customize-theme-controls .control-section .accordion-section-title:hover:after,
#customize-theme-controls .control-section.open .accordion-section-title:after,
#customize-theme-controls .control-section .accordion-section-title:focus:after,
#customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
#customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
#customize-outer-theme-controls .control-section.open .accordion-section-title:after,
#customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
color: #3858e9;
}
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
.customize-control .attachment-media-view .button-add-media:focus {
background-color: #fbfbfc;
border-color: #3858e9;
border-style: solid;
box-shadow: 0 0 0 1px #3858e9;
outline: 2px solid transparent;
}
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
.wp-full-overlay-footer .devices button:focus,
.wp-full-overlay-footer .devices button.active:hover {
border-bottom-color: #3858e9;
}
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
color: #3858e9;
}
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
color: #3858e9;
}
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
.wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
.wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
box-shadow: 0 0 0 1px #667fee, 0 0 2px 1px #3858e9;
}
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
border-bottom-color: #3858e9;
.wp-full-overlay-footer .devices button:hover:before,
.wp-full-overlay-footer .devices button:focus:before {
color: #3858e9;
}
}

File diff suppressed because one or more lines are too long

View File

@@ -1,4 +1,3 @@
$scheme-name: "modern";
$base-color: #1e1e1e;
$highlight-color: #3858e9;
$menu-submenu-focus-text: #33f078;
@@ -7,6 +6,4 @@ $notification-color: $highlight-color;
$link: $highlight-color;
$link-focus: darken($highlight-color, 10%);
$custom-welcome-panel: "false";
@import "../_admin.scss";

View File

@@ -3,10 +3,6 @@
* Button mixin- creates a button effect with correct
* highlights/shadows, based on a base color.
*/
/**
* This function name uses British English to maintain backward compatibility, as developers
* may use the function in their own admin CSS files. See #56811.
*/
body {
background: #f1f1f1;
}
@@ -15,6 +11,7 @@ body {
a {
color: #0073aa;
}
a:hover, a:active, a:focus {
color: #0096dd;
}
@@ -30,6 +27,7 @@ span.wp-media-buttons-icon:before {
.wp-core-ui .button-link {
color: #0073aa;
}
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
color: #0096dd;
}
@@ -61,28 +59,28 @@ input[type=radio]:checked::before {
background: #738e96;
}
.wp-core-ui input[type=reset]:hover,
.wp-core-ui input[type=reset]:active {
.wp-core-ui input[type="reset"]:hover,
.wp-core-ui input[type="reset"]:active {
color: #0096dd;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=color]:focus,
input[type=date]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
input[type=checkbox]:focus,
input[type=radio]:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus,
select:focus,
textarea:focus {
border-color: #9ebaa0;
@@ -94,6 +92,7 @@ textarea:focus {
border-color: #7e8993;
color: #32373c;
}
.wp-core-ui .button.hover,
.wp-core-ui .button:hover,
.wp-core-ui .button.focus,
@@ -101,17 +100,20 @@ textarea:focus {
border-color: #717c87;
color: #262a2e;
}
.wp-core-ui .button.focus,
.wp-core-ui .button:focus {
border-color: #7e8993;
color: #262a2e;
box-shadow: 0 0 0 1px #32373c;
}
.wp-core-ui .button:active {
border-color: #7e8993;
color: #262a2e;
box-shadow: none;
}
.wp-core-ui .button.active,
.wp-core-ui .button.active:focus,
.wp-core-ui .button.active:hover {
@@ -119,57 +121,71 @@ textarea:focus {
color: #262a2e;
box-shadow: inset 0 2px 5px -3px #9ebaa0;
}
.wp-core-ui .button.active:focus {
box-shadow: 0 0 0 1px #32373c;
}
.wp-core-ui .button-primary {
background: #9ebaa0;
border-color: #9ebaa0;
color: #fff;
}
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
background: #a7c0a9;
border-color: #95b497;
color: #fff;
}
.wp-core-ui .button-primary:focus {
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #9ebaa0;
}
.wp-core-ui .button-primary:active {
background: #8faf91;
border-color: #8faf91;
color: #fff;
}
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
background: #9ebaa0;
color: #fff;
border-color: #719a74;
box-shadow: inset 0 2px 5px -3px #253426;
}
.wp-core-ui .button-group > .button.active {
border-color: #9ebaa0;
}
.wp-core-ui .wp-ui-primary {
color: #fff;
background-color: #738e96;
}
.wp-core-ui .wp-ui-text-primary {
color: #738e96;
}
.wp-core-ui .wp-ui-highlight {
color: #fff;
background-color: #9ebaa0;
}
.wp-core-ui .wp-ui-text-highlight {
color: #9ebaa0;
}
.wp-core-ui .wp-ui-notification {
color: #fff;
background-color: #aa9d88;
}
.wp-core-ui .wp-ui-text-notification {
color: #aa9d88;
}
.wp-core-ui .wp-ui-text-icon {
color: #f2fcff;
}
@@ -228,12 +244,12 @@ textarea:focus {
#adminmenu .wp-submenu,
#adminmenu .wp-has-current-submenu .wp-submenu,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
.folded #adminmenu .wp-has-current-submenu .wp-submenu,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
background: #627c83;
}
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
border-left-color: #627c83;
}
@@ -243,13 +259,17 @@ textarea:focus {
#adminmenu .wp-submenu a,
#adminmenu .wp-has-current-submenu .wp-submenu a,
.folded #adminmenu .wp-has-current-submenu .wp-submenu a,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
color: #d5dde0;
}
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
.folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
.folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
@@ -263,6 +283,7 @@ textarea:focus {
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
color: #fff;
}
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
@@ -286,7 +307,6 @@ ul#adminmenu > li.current > a.current:after {
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
#adminmenu a.current:hover div.wp-menu-image:before,
#adminmenu li.current div.wp-menu-image:before,
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
#adminmenu li:hover div.wp-menu-image:before,
@@ -296,7 +316,6 @@ ul#adminmenu > li.current > a.current:after {
}
/* Admin Menu: bubble */
#adminmenu .menu-counter,
#adminmenu .awaiting-mod,
#adminmenu .update-plugins {
color: #fff;
@@ -360,7 +379,7 @@ ul#adminmenu > li.current > a.current:after {
#wpadminbar:not(.mobile) li:hover .ab-item:before,
#wpadminbar:not(.mobile) li:hover .ab-item:after,
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
color: #9ebaa0;
color: #fff;
}
/* Admin Bar: submenu */
@@ -551,11 +570,6 @@ body.more-filters-opened .more-filters:focus:before {
color: #fff;
}
/* Nav Menus */
.nav-menus-php .item-edit:focus:before {
box-shadow: 0 0 0 1px #bccfbd, 0 0 2px 1px #9ebaa0;
}
/* Responsive Component */
div#wp-responsive-toggle a:before {
color: #f2fcff;
@@ -584,94 +598,105 @@ div#wp-responsive-toggle a:before {
}
/* Customizer */
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
color: #0073aa;
#customize-controls .control-section:hover > .accordion-section-title,
#customize-controls .control-section .accordion-section-title:hover,
#customize-controls .control-section.open .accordion-section-title,
#customize-controls .control-section .accordion-section-title:focus {
color: #9ebaa0;
border-right-color: #9ebaa0;
}
.wp-core-ui .customize-controls-close:focus,
.wp-core-ui .customize-controls-close:hover,
.wp-core-ui .customize-controls-preview-toggle:focus,
.wp-core-ui .customize-controls-preview-toggle:hover {
color: #0073aa;
.customize-controls-close:focus,
.customize-controls-close:hover,
.customize-controls-preview-toggle:focus,
.customize-controls-preview-toggle:hover {
color: #9ebaa0;
border-top-color: #9ebaa0;
}
.wp-core-ui .customize-panel-back:hover,
.wp-core-ui .customize-panel-back:focus,
.wp-core-ui .customize-section-back:hover,
.wp-core-ui .customize-section-back:focus {
color: #0073aa;
.customize-panel-back:hover,
.customize-panel-back:focus,
.customize-section-back:hover,
.customize-section-back:focus {
color: #9ebaa0;
border-right-color: #9ebaa0;
}
.wp-core-ui .customize-screen-options-toggle:hover,
.wp-core-ui .customize-screen-options-toggle:active,
.wp-core-ui .customize-screen-options-toggle:focus,
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
color: #0073aa;
.customize-screen-options-toggle:hover,
.customize-screen-options-toggle:active,
.customize-screen-options-toggle:focus,
.active-menu-screen-options .customize-screen-options-toggle,
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
color: #9ebaa0;
}
.wp-core-ui .customize-screen-options-toggle:focus:before,
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
.wp-core-ui .menu-item-bar .item-delete:focus:before,
.wp-core-ui #available-menu-items .item-add:focus:before,
.wp-core-ui #customize-save-button-wrapper .save:focus,
.wp-core-ui #publish-settings:focus {
.wp-customizer .menu-item .submitbox .submitdelete:focus,
.customize-screen-options-toggle:focus:before,
#customize-controls .customize-info .customize-help-toggle:focus:before,
.wp-customizer button:focus .toggle-indicator:before,
.menu-delete:focus,
.menu-item-bar .item-delete:focus:before,
#available-menu-items .item-add:focus:before {
box-shadow: 0 0 0 1px #bccfbd, 0 0 2px 1px #9ebaa0;
}
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
color: #0073aa;
#customize-controls .customize-info.open .customize-help-toggle,
#customize-controls .customize-info .customize-help-toggle:focus,
#customize-controls .customize-info .customize-help-toggle:hover {
color: #9ebaa0;
}
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
.control-panel-themes .customize-themes-section-title:focus,
.control-panel-themes .customize-themes-section-title:hover {
border-right-color: #9ebaa0;
color: #0073aa;
color: #9ebaa0;
}
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
.control-panel-themes .theme-section .customize-themes-section-title.selected:after {
background: #9ebaa0;
}
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
color: #0073aa;
.control-panel-themes .customize-themes-section-title.selected {
color: #9ebaa0;
}
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
color: #0073aa;
#customize-theme-controls .control-section:hover > .accordion-section-title:after,
#customize-theme-controls .control-section .accordion-section-title:hover:after,
#customize-theme-controls .control-section.open .accordion-section-title:after,
#customize-theme-controls .control-section .accordion-section-title:focus:after,
#customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
#customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
#customize-outer-theme-controls .control-section.open .accordion-section-title:after,
#customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
color: #9ebaa0;
}
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
.customize-control .attachment-media-view .button-add-media:focus {
background-color: #fbfbfc;
border-color: #9ebaa0;
border-style: solid;
box-shadow: 0 0 0 1px #9ebaa0;
outline: 2px solid transparent;
}
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
.wp-full-overlay-footer .devices button:focus,
.wp-full-overlay-footer .devices button.active:hover {
border-bottom-color: #9ebaa0;
}
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
color: #9ebaa0;
}
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
color: #9ebaa0;
}
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
.wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
.wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
box-shadow: 0 0 0 1px #bccfbd, 0 0 2px 1px #9ebaa0;
}
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
border-bottom-color: #9ebaa0;
color: #0073aa;
}
.wp-full-overlay-footer .devices button:hover:before,
.wp-full-overlay-footer .devices button:focus:before {
color: #9ebaa0;
}

File diff suppressed because one or more lines are too long

View File

@@ -3,10 +3,6 @@
* Button mixin- creates a button effect with correct
* highlights/shadows, based on a base color.
*/
/**
* This function name uses British English to maintain backward compatibility, as developers
* may use the function in their own admin CSS files. See #56811.
*/
body {
background: #f1f1f1;
}
@@ -15,6 +11,7 @@ body {
a {
color: #0073aa;
}
a:hover, a:active, a:focus {
color: #0096dd;
}
@@ -30,6 +27,7 @@ span.wp-media-buttons-icon:before {
.wp-core-ui .button-link {
color: #0073aa;
}
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
color: #0096dd;
}
@@ -61,28 +59,28 @@ input[type=radio]:checked::before {
background: #738e96;
}
.wp-core-ui input[type=reset]:hover,
.wp-core-ui input[type=reset]:active {
.wp-core-ui input[type="reset"]:hover,
.wp-core-ui input[type="reset"]:active {
color: #0096dd;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=color]:focus,
input[type=date]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
input[type=checkbox]:focus,
input[type=radio]:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus,
select:focus,
textarea:focus {
border-color: #9ebaa0;
@@ -94,6 +92,7 @@ textarea:focus {
border-color: #7e8993;
color: #32373c;
}
.wp-core-ui .button.hover,
.wp-core-ui .button:hover,
.wp-core-ui .button.focus,
@@ -101,17 +100,20 @@ textarea:focus {
border-color: #717c87;
color: #262a2e;
}
.wp-core-ui .button.focus,
.wp-core-ui .button:focus {
border-color: #7e8993;
color: #262a2e;
box-shadow: 0 0 0 1px #32373c;
}
.wp-core-ui .button:active {
border-color: #7e8993;
color: #262a2e;
box-shadow: none;
}
.wp-core-ui .button.active,
.wp-core-ui .button.active:focus,
.wp-core-ui .button.active:hover {
@@ -119,57 +121,71 @@ textarea:focus {
color: #262a2e;
box-shadow: inset 0 2px 5px -3px #9ebaa0;
}
.wp-core-ui .button.active:focus {
box-shadow: 0 0 0 1px #32373c;
}
.wp-core-ui .button-primary {
background: #9ebaa0;
border-color: #9ebaa0;
color: #fff;
}
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
background: #a7c0a9;
border-color: #95b497;
color: #fff;
}
.wp-core-ui .button-primary:focus {
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #9ebaa0;
}
.wp-core-ui .button-primary:active {
background: #8faf91;
border-color: #8faf91;
color: #fff;
}
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
background: #9ebaa0;
color: #fff;
border-color: #719a74;
box-shadow: inset 0 2px 5px -3px #253426;
}
.wp-core-ui .button-group > .button.active {
border-color: #9ebaa0;
}
.wp-core-ui .wp-ui-primary {
color: #fff;
background-color: #738e96;
}
.wp-core-ui .wp-ui-text-primary {
color: #738e96;
}
.wp-core-ui .wp-ui-highlight {
color: #fff;
background-color: #9ebaa0;
}
.wp-core-ui .wp-ui-text-highlight {
color: #9ebaa0;
}
.wp-core-ui .wp-ui-notification {
color: #fff;
background-color: #aa9d88;
}
.wp-core-ui .wp-ui-text-notification {
color: #aa9d88;
}
.wp-core-ui .wp-ui-text-icon {
color: #f2fcff;
}
@@ -228,12 +244,12 @@ textarea:focus {
#adminmenu .wp-submenu,
#adminmenu .wp-has-current-submenu .wp-submenu,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
.folded #adminmenu .wp-has-current-submenu .wp-submenu,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
background: #627c83;
}
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
border-right-color: #627c83;
}
@@ -243,13 +259,17 @@ textarea:focus {
#adminmenu .wp-submenu a,
#adminmenu .wp-has-current-submenu .wp-submenu a,
.folded #adminmenu .wp-has-current-submenu .wp-submenu a,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
color: #d5dde0;
}
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
.folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
.folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
@@ -263,6 +283,7 @@ textarea:focus {
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
color: #fff;
}
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
@@ -286,7 +307,6 @@ ul#adminmenu > li.current > a.current:after {
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
#adminmenu a.current:hover div.wp-menu-image:before,
#adminmenu li.current div.wp-menu-image:before,
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
#adminmenu li:hover div.wp-menu-image:before,
@@ -296,7 +316,6 @@ ul#adminmenu > li.current > a.current:after {
}
/* Admin Menu: bubble */
#adminmenu .menu-counter,
#adminmenu .awaiting-mod,
#adminmenu .update-plugins {
color: #fff;
@@ -360,7 +379,7 @@ ul#adminmenu > li.current > a.current:after {
#wpadminbar:not(.mobile) li:hover .ab-item:before,
#wpadminbar:not(.mobile) li:hover .ab-item:after,
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
color: #9ebaa0;
color: #fff;
}
/* Admin Bar: submenu */
@@ -551,11 +570,6 @@ body.more-filters-opened .more-filters:focus:before {
color: #fff;
}
/* Nav Menus */
.nav-menus-php .item-edit:focus:before {
box-shadow: 0 0 0 1px #bccfbd, 0 0 2px 1px #9ebaa0;
}
/* Responsive Component */
div#wp-responsive-toggle a:before {
color: #f2fcff;
@@ -584,94 +598,105 @@ div#wp-responsive-toggle a:before {
}
/* Customizer */
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
color: #0073aa;
#customize-controls .control-section:hover > .accordion-section-title,
#customize-controls .control-section .accordion-section-title:hover,
#customize-controls .control-section.open .accordion-section-title,
#customize-controls .control-section .accordion-section-title:focus {
color: #9ebaa0;
border-left-color: #9ebaa0;
}
.wp-core-ui .customize-controls-close:focus,
.wp-core-ui .customize-controls-close:hover,
.wp-core-ui .customize-controls-preview-toggle:focus,
.wp-core-ui .customize-controls-preview-toggle:hover {
color: #0073aa;
.customize-controls-close:focus,
.customize-controls-close:hover,
.customize-controls-preview-toggle:focus,
.customize-controls-preview-toggle:hover {
color: #9ebaa0;
border-top-color: #9ebaa0;
}
.wp-core-ui .customize-panel-back:hover,
.wp-core-ui .customize-panel-back:focus,
.wp-core-ui .customize-section-back:hover,
.wp-core-ui .customize-section-back:focus {
color: #0073aa;
.customize-panel-back:hover,
.customize-panel-back:focus,
.customize-section-back:hover,
.customize-section-back:focus {
color: #9ebaa0;
border-left-color: #9ebaa0;
}
.wp-core-ui .customize-screen-options-toggle:hover,
.wp-core-ui .customize-screen-options-toggle:active,
.wp-core-ui .customize-screen-options-toggle:focus,
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
color: #0073aa;
.customize-screen-options-toggle:hover,
.customize-screen-options-toggle:active,
.customize-screen-options-toggle:focus,
.active-menu-screen-options .customize-screen-options-toggle,
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
color: #9ebaa0;
}
.wp-core-ui .customize-screen-options-toggle:focus:before,
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
.wp-core-ui .menu-item-bar .item-delete:focus:before,
.wp-core-ui #available-menu-items .item-add:focus:before,
.wp-core-ui #customize-save-button-wrapper .save:focus,
.wp-core-ui #publish-settings:focus {
.wp-customizer .menu-item .submitbox .submitdelete:focus,
.customize-screen-options-toggle:focus:before,
#customize-controls .customize-info .customize-help-toggle:focus:before,
.wp-customizer button:focus .toggle-indicator:before,
.menu-delete:focus,
.menu-item-bar .item-delete:focus:before,
#available-menu-items .item-add:focus:before {
box-shadow: 0 0 0 1px #bccfbd, 0 0 2px 1px #9ebaa0;
}
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
color: #0073aa;
#customize-controls .customize-info.open .customize-help-toggle,
#customize-controls .customize-info .customize-help-toggle:focus,
#customize-controls .customize-info .customize-help-toggle:hover {
color: #9ebaa0;
}
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
.control-panel-themes .customize-themes-section-title:focus,
.control-panel-themes .customize-themes-section-title:hover {
border-left-color: #9ebaa0;
color: #0073aa;
color: #9ebaa0;
}
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
.control-panel-themes .theme-section .customize-themes-section-title.selected:after {
background: #9ebaa0;
}
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
color: #0073aa;
.control-panel-themes .customize-themes-section-title.selected {
color: #9ebaa0;
}
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
color: #0073aa;
#customize-theme-controls .control-section:hover > .accordion-section-title:after,
#customize-theme-controls .control-section .accordion-section-title:hover:after,
#customize-theme-controls .control-section.open .accordion-section-title:after,
#customize-theme-controls .control-section .accordion-section-title:focus:after,
#customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
#customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
#customize-outer-theme-controls .control-section.open .accordion-section-title:after,
#customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
color: #9ebaa0;
}
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
.customize-control .attachment-media-view .button-add-media:focus {
background-color: #fbfbfc;
border-color: #9ebaa0;
border-style: solid;
box-shadow: 0 0 0 1px #9ebaa0;
outline: 2px solid transparent;
}
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
.wp-full-overlay-footer .devices button:focus,
.wp-full-overlay-footer .devices button.active:hover {
border-bottom-color: #9ebaa0;
}
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
color: #9ebaa0;
}
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
color: #9ebaa0;
}
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
.wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
.wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
box-shadow: 0 0 0 1px #bccfbd, 0 0 2px 1px #9ebaa0;
}
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
border-bottom-color: #9ebaa0;
color: #0073aa;
}
.wp-full-overlay-footer .devices button:hover:before,
.wp-full-overlay-footer .devices button:focus:before {
color: #9ebaa0;
}

File diff suppressed because one or more lines are too long

View File

@@ -1,4 +1,3 @@
$scheme-name: "ocean";
$base-color: #738e96;
$icon-color: #f2fcff;
$highlight-color: #9ebaa0;

View File

@@ -3,10 +3,6 @@
* Button mixin- creates a button effect with correct
* highlights/shadows, based on a base color.
*/
/**
* This function name uses British English to maintain backward compatibility, as developers
* may use the function in their own admin CSS files. See #56811.
*/
body {
background: #f1f1f1;
}
@@ -15,6 +11,7 @@ body {
a {
color: #0073aa;
}
a:hover, a:active, a:focus {
color: #0096dd;
}
@@ -30,6 +27,7 @@ span.wp-media-buttons-icon:before {
.wp-core-ui .button-link {
color: #0073aa;
}
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
color: #0096dd;
}
@@ -61,28 +59,28 @@ input[type=radio]:checked::before {
background: #7e8993;
}
.wp-core-ui input[type=reset]:hover,
.wp-core-ui input[type=reset]:active {
.wp-core-ui input[type="reset"]:hover,
.wp-core-ui input[type="reset"]:active {
color: #0096dd;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=color]:focus,
input[type=date]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
input[type=checkbox]:focus,
input[type=radio]:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus,
select:focus,
textarea:focus {
border-color: #dd823b;
@@ -94,6 +92,7 @@ textarea:focus {
border-color: #7e8993;
color: #32373c;
}
.wp-core-ui .button.hover,
.wp-core-ui .button:hover,
.wp-core-ui .button.focus,
@@ -101,17 +100,20 @@ textarea:focus {
border-color: #717c87;
color: #262a2e;
}
.wp-core-ui .button.focus,
.wp-core-ui .button:focus {
border-color: #7e8993;
color: #262a2e;
box-shadow: 0 0 0 1px #32373c;
}
.wp-core-ui .button:active {
border-color: #7e8993;
color: #262a2e;
box-shadow: none;
}
.wp-core-ui .button.active,
.wp-core-ui .button.active:focus,
.wp-core-ui .button.active:hover {
@@ -119,20 +121,24 @@ textarea:focus {
color: #262a2e;
box-shadow: inset 0 2px 5px -3px #dd823b;
}
.wp-core-ui .button.active:focus {
box-shadow: 0 0 0 1px #32373c;
}
.wp-core-ui .button,
.wp-core-ui .button-secondary {
color: #dd823b;
border-color: #dd823b;
}
.wp-core-ui .button.hover,
.wp-core-ui .button:hover,
.wp-core-ui .button-secondary:hover {
border-color: #c36922;
color: #c36922;
}
.wp-core-ui .button.focus,
.wp-core-ui .button:focus,
.wp-core-ui .button-secondary:focus {
@@ -140,59 +146,73 @@ textarea:focus {
color: #98511a;
box-shadow: 0 0 0 1px #e59e66;
}
.wp-core-ui .button-primary:hover {
color: #fff;
}
.wp-core-ui .button-primary {
background: #dd823b;
border-color: #dd823b;
color: #fff;
}
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
background: #df8a48;
border-color: #db7a2e;
color: #fff;
}
.wp-core-ui .button-primary:focus {
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #dd823b;
}
.wp-core-ui .button-primary:active {
background: #d97426;
border-color: #d97426;
color: #fff;
}
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
background: #dd823b;
color: #fff;
border-color: #ad5d1e;
box-shadow: inset 0 2px 5px -3px #150b04;
}
.wp-core-ui .button-group > .button.active {
border-color: #dd823b;
}
.wp-core-ui .wp-ui-primary {
color: #fff;
background-color: #cf4944;
}
.wp-core-ui .wp-ui-text-primary {
color: #cf4944;
}
.wp-core-ui .wp-ui-highlight {
color: #fff;
background-color: #dd823b;
}
.wp-core-ui .wp-ui-text-highlight {
color: #dd823b;
}
.wp-core-ui .wp-ui-notification {
color: #fff;
background-color: #ccaf0b;
}
.wp-core-ui .wp-ui-text-notification {
color: #ccaf0b;
}
.wp-core-ui .wp-ui-text-icon {
color: hsl(2.1582733813, 7%, 95%);
color: #f3f1f1;
}
/* List tables */
@@ -233,7 +253,7 @@ textarea:focus {
}
#adminmenu div.wp-menu-image:before {
color: hsl(2.1582733813, 7%, 95%);
color: #f3f1f1;
}
#adminmenu a:hover,
@@ -261,12 +281,12 @@ textarea:focus {
#adminmenu .wp-submenu,
#adminmenu .wp-has-current-submenu .wp-submenu,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
.folded #adminmenu .wp-has-current-submenu .wp-submenu,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
background: #be3631;
}
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
border-left-color: #be3631;
}
@@ -276,13 +296,17 @@ textarea:focus {
#adminmenu .wp-submenu a,
#adminmenu .wp-has-current-submenu .wp-submenu a,
.folded #adminmenu .wp-has-current-submenu .wp-submenu a,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
color: #f1c8c7;
}
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
.folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
.folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
@@ -296,6 +320,7 @@ textarea:focus {
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
color: #fff;
}
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
@@ -319,7 +344,6 @@ ul#adminmenu > li.current > a.current:after {
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
#adminmenu a.current:hover div.wp-menu-image:before,
#adminmenu li.current div.wp-menu-image:before,
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
#adminmenu li:hover div.wp-menu-image:before,
@@ -329,7 +353,6 @@ ul#adminmenu > li.current > a.current:after {
}
/* Admin Menu: bubble */
#adminmenu .menu-counter,
#adminmenu .awaiting-mod,
#adminmenu .update-plugins {
color: #fff;
@@ -346,7 +369,7 @@ ul#adminmenu > li.current > a.current:after {
/* Admin Menu: collapse button */
#collapse-button {
color: hsl(2.1582733813, 7%, 95%);
color: #f3f1f1;
}
#collapse-button:hover,
@@ -371,7 +394,7 @@ ul#adminmenu > li.current > a.current:after {
#wpadminbar .ab-icon:before,
#wpadminbar .ab-item:before,
#wpadminbar .ab-item:after {
color: hsl(2.1582733813, 7%, 95%);
color: #f3f1f1;
}
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
@@ -393,7 +416,7 @@ ul#adminmenu > li.current > a.current:after {
#wpadminbar:not(.mobile) li:hover .ab-item:before,
#wpadminbar:not(.mobile) li:hover .ab-item:after,
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
color: #f7e3d3;
color: #fff;
}
/* Admin Bar: submenu */
@@ -415,7 +438,7 @@ ul#adminmenu > li.current > a.current:after {
#wpadminbar .quicklinks li .blavatar,
#wpadminbar .menupop .menupop > .ab-item:before {
color: hsl(2.1582733813, 7%, 95%);
color: #f3f1f1;
}
#wpadminbar .quicklinks .menupop ul li a:hover,
@@ -450,12 +473,12 @@ ul#adminmenu > li.current > a.current:after {
#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
color: hsl(2.1582733813, 7%, 95%);
color: #f3f1f1;
}
/* Admin Bar: search */
#wpadminbar #adminbarsearch:before {
color: hsl(2.1582733813, 7%, 95%);
color: #f3f1f1;
}
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
@@ -584,14 +607,9 @@ body.more-filters-opened .more-filters:focus:before {
color: #fff;
}
/* Nav Menus */
.nav-menus-php .item-edit:focus:before {
box-shadow: 0 0 0 1px #e59e66, 0 0 2px 1px #dd823b;
}
/* Responsive Component */
div#wp-responsive-toggle a:before {
color: hsl(2.1582733813, 7%, 95%);
color: #f3f1f1;
}
.wp-responsive-open div#wp-responsive-toggle a {
@@ -604,7 +622,7 @@ div#wp-responsive-toggle a:before {
}
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
color: hsl(2.1582733813, 7%, 95%);
color: #f3f1f1;
}
/* TinyMCE */
@@ -617,94 +635,105 @@ div#wp-responsive-toggle a:before {
}
/* Customizer */
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
color: #0073aa;
#customize-controls .control-section:hover > .accordion-section-title,
#customize-controls .control-section .accordion-section-title:hover,
#customize-controls .control-section.open .accordion-section-title,
#customize-controls .control-section .accordion-section-title:focus {
color: #dd823b;
border-right-color: #dd823b;
}
.wp-core-ui .customize-controls-close:focus,
.wp-core-ui .customize-controls-close:hover,
.wp-core-ui .customize-controls-preview-toggle:focus,
.wp-core-ui .customize-controls-preview-toggle:hover {
color: #0073aa;
.customize-controls-close:focus,
.customize-controls-close:hover,
.customize-controls-preview-toggle:focus,
.customize-controls-preview-toggle:hover {
color: #dd823b;
border-top-color: #dd823b;
}
.wp-core-ui .customize-panel-back:hover,
.wp-core-ui .customize-panel-back:focus,
.wp-core-ui .customize-section-back:hover,
.wp-core-ui .customize-section-back:focus {
color: #0073aa;
.customize-panel-back:hover,
.customize-panel-back:focus,
.customize-section-back:hover,
.customize-section-back:focus {
color: #dd823b;
border-right-color: #dd823b;
}
.wp-core-ui .customize-screen-options-toggle:hover,
.wp-core-ui .customize-screen-options-toggle:active,
.wp-core-ui .customize-screen-options-toggle:focus,
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
color: #0073aa;
.customize-screen-options-toggle:hover,
.customize-screen-options-toggle:active,
.customize-screen-options-toggle:focus,
.active-menu-screen-options .customize-screen-options-toggle,
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
color: #dd823b;
}
.wp-core-ui .customize-screen-options-toggle:focus:before,
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
.wp-core-ui .menu-item-bar .item-delete:focus:before,
.wp-core-ui #available-menu-items .item-add:focus:before,
.wp-core-ui #customize-save-button-wrapper .save:focus,
.wp-core-ui #publish-settings:focus {
.wp-customizer .menu-item .submitbox .submitdelete:focus,
.customize-screen-options-toggle:focus:before,
#customize-controls .customize-info .customize-help-toggle:focus:before,
.wp-customizer button:focus .toggle-indicator:before,
.menu-delete:focus,
.menu-item-bar .item-delete:focus:before,
#available-menu-items .item-add:focus:before {
box-shadow: 0 0 0 1px #e59e66, 0 0 2px 1px #dd823b;
}
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
color: #0073aa;
#customize-controls .customize-info.open .customize-help-toggle,
#customize-controls .customize-info .customize-help-toggle:focus,
#customize-controls .customize-info .customize-help-toggle:hover {
color: #dd823b;
}
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
.control-panel-themes .customize-themes-section-title:focus,
.control-panel-themes .customize-themes-section-title:hover {
border-right-color: #dd823b;
color: #0073aa;
color: #dd823b;
}
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
.control-panel-themes .theme-section .customize-themes-section-title.selected:after {
background: #dd823b;
}
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
color: #0073aa;
.control-panel-themes .customize-themes-section-title.selected {
color: #dd823b;
}
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
color: #0073aa;
#customize-theme-controls .control-section:hover > .accordion-section-title:after,
#customize-theme-controls .control-section .accordion-section-title:hover:after,
#customize-theme-controls .control-section.open .accordion-section-title:after,
#customize-theme-controls .control-section .accordion-section-title:focus:after,
#customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
#customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
#customize-outer-theme-controls .control-section.open .accordion-section-title:after,
#customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
color: #dd823b;
}
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
.customize-control .attachment-media-view .button-add-media:focus {
background-color: #fbfbfc;
border-color: #dd823b;
border-style: solid;
box-shadow: 0 0 0 1px #dd823b;
outline: 2px solid transparent;
}
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
.wp-full-overlay-footer .devices button:focus,
.wp-full-overlay-footer .devices button.active:hover {
border-bottom-color: #dd823b;
}
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
color: #dd823b;
}
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
color: #dd823b;
}
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
.wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
.wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
box-shadow: 0 0 0 1px #e59e66, 0 0 2px 1px #dd823b;
}
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
border-bottom-color: #dd823b;
color: #0073aa;
}
.wp-full-overlay-footer .devices button:hover:before,
.wp-full-overlay-footer .devices button:focus:before {
color: #dd823b;
}

File diff suppressed because one or more lines are too long

View File

@@ -3,10 +3,6 @@
* Button mixin- creates a button effect with correct
* highlights/shadows, based on a base color.
*/
/**
* This function name uses British English to maintain backward compatibility, as developers
* may use the function in their own admin CSS files. See #56811.
*/
body {
background: #f1f1f1;
}
@@ -15,6 +11,7 @@ body {
a {
color: #0073aa;
}
a:hover, a:active, a:focus {
color: #0096dd;
}
@@ -30,6 +27,7 @@ span.wp-media-buttons-icon:before {
.wp-core-ui .button-link {
color: #0073aa;
}
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active, .wp-core-ui .button-link:focus {
color: #0096dd;
}
@@ -61,28 +59,28 @@ input[type=radio]:checked::before {
background: #7e8993;
}
.wp-core-ui input[type=reset]:hover,
.wp-core-ui input[type=reset]:active {
.wp-core-ui input[type="reset"]:hover,
.wp-core-ui input[type="reset"]:active {
color: #0096dd;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=color]:focus,
input[type=date]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
input[type=checkbox]:focus,
input[type=radio]:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus,
select:focus,
textarea:focus {
border-color: #dd823b;
@@ -94,6 +92,7 @@ textarea:focus {
border-color: #7e8993;
color: #32373c;
}
.wp-core-ui .button.hover,
.wp-core-ui .button:hover,
.wp-core-ui .button.focus,
@@ -101,17 +100,20 @@ textarea:focus {
border-color: #717c87;
color: #262a2e;
}
.wp-core-ui .button.focus,
.wp-core-ui .button:focus {
border-color: #7e8993;
color: #262a2e;
box-shadow: 0 0 0 1px #32373c;
}
.wp-core-ui .button:active {
border-color: #7e8993;
color: #262a2e;
box-shadow: none;
}
.wp-core-ui .button.active,
.wp-core-ui .button.active:focus,
.wp-core-ui .button.active:hover {
@@ -119,20 +121,24 @@ textarea:focus {
color: #262a2e;
box-shadow: inset 0 2px 5px -3px #dd823b;
}
.wp-core-ui .button.active:focus {
box-shadow: 0 0 0 1px #32373c;
}
.wp-core-ui .button,
.wp-core-ui .button-secondary {
color: #dd823b;
border-color: #dd823b;
}
.wp-core-ui .button.hover,
.wp-core-ui .button:hover,
.wp-core-ui .button-secondary:hover {
border-color: #c36922;
color: #c36922;
}
.wp-core-ui .button.focus,
.wp-core-ui .button:focus,
.wp-core-ui .button-secondary:focus {
@@ -140,59 +146,73 @@ textarea:focus {
color: #98511a;
box-shadow: 0 0 0 1px #e59e66;
}
.wp-core-ui .button-primary:hover {
color: #fff;
}
.wp-core-ui .button-primary {
background: #dd823b;
border-color: #dd823b;
color: #fff;
}
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
background: #df8a48;
border-color: #db7a2e;
color: #fff;
}
.wp-core-ui .button-primary:focus {
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #dd823b;
}
.wp-core-ui .button-primary:active {
background: #d97426;
border-color: #d97426;
color: #fff;
}
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
background: #dd823b;
color: #fff;
border-color: #ad5d1e;
box-shadow: inset 0 2px 5px -3px #150b04;
}
.wp-core-ui .button-group > .button.active {
border-color: #dd823b;
}
.wp-core-ui .wp-ui-primary {
color: #fff;
background-color: #cf4944;
}
.wp-core-ui .wp-ui-text-primary {
color: #cf4944;
}
.wp-core-ui .wp-ui-highlight {
color: #fff;
background-color: #dd823b;
}
.wp-core-ui .wp-ui-text-highlight {
color: #dd823b;
}
.wp-core-ui .wp-ui-notification {
color: #fff;
background-color: #ccaf0b;
}
.wp-core-ui .wp-ui-text-notification {
color: #ccaf0b;
}
.wp-core-ui .wp-ui-text-icon {
color: hsl(2.1582733813, 7%, 95%);
color: #f3f1f1;
}
/* List tables */
@@ -233,7 +253,7 @@ textarea:focus {
}
#adminmenu div.wp-menu-image:before {
color: hsl(2.1582733813, 7%, 95%);
color: #f3f1f1;
}
#adminmenu a:hover,
@@ -261,12 +281,12 @@ textarea:focus {
#adminmenu .wp-submenu,
#adminmenu .wp-has-current-submenu .wp-submenu,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
.folded #adminmenu .wp-has-current-submenu .wp-submenu,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
background: #be3631;
}
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
border-right-color: #be3631;
}
@@ -276,13 +296,17 @@ textarea:focus {
#adminmenu .wp-submenu a,
#adminmenu .wp-has-current-submenu .wp-submenu a,
.folded #adminmenu .wp-has-current-submenu .wp-submenu a,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
color: #f1c8c7;
}
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
.folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
.folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
@@ -296,6 +320,7 @@ textarea:focus {
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
color: #fff;
}
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
@@ -319,7 +344,6 @@ ul#adminmenu > li.current > a.current:after {
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
#adminmenu a.current:hover div.wp-menu-image:before,
#adminmenu li.current div.wp-menu-image:before,
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
#adminmenu li:hover div.wp-menu-image:before,
@@ -329,7 +353,6 @@ ul#adminmenu > li.current > a.current:after {
}
/* Admin Menu: bubble */
#adminmenu .menu-counter,
#adminmenu .awaiting-mod,
#adminmenu .update-plugins {
color: #fff;
@@ -346,7 +369,7 @@ ul#adminmenu > li.current > a.current:after {
/* Admin Menu: collapse button */
#collapse-button {
color: hsl(2.1582733813, 7%, 95%);
color: #f3f1f1;
}
#collapse-button:hover,
@@ -371,7 +394,7 @@ ul#adminmenu > li.current > a.current:after {
#wpadminbar .ab-icon:before,
#wpadminbar .ab-item:before,
#wpadminbar .ab-item:after {
color: hsl(2.1582733813, 7%, 95%);
color: #f3f1f1;
}
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
@@ -393,7 +416,7 @@ ul#adminmenu > li.current > a.current:after {
#wpadminbar:not(.mobile) li:hover .ab-item:before,
#wpadminbar:not(.mobile) li:hover .ab-item:after,
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
color: #f7e3d3;
color: #fff;
}
/* Admin Bar: submenu */
@@ -415,7 +438,7 @@ ul#adminmenu > li.current > a.current:after {
#wpadminbar .quicklinks li .blavatar,
#wpadminbar .menupop .menupop > .ab-item:before {
color: hsl(2.1582733813, 7%, 95%);
color: #f3f1f1;
}
#wpadminbar .quicklinks .menupop ul li a:hover,
@@ -450,12 +473,12 @@ ul#adminmenu > li.current > a.current:after {
#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
color: hsl(2.1582733813, 7%, 95%);
color: #f3f1f1;
}
/* Admin Bar: search */
#wpadminbar #adminbarsearch:before {
color: hsl(2.1582733813, 7%, 95%);
color: #f3f1f1;
}
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
@@ -584,14 +607,9 @@ body.more-filters-opened .more-filters:focus:before {
color: #fff;
}
/* Nav Menus */
.nav-menus-php .item-edit:focus:before {
box-shadow: 0 0 0 1px #e59e66, 0 0 2px 1px #dd823b;
}
/* Responsive Component */
div#wp-responsive-toggle a:before {
color: hsl(2.1582733813, 7%, 95%);
color: #f3f1f1;
}
.wp-responsive-open div#wp-responsive-toggle a {
@@ -604,7 +622,7 @@ div#wp-responsive-toggle a:before {
}
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
color: hsl(2.1582733813, 7%, 95%);
color: #f3f1f1;
}
/* TinyMCE */
@@ -617,94 +635,105 @@ div#wp-responsive-toggle a:before {
}
/* Customizer */
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
color: #0073aa;
#customize-controls .control-section:hover > .accordion-section-title,
#customize-controls .control-section .accordion-section-title:hover,
#customize-controls .control-section.open .accordion-section-title,
#customize-controls .control-section .accordion-section-title:focus {
color: #dd823b;
border-left-color: #dd823b;
}
.wp-core-ui .customize-controls-close:focus,
.wp-core-ui .customize-controls-close:hover,
.wp-core-ui .customize-controls-preview-toggle:focus,
.wp-core-ui .customize-controls-preview-toggle:hover {
color: #0073aa;
.customize-controls-close:focus,
.customize-controls-close:hover,
.customize-controls-preview-toggle:focus,
.customize-controls-preview-toggle:hover {
color: #dd823b;
border-top-color: #dd823b;
}
.wp-core-ui .customize-panel-back:hover,
.wp-core-ui .customize-panel-back:focus,
.wp-core-ui .customize-section-back:hover,
.wp-core-ui .customize-section-back:focus {
color: #0073aa;
.customize-panel-back:hover,
.customize-panel-back:focus,
.customize-section-back:hover,
.customize-section-back:focus {
color: #dd823b;
border-left-color: #dd823b;
}
.wp-core-ui .customize-screen-options-toggle:hover,
.wp-core-ui .customize-screen-options-toggle:active,
.wp-core-ui .customize-screen-options-toggle:focus,
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
color: #0073aa;
.customize-screen-options-toggle:hover,
.customize-screen-options-toggle:active,
.customize-screen-options-toggle:focus,
.active-menu-screen-options .customize-screen-options-toggle,
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
color: #dd823b;
}
.wp-core-ui .customize-screen-options-toggle:focus:before,
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
.wp-core-ui .menu-item-bar .item-delete:focus:before,
.wp-core-ui #available-menu-items .item-add:focus:before,
.wp-core-ui #customize-save-button-wrapper .save:focus,
.wp-core-ui #publish-settings:focus {
.wp-customizer .menu-item .submitbox .submitdelete:focus,
.customize-screen-options-toggle:focus:before,
#customize-controls .customize-info .customize-help-toggle:focus:before,
.wp-customizer button:focus .toggle-indicator:before,
.menu-delete:focus,
.menu-item-bar .item-delete:focus:before,
#available-menu-items .item-add:focus:before {
box-shadow: 0 0 0 1px #e59e66, 0 0 2px 1px #dd823b;
}
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
color: #0073aa;
#customize-controls .customize-info.open .customize-help-toggle,
#customize-controls .customize-info .customize-help-toggle:focus,
#customize-controls .customize-info .customize-help-toggle:hover {
color: #dd823b;
}
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
.control-panel-themes .customize-themes-section-title:focus,
.control-panel-themes .customize-themes-section-title:hover {
border-left-color: #dd823b;
color: #0073aa;
color: #dd823b;
}
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
.control-panel-themes .theme-section .customize-themes-section-title.selected:after {
background: #dd823b;
}
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
color: #0073aa;
.control-panel-themes .customize-themes-section-title.selected {
color: #dd823b;
}
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
color: #0073aa;
#customize-theme-controls .control-section:hover > .accordion-section-title:after,
#customize-theme-controls .control-section .accordion-section-title:hover:after,
#customize-theme-controls .control-section.open .accordion-section-title:after,
#customize-theme-controls .control-section .accordion-section-title:focus:after,
#customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
#customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
#customize-outer-theme-controls .control-section.open .accordion-section-title:after,
#customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
color: #dd823b;
}
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
.customize-control .attachment-media-view .button-add-media:focus {
background-color: #fbfbfc;
border-color: #dd823b;
border-style: solid;
box-shadow: 0 0 0 1px #dd823b;
outline: 2px solid transparent;
}
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
.wp-full-overlay-footer .devices button:focus,
.wp-full-overlay-footer .devices button.active:hover {
border-bottom-color: #dd823b;
}
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
color: #dd823b;
}
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
color: #dd823b;
}
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
.wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
.wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
box-shadow: 0 0 0 1px #e59e66, 0 0 2px 1px #dd823b;
}
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
border-bottom-color: #dd823b;
color: #0073aa;
}
.wp-full-overlay-footer .devices button:hover:before,
.wp-full-overlay-footer .devices button:focus:before {
color: #dd823b;
}

File diff suppressed because one or more lines are too long

View File

@@ -1,4 +1,3 @@
$scheme-name: "sunrise";
$base-color: #cf4944;
$highlight-color: #dd823b;
$notification-color: #ccaf0b;

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

View File

@@ -5,14 +5,14 @@
}
#customize-theme-controls #accordion-section-menu_locations > .accordion-section-title {
border-bottom-color: #dcdcde;
border-bottom-color: #ddd;
margin-top: 15px;
}
#customize-theme-controls .customize-section-title-nav_menus-heading,
#customize-theme-controls .customize-section-title-menu_locations-heading,
#customize-theme-controls .customize-section-title-menu_locations-description {
padding: 0 12px;
padding: 0 12px 0 12px;
}
#customize-theme-controls .customize-control-description.customize-section-title-menu_locations-description {
@@ -30,7 +30,7 @@
#customize-controls .theme-location-set,
#customize-controls .control-section .accordion-section-title:focus .menu-in-location,
#customize-controls .control-section .accordion-section-title:hover .menu-in-location {
color: #50575e;
color: #555;
}
/* The `edit-menu` and `create-menu` buttons also use the `button-link` class. */
@@ -85,7 +85,7 @@
}
.customize-control-nav_menu_item.has-notifications .menu-item-handle {
border-right: 4px solid #72aee6;
border-right: 4px solid #00a0d2;
}
.wp-customizer .menu-item-settings {
@@ -93,15 +93,15 @@
overflow: hidden;
z-index: 8;
padding: 10px;
background: #f0f0f1;
border: 1px solid #8c8f94;
background: #eee;
border: 1px solid #999;
border-top: none;
}
.wp-customizer .menu-item-settings .description-thin {
width: 100%;
height: auto;
margin: 0 0 8px;
margin: 0 0 8px 0;
}
.wp-customizer .menu-item-settings input[type="text"] {
@@ -186,7 +186,7 @@
}
.wp-customizer .menu-settings dl {
margin: 12px 0 0;
margin: 12px 0 0 0;
padding: 0;
}
@@ -195,7 +195,7 @@
}
.wp-customizer .menu-settings .menu-theme-locations {
border-top: 1px solid #c3c4c7;
border-top: 1px solid #ccc;
}
.wp-customizer .menu-settings {
@@ -210,7 +210,7 @@
.wp-customizer .control-section-nav_menu .menu-location-settings {
margin-top: 24px;
border-top: 1px solid #dcdcde;
border-top: 1px solid #ddd;
}
.wp-customizer .control-section-nav_menu .menu-location-settings,
@@ -235,14 +235,14 @@
}
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle {
color: #50575e;
color: #555;
}
/* Screen Options */
.customize-screen-options-toggle {
background: none;
border: none;
color: #50575e;
color: #555;
cursor: pointer;
margin: 0;
padding: 20px;
@@ -266,7 +266,7 @@
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
color: #2271b1;
color: #0073aa;
}
.customize-screen-options-toggle:focus,
@@ -298,7 +298,7 @@
.wp-customizer #screen-options-wrap {
display: none;
background: #fff;
border-top: 1px solid #dcdcde;
border-top: 1px solid #ddd;
padding: 4px 15px 15px;
}
@@ -323,10 +323,10 @@
#available-menu-items .accordion-section-title .toggle-indicator:before {
content: "\f140";
display: block;
padding: 1px 0 1px 2px;
padding: 1px 0px 1px 2px;
speak: never;
border-radius: 50%;
color: #787c82;
color: #72777c;
font: normal 20px/1 dashicons;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
@@ -432,7 +432,7 @@
max-width: calc(100% - 2px);
float: right;
display: list-item;
border-color: #a7aaad;
border-color: #a0a5aa;
}
.menu-item-transport li.customize-control {
@@ -457,7 +457,7 @@
}
.menu-item-bar .item-delete {
color: #d63638;
color: #a00;
position: absolute;
top: 2px;
left: -19px;
@@ -482,7 +482,7 @@
.menu-item-bar .item-delete:focus {
box-shadow: none;
outline: none;
color: #d63638;
color: #dc3232;
}
.adding-menu-items .menu-item-bar .item-edit {
@@ -513,12 +513,14 @@
transition: background-color 0.15s;
/* Reset the value inherited from the base .accordion-section-title style. Ticket #37589. */
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
#available-menu-items .open .accordion-section-title,
#available-menu-items #available-menu-items-search .accordion-section-title {
background: #f0f0f1;
background: #eee;
}
/* rework the arrow indicator implementation for NVDA bug see #32715 */
@@ -529,12 +531,12 @@
#available-menu-items .accordion-section-title:hover .toggle-indicator:before,
#available-menu-items .button-link:hover .toggle-indicator:before,
#available-menu-items .button-link:focus .toggle-indicator:before {
color: #1d2327;
color: #23282d;
}
#available-menu-items .open .accordion-section-title .toggle-indicator:before {
content: "\f142";
color: #1d2327;
color: #23282d;
}
#available-menu-items .available-menu-items-list {
@@ -568,7 +570,7 @@
#available-menu-items .cannot-expand .accordion-section-title .no-items {
float: left;
color: #50575e;
color: #555d66;
font-weight: 400;
margin-right: 5px;
}
@@ -582,8 +584,8 @@
}
#available-menu-items .accordion-section-content .available-menu-items-list {
margin: 0 0 45px;
padding: 1px 15px 15px;
margin: 0 0 45px 0;
padding: 1px 15px 15px 15px;
}
#available-menu-items .accordion-section-content .available-menu-items-list:only-child { /* Types that do not support new items for the current user */
@@ -591,7 +593,7 @@
}
#new-custom-menu-item .accordion-section-content {
padding: 0 15px 15px;
padding: 0 15px 15px 15px;
}
#available-menu-items .menu-item-tpl {
@@ -605,7 +607,7 @@
.menu-name-field.invalid:focus,
#available-menu-items .new-content-item .create-item-input.invalid,
#available-menu-items .new-content-item .create-item-input.invalid:focus {
border: 1px solid #d63638;
border: 1px solid #dc3232;
}
#available-menu-items .menu-item-handle .item-type {
@@ -638,7 +640,7 @@
position: absolute;
top: 1px;
right: 1px;
color: #8c8f94;
color: #82878c;
width: 30px;
height: 38px;
box-shadow: none;
@@ -648,7 +650,7 @@
}
#available-menu-items .menu-item-handle .item-add:focus {
color: #1d2327;
color: #23282d;
}
#available-menu-items .item-add:before {
@@ -666,7 +668,7 @@
#available-menu-items .menu-item-handle.item-added .item-title,
#available-menu-items .menu-item-handle.item-added:hover .item-add,
#available-menu-items .menu-item-handle.item-added .item-add:focus {
color: #8c8f94;
color: #82878c;
}
#available-menu-items .menu-item-handle.item-added .item-add:before {
@@ -691,7 +693,7 @@
position: absolute;
right: 0;
top: 60px; /* below title div / search input */
bottom: 0; /* 100% height that still triggers lazy load */
bottom: 0px; /* 100% height that still triggers lazy load */
max-height: none;
width: 100%;
padding: 1px 15px 15px;
@@ -761,7 +763,7 @@ body.adding-menu-items #customize-preview iframe {
cursor: default;
opacity: .5;
background: #fff;
color: #787c82;
color: #727773;
}
.added-menu-item .menu-item-handle {
@@ -773,7 +775,7 @@ body.adding-menu-items #customize-preview iframe {
/* Add/delete Menus */
#customize-theme-controls .control-panel-content .control-section-nav_menu:nth-last-child(2) .accordion-section-title {
border-bottom-color: #dcdcde;
border-bottom-color: #ddd;
}
/* @todo update selector */
@@ -796,7 +798,7 @@ body.adding-menu-items #customize-preview iframe {
#create-new-menu-submit {
float: left;
margin: 0 0 12px;
margin: 0 0 12px 0;
}
.menu-delete-item {
@@ -806,7 +808,7 @@ body.adding-menu-items #customize-preview iframe {
}
.assigned-menu-locations-title p {
margin: 0 0 8px;
margin: 0 0 8px 0;
}
li.assigned-to-menu-location .menu-delete-item {
@@ -827,17 +829,17 @@ li.assigned-to-menu-location .add-new-menu-item {
.menu-item-handle:hover {
position: relative;
z-index: 10;
color: #2271b1;
color: #0073aa;
}
.menu-item-handle:hover .item-type,
.menu-item-handle:hover .item-edit,
#available-menu-items .menu-item-handle:hover .item-add {
color: #2271b1;
color: #0073aa;
}
.menu-item-edit-active .menu-item-handle {
border-color: #8c8f94;
border-color: #999;
border-bottom: none;
}
@@ -866,8 +868,8 @@ li.assigned-to-menu-location .add-new-menu-item {
.menu-item-bar .item-delete:focus:before,
#available-menu-items .item-add:focus:before {
box-shadow:
0 0 0 1px #4f94d4,
0 0 2px 1px rgba(79, 148, 212, 0.8);
0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, 0.8);
}

File diff suppressed because one or more lines are too long

View File

@@ -4,14 +4,14 @@
}
#customize-theme-controls #accordion-section-menu_locations > .accordion-section-title {
border-bottom-color: #dcdcde;
border-bottom-color: #ddd;
margin-top: 15px;
}
#customize-theme-controls .customize-section-title-nav_menus-heading,
#customize-theme-controls .customize-section-title-menu_locations-heading,
#customize-theme-controls .customize-section-title-menu_locations-description {
padding: 0 12px;
padding: 0 12px 0 12px;
}
#customize-theme-controls .customize-control-description.customize-section-title-menu_locations-description {
@@ -29,7 +29,7 @@
#customize-controls .theme-location-set,
#customize-controls .control-section .accordion-section-title:focus .menu-in-location,
#customize-controls .control-section .accordion-section-title:hover .menu-in-location {
color: #50575e;
color: #555;
}
/* The `edit-menu` and `create-menu` buttons also use the `button-link` class. */
@@ -84,7 +84,7 @@
}
.customize-control-nav_menu_item.has-notifications .menu-item-handle {
border-left: 4px solid #72aee6;
border-left: 4px solid #00a0d2;
}
.wp-customizer .menu-item-settings {
@@ -92,15 +92,15 @@
overflow: hidden;
z-index: 8;
padding: 10px;
background: #f0f0f1;
border: 1px solid #8c8f94;
background: #eee;
border: 1px solid #999;
border-top: none;
}
.wp-customizer .menu-item-settings .description-thin {
width: 100%;
height: auto;
margin: 0 0 8px;
margin: 0 0 8px 0;
}
.wp-customizer .menu-item-settings input[type="text"] {
@@ -185,7 +185,7 @@
}
.wp-customizer .menu-settings dl {
margin: 12px 0 0;
margin: 12px 0 0 0;
padding: 0;
}
@@ -194,7 +194,7 @@
}
.wp-customizer .menu-settings .menu-theme-locations {
border-top: 1px solid #c3c4c7;
border-top: 1px solid #ccc;
}
.wp-customizer .menu-settings {
@@ -209,7 +209,7 @@
.wp-customizer .control-section-nav_menu .menu-location-settings {
margin-top: 24px;
border-top: 1px solid #dcdcde;
border-top: 1px solid #ddd;
}
.wp-customizer .control-section-nav_menu .menu-location-settings,
@@ -234,14 +234,14 @@
}
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle {
color: #50575e;
color: #555;
}
/* Screen Options */
.customize-screen-options-toggle {
background: none;
border: none;
color: #50575e;
color: #555;
cursor: pointer;
margin: 0;
padding: 20px;
@@ -265,7 +265,7 @@
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
color: #2271b1;
color: #0073aa;
}
.customize-screen-options-toggle:focus,
@@ -297,7 +297,7 @@
.wp-customizer #screen-options-wrap {
display: none;
background: #fff;
border-top: 1px solid #dcdcde;
border-top: 1px solid #ddd;
padding: 4px 15px 15px;
}
@@ -322,10 +322,10 @@
#available-menu-items .accordion-section-title .toggle-indicator:before {
content: "\f140";
display: block;
padding: 1px 2px 1px 0;
padding: 1px 2px 1px 0px;
speak: never;
border-radius: 50%;
color: #787c82;
color: #72777c;
font: normal 20px/1 dashicons;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
@@ -431,7 +431,7 @@
max-width: calc(100% - 2px);
float: left;
display: list-item;
border-color: #a7aaad;
border-color: #a0a5aa;
}
.menu-item-transport li.customize-control {
@@ -456,7 +456,7 @@
}
.menu-item-bar .item-delete {
color: #d63638;
color: #a00;
position: absolute;
top: 2px;
right: -19px;
@@ -481,7 +481,7 @@
.menu-item-bar .item-delete:focus {
box-shadow: none;
outline: none;
color: #d63638;
color: #dc3232;
}
.adding-menu-items .menu-item-bar .item-edit {
@@ -512,12 +512,14 @@
transition: background-color 0.15s;
/* Reset the value inherited from the base .accordion-section-title style. Ticket #37589. */
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
#available-menu-items .open .accordion-section-title,
#available-menu-items #available-menu-items-search .accordion-section-title {
background: #f0f0f1;
background: #eee;
}
/* rework the arrow indicator implementation for NVDA bug see #32715 */
@@ -528,12 +530,12 @@
#available-menu-items .accordion-section-title:hover .toggle-indicator:before,
#available-menu-items .button-link:hover .toggle-indicator:before,
#available-menu-items .button-link:focus .toggle-indicator:before {
color: #1d2327;
color: #23282d;
}
#available-menu-items .open .accordion-section-title .toggle-indicator:before {
content: "\f142";
color: #1d2327;
color: #23282d;
}
#available-menu-items .available-menu-items-list {
@@ -567,7 +569,7 @@
#available-menu-items .cannot-expand .accordion-section-title .no-items {
float: right;
color: #50575e;
color: #555d66;
font-weight: 400;
margin-left: 5px;
}
@@ -581,8 +583,8 @@
}
#available-menu-items .accordion-section-content .available-menu-items-list {
margin: 0 0 45px;
padding: 1px 15px 15px;
margin: 0 0 45px 0;
padding: 1px 15px 15px 15px;
}
#available-menu-items .accordion-section-content .available-menu-items-list:only-child { /* Types that do not support new items for the current user */
@@ -590,7 +592,7 @@
}
#new-custom-menu-item .accordion-section-content {
padding: 0 15px 15px;
padding: 0 15px 15px 15px;
}
#available-menu-items .menu-item-tpl {
@@ -604,7 +606,7 @@
.menu-name-field.invalid:focus,
#available-menu-items .new-content-item .create-item-input.invalid,
#available-menu-items .new-content-item .create-item-input.invalid:focus {
border: 1px solid #d63638;
border: 1px solid #dc3232;
}
#available-menu-items .menu-item-handle .item-type {
@@ -637,7 +639,7 @@
position: absolute;
top: 1px;
left: 1px;
color: #8c8f94;
color: #82878c;
width: 30px;
height: 38px;
box-shadow: none;
@@ -647,7 +649,7 @@
}
#available-menu-items .menu-item-handle .item-add:focus {
color: #1d2327;
color: #23282d;
}
#available-menu-items .item-add:before {
@@ -665,7 +667,7 @@
#available-menu-items .menu-item-handle.item-added .item-title,
#available-menu-items .menu-item-handle.item-added:hover .item-add,
#available-menu-items .menu-item-handle.item-added .item-add:focus {
color: #8c8f94;
color: #82878c;
}
#available-menu-items .menu-item-handle.item-added .item-add:before {
@@ -690,7 +692,7 @@
position: absolute;
left: 0;
top: 60px; /* below title div / search input */
bottom: 0; /* 100% height that still triggers lazy load */
bottom: 0px; /* 100% height that still triggers lazy load */
max-height: none;
width: 100%;
padding: 1px 15px 15px;
@@ -760,7 +762,7 @@ body.adding-menu-items #customize-preview iframe {
cursor: default;
opacity: .5;
background: #fff;
color: #787c82;
color: #727773;
}
.added-menu-item .menu-item-handle {
@@ -772,7 +774,7 @@ body.adding-menu-items #customize-preview iframe {
/* Add/delete Menus */
#customize-theme-controls .control-panel-content .control-section-nav_menu:nth-last-child(2) .accordion-section-title {
border-bottom-color: #dcdcde;
border-bottom-color: #ddd;
}
/* @todo update selector */
@@ -795,7 +797,7 @@ body.adding-menu-items #customize-preview iframe {
#create-new-menu-submit {
float: right;
margin: 0 0 12px;
margin: 0 0 12px 0;
}
.menu-delete-item {
@@ -805,7 +807,7 @@ body.adding-menu-items #customize-preview iframe {
}
.assigned-menu-locations-title p {
margin: 0 0 8px;
margin: 0 0 8px 0;
}
li.assigned-to-menu-location .menu-delete-item {
@@ -826,17 +828,17 @@ li.assigned-to-menu-location .add-new-menu-item {
.menu-item-handle:hover {
position: relative;
z-index: 10;
color: #2271b1;
color: #0073aa;
}
.menu-item-handle:hover .item-type,
.menu-item-handle:hover .item-edit,
#available-menu-items .menu-item-handle:hover .item-add {
color: #2271b1;
color: #0073aa;
}
.menu-item-edit-active .menu-item-handle {
border-color: #8c8f94;
border-color: #999;
border-bottom: none;
}
@@ -865,8 +867,8 @@ li.assigned-to-menu-location .add-new-menu-item {
.menu-item-bar .item-delete:focus:before,
#available-menu-items .item-add:focus:before {
box-shadow:
0 0 0 1px #4f94d4,
0 0 2px 1px rgba(79, 148, 212, 0.8);
0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, 0.8);
}

File diff suppressed because one or more lines are too long

View File

@@ -26,12 +26,12 @@
}
.customize-control .widget-action {
color: #787c82;
color: #72777c;
}
.customize-control .widget-top:hover .widget-action,
.customize-control .widget-action:focus {
color: #1d2327;
color: #23282d;
}
.customize-control-widget_form:not(.widget-rendered) .widget-top {
@@ -54,7 +54,9 @@
.customize-control-widget_form.widget-form-disabled .widget-content {
opacity: 0.7;
pointer-events: none;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
@@ -66,7 +68,7 @@
position: fixed;
right: 299px;
top: 25%;
border: 1px solid #dcdcde;
border: 1px solid rgb(229, 229, 229);
overflow: auto;
}
.customize-control-widget_form.wide-widget-control .widget-inside > .form {
@@ -78,11 +80,11 @@
}
.customize-control-widget_form.wide-widget-control.expanding .widget-top,
.customize-control-widget_form.wide-widget-control.expanded:not(.collapsing) .widget-top {
background-color: #dcdcde;
background-color: rgb(227, 227, 227);
}
.widget-inside {
padding: 1px 10px 10px;
padding: 1px 10px 10px 10px;
border-top: none;
line-height: 1.23076923;
}
@@ -111,7 +113,7 @@
.control-section.accordion-section.highlighted > .accordion-section-title,
.customize-control-widget_form.highlighted {
outline: none;
box-shadow: 0 0 2px rgba(79, 148, 212, 0.8);
box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
position: relative;
z-index: 1;
}
@@ -127,7 +129,7 @@
#customize-theme-controls .widget-reorder-nav {
display: none;
float: left;
background-color: #f6f7f7;
background-color: #fafafa;
}
.move-widget:before {
@@ -137,7 +139,7 @@
#customize-theme-controls .move-widget-area {
display: none;
background: #fff;
border: 1px solid #c3c4c7;
border: 1px solid #ddd;
border-top: none;
cursor: auto;
}
@@ -162,10 +164,12 @@
position: relative;
margin: 0;
padding: 13px 42px 15px 15px;
color: #50575e;
border-top: 1px solid #c3c4c7;
color: #555;
border-top: 1px solid #eee;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@@ -181,12 +185,13 @@
}
#customize-theme-controls .widget-area-select li:last-child {
border-bottom: 1px solid #c3c4c7;
border-bottom: 1px solid #eee;
}
#customize-theme-controls .widget-area-select .selected {
color: #fff;
background: #2271b1;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
background: #00a0d2;
}
#customize-theme-controls .widget-area-select .selected:before {
@@ -242,10 +247,10 @@
#available-widgets .widget-tpl:hover,
#available-widgets .widget-tpl.selected {
background: #f6f7f7;
border-bottom-color: #c3c4c7;
color: #2271b1;
border-right: 4px solid #2271b1;
background: #f3f3f5;
border-bottom-color: #ccc;
color: #0073aa;
border-right: 4px solid #0073aa;
}
#customize-controls .widget-title h3 {
@@ -259,7 +264,7 @@
#available-widgets .widget .widget-description {
padding: 0;
color: #646970;
color: #72777c;
}
#customize-preview {
@@ -298,7 +303,7 @@ body.adding-widget #customize-preview {
margin-left: 20px;
width: 20px;
height: 20px;
color: #2c3338;
color: #32373c;
font: normal 20px/1 dashicons;
text-align: center;
box-sizing: border-box;

File diff suppressed because one or more lines are too long

View File

@@ -25,12 +25,12 @@
}
.customize-control .widget-action {
color: #787c82;
color: #72777c;
}
.customize-control .widget-top:hover .widget-action,
.customize-control .widget-action:focus {
color: #1d2327;
color: #23282d;
}
.customize-control-widget_form:not(.widget-rendered) .widget-top {
@@ -53,7 +53,9 @@
.customize-control-widget_form.widget-form-disabled .widget-content {
opacity: 0.7;
pointer-events: none;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
@@ -65,7 +67,7 @@
position: fixed;
left: 299px;
top: 25%;
border: 1px solid #dcdcde;
border: 1px solid rgb(229, 229, 229);
overflow: auto;
}
.customize-control-widget_form.wide-widget-control .widget-inside > .form {
@@ -77,11 +79,11 @@
}
.customize-control-widget_form.wide-widget-control.expanding .widget-top,
.customize-control-widget_form.wide-widget-control.expanded:not(.collapsing) .widget-top {
background-color: #dcdcde;
background-color: rgb(227, 227, 227);
}
.widget-inside {
padding: 1px 10px 10px;
padding: 1px 10px 10px 10px;
border-top: none;
line-height: 1.23076923;
}
@@ -110,7 +112,7 @@
.control-section.accordion-section.highlighted > .accordion-section-title,
.customize-control-widget_form.highlighted {
outline: none;
box-shadow: 0 0 2px rgba(79, 148, 212, 0.8);
box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
position: relative;
z-index: 1;
}
@@ -126,7 +128,7 @@
#customize-theme-controls .widget-reorder-nav {
display: none;
float: right;
background-color: #f6f7f7;
background-color: #fafafa;
}
.move-widget:before {
@@ -136,7 +138,7 @@
#customize-theme-controls .move-widget-area {
display: none;
background: #fff;
border: 1px solid #c3c4c7;
border: 1px solid #ddd;
border-top: none;
cursor: auto;
}
@@ -161,10 +163,12 @@
position: relative;
margin: 0;
padding: 13px 15px 15px 42px;
color: #50575e;
border-top: 1px solid #c3c4c7;
color: #555;
border-top: 1px solid #eee;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@@ -180,12 +184,13 @@
}
#customize-theme-controls .widget-area-select li:last-child {
border-bottom: 1px solid #c3c4c7;
border-bottom: 1px solid #eee;
}
#customize-theme-controls .widget-area-select .selected {
color: #fff;
background: #2271b1;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
background: #00a0d2;
}
#customize-theme-controls .widget-area-select .selected:before {
@@ -241,10 +246,10 @@
#available-widgets .widget-tpl:hover,
#available-widgets .widget-tpl.selected {
background: #f6f7f7;
border-bottom-color: #c3c4c7;
color: #2271b1;
border-left: 4px solid #2271b1;
background: #f3f3f5;
border-bottom-color: #ccc;
color: #0073aa;
border-left: 4px solid #0073aa;
}
#customize-controls .widget-title h3 {
@@ -258,7 +263,7 @@
#available-widgets .widget .widget-description {
padding: 0;
color: #646970;
color: #72777c;
}
#customize-preview {
@@ -297,7 +302,7 @@ body.adding-widget #customize-preview {
margin-right: 20px;
width: 20px;
height: 20px;
color: #2c3338;
color: #32373c;
font: normal 20px/1 dashicons;
text-align: center;
box-sizing: border-box;

File diff suppressed because one or more lines are too long

View File

@@ -56,13 +56,13 @@
}
#dashboard-widgets .postbox-container .empty-container {
outline: 3px dashed #c3c4c7;
outline: 3px dashed #b4b9be;
height: 250px;
}
/* Only highlight drop zones when dragging and only in the 2 columns layout. */
.is-dragging-metaboxes #dashboard-widgets .meta-box-sortables {
outline: 3px dashed #646970;
outline: 3px dashed #606a73;
/* Prevent margin on the child from collapsing with margin on the parent. */
display: flow-root;
}
@@ -77,7 +77,7 @@
transform: translateY( -50% );
padding: 0 2em;
text-align: center;
color: #646970;
color: #606a73;
font-size: 16px;
line-height: 1.5;
display: none;
@@ -111,101 +111,56 @@
max-width: 100%;
}
/* Screen meta exception for when the "Dashboard" heading is missing or located below the Welcome Panel. */
.index-php #screen-meta-links {
margin: 0 0 8px 20px;
}
/* Welcome Panel */
.welcome-panel {
position: relative;
overflow: auto;
margin: 16px 0;
background-color: #151515;
font-size: 14px;
line-height: 1.3;
clear: both;
padding: 23px 10px 0;
border: 1px solid #ccd0d4;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
background: #fff;
font-size: 13px;
line-height: 1.7;
}
.welcome-panel h2 {
margin: 0;
font-size: 48px;
font-weight: 600;
line-height: 1.25;
font-size: 21px;
font-weight: 400;
line-height: 1.2;
}
.welcome-panel h3 {
margin: 0;
font-size: 20px;
font-weight: 400;
line-height: 1.4;
margin: 1.33em 0 0;
font-size: 16px;
}
.welcome-panel li {
font-size: 14px;
}
.welcome-panel p {
font-size: inherit;
line-height: inherit;
color: #72777c;
}
.welcome-panel-header {
position: relative;
color: #fff;
}
.welcome-panel-header-image {
position: absolute !important;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 0 !important;
overflow: hidden;
}
.welcome-panel-header-image svg {
display: block;
margin: auto;
width: 100%;
height: 100%;
}
.rtl .welcome-panel-header-image svg {
transform: scaleX(-1);
}
.welcome-panel-header * {
color: inherit;
position: relative;
z-index: 1;
}
.welcome-panel-header a:focus,
.welcome-panel-header a:hover {
color: inherit;
.welcome-panel li a {
text-decoration: none;
}
.welcome-panel-header a:focus,
.welcome-panel .welcome-panel-close:focus {
outline-color: currentColor;
outline-offset: 1px;
box-shadow: none;
}
.welcome-panel-header p {
margin: 0.5em 0 0;
font-size: 20px;
line-height: 1.4;
.welcome-panel .about-description {
font-size: 16px;
margin: 0;
}
.welcome-panel .welcome-panel-close {
position: absolute;
top: 10px;
left: 10px;
padding: 10px 24px 10px 15px;
padding: 10px 21px 10px 15px;
font-size: 13px;
line-height: 1.23076923; /* Chrome rounding, needs to be 16px equivalent */
text-decoration: none;
z-index: 1; /* Raise above the version image. */
}
.welcome-panel .welcome-panel-close:before {
@@ -213,23 +168,8 @@
top: 8px;
right: 0;
transition: all .1s ease-in-out;
content: '\f335';
font-size: 24px;
color: #fff;
}
.welcome-panel .welcome-panel-close {
color: #fff;
}
.welcome-panel .welcome-panel-close:hover,
.welcome-panel .welcome-panel-close:focus,
.welcome-panel .welcome-panel-close:hover::before,
.welcome-panel .welcome-panel-close:focus::before {
color: #fff972;
}
/* @deprecated 5.9.0 -- Button removed from panel. */
.wp-core-ui .welcome-panel .button.button-hero {
margin: 15px 0 3px 13px;
padding: 12px 36px;
@@ -239,105 +179,59 @@
}
.welcome-panel-content {
min-height: 400px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.welcome-panel-header {
box-sizing: border-box;
margin-right: auto;
margin-left: auto;
margin-right: 13px;
max-width: 1500px;
width: 100%;
padding: 48px 48px 80px 0;
}
.welcome-panel .welcome-panel-column-container {
box-sizing: border-box;
width: 100%;
clear: both;
display: grid;
z-index: 1;
padding: 48px;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
align-self: flex-end;
background: #fff;
position: relative;
}
[class*="welcome-panel-icon"] {
height: 60px;
width: 60px;
background-position: center;
background-size: 24px 24px;
background-repeat: no-repeat;
border-radius: 100%;
.welcome-panel .welcome-panel-column {
width: 32%;
min-width: 200px;
float: right;
}
.welcome-panel-column > svg {
margin-top: 4px;
.welcome-panel .welcome-panel-column:first-child {
width: 36%;
}
.welcome-panel-column {
display: grid;
grid-template-columns: min-content 1fr;
gap: 24px;
.welcome-panel-column p.hide-if-no-customize {
margin-top: 10px;
}
.welcome-panel-icon-pages {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M7 13.8h6v-1.5H7v1.5zM18 16V4c0-1.1-.9-2-2-2H6c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2zM5.5 16V4c0-.3.2-.5.5-.5h10c.3 0 .5.2.5.5v12c0 .3-.2.5-.5.5H6c-.3 0-.5-.2-.5-.5zM7 10.5h8V9H7v1.5zm0-3.3h8V5.8H7v1.4zM20.2 6v13c0 .7-.6 1.2-1.2 1.2H8v1.5h11c1.5 0 2.7-1.2 2.7-2.8V6h-1.5z' /%3E%3C/svg%3E");
.welcome-panel-column p {
margin-top: 7px;
color: #444;
}
.welcome-panel-icon-layout {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M18 5.5H6a.5.5 0 00-.5.5v3h13V6a.5.5 0 00-.5-.5zm.5 5H10v8h8a.5.5 0 00.5-.5v-7.5zm-10 0h-3V18a.5.5 0 00.5.5h2.5v-8zM6 4h12a2 2 0 012 2v12a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2z' /%3E%3C/svg%3E");
}
.welcome-panel-icon-styles {
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M12 4c-4.4 0-8 3.6-8 8v.1c0 4.1 3.2 7.5 7.2 7.9h.8c4.4 0 8-3.6 8-8s-3.6-8-8-8zm0 15V5c3.9 0 7 3.1 7 7s-3.1 7-7 7z' /%3E%3C/svg%3E");
}
/* @deprecated 5.9.0 -- Section removed from welcome panel. */
.welcome-panel .welcome-widgets-menus {
line-height: 1.14285714;
}
/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
.welcome-panel .welcome-panel-column ul {
margin: 0.8em 0 1em 1em;
}
/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
.welcome-panel li {
font-size: 14px;
}
/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
.welcome-panel li a {
text-decoration: none;
}
/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
.welcome-panel .welcome-panel-column li {
line-height: 1.14285714;
list-style-type: none;
padding: 0 0 8px;
}
/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
.welcome-panel .welcome-icon {
background: transparent !important;
}
/* Welcome Panel and Right Now common Icons style */
/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
.welcome-panel .welcome-icon:before,
#dashboard_right_now li a:before,
#dashboard_right_now li span:before,
#dashboard_right_now .search-engines-info:before {
color: #646970;
color: #606a73;
font: normal 20px/1 dashicons;
speak: never;
display: inline-block;
@@ -351,56 +245,47 @@
/* Welcome Panel specific Icons styles */
/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
.welcome-panel .welcome-write-blog:before,
.welcome-panel .welcome-edit-page:before {
content: "\f119";
top: -3px;
}
/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
.welcome-panel .welcome-add-page:before {
content: "\f132";
top: -1px;
}
/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
.welcome-panel .welcome-setup-home:before {
content: "\f102";
top: -1px;
}
/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
.welcome-panel .welcome-view-site:before {
content: "\f115";
top: -2px;
}
/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
.welcome-panel .welcome-widgets-menus:before {
content: "\f116";
top: -2px;
}
/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
.welcome-panel .welcome-widgets:before {
content: "\f538";
top: -2px;
}
/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
.welcome-panel .welcome-menus:before {
content: "\f163";
top: -2px;
}
/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
.welcome-panel .welcome-comments:before {
content: "\f117";
top: -1px;
}
/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
.welcome-panel .welcome-learn-more:before {
content: "\f118";
top: -1px;
@@ -470,7 +355,7 @@
.community-events-errors [aria-hidden="true"],
.community-events-loading[aria-hidden="true"],
.community-events[aria-hidden="true"],
.community-events form[aria-hidden="true"] {
.community-events [aria-hidden="true"] {
display: none;
}
@@ -492,7 +377,7 @@
}
.community-events li.event-none {
border-right: 4px solid #72aee6;
border-right: 4px solid #00a0d2;
}
#dashboard-widgets .community-events li.event-none a {
@@ -530,7 +415,7 @@
}
.community-events ul {
background-color: #f6f7f7;
background-color: #fafafa;
padding-right: 0;
padding-left: 0;
padding-bottom: 0;
@@ -539,18 +424,18 @@
.community-events li {
margin: 0;
padding: 8px 12px;
color: #2c3338;
color: #32373c;
}
.community-events li:first-child {
border-top: 1px solid #f0f0f1;
border-top: 1px solid #eee;
}
.community-events li ~ li {
border-top: 1px solid #f0f0f1;
border-top: 1px solid #eee;
}
.community-events .activity-block.last {
border-bottom: 1px solid #f0f0f1;
border-bottom: 1px solid #eee;
padding-top: 0;
margin-top: -1px;
}
@@ -567,7 +452,7 @@
}
.event-icon:before {
color: #646970;
color: #606a73;
font-size: 18px;
}
.event-meetup .event-icon:before {
@@ -591,8 +476,8 @@
margin-top: 0;
margin-bottom: 0;
padding: 12px;
border-top: 1px solid #f0f0f1;
color: #dcdcde;
border-top: 1px solid #eee;
color: #ddd;
}
/* Safari 10 + VoiceOver specific: without this, the hidden text gets read out before the link. */
@@ -628,13 +513,13 @@ body #dashboard-widgets .postbox form .submit {
}
.rssSummary {
color: #646970;
color: #72777c;
margin-top: 4px;
}
#dashboard_primary .rss-widget {
font-size: 13px;
padding: 0 12px;
padding: 0 12px 0;
}
#dashboard_primary .rss-widget:last-child {
@@ -648,7 +533,7 @@ body #dashboard-widgets .postbox form .submit {
#dashboard_primary .rss-widget span,
#dashboard_primary .rss-widget span.rss-date {
color: #646970;
color: #72777c;
}
#dashboard_primary .rss-widget span.rss-date {
@@ -712,14 +597,14 @@ body #dashboard-widgets .postbox form .submit {
/* Dashboard right now - Colors */
#dashboard_right_now .sub {
color: #50575e;
background: #f6f7f7;
border-top: 1px solid #f0f0f1;
padding: 10px 12px 6px;
color: #555d66;
background: #f5f5f5;
border-top: 1px solid #eee;
padding: 10px 12px 6px 12px;
}
#dashboard_right_now .sub h3 {
color: #50575e;
color: #555;
}
#dashboard_right_now .sub p {
@@ -728,7 +613,7 @@ body #dashboard-widgets .postbox form .submit {
#dashboard_right_now .warning a:before,
#dashboard_right_now .warning span:before {
color: #d63638;
color: #d54e21;
}
/* Dashboard Quick Draft */
@@ -740,7 +625,7 @@ body #dashboard-widgets .postbox form .submit {
#dashboard_quick_press div.updated {
margin-bottom: 10px;
border: 1px solid #f0f0f1;
border: 1px solid #eee;
border-width: 1px 0 1px 1px;
}
@@ -785,7 +670,7 @@ body #dashboard-widgets .postbox form .submit {
/* Dashboard Quick Draft - Drafts list */
.js #dashboard_quick_press .drafts {
border-top: 1px solid #f0f0f1;
border-top: 1px solid #eee;
}
#dashboard_quick_press .drafts abbr {
@@ -809,7 +694,7 @@ body #dashboard-widgets .postbox form .submit {
margin-bottom: 1em;
}
#dashboard_quick_press .drafts li time {
color: #646970;
color: #72777c;
}
#dashboard_quick_press .drafts p {
@@ -835,7 +720,7 @@ body #dashboard-widgets .postbox form .submit {
padding: 0;
font-size: 14px;
font-weight: 400;
color: #1d2327;
color: #23282d;
}
#dashboard_quick_press .drafts h2 {
@@ -872,54 +757,53 @@ body #dashboard-widgets .postbox form .submit {
}
#dashboard_activity .no-activity p {
color: #646970;
color: #72777c;
font-size: 16px;
}
#dashboard_activity .subsubsub {
float: none;
border-top: 1px solid #f0f0f1;
border-top: 1px solid #eee;
margin: 0 -12px;
padding: 8px 12px 4px;
}
#dashboard_activity .subsubsub a .count,
#dashboard_activity .subsubsub a.current .count {
color: #646970; /* white background on the dashboard but #f0f0f1 on list tables */
color: #72777c; /* white background on the dashboard but #f1f1f1 on list tables */
}
#future-posts ul,
#published-posts ul {
margin: 8px -12px 0 -12px;
clear: both;
margin-bottom: 0;
}
#future-posts li,
#published-posts li {
display: grid;
grid-template-columns: clamp(160px, calc(2vw + 140px), 200px) auto;
column-gap: 10px;
color: #646970;
padding: 4px 12px;
margin-bottom: 8px;
}
#future-posts li:nth-child(odd),
#published-posts li:nth-child(odd) {
background-color: #f6f7f7;
#future-posts ul span,
#published-posts ul span {
display: inline-block;
margin-left: 5px;
min-width: 150px;
color: #72777c;
}
.activity-block {
border-bottom: 1px solid #f0f0f1;
margin: 0 -12px 6px -12px;
border-bottom: 1px solid #eee;
margin: 0 -12px;
padding: 8px 12px 4px;
}
.activity-block:last-child {
border-bottom: none;
margin-bottom: 0;
}
.activity-block .subsubsub li {
color: #dcdcde;
color: #ddd;
}
/* Dashboard activity widget - Comments */
@@ -933,7 +817,7 @@ body #dashboard-widgets .postbox form .submit {
}
#activity-widget #the-comment-list .comment-item {
background: #f6f7f7;
background: #fafafa;
padding: 12px;
position: relative;
}
@@ -952,15 +836,15 @@ body #dashboard-widgets .postbox form .submit {
}
#activity-widget #the-comment-list .comment-item p.row-actions {
margin: 4px 0 0;
margin: 4px 0 0 0;
}
#activity-widget #the-comment-list .comment-item:first-child {
border-top: 1px solid #f0f0f1;
border-top: 1px solid #eeeeee;
}
#activity-widget #the-comment-list .unapproved {
background-color: #fcf9e8;
background-color: #fef7f1;
}
#activity-widget #the-comment-list .unapproved:before {
@@ -970,7 +854,7 @@ body #dashboard-widgets .postbox form .submit {
right: 0;
top: 0;
bottom: 0;
background: #d63638;
background: #d54e21;
width: 4px;
}
@@ -1072,7 +956,7 @@ body #dashboard-widgets .postbox form .submit {
#latest-comments #the-comment-list .comment-meta {
line-height: 1.5;
margin: 0;
color: #646970;
color: #666;
}
#latest-comments #the-comment-list .comment-meta cite {
@@ -1112,7 +996,7 @@ a.rsswidget {
}
.rss-widget span.rss-date {
color: #646970;
color: #72777c;
font-size: 13px;
margin-right: 3px;
}
@@ -1143,23 +1027,33 @@ a.rsswidget {
}
#dashboard_browser_nag p.browser-update-nag.has-browser-icon {
padding-left: 128px;
padding-left: 125px;
}
#dashboard_browser_nag .browser-icon {
margin-top: -32px;
margin-top: -35px;
}
#dashboard_browser_nag.postbox.browser-insecure {
background-color: #ac1b1b;
border-color: #ac1b1b;
}
#dashboard_browser_nag.postbox {
background-color: #b32d2e;
background-color: #e29808;
background-image: none;
border-color: #b32d2e;
border-color: #edc048;
color: #fff;
box-shadow: none;
}
#dashboard_browser_nag.postbox.browser-insecure h2 {
border-bottom-color: #cd5a5a;
color: #fff;
}
#dashboard_browser_nag.postbox h2 {
border-bottom-color: transparent;
border-bottom-color: #f6e2ac;
background: transparent none;
color: #fff;
box-shadow: none;
@@ -1169,10 +1063,6 @@ a.rsswidget {
color: #fff;
}
#dashboard_browser_nag.postbox .postbox-header {
border-color: transparent;
}
#dashboard_browser_nag h2.hndle {
border: none;
font-weight: 600;
@@ -1192,13 +1082,12 @@ a.rsswidget {
/* PHP Nag */
#dashboard_php_nag .dashicons-warning {
color: #dba617;
color: #ffb900;
padding-left: 6px;
}
#dashboard_php_nag.php-no-security-updates .dashicons-warning,
#dashboard_php_nag.php-version-lower-than-future-minimum .dashicons-warning {
color: #d63638;
#dashboard_php_nag.php-insecure .dashicons-warning {
color: #df3232;
}
#dashboard_php_nag h2 {
@@ -1209,30 +1098,17 @@ a.rsswidget {
margin: 12px 0;
}
#dashboard_php_nag h3 {
font-weight: 600;
}
#dashboard_php_nag .button .dashicons-external {
line-height: 25px;
}
.bigger-bolder-text {
font-weight: 600;
font-size: 14px;
}
/* =Media Queries
-------------------------------------------------------------- */
@media only screen and (min-width: 1600px) {
.welcome-panel .welcome-panel-column-container {
display: flex;
justify-content: center;
}
.welcome-panel-column {
width: 100%;
max-width: 460px;
}
}
/* one column on the dash */
@media only screen and (max-width: 799px) {
#wpbody-content #dashboard-widgets .postbox-container {
@@ -1344,59 +1220,25 @@ a.rsswidget {
}
@media screen and (max-width: 870px) {
/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
.welcome-panel .welcome-panel-column,
.welcome-panel .welcome-panel-column:first-child {
display: block;
float: none;
width: 100%;
}
.welcome-panel .welcome-panel-column li {
display: inline-block;
margin-left: 13px;
}
/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
.welcome-panel .welcome-panel-column ul {
margin: 0.4em 0 0;
}
}
@media screen and (max-width: 1180px) and (min-width: 783px) {
.welcome-panel-column {
grid-template-columns: 1fr;
}
[class*="welcome-panel-icon"],
.welcome-panel-column > svg {
display: none;
}
}
@media screen and (max-width: 782px) {
.welcome-panel .welcome-panel-column-container {
grid-template-columns: 1fr;
box-sizing: border-box;
padding: 32px;
width: 100%;
}
.welcome-panel .welcome-panel-column-content {
max-width: 520px;
}
/* Keep the close icon from overlapping the Welcome text. */
.welcome-panel .welcome-panel-close {
overflow: hidden;
text-indent: 40px;
white-space: nowrap;
width: 20px;
height: 20px;
padding: 5px;
top: 5px;
left: 5px;
}
.welcome-panel .welcome-panel-close::before {
top: 5px;
right: -35px;
}
#dashboard-widgets h2 {
padding: 12px;
}
@@ -1439,29 +1281,23 @@ a.rsswidget {
/* Smartphone */
@media screen and (max-width: 600px) {
.welcome-panel-header {
padding: 32px 32px 64px;
/* Keep the close icon from overlapping the Welcome text. */
.welcome-panel .welcome-panel-close {
overflow: hidden;
text-indent: 40px;
white-space: nowrap;
width: 20px;
height: 20px;
padding: 5px;
top: 5px;
left: 5px;
}
.welcome-panel-header-image {
display: none;
}
}
@media screen and (max-width: 480px) {
.welcome-panel-column {
gap: 16px;
}
}
@media screen and (max-width: 360px) {
.welcome-panel-column {
grid-template-columns: 1fr;
}
[class*="welcome-panel-icon"],
.welcome-panel-column > svg {
display: none;
/* Make the close icon larger for tappability. */
.welcome-panel .welcome-panel-close:before {
font-size: 20px;
top: 5px;
right: -35px;
}
}

File diff suppressed because one or more lines are too long

View File

@@ -55,13 +55,13 @@
}
#dashboard-widgets .postbox-container .empty-container {
outline: 3px dashed #c3c4c7;
outline: 3px dashed #b4b9be;
height: 250px;
}
/* Only highlight drop zones when dragging and only in the 2 columns layout. */
.is-dragging-metaboxes #dashboard-widgets .meta-box-sortables {
outline: 3px dashed #646970;
outline: 3px dashed #606a73;
/* Prevent margin on the child from collapsing with margin on the parent. */
display: flow-root;
}
@@ -76,7 +76,7 @@
transform: translateY( -50% );
padding: 0 2em;
text-align: center;
color: #646970;
color: #606a73;
font-size: 16px;
line-height: 1.5;
display: none;
@@ -110,101 +110,56 @@
max-width: 100%;
}
/* Screen meta exception for when the "Dashboard" heading is missing or located below the Welcome Panel. */
.index-php #screen-meta-links {
margin: 0 20px 8px 0;
}
/* Welcome Panel */
.welcome-panel {
position: relative;
overflow: auto;
margin: 16px 0;
background-color: #151515;
font-size: 14px;
line-height: 1.3;
clear: both;
padding: 23px 10px 0;
border: 1px solid #ccd0d4;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
background: #fff;
font-size: 13px;
line-height: 1.7;
}
.welcome-panel h2 {
margin: 0;
font-size: 48px;
font-weight: 600;
line-height: 1.25;
font-size: 21px;
font-weight: 400;
line-height: 1.2;
}
.welcome-panel h3 {
margin: 0;
font-size: 20px;
font-weight: 400;
line-height: 1.4;
margin: 1.33em 0 0;
font-size: 16px;
}
.welcome-panel li {
font-size: 14px;
}
.welcome-panel p {
font-size: inherit;
line-height: inherit;
color: #72777c;
}
.welcome-panel-header {
position: relative;
color: #fff;
}
.welcome-panel-header-image {
position: absolute !important;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0 !important;
overflow: hidden;
}
.welcome-panel-header-image svg {
display: block;
margin: auto;
width: 100%;
height: 100%;
}
.rtl .welcome-panel-header-image svg {
transform: scaleX(-1);
}
.welcome-panel-header * {
color: inherit;
position: relative;
z-index: 1;
}
.welcome-panel-header a:focus,
.welcome-panel-header a:hover {
color: inherit;
.welcome-panel li a {
text-decoration: none;
}
.welcome-panel-header a:focus,
.welcome-panel .welcome-panel-close:focus {
outline-color: currentColor;
outline-offset: 1px;
box-shadow: none;
}
.welcome-panel-header p {
margin: 0.5em 0 0;
font-size: 20px;
line-height: 1.4;
.welcome-panel .about-description {
font-size: 16px;
margin: 0;
}
.welcome-panel .welcome-panel-close {
position: absolute;
top: 10px;
right: 10px;
padding: 10px 15px 10px 24px;
padding: 10px 15px 10px 21px;
font-size: 13px;
line-height: 1.23076923; /* Chrome rounding, needs to be 16px equivalent */
text-decoration: none;
z-index: 1; /* Raise above the version image. */
}
.welcome-panel .welcome-panel-close:before {
@@ -212,23 +167,8 @@
top: 8px;
left: 0;
transition: all .1s ease-in-out;
content: '\f335';
font-size: 24px;
color: #fff;
}
.welcome-panel .welcome-panel-close {
color: #fff;
}
.welcome-panel .welcome-panel-close:hover,
.welcome-panel .welcome-panel-close:focus,
.welcome-panel .welcome-panel-close:hover::before,
.welcome-panel .welcome-panel-close:focus::before {
color: #fff972;
}
/* @deprecated 5.9.0 -- Button removed from panel. */
.wp-core-ui .welcome-panel .button.button-hero {
margin: 15px 13px 3px 0;
padding: 12px 36px;
@@ -238,105 +178,59 @@
}
.welcome-panel-content {
min-height: 400px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.welcome-panel-header {
box-sizing: border-box;
margin-left: auto;
margin-right: auto;
margin-left: 13px;
max-width: 1500px;
width: 100%;
padding: 48px 0 80px 48px;
}
.welcome-panel .welcome-panel-column-container {
box-sizing: border-box;
width: 100%;
clear: both;
display: grid;
z-index: 1;
padding: 48px;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
align-self: flex-end;
background: #fff;
position: relative;
}
[class*="welcome-panel-icon"] {
height: 60px;
width: 60px;
background-position: center;
background-size: 24px 24px;
background-repeat: no-repeat;
border-radius: 100%;
.welcome-panel .welcome-panel-column {
width: 32%;
min-width: 200px;
float: left;
}
.welcome-panel-column > svg {
margin-top: 4px;
.welcome-panel .welcome-panel-column:first-child {
width: 36%;
}
.welcome-panel-column {
display: grid;
grid-template-columns: min-content 1fr;
gap: 24px;
.welcome-panel-column p.hide-if-no-customize {
margin-top: 10px;
}
.welcome-panel-icon-pages {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M7 13.8h6v-1.5H7v1.5zM18 16V4c0-1.1-.9-2-2-2H6c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2zM5.5 16V4c0-.3.2-.5.5-.5h10c.3 0 .5.2.5.5v12c0 .3-.2.5-.5.5H6c-.3 0-.5-.2-.5-.5zM7 10.5h8V9H7v1.5zm0-3.3h8V5.8H7v1.4zM20.2 6v13c0 .7-.6 1.2-1.2 1.2H8v1.5h11c1.5 0 2.7-1.2 2.7-2.8V6h-1.5z' /%3E%3C/svg%3E");
.welcome-panel-column p {
margin-top: 7px;
color: #444;
}
.welcome-panel-icon-layout {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M18 5.5H6a.5.5 0 00-.5.5v3h13V6a.5.5 0 00-.5-.5zm.5 5H10v8h8a.5.5 0 00.5-.5v-7.5zm-10 0h-3V18a.5.5 0 00.5.5h2.5v-8zM6 4h12a2 2 0 012 2v12a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2z' /%3E%3C/svg%3E");
}
.welcome-panel-icon-styles {
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' d='M12 4c-4.4 0-8 3.6-8 8v.1c0 4.1 3.2 7.5 7.2 7.9h.8c4.4 0 8-3.6 8-8s-3.6-8-8-8zm0 15V5c3.9 0 7 3.1 7 7s-3.1 7-7 7z' /%3E%3C/svg%3E");
}
/* @deprecated 5.9.0 -- Section removed from welcome panel. */
.welcome-panel .welcome-widgets-menus {
line-height: 1.14285714;
}
/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
.welcome-panel .welcome-panel-column ul {
margin: 0.8em 1em 1em 0;
}
/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
.welcome-panel li {
font-size: 14px;
}
/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
.welcome-panel li a {
text-decoration: none;
}
/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
.welcome-panel .welcome-panel-column li {
line-height: 1.14285714;
list-style-type: none;
padding: 0 0 8px;
}
/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
.welcome-panel .welcome-icon {
background: transparent !important;
}
/* Welcome Panel and Right Now common Icons style */
/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
.welcome-panel .welcome-icon:before,
#dashboard_right_now li a:before,
#dashboard_right_now li span:before,
#dashboard_right_now .search-engines-info:before {
color: #646970;
color: #606a73;
font: normal 20px/1 dashicons;
speak: never;
display: inline-block;
@@ -350,56 +244,47 @@
/* Welcome Panel specific Icons styles */
/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
.welcome-panel .welcome-write-blog:before,
.welcome-panel .welcome-edit-page:before {
content: "\f119";
top: -3px;
}
/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
.welcome-panel .welcome-add-page:before {
content: "\f132";
top: -1px;
}
/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
.welcome-panel .welcome-setup-home:before {
content: "\f102";
top: -1px;
}
/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
.welcome-panel .welcome-view-site:before {
content: "\f115";
top: -2px;
}
/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
.welcome-panel .welcome-widgets-menus:before {
content: "\f116";
top: -2px;
}
/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
.welcome-panel .welcome-widgets:before {
content: "\f538";
top: -2px;
}
/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
.welcome-panel .welcome-menus:before {
content: "\f163";
top: -2px;
}
/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
.welcome-panel .welcome-comments:before {
content: "\f117";
top: -1px;
}
/* @deprecated 5.9.0 -- Icons removed from welcome panel. */
.welcome-panel .welcome-learn-more:before {
content: "\f118";
top: -1px;
@@ -469,7 +354,7 @@
.community-events-errors [aria-hidden="true"],
.community-events-loading[aria-hidden="true"],
.community-events[aria-hidden="true"],
.community-events form[aria-hidden="true"] {
.community-events [aria-hidden="true"] {
display: none;
}
@@ -491,7 +376,7 @@
}
.community-events li.event-none {
border-left: 4px solid #72aee6;
border-left: 4px solid #00a0d2;
}
#dashboard-widgets .community-events li.event-none a {
@@ -529,7 +414,7 @@
}
.community-events ul {
background-color: #f6f7f7;
background-color: #fafafa;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
@@ -538,18 +423,18 @@
.community-events li {
margin: 0;
padding: 8px 12px;
color: #2c3338;
color: #32373c;
}
.community-events li:first-child {
border-top: 1px solid #f0f0f1;
border-top: 1px solid #eee;
}
.community-events li ~ li {
border-top: 1px solid #f0f0f1;
border-top: 1px solid #eee;
}
.community-events .activity-block.last {
border-bottom: 1px solid #f0f0f1;
border-bottom: 1px solid #eee;
padding-top: 0;
margin-top: -1px;
}
@@ -566,7 +451,7 @@
}
.event-icon:before {
color: #646970;
color: #606a73;
font-size: 18px;
}
.event-meetup .event-icon:before {
@@ -590,8 +475,8 @@
margin-top: 0;
margin-bottom: 0;
padding: 12px;
border-top: 1px solid #f0f0f1;
color: #dcdcde;
border-top: 1px solid #eee;
color: #ddd;
}
/* Safari 10 + VoiceOver specific: without this, the hidden text gets read out before the link. */
@@ -627,13 +512,13 @@ body #dashboard-widgets .postbox form .submit {
}
.rssSummary {
color: #646970;
color: #72777c;
margin-top: 4px;
}
#dashboard_primary .rss-widget {
font-size: 13px;
padding: 0 12px;
padding: 0 12px 0;
}
#dashboard_primary .rss-widget:last-child {
@@ -647,7 +532,7 @@ body #dashboard-widgets .postbox form .submit {
#dashboard_primary .rss-widget span,
#dashboard_primary .rss-widget span.rss-date {
color: #646970;
color: #72777c;
}
#dashboard_primary .rss-widget span.rss-date {
@@ -711,14 +596,14 @@ body #dashboard-widgets .postbox form .submit {
/* Dashboard right now - Colors */
#dashboard_right_now .sub {
color: #50575e;
background: #f6f7f7;
border-top: 1px solid #f0f0f1;
padding: 10px 12px 6px;
color: #555d66;
background: #f5f5f5;
border-top: 1px solid #eee;
padding: 10px 12px 6px 12px;
}
#dashboard_right_now .sub h3 {
color: #50575e;
color: #555;
}
#dashboard_right_now .sub p {
@@ -727,7 +612,7 @@ body #dashboard-widgets .postbox form .submit {
#dashboard_right_now .warning a:before,
#dashboard_right_now .warning span:before {
color: #d63638;
color: #d54e21;
}
/* Dashboard Quick Draft */
@@ -739,7 +624,7 @@ body #dashboard-widgets .postbox form .submit {
#dashboard_quick_press div.updated {
margin-bottom: 10px;
border: 1px solid #f0f0f1;
border: 1px solid #eee;
border-width: 1px 1px 1px 0;
}
@@ -784,7 +669,7 @@ body #dashboard-widgets .postbox form .submit {
/* Dashboard Quick Draft - Drafts list */
.js #dashboard_quick_press .drafts {
border-top: 1px solid #f0f0f1;
border-top: 1px solid #eee;
}
#dashboard_quick_press .drafts abbr {
@@ -808,7 +693,7 @@ body #dashboard-widgets .postbox form .submit {
margin-bottom: 1em;
}
#dashboard_quick_press .drafts li time {
color: #646970;
color: #72777c;
}
#dashboard_quick_press .drafts p {
@@ -834,7 +719,7 @@ body #dashboard-widgets .postbox form .submit {
padding: 0;
font-size: 14px;
font-weight: 400;
color: #1d2327;
color: #23282d;
}
#dashboard_quick_press .drafts h2 {
@@ -871,54 +756,53 @@ body #dashboard-widgets .postbox form .submit {
}
#dashboard_activity .no-activity p {
color: #646970;
color: #72777c;
font-size: 16px;
}
#dashboard_activity .subsubsub {
float: none;
border-top: 1px solid #f0f0f1;
border-top: 1px solid #eee;
margin: 0 -12px;
padding: 8px 12px 4px;
}
#dashboard_activity .subsubsub a .count,
#dashboard_activity .subsubsub a.current .count {
color: #646970; /* white background on the dashboard but #f0f0f1 on list tables */
color: #72777c; /* white background on the dashboard but #f1f1f1 on list tables */
}
#future-posts ul,
#published-posts ul {
margin: 8px -12px 0 -12px;
clear: both;
margin-bottom: 0;
}
#future-posts li,
#published-posts li {
display: grid;
grid-template-columns: clamp(160px, calc(2vw + 140px), 200px) auto;
column-gap: 10px;
color: #646970;
padding: 4px 12px;
margin-bottom: 8px;
}
#future-posts li:nth-child(odd),
#published-posts li:nth-child(odd) {
background-color: #f6f7f7;
#future-posts ul span,
#published-posts ul span {
display: inline-block;
margin-right: 5px;
min-width: 150px;
color: #72777c;
}
.activity-block {
border-bottom: 1px solid #f0f0f1;
margin: 0 -12px 6px -12px;
border-bottom: 1px solid #eee;
margin: 0 -12px;
padding: 8px 12px 4px;
}
.activity-block:last-child {
border-bottom: none;
margin-bottom: 0;
}
.activity-block .subsubsub li {
color: #dcdcde;
color: #ddd;
}
/* Dashboard activity widget - Comments */
@@ -932,7 +816,7 @@ body #dashboard-widgets .postbox form .submit {
}
#activity-widget #the-comment-list .comment-item {
background: #f6f7f7;
background: #fafafa;
padding: 12px;
position: relative;
}
@@ -951,15 +835,15 @@ body #dashboard-widgets .postbox form .submit {
}
#activity-widget #the-comment-list .comment-item p.row-actions {
margin: 4px 0 0;
margin: 4px 0 0 0;
}
#activity-widget #the-comment-list .comment-item:first-child {
border-top: 1px solid #f0f0f1;
border-top: 1px solid #eeeeee;
}
#activity-widget #the-comment-list .unapproved {
background-color: #fcf9e8;
background-color: #fef7f1;
}
#activity-widget #the-comment-list .unapproved:before {
@@ -969,7 +853,7 @@ body #dashboard-widgets .postbox form .submit {
left: 0;
top: 0;
bottom: 0;
background: #d63638;
background: #d54e21;
width: 4px;
}
@@ -1071,7 +955,7 @@ body #dashboard-widgets .postbox form .submit {
#latest-comments #the-comment-list .comment-meta {
line-height: 1.5;
margin: 0;
color: #646970;
color: #666;
}
#latest-comments #the-comment-list .comment-meta cite {
@@ -1111,7 +995,7 @@ a.rsswidget {
}
.rss-widget span.rss-date {
color: #646970;
color: #72777c;
font-size: 13px;
margin-left: 3px;
}
@@ -1142,23 +1026,33 @@ a.rsswidget {
}
#dashboard_browser_nag p.browser-update-nag.has-browser-icon {
padding-right: 128px;
padding-right: 125px;
}
#dashboard_browser_nag .browser-icon {
margin-top: -32px;
margin-top: -35px;
}
#dashboard_browser_nag.postbox.browser-insecure {
background-color: #ac1b1b;
border-color: #ac1b1b;
}
#dashboard_browser_nag.postbox {
background-color: #b32d2e;
background-color: #e29808;
background-image: none;
border-color: #b32d2e;
border-color: #edc048;
color: #fff;
box-shadow: none;
}
#dashboard_browser_nag.postbox.browser-insecure h2 {
border-bottom-color: #cd5a5a;
color: #fff;
}
#dashboard_browser_nag.postbox h2 {
border-bottom-color: transparent;
border-bottom-color: #f6e2ac;
background: transparent none;
color: #fff;
box-shadow: none;
@@ -1168,10 +1062,6 @@ a.rsswidget {
color: #fff;
}
#dashboard_browser_nag.postbox .postbox-header {
border-color: transparent;
}
#dashboard_browser_nag h2.hndle {
border: none;
font-weight: 600;
@@ -1191,13 +1081,12 @@ a.rsswidget {
/* PHP Nag */
#dashboard_php_nag .dashicons-warning {
color: #dba617;
color: #ffb900;
padding-right: 6px;
}
#dashboard_php_nag.php-no-security-updates .dashicons-warning,
#dashboard_php_nag.php-version-lower-than-future-minimum .dashicons-warning {
color: #d63638;
#dashboard_php_nag.php-insecure .dashicons-warning {
color: #df3232;
}
#dashboard_php_nag h2 {
@@ -1208,30 +1097,17 @@ a.rsswidget {
margin: 12px 0;
}
#dashboard_php_nag h3 {
font-weight: 600;
}
#dashboard_php_nag .button .dashicons-external {
line-height: 25px;
}
.bigger-bolder-text {
font-weight: 600;
font-size: 14px;
}
/* =Media Queries
-------------------------------------------------------------- */
@media only screen and (min-width: 1600px) {
.welcome-panel .welcome-panel-column-container {
display: flex;
justify-content: center;
}
.welcome-panel-column {
width: 100%;
max-width: 460px;
}
}
/* one column on the dash */
@media only screen and (max-width: 799px) {
#wpbody-content #dashboard-widgets .postbox-container {
@@ -1343,59 +1219,25 @@ a.rsswidget {
}
@media screen and (max-width: 870px) {
/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
.welcome-panel .welcome-panel-column,
.welcome-panel .welcome-panel-column:first-child {
display: block;
float: none;
width: 100%;
}
.welcome-panel .welcome-panel-column li {
display: inline-block;
margin-right: 13px;
}
/* @deprecated 5.9.0 -- Lists removed from welcome panel. */
.welcome-panel .welcome-panel-column ul {
margin: 0.4em 0 0;
}
}
@media screen and (max-width: 1180px) and (min-width: 783px) {
.welcome-panel-column {
grid-template-columns: 1fr;
}
[class*="welcome-panel-icon"],
.welcome-panel-column > svg {
display: none;
}
}
@media screen and (max-width: 782px) {
.welcome-panel .welcome-panel-column-container {
grid-template-columns: 1fr;
box-sizing: border-box;
padding: 32px;
width: 100%;
}
.welcome-panel .welcome-panel-column-content {
max-width: 520px;
}
/* Keep the close icon from overlapping the Welcome text. */
.welcome-panel .welcome-panel-close {
overflow: hidden;
text-indent: 40px;
white-space: nowrap;
width: 20px;
height: 20px;
padding: 5px;
top: 5px;
right: 5px;
}
.welcome-panel .welcome-panel-close::before {
top: 5px;
left: -35px;
}
#dashboard-widgets h2 {
padding: 12px;
}
@@ -1438,29 +1280,23 @@ a.rsswidget {
/* Smartphone */
@media screen and (max-width: 600px) {
.welcome-panel-header {
padding: 32px 32px 64px;
/* Keep the close icon from overlapping the Welcome text. */
.welcome-panel .welcome-panel-close {
overflow: hidden;
text-indent: 40px;
white-space: nowrap;
width: 20px;
height: 20px;
padding: 5px;
top: 5px;
right: 5px;
}
.welcome-panel-header-image {
display: none;
}
}
@media screen and (max-width: 480px) {
.welcome-panel-column {
gap: 16px;
}
}
@media screen and (max-width: 360px) {
.welcome-panel-column {
grid-template-columns: 1fr;
}
[class*="welcome-panel-icon"],
.welcome-panel-column > svg {
display: none;
/* Make the close icon larger for tappability. */
.welcome-panel .welcome-panel-close:before {
font-size: 20px;
top: 5px;
left: -35px;
}
}

File diff suppressed because one or more lines are too long

View File

@@ -6,8 +6,8 @@ div#media-upload-header {
padding: 5px 5px 0;
font-weight: 600;
position: relative;
border-bottom: 1px solid #dcdcde;
background: #f6f7f7;
border-bottom: 1px solid #ddd;
background: #f9f9f9;
}
#sidemenu {
@@ -28,9 +28,9 @@ div#media-upload-header {
display: block;
float: right;
line-height: 28px;
border-top: 1px solid #f6f7f7;
border-bottom: 1px solid #dcdcde;
background-color: #f6f7f7;
border-top: 1px solid #f9f9f9;
border-bottom: 1px solid #ddd;
background-color: #f9f9f9;
text-decoration: none;
transition: none;
}
@@ -49,9 +49,9 @@ div#media-upload-header {
font-weight: 400;
padding-right: 6px;
padding-left: 6px;
border: 1px solid #dcdcde;
border-bottom-color: #f0f0f1;
background-color: #f0f0f1;
border: 1px solid #ddd;
border-bottom-color: #f1f1f1;
background-color: #f1f1f1;
color: #000;
}
@@ -62,7 +62,7 @@ div#media-upload-header {
}
#media-upload .slidetoggle {
border-top-color: #dcdcde;
border-top-color: #ddd;
}
#media-upload input[type="radio"] {
@@ -71,7 +71,7 @@ div#media-upload-header {
.media-upload-form label.form-help,
td.help {
color: #646970;
color: #72777c;
}
form {
@@ -101,7 +101,7 @@ th {
width: 100%;
border: none;
text-align: justify;
margin: 0 0 1em;
margin: 0 0 1em 0;
padding: 0;
}
@@ -219,8 +219,8 @@ span.required {
#media-upload .tablenav-pages a {
min-width: 17px;
border: 1px solid #c3c4c7;
background: #f6f7f7;
border: 1px solid #ccc;
background: #f7f7f7;
}
#filter .tablenav select {
@@ -243,7 +243,7 @@ span.required {
}
.menu_order_input {
border: 1px solid #dcdcde;
border: 1px solid #ddd;
font-size: 10px;
padding: 1px;
width: 23px;
@@ -251,7 +251,7 @@ span.required {
.ui-sortable-helper {
background-color: #fff;
border: 1px solid #a7aaad;
border: 1px solid #a0a5aa;
opacity: 0.6;
filter: alpha(opacity=60);
}
@@ -292,7 +292,7 @@ span.required {
clear: both;
padding: 0 0 3px;
font-size: 1.6em;
border-bottom: 1px solid #dcdcde;
border-bottom: 1px solid #ddd;
}
h3.media-title {
@@ -300,7 +300,7 @@ h3.media-title {
}
h4.media-sub-title {
border-bottom: 1px solid #dcdcde;
border-bottom: 1px solid #ddd;
font-size: 1.3em;
margin: 12px;
padding: 0 0 3px;
@@ -311,7 +311,7 @@ h3.media-title,
h4.media-sub-title {
font-family: Georgia,"Times New Roman",Times,serif;
font-weight: 400;
color: #50575e;
color: #5A5A5A;
}
#gallery-settings .describe td {
@@ -344,7 +344,7 @@ h4.media-sub-title {
#gallery-settings label,
#gallery-settings legend {
font-size: 13px;
color: #3c434a;
color: #444;
margin-left: 15px;
}
@@ -353,7 +353,7 @@ h4.media-sub-title {
}
#gallery-settings p.ml-submit {
border-top: 1px solid #dcdcde;
border-top: 1px solid #ddd;
}
#gallery-settings select#columns {
@@ -405,6 +405,7 @@ table.not-image tr.image-only {
* HiDPI Displays
*/
@media print,
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
.image-align-none-label {

File diff suppressed because one or more lines are too long

View File

@@ -5,8 +5,8 @@ div#media-upload-header {
padding: 5px 5px 0;
font-weight: 600;
position: relative;
border-bottom: 1px solid #dcdcde;
background: #f6f7f7;
border-bottom: 1px solid #ddd;
background: #f9f9f9;
}
#sidemenu {
@@ -27,9 +27,9 @@ div#media-upload-header {
display: block;
float: left;
line-height: 28px;
border-top: 1px solid #f6f7f7;
border-bottom: 1px solid #dcdcde;
background-color: #f6f7f7;
border-top: 1px solid #f9f9f9;
border-bottom: 1px solid #ddd;
background-color: #f9f9f9;
text-decoration: none;
transition: none;
}
@@ -48,9 +48,9 @@ div#media-upload-header {
font-weight: 400;
padding-left: 6px;
padding-right: 6px;
border: 1px solid #dcdcde;
border-bottom-color: #f0f0f1;
background-color: #f0f0f1;
border: 1px solid #ddd;
border-bottom-color: #f1f1f1;
background-color: #f1f1f1;
color: #000;
}
@@ -61,7 +61,7 @@ div#media-upload-header {
}
#media-upload .slidetoggle {
border-top-color: #dcdcde;
border-top-color: #ddd;
}
#media-upload input[type="radio"] {
@@ -70,7 +70,7 @@ div#media-upload-header {
.media-upload-form label.form-help,
td.help {
color: #646970;
color: #72777c;
}
form {
@@ -100,7 +100,7 @@ th {
width: 100%;
border: none;
text-align: justify;
margin: 0 0 1em;
margin: 0 0 1em 0;
padding: 0;
}
@@ -218,8 +218,8 @@ span.required {
#media-upload .tablenav-pages a {
min-width: 17px;
border: 1px solid #c3c4c7;
background: #f6f7f7;
border: 1px solid #ccc;
background: #f7f7f7;
}
#filter .tablenav select {
@@ -242,7 +242,7 @@ span.required {
}
.menu_order_input {
border: 1px solid #dcdcde;
border: 1px solid #ddd;
font-size: 10px;
padding: 1px;
width: 23px;
@@ -250,7 +250,7 @@ span.required {
.ui-sortable-helper {
background-color: #fff;
border: 1px solid #a7aaad;
border: 1px solid #a0a5aa;
opacity: 0.6;
filter: alpha(opacity=60);
}
@@ -291,7 +291,7 @@ span.required {
clear: both;
padding: 0 0 3px;
font-size: 1.6em;
border-bottom: 1px solid #dcdcde;
border-bottom: 1px solid #ddd;
}
h3.media-title {
@@ -299,7 +299,7 @@ h3.media-title {
}
h4.media-sub-title {
border-bottom: 1px solid #dcdcde;
border-bottom: 1px solid #ddd;
font-size: 1.3em;
margin: 12px;
padding: 0 0 3px;
@@ -310,7 +310,7 @@ h3.media-title,
h4.media-sub-title {
font-family: Georgia,"Times New Roman",Times,serif;
font-weight: 400;
color: #50575e;
color: #5A5A5A;
}
#gallery-settings .describe td {
@@ -343,7 +343,7 @@ h4.media-sub-title {
#gallery-settings label,
#gallery-settings legend {
font-size: 13px;
color: #3c434a;
color: #444;
margin-right: 15px;
}
@@ -352,7 +352,7 @@ h4.media-sub-title {
}
#gallery-settings p.ml-submit {
border-top: 1px solid #dcdcde;
border-top: 1px solid #ddd;
}
#gallery-settings select#columns {
@@ -404,6 +404,7 @@ table.not-image tr.image-only {
* HiDPI Displays
*/
@media print,
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
.image-align-none-label {

File diff suppressed because one or more lines are too long

View File

@@ -69,7 +69,7 @@
}
#titlediv #title-prompt-text {
color: #646970;
color: #72777c;
position: absolute;
font-size: 1.7em;
padding: 10px;
@@ -78,7 +78,7 @@
input#link_description,
input#link_url {
width: 100%;
width: 98%;
}
#pending {
@@ -95,13 +95,7 @@ input#link_url {
min-height: 25px;
margin-top: 5px;
padding: 0 10px;
color: #646970;
}
#sample-permalink {
display: inline-block;
max-width: 100%;
word-wrap: break-word;
color: #666;
}
#edit-slug-box .cancel {
@@ -153,16 +147,11 @@ body.post-new-php .submitbox .submitdelete {
margin-top: 3px;
}
body.post-type-wp_navigation div#minor-publishing,
body.post-type-wp_navigation .inline-edit-status {
display: none;
}
/* Post Screen */
/* Only highlight drop zones when dragging and only in the 2 columns layout. */
.is-dragging-metaboxes .metabox-holder .postbox-container .meta-box-sortables {
outline: 3px dashed #646970;
outline: 3px dashed #606a73;
/* Prevent margin on the child from collapsing with margin on the parent. */
display: flow-root;
/*
@@ -178,7 +167,7 @@ body.post-type-wp_navigation .inline-edit-status {
.postbox {
position: relative;
min-width: 255px;
border: 1px solid #c3c4c7;
border: 1px solid #ccd0d4;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
background: #fff;
}
@@ -230,7 +219,7 @@ ul.category-tabs li,
.wp-tab-bar .wp-tab-active a,
#post-body ul.category-tabs li.tabs a,
#post-body ul.add-menu-item-tabs li.tabs a {
color: #2c3338;
color: #32373c;
}
.category-tabs {
@@ -282,9 +271,9 @@ ul.add-menu-item-tabs li {
ul.category-tabs li.tabs,
ul.add-menu-item-tabs li.tabs,
.wp-tab-active {
border: 1px solid #dcdcde;
border-bottom-color: #fff;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: #fdfdfd;
background-color: #fdfdfd;
}
ul.category-tabs li,
@@ -303,7 +292,7 @@ ul.wp-tab-bar li {
height: auto;
width: auto;
vertical-align: top;
background-image: linear-gradient(-45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7), linear-gradient(-45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7);
background-image: linear-gradient(-45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4), linear-gradient(-45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4);
background-position: 100% 0, 10px 10px;
background-size: 20px 20px;
}
@@ -334,9 +323,9 @@ form#tags-filter {
#post-status-info {
width: 100%;
border-spacing: 0;
border: 1px solid #c3c4c7;
border: 1px solid #ccd0d4;
border-top: none;
background-color: #f6f7f7;
background-color: #f7f7f7;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
z-index: 999;
}
@@ -375,6 +364,7 @@ form#tags-filter {
}
#wp-word-count {
display: block;
padding: 2px 10px;
}
@@ -384,7 +374,7 @@ form#tags-filter {
.wp-editor-expand #wp-content-editor-tools {
z-index: 1000;
border-bottom: 1px solid #c3c4c7;
border-bottom: 1px solid #ccd0d4;
}
.wp-editor-expand #wp-content-editor-container {
@@ -401,7 +391,7 @@ form#tags-filter {
}
.wp-editor-expand #post-status-info {
border-top: 1px solid #c3c4c7;
border-top: 1px solid #ccd0d4;
}
.wp-editor-expand div.mce-toolbar-grp {
@@ -433,7 +423,7 @@ form#tags-filter {
/* End TinyMCE native fullscreen mode override */
#wp-content-editor-tools {
background-color: #f0f0f1;
background-color: #f1f1f1;
padding-top: 20px;
}
@@ -462,7 +452,7 @@ form#tags-filter {
}
.curtime #timestamp {
padding: 2px 0 1px;
padding: 2px 0 1px 0;
display: inline !important;
height: auto !important;
}
@@ -475,7 +465,7 @@ form#tags-filter {
#post-body .misc-pub-revisions:before,
#post-body .misc-pub-response-to:before,
#post-body .misc-pub-comment-status:before {
color: #8c8f94;
color: #82878c;
}
#post-body .misc-pub-post-status:before,
@@ -658,16 +648,11 @@ form#tags-filter {
}
#poststuff .stuffbox > h2 {
border-bottom: 1px solid #f0f0f1;
border-bottom: 1px solid #eee;
}
#poststuff .inside {
margin: 6px 0 0;
}
.link-php #poststuff .inside,
.link-add-php #poststuff .inside {
margin-top: 12px;
margin: 6px 0 0 0;
}
#poststuff .stuffbox .inside {
@@ -711,356 +696,165 @@ form#tags-filter {
min-height: 1.6923em;
}
/**
* Privacy Settings section
*
* Note: This section includes selectors from
* Site Health where duplicate styling is used.
*/
/* General */
.privacy-settings #wpcontent,
.privacy-settings.auto-fold #wpcontent,
.site-health #wpcontent,
.site-health.auto-fold #wpcontent {
padding-right: 0;
}
/* Better position for the WordPress admin notices. */
.privacy-settings .notice,
.site-health .notice {
margin: 25px 22px 15px 20px;
}
.privacy-settings .notice ~ .notice,
.site-health .notice ~ .notice {
margin-top: 5px;
}
/* Emulates .wrap h1 styling */
.privacy-settings-header h1,
.health-check-header h1 {
display: inline-block;
font-weight: 600;
margin: 0 0.8rem 1rem;
font-size: 23px;
padding: 9px 0 4px;
line-height: 1.3;
}
/* Header */
.privacy-settings-header,
.health-check-header {
text-align: center;
margin: 0 0 1rem;
background: #fff;
border-bottom: 1px solid #dcdcde;
}
.privacy-settings-title-section,
.health-check-title-section {
display: flex;
align-items: center;
justify-content: center;
clear: both;
padding-top: 8px;
}
.privacy-settings-tabs-wrapper {
/* IE 11 */
display: -ms-inline-grid;
-ms-grid-columns: 1fr 1fr;
vertical-align: top;
/* modern browsers */
display: inline-grid;
grid-template-columns: 1fr 1fr;
}
.privacy-settings-tab {
display: block; /* IE 11 */
text-decoration: none;
color: inherit;
padding: 0.5rem 1rem 1rem;
margin: 0 1rem;
transition: box-shadow 0.5s ease-in-out;
}
.privacy-settings-tab:nth-child(1),
.health-check-tab:nth-child(1) {
-ms-grid-column: 1; /* IE 11 */
}
.privacy-settings-tab:nth-child(2),
.health-check-tab:nth-child(2) {
-ms-grid-column: 2; /* IE 11 */
}
.privacy-settings-tab:focus,
.health-check-tab:focus {
color: #1d2327;
outline: 1px solid #787c82;
box-shadow: none;
}
.privacy-settings-tab.active,
.health-check-tab.active {
box-shadow: inset 0 -3px #3582c4;
font-weight: 600;
}
/* Body */
.privacy-settings-body,
.health-check-body {
max-width: 800px;
margin: 0 auto;
}
.tools-privacy-policy-page th {
min-width: 230px;
}
.hr-separator {
margin-top: 20px;
margin-bottom: 15px;
}
/* Accordions */
.privacy-settings-accordion,
.health-check-accordion {
border: 1px solid #c3c4c7;
}
.privacy-settings-accordion-heading,
.health-check-accordion-heading {
margin: 0;
border-top: 1px solid #c3c4c7;
font-size: inherit;
line-height: inherit;
font-weight: 600;
color: inherit;
}
.privacy-settings-accordion-heading:first-child,
.health-check-accordion-heading:first-child {
border-top: none;
}
.privacy-settings-accordion-trigger,
.health-check-accordion-trigger {
background: #fff;
border: 0;
color: #2c3338;
cursor: pointer;
display: flex;
font-weight: 400;
margin: 0;
padding: 1em 1.5em 1em 3.5em;
min-height: 46px;
position: relative;
text-align: right;
width: 100%;
align-items: center;
justify-content: space-between;
-webkit-user-select: auto;
user-select: auto;
}
.privacy-settings-accordion-trigger:hover,
.privacy-settings-accordion-trigger:active,
.health-check-accordion-trigger:hover,
.health-check-accordion-trigger:active {
background: #f6f7f7;
}
.privacy-settings-accordion-trigger:focus,
.health-check-accordion-trigger:focus {
color: #1d2327;
border: none;
box-shadow: none;
outline-offset: -1px;
outline: 2px solid #2271b1;
background-color: #f6f7f7;
}
.privacy-settings-accordion-trigger .title,
.health-check-accordion-trigger .title {
pointer-events: none;
font-weight: 600;
flex-grow: 1;
}
.privacy-settings-accordion-trigger .icon,
.privacy-settings-view-read .icon,
.health-check-accordion-trigger .icon,
.site-health-view-passed .icon {
border: solid #50575e;
border-width: 0 0 2px 2px;
height: 0.5rem;
pointer-events: none;
position: absolute;
left: 1.5em;
top: 50%;
transform: translateY(-70%) rotate(-45deg);
width: 0.5rem;
}
.privacy-settings-accordion-trigger .badge,
.health-check-accordion-trigger .badge {
padding: 0.1rem 0.5rem 0.15rem;
color: #2c3338;
font-weight: 600;
}
.privacy-settings-accordion-trigger .badge {
margin-right: 0.5rem;
}
.privacy-settings-accordion-trigger .badge.blue,
.health-check-accordion-trigger .badge.blue {
border: 1px solid #72aee6;
}
.privacy-settings-accordion-trigger .badge.orange,
.health-check-accordion-trigger .badge.orange {
border: 1px solid #dba617;
}
.privacy-settings-accordion-trigger .badge.red,
.health-check-accordion-trigger .badge.red {
border: 1px solid #e65054;
}
.privacy-settings-accordion-trigger .badge.green,
.health-check-accordion-trigger .badge.green {
border: 1px solid #00ba37;
}
.privacy-settings-accordion-trigger .badge.purple,
.health-check-accordion-trigger .badge.purple {
border: 1px solid #2271b1;
}
.privacy-settings-accordion-trigger .badge.gray,
.health-check-accordion-trigger .badge.gray {
border: 1px solid #c3c4c7;
}
.privacy-settings-accordion-trigger[aria-expanded="true"] .icon,
.privacy-settings-view-passed[aria-expanded="true"] .icon,
.health-check-accordion-trigger[aria-expanded="true"] .icon,
.site-health-view-passed[aria-expanded="true"] .icon {
transform: translateY(-30%) rotate(135deg)
}
.privacy-settings-accordion-panel,
.health-check-accordion-panel {
margin: 0;
padding: 1em 1.5em;
background: #fff;
}
.privacy-settings-accordion-panel[hidden],
.health-check-accordion-panel[hidden] {
display: none;
}
.privacy-settings-accordion-panel a .dashicons,
.health-check-accordion-panel a .dashicons {
text-decoration: none;
}
.privacy-settings-accordion-actions {
text-align: left;
display: block;
}
.privacy-settings-accordion-actions .success {
display: none;
color: #008a20;
padding-left: 1em;
padding-top: 6px;
}
.privacy-settings-accordion-actions .success.visible {
display: inline-block;
}
/* Suggested text for privacy policy */
.privacy-settings-accordion-panel.hide-privacy-policy-tutorial .wp-policy-help, /* For back-compat, see #49282 */
.privacy-settings-accordion-panel.hide-privacy-policy-tutorial .privacy-policy-tutorial,
.privacy-settings-accordion-panel.hide-privacy-policy-tutorial .privacy-text-copy {
.wp-privacy-policy-guide {
max-width: 1000px;
}
.privacy-text-box {
width: calc(100% - 260px);
}
.privacy-text-box-toc {
float: left;
width: 250px;
background-color: #fff;
}
.privacy-text-box-toc p {
margin: 0;
padding: 0.7em 1em;
border-bottom: 1px solid #eee;
}
.privacy-text-box-toc ol {
margin-right: 2em;
}
.wp-privacy-policy-guide h3 {
font-size: 1.2em;
margin: 1em 0 0.5em;
}
.privacy-text-section .privacy-text-copy {
float: left;
}
.privacy-text-section {
position: relative;
border-top: 1px solid #e3e3e3;
}
.privacy-text-box-head,
.privacy-text-section.text-removed {
padding-bottom: 12px;
}
.text-removed .policy-text {
color: #666;
font-weight: 300;
padding-right: 1em;
border-right: 3px solid #ffb900;
}
.text-removed .policy-text h1,
.text-removed .policy-text h2,
.text-removed .policy-text h3,
.text-removed .policy-text h4,
.text-removed .policy-text h5,
.text-removed .policy-text h6 {
color: #39424a;
font-weight: 500;
}
.privacy-text-actions {
display: inline-block;
width: 100%;
height: 32px;
line-height: 2.46153846;
padding-bottom: 6px;
}
.privacy-text-actions .success {
display: none;
color: #40860a;
float: left;
padding-left: 1em;
}
.privacy-text-actions .success.visible {
display: inline-block;
height: 32px;
}
.wp-privacy-policy-guide .policy-text h2 {
margin: 1.2em 0 1em;
padding: 0;
}
.suggested-policy-content {
font-style: italic;
}
.privacy-text-section .return-to-top {
float: left;
margin-left: -250px;
margin-top: 6px;
}
#wpbody:target:before {
content: "";
display: block;
padding-top: 50px;
margin-top: -50px;
}
.hide-privacy-policy-tutorial {
background-color: #fff;
}
.hide-privacy-policy-tutorial .wp-policy-help, /* For back-compat, see #49282 */
.hide-privacy-policy-tutorial .privacy-policy-tutorial {
display: none;
}
.privacy-settings-accordion-panel strong.wp-policy-help, /* For back-compat, see #49282 */
.privacy-settings-accordion-panel strong.privacy-policy-tutorial {
.policy-text {
margin-bottom: 1em;
}
.policy-text > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help),
.policy-text div > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help) {
background-color: #fff;
margin: 0;
padding: 1em;
}
.policy-text > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help) + *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help),
.policy-text div > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help) + *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help) {
padding-top: 0;
}
.hide-privacy-policy-tutorial > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help) {
margin: 1em 0;
padding: 0;
}
.policy-text ul li,
.policy-text ol li {
margin-right: 2em;
}
.policy-text ul {
list-style: disc;
}
strong.wp-policy-help, /* For back-compat, see #49282 */
strong.privacy-policy-tutorial {
display: block;
margin: 0 0 1em;
}
.privacy-text-copy span {
pointer-events: none;
.notice.wp-pp-notice {
margin: 15px 0 3px;
}
.privacy-settings-accordion-panel .wp-suggested-text > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help):not(.privacy-text-copy):not(span.success):not(.notice p),
.privacy-settings-accordion-panel .wp-suggested-text div > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help):not(.privacy-text-copy):not(span.success):not(.notice p),
.privacy-settings-accordion-panel > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help):not(.privacy-text-copy):not(span.success):not(.notice p),
.privacy-settings-accordion-panel div > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help):not(.privacy-text-copy):not(span.success):not(.notice p) {
margin: 0;
padding: 1em;
border-right: 2px solid #787c82;
}
/* Media queries */
@media screen and (max-width: 782px) {
.privacy-settings-body,
.health-check-body {
margin: 0 12px;
width: auto;
}
.privacy-settings .notice,
.site-health .notice {
margin: 5px 10px 15px;
}
.privacy-settings .update-nag,
.site-health .update-nag {
margin-left: 10px;
margin-right: 10px;
}
input#create-page {
margin-top: 10px;
}
.wp-core-ui button.privacy-text-copy {
white-space: normal;
line-height: 1.8;
}
}
@media only screen and (max-width: 1004px) {
.privacy-settings-body,
.health-check-body {
margin: 0 22px;
width: auto;
}
}
/**
* End Privacy Settings section
*/
/*------------------------------------------------------------------------------
11.1 - Custom Fields
------------------------------------------------------------------------------*/
#postcustomstuff thead th {
padding: 5px 8px 8px;
background-color: #f0f0f1;
background-color: #f1f1f1;
}
#postcustom #postcustomstuff .submit {
@@ -1069,10 +863,6 @@ form#tags-filter {
padding: 0 8px 8px;
}
#postcustom #postcustomstuff .add-custom-field {
padding: 12px 8px 8px;
}
#side-sortables #postcustom #postcustomstuff .submit {
margin: 0;
padding: 0;
@@ -1091,9 +881,9 @@ form#tags-filter {
#postcustomstuff table {
margin: 0;
width: 100%;
border: 1px solid #dcdcde;
border: 1px solid #ddd;
border-spacing: 0;
background-color: #f6f7f7;
background-color: #f9f9f9;
}
#postcustomstuff tr {
@@ -1123,8 +913,7 @@ form#tags-filter {
width: auto;
}
#postcustomstuff #newmetaleft a,
#postcustomstuff #newmeta-button {
#postcustomstuff #newmetaleft a {
display: inline-block;
margin: 0 8px 8px;
text-decoration: none;
@@ -1187,7 +976,7 @@ form#tags-filter {
width: 20px;
margin-top: -4px;
margin-left: 7px;
color: #dcdcde;
color: #ddd;
font: normal 20px/1 dashicons;
speak: never;
-webkit-font-smoothing: antialiased;
@@ -1195,7 +984,7 @@ form#tags-filter {
}
a.post-format-icon:hover:before {
color: #135e96;
color: #006799;
}
#post-formats-select {
@@ -1281,8 +1070,8 @@ label.post-format-icon {
max-height: 200px;
overflow: auto;
padding: 0 0.9em;
border: solid 1px #dcdcde;
background-color: #fff;
border: solid 1px #ddd;
background-color: #fdfdfd;
}
div.tabs-panel-active {
@@ -1294,7 +1083,7 @@ div.tabs-panel-inactive {
}
div.tabs-panel-active:focus {
box-shadow: inset 0 0 0 1px #4f94d4, inset 0 0 2px 1px rgba(79, 148, 212, 0.8);
box-shadow: inset 0 0 0 1px #5b9dd9, inset 0 0 2px 1px rgba(30, 140, 190, 0.8);
outline: 0 none;
}
@@ -1350,7 +1139,7 @@ ul.categorychecklist li {
p.description,
.form-wrap p {
margin: 2px 0 5px;
color: #646970;
color: #666;
}
p.help,
@@ -1391,7 +1180,7 @@ p.description code {
}
#poststuff .tagsdiv .howto {
margin: 1em 0 6px;
margin: 1em 0 6px 0;
}
.ajaxtag .newtag {
@@ -1438,7 +1227,7 @@ p.popular-tags a {
#poststuff .inside .the-tagcloud {
margin: 5px 0 10px;
padding: 8px;
border: 1px solid #dcdcde;
border: 1px solid #ddd;
line-height: 1.2;
word-spacing: 3px;
}
@@ -1459,7 +1248,7 @@ p.popular-tags a {
list-style: none;
position: absolute;
z-index: 10000;
border: 1px solid #4f94d4;
border: 1px solid #5b9dd9;
background-color: #fff;
}
@@ -1476,7 +1265,7 @@ p.popular-tags a {
.ac_results .ac_over,
.ac_over .ac_match {
background-color: #2271b1;
background-color: #0073aa;
color: #fff;
cursor: pointer;
}
@@ -1518,7 +1307,7 @@ p.popular-tags a {
content: "(" attr( href ) ")";
display: inline-block;
padding: 0 4px;
color: #646970;
color: #72777C;
font-size: 13px;
word-break: break-all;
}
@@ -1689,6 +1478,7 @@ table.links-table {
* HiDPI Displays
*/
@media print,
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
#content-resize-handle,
#post-body .wp_themeSkin .mceStatusbar a.mceResize {
@@ -1799,7 +1589,7 @@ table.links-table {
}
#titlediv #title-prompt-text {
padding: 10px;
padding: 10px 10px;
}
#poststuff .stuffbox .inside {
@@ -1936,7 +1726,10 @@ table.links-table {
}
.wp_themeSkin .mceSplitButton td a.mceAction {
padding: 6px 6px 6px 3px;
padding-top: 6px;
padding-bottom: 6px;
padding-right: 6px;
padding-left: 3px;
}
.wp_themeSkin .mceSplitButton td a.mceOpen,
@@ -1982,7 +1775,12 @@ table.links-table {
}
.misc-pub-section {
padding: 20px 10px;
padding: 20px 10px 20px;
}
.misc-pub-section > a {
float: left;
font-size: 16px;
}
#delete-action,

File diff suppressed because one or more lines are too long

View File

@@ -68,7 +68,7 @@
}
#titlediv #title-prompt-text {
color: #646970;
color: #72777c;
position: absolute;
font-size: 1.7em;
padding: 10px;
@@ -77,7 +77,7 @@
input#link_description,
input#link_url {
width: 100%;
width: 98%;
}
#pending {
@@ -94,13 +94,7 @@ input#link_url {
min-height: 25px;
margin-top: 5px;
padding: 0 10px;
color: #646970;
}
#sample-permalink {
display: inline-block;
max-width: 100%;
word-wrap: break-word;
color: #666;
}
#edit-slug-box .cancel {
@@ -152,16 +146,11 @@ body.post-new-php .submitbox .submitdelete {
margin-top: 3px;
}
body.post-type-wp_navigation div#minor-publishing,
body.post-type-wp_navigation .inline-edit-status {
display: none;
}
/* Post Screen */
/* Only highlight drop zones when dragging and only in the 2 columns layout. */
.is-dragging-metaboxes .metabox-holder .postbox-container .meta-box-sortables {
outline: 3px dashed #646970;
outline: 3px dashed #606a73;
/* Prevent margin on the child from collapsing with margin on the parent. */
display: flow-root;
/*
@@ -177,7 +166,7 @@ body.post-type-wp_navigation .inline-edit-status {
.postbox {
position: relative;
min-width: 255px;
border: 1px solid #c3c4c7;
border: 1px solid #ccd0d4;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
background: #fff;
}
@@ -229,7 +218,7 @@ ul.category-tabs li,
.wp-tab-bar .wp-tab-active a,
#post-body ul.category-tabs li.tabs a,
#post-body ul.add-menu-item-tabs li.tabs a {
color: #2c3338;
color: #32373c;
}
.category-tabs {
@@ -281,9 +270,9 @@ ul.add-menu-item-tabs li {
ul.category-tabs li.tabs,
ul.add-menu-item-tabs li.tabs,
.wp-tab-active {
border: 1px solid #dcdcde;
border-bottom-color: #fff;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: #fdfdfd;
background-color: #fdfdfd;
}
ul.category-tabs li,
@@ -302,7 +291,7 @@ ul.wp-tab-bar li {
height: auto;
width: auto;
vertical-align: top;
background-image: linear-gradient(45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7), linear-gradient(45deg, #c3c4c7 25%, transparent 25%, transparent 75%, #c3c4c7 75%, #c3c4c7);
background-image: linear-gradient(45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4), linear-gradient(45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4);
background-position: 0 0, 10px 10px;
background-size: 20px 20px;
}
@@ -333,9 +322,9 @@ form#tags-filter {
#post-status-info {
width: 100%;
border-spacing: 0;
border: 1px solid #c3c4c7;
border: 1px solid #ccd0d4;
border-top: none;
background-color: #f6f7f7;
background-color: #f7f7f7;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
z-index: 999;
}
@@ -374,6 +363,7 @@ form#tags-filter {
}
#wp-word-count {
display: block;
padding: 2px 10px;
}
@@ -383,7 +373,7 @@ form#tags-filter {
.wp-editor-expand #wp-content-editor-tools {
z-index: 1000;
border-bottom: 1px solid #c3c4c7;
border-bottom: 1px solid #ccd0d4;
}
.wp-editor-expand #wp-content-editor-container {
@@ -400,7 +390,7 @@ form#tags-filter {
}
.wp-editor-expand #post-status-info {
border-top: 1px solid #c3c4c7;
border-top: 1px solid #ccd0d4;
}
.wp-editor-expand div.mce-toolbar-grp {
@@ -432,7 +422,7 @@ form#tags-filter {
/* End TinyMCE native fullscreen mode override */
#wp-content-editor-tools {
background-color: #f0f0f1;
background-color: #f1f1f1;
padding-top: 20px;
}
@@ -461,7 +451,7 @@ form#tags-filter {
}
.curtime #timestamp {
padding: 2px 0 1px;
padding: 2px 0 1px 0;
display: inline !important;
height: auto !important;
}
@@ -474,7 +464,7 @@ form#tags-filter {
#post-body .misc-pub-revisions:before,
#post-body .misc-pub-response-to:before,
#post-body .misc-pub-comment-status:before {
color: #8c8f94;
color: #82878c;
}
#post-body .misc-pub-post-status:before,
@@ -657,16 +647,11 @@ form#tags-filter {
}
#poststuff .stuffbox > h2 {
border-bottom: 1px solid #f0f0f1;
border-bottom: 1px solid #eee;
}
#poststuff .inside {
margin: 6px 0 0;
}
.link-php #poststuff .inside,
.link-add-php #poststuff .inside {
margin-top: 12px;
margin: 6px 0 0 0;
}
#poststuff .stuffbox .inside {
@@ -710,356 +695,165 @@ form#tags-filter {
min-height: 1.6923em;
}
/**
* Privacy Settings section
*
* Note: This section includes selectors from
* Site Health where duplicate styling is used.
*/
/* General */
.privacy-settings #wpcontent,
.privacy-settings.auto-fold #wpcontent,
.site-health #wpcontent,
.site-health.auto-fold #wpcontent {
padding-left: 0;
}
/* Better position for the WordPress admin notices. */
.privacy-settings .notice,
.site-health .notice {
margin: 25px 20px 15px 22px;
}
.privacy-settings .notice ~ .notice,
.site-health .notice ~ .notice {
margin-top: 5px;
}
/* Emulates .wrap h1 styling */
.privacy-settings-header h1,
.health-check-header h1 {
display: inline-block;
font-weight: 600;
margin: 0 0.8rem 1rem;
font-size: 23px;
padding: 9px 0 4px;
line-height: 1.3;
}
/* Header */
.privacy-settings-header,
.health-check-header {
text-align: center;
margin: 0 0 1rem;
background: #fff;
border-bottom: 1px solid #dcdcde;
}
.privacy-settings-title-section,
.health-check-title-section {
display: flex;
align-items: center;
justify-content: center;
clear: both;
padding-top: 8px;
}
.privacy-settings-tabs-wrapper {
/* IE 11 */
display: -ms-inline-grid;
-ms-grid-columns: 1fr 1fr;
vertical-align: top;
/* modern browsers */
display: inline-grid;
grid-template-columns: 1fr 1fr;
}
.privacy-settings-tab {
display: block; /* IE 11 */
text-decoration: none;
color: inherit;
padding: 0.5rem 1rem 1rem;
margin: 0 1rem;
transition: box-shadow 0.5s ease-in-out;
}
.privacy-settings-tab:nth-child(1),
.health-check-tab:nth-child(1) {
-ms-grid-column: 1; /* IE 11 */
}
.privacy-settings-tab:nth-child(2),
.health-check-tab:nth-child(2) {
-ms-grid-column: 2; /* IE 11 */
}
.privacy-settings-tab:focus,
.health-check-tab:focus {
color: #1d2327;
outline: 1px solid #787c82;
box-shadow: none;
}
.privacy-settings-tab.active,
.health-check-tab.active {
box-shadow: inset 0 -3px #3582c4;
font-weight: 600;
}
/* Body */
.privacy-settings-body,
.health-check-body {
max-width: 800px;
margin: 0 auto;
}
.tools-privacy-policy-page th {
min-width: 230px;
}
.hr-separator {
margin-top: 20px;
margin-bottom: 15px;
}
/* Accordions */
.privacy-settings-accordion,
.health-check-accordion {
border: 1px solid #c3c4c7;
}
.privacy-settings-accordion-heading,
.health-check-accordion-heading {
margin: 0;
border-top: 1px solid #c3c4c7;
font-size: inherit;
line-height: inherit;
font-weight: 600;
color: inherit;
}
.privacy-settings-accordion-heading:first-child,
.health-check-accordion-heading:first-child {
border-top: none;
}
.privacy-settings-accordion-trigger,
.health-check-accordion-trigger {
background: #fff;
border: 0;
color: #2c3338;
cursor: pointer;
display: flex;
font-weight: 400;
margin: 0;
padding: 1em 3.5em 1em 1.5em;
min-height: 46px;
position: relative;
text-align: left;
width: 100%;
align-items: center;
justify-content: space-between;
-webkit-user-select: auto;
user-select: auto;
}
.privacy-settings-accordion-trigger:hover,
.privacy-settings-accordion-trigger:active,
.health-check-accordion-trigger:hover,
.health-check-accordion-trigger:active {
background: #f6f7f7;
}
.privacy-settings-accordion-trigger:focus,
.health-check-accordion-trigger:focus {
color: #1d2327;
border: none;
box-shadow: none;
outline-offset: -1px;
outline: 2px solid #2271b1;
background-color: #f6f7f7;
}
.privacy-settings-accordion-trigger .title,
.health-check-accordion-trigger .title {
pointer-events: none;
font-weight: 600;
flex-grow: 1;
}
.privacy-settings-accordion-trigger .icon,
.privacy-settings-view-read .icon,
.health-check-accordion-trigger .icon,
.site-health-view-passed .icon {
border: solid #50575e;
border-width: 0 2px 2px 0;
height: 0.5rem;
pointer-events: none;
position: absolute;
right: 1.5em;
top: 50%;
transform: translateY(-70%) rotate(45deg);
width: 0.5rem;
}
.privacy-settings-accordion-trigger .badge,
.health-check-accordion-trigger .badge {
padding: 0.1rem 0.5rem 0.15rem;
color: #2c3338;
font-weight: 600;
}
.privacy-settings-accordion-trigger .badge {
margin-left: 0.5rem;
}
.privacy-settings-accordion-trigger .badge.blue,
.health-check-accordion-trigger .badge.blue {
border: 1px solid #72aee6;
}
.privacy-settings-accordion-trigger .badge.orange,
.health-check-accordion-trigger .badge.orange {
border: 1px solid #dba617;
}
.privacy-settings-accordion-trigger .badge.red,
.health-check-accordion-trigger .badge.red {
border: 1px solid #e65054;
}
.privacy-settings-accordion-trigger .badge.green,
.health-check-accordion-trigger .badge.green {
border: 1px solid #00ba37;
}
.privacy-settings-accordion-trigger .badge.purple,
.health-check-accordion-trigger .badge.purple {
border: 1px solid #2271b1;
}
.privacy-settings-accordion-trigger .badge.gray,
.health-check-accordion-trigger .badge.gray {
border: 1px solid #c3c4c7;
}
.privacy-settings-accordion-trigger[aria-expanded="true"] .icon,
.privacy-settings-view-passed[aria-expanded="true"] .icon,
.health-check-accordion-trigger[aria-expanded="true"] .icon,
.site-health-view-passed[aria-expanded="true"] .icon {
transform: translateY(-30%) rotate(-135deg)
}
.privacy-settings-accordion-panel,
.health-check-accordion-panel {
margin: 0;
padding: 1em 1.5em;
background: #fff;
}
.privacy-settings-accordion-panel[hidden],
.health-check-accordion-panel[hidden] {
display: none;
}
.privacy-settings-accordion-panel a .dashicons,
.health-check-accordion-panel a .dashicons {
text-decoration: none;
}
.privacy-settings-accordion-actions {
text-align: right;
display: block;
}
.privacy-settings-accordion-actions .success {
display: none;
color: #008a20;
padding-right: 1em;
padding-top: 6px;
}
.privacy-settings-accordion-actions .success.visible {
display: inline-block;
}
/* Suggested text for privacy policy */
.privacy-settings-accordion-panel.hide-privacy-policy-tutorial .wp-policy-help, /* For back-compat, see #49282 */
.privacy-settings-accordion-panel.hide-privacy-policy-tutorial .privacy-policy-tutorial,
.privacy-settings-accordion-panel.hide-privacy-policy-tutorial .privacy-text-copy {
.wp-privacy-policy-guide {
max-width: 1000px;
}
.privacy-text-box {
width: calc(100% - 260px);
}
.privacy-text-box-toc {
float: right;
width: 250px;
background-color: #fff;
}
.privacy-text-box-toc p {
margin: 0;
padding: 0.7em 1em;
border-bottom: 1px solid #eee;
}
.privacy-text-box-toc ol {
margin-left: 2em;
}
.wp-privacy-policy-guide h3 {
font-size: 1.2em;
margin: 1em 0 0.5em;
}
.privacy-text-section .privacy-text-copy {
float: right;
}
.privacy-text-section {
position: relative;
border-top: 1px solid #e3e3e3;
}
.privacy-text-box-head,
.privacy-text-section.text-removed {
padding-bottom: 12px;
}
.text-removed .policy-text {
color: #666;
font-weight: 300;
padding-left: 1em;
border-left: 3px solid #ffb900;
}
.text-removed .policy-text h1,
.text-removed .policy-text h2,
.text-removed .policy-text h3,
.text-removed .policy-text h4,
.text-removed .policy-text h5,
.text-removed .policy-text h6 {
color: #39424a;
font-weight: 500;
}
.privacy-text-actions {
display: inline-block;
width: 100%;
height: 32px;
line-height: 2.46153846;
padding-bottom: 6px;
}
.privacy-text-actions .success {
display: none;
color: #40860a;
float: right;
padding-right: 1em;
}
.privacy-text-actions .success.visible {
display: inline-block;
height: 32px;
}
.wp-privacy-policy-guide .policy-text h2 {
margin: 1.2em 0 1em;
padding: 0;
}
.suggested-policy-content {
font-style: italic;
}
.privacy-text-section .return-to-top {
float: right;
margin-right: -250px;
margin-top: 6px;
}
#wpbody:target:before {
content: "";
display: block;
padding-top: 50px;
margin-top: -50px;
}
.hide-privacy-policy-tutorial {
background-color: #fff;
}
.hide-privacy-policy-tutorial .wp-policy-help, /* For back-compat, see #49282 */
.hide-privacy-policy-tutorial .privacy-policy-tutorial {
display: none;
}
.privacy-settings-accordion-panel strong.wp-policy-help, /* For back-compat, see #49282 */
.privacy-settings-accordion-panel strong.privacy-policy-tutorial {
.policy-text {
margin-bottom: 1em;
}
.policy-text > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help),
.policy-text div > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help) {
background-color: #fff;
margin: 0;
padding: 1em;
}
.policy-text > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help) + *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help),
.policy-text div > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help) + *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help) {
padding-top: 0;
}
.hide-privacy-policy-tutorial > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help) {
margin: 1em 0;
padding: 0;
}
.policy-text ul li,
.policy-text ol li {
margin-left: 2em;
}
.policy-text ul {
list-style: disc;
}
strong.wp-policy-help, /* For back-compat, see #49282 */
strong.privacy-policy-tutorial {
display: block;
margin: 0 0 1em;
}
.privacy-text-copy span {
pointer-events: none;
.notice.wp-pp-notice {
margin: 15px 0 3px;
}
.privacy-settings-accordion-panel .wp-suggested-text > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help):not(.privacy-text-copy):not(span.success):not(.notice p),
.privacy-settings-accordion-panel .wp-suggested-text div > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help):not(.privacy-text-copy):not(span.success):not(.notice p),
.privacy-settings-accordion-panel > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help):not(.privacy-text-copy):not(span.success):not(.notice p),
.privacy-settings-accordion-panel div > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help):not(.privacy-text-copy):not(span.success):not(.notice p) {
margin: 0;
padding: 1em;
border-left: 2px solid #787c82;
}
/* Media queries */
@media screen and (max-width: 782px) {
.privacy-settings-body,
.health-check-body {
margin: 0 12px;
width: auto;
}
.privacy-settings .notice,
.site-health .notice {
margin: 5px 10px 15px;
}
.privacy-settings .update-nag,
.site-health .update-nag {
margin-right: 10px;
margin-left: 10px;
}
input#create-page {
margin-top: 10px;
}
.wp-core-ui button.privacy-text-copy {
white-space: normal;
line-height: 1.8;
}
}
@media only screen and (max-width: 1004px) {
.privacy-settings-body,
.health-check-body {
margin: 0 22px;
width: auto;
}
}
/**
* End Privacy Settings section
*/
/*------------------------------------------------------------------------------
11.1 - Custom Fields
------------------------------------------------------------------------------*/
#postcustomstuff thead th {
padding: 5px 8px 8px;
background-color: #f0f0f1;
background-color: #f1f1f1;
}
#postcustom #postcustomstuff .submit {
@@ -1068,10 +862,6 @@ form#tags-filter {
padding: 0 8px 8px;
}
#postcustom #postcustomstuff .add-custom-field {
padding: 12px 8px 8px;
}
#side-sortables #postcustom #postcustomstuff .submit {
margin: 0;
padding: 0;
@@ -1090,9 +880,9 @@ form#tags-filter {
#postcustomstuff table {
margin: 0;
width: 100%;
border: 1px solid #dcdcde;
border: 1px solid #ddd;
border-spacing: 0;
background-color: #f6f7f7;
background-color: #f9f9f9;
}
#postcustomstuff tr {
@@ -1122,8 +912,7 @@ form#tags-filter {
width: auto;
}
#postcustomstuff #newmetaleft a,
#postcustomstuff #newmeta-button {
#postcustomstuff #newmetaleft a {
display: inline-block;
margin: 0 8px 8px;
text-decoration: none;
@@ -1186,7 +975,7 @@ form#tags-filter {
width: 20px;
margin-top: -4px;
margin-right: 7px;
color: #dcdcde;
color: #ddd;
font: normal 20px/1 dashicons;
speak: never;
-webkit-font-smoothing: antialiased;
@@ -1194,7 +983,7 @@ form#tags-filter {
}
a.post-format-icon:hover:before {
color: #135e96;
color: #006799;
}
#post-formats-select {
@@ -1280,8 +1069,8 @@ label.post-format-icon {
max-height: 200px;
overflow: auto;
padding: 0 0.9em;
border: solid 1px #dcdcde;
background-color: #fff;
border: solid 1px #ddd;
background-color: #fdfdfd;
}
div.tabs-panel-active {
@@ -1293,7 +1082,7 @@ div.tabs-panel-inactive {
}
div.tabs-panel-active:focus {
box-shadow: inset 0 0 0 1px #4f94d4, inset 0 0 2px 1px rgba(79, 148, 212, 0.8);
box-shadow: inset 0 0 0 1px #5b9dd9, inset 0 0 2px 1px rgba(30, 140, 190, 0.8);
outline: 0 none;
}
@@ -1349,7 +1138,7 @@ ul.categorychecklist li {
p.description,
.form-wrap p {
margin: 2px 0 5px;
color: #646970;
color: #666;
}
p.help,
@@ -1390,7 +1179,7 @@ p.description code {
}
#poststuff .tagsdiv .howto {
margin: 1em 0 6px;
margin: 1em 0 6px 0;
}
.ajaxtag .newtag {
@@ -1437,7 +1226,7 @@ p.popular-tags a {
#poststuff .inside .the-tagcloud {
margin: 5px 0 10px;
padding: 8px;
border: 1px solid #dcdcde;
border: 1px solid #ddd;
line-height: 1.2;
word-spacing: 3px;
}
@@ -1458,7 +1247,7 @@ p.popular-tags a {
list-style: none;
position: absolute;
z-index: 10000;
border: 1px solid #4f94d4;
border: 1px solid #5b9dd9;
background-color: #fff;
}
@@ -1475,7 +1264,7 @@ p.popular-tags a {
.ac_results .ac_over,
.ac_over .ac_match {
background-color: #2271b1;
background-color: #0073aa;
color: #fff;
cursor: pointer;
}
@@ -1517,7 +1306,7 @@ p.popular-tags a {
content: "(" attr( href ) ")";
display: inline-block;
padding: 0 4px;
color: #646970;
color: #72777C;
font-size: 13px;
word-break: break-all;
}
@@ -1688,6 +1477,7 @@ table.links-table {
* HiDPI Displays
*/
@media print,
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
#content-resize-handle,
#post-body .wp_themeSkin .mceStatusbar a.mceResize {
@@ -1798,7 +1588,7 @@ table.links-table {
}
#titlediv #title-prompt-text {
padding: 10px;
padding: 10px 10px;
}
#poststuff .stuffbox .inside {
@@ -1935,7 +1725,10 @@ table.links-table {
}
.wp_themeSkin .mceSplitButton td a.mceAction {
padding: 6px 3px 6px 6px;
padding-top: 6px;
padding-bottom: 6px;
padding-left: 6px;
padding-right: 3px;
}
.wp_themeSkin .mceSplitButton td a.mceOpen,
@@ -1981,7 +1774,12 @@ table.links-table {
}
.misc-pub-section {
padding: 20px 10px;
padding: 20px 10px 20px;
}
.misc-pub-section > a {
float: right;
font-size: 16px;
}
#delete-action,

File diff suppressed because one or more lines are too long

Some files were not shown because too many files have changed in this diff Show More