mirror of
https://github.com/WordPress/WordPress.git
synced 2024-09-20 19:41:28 +02:00
a64be2cd83
This updates the 4.4 branch to support the latest LTS version of NodeJS (currently 14.x), allowing the same version to be used across all WordPress branches that receive security updates as a courtesy. Because older branches use (really) old versions of NodeJS, the local Docker environment cannot be backported since the needed dependencies will not run on these older versions (see #48301). This also blocks the ability to move automated testing over to GitHub Actions (see #50401). This also replaces the `npm-shrinkwrap.json` with a `package-lock.json` file. Lock files were not supported in earlier versions of NPM, but can now be used. In addition to backporting the package updates that happened after branching 4.4, dependencies that were removed in future releases have also been updated to their latest versions. Props desrosj, dd32, netweb, jorbin. Merges [35859,35862,36860-36865,36935,36978-36979,37017,37019-37020,37212,37612,38111,38688,39110,39113-39119,39478,42460-42461,42463,42887,43320,43323,43977,44219,44233,44728,45321,45765,46404,46408-46409,47404,47867-47869,47872-47873,48705,49636,49933,49937,49939,50017,50126,50176,50185,50192] to the 4.4 branch. See #52341. Built from https://develop.svn.wordpress.org/branches/4.4@50210 git-svn-id: http://core.svn.wordpress.org/branches/4.4@49881 1a063a9b-81f0-0310-95a4-ce76da25c4cd
526 lines
13 KiB
CSS
526 lines
13 KiB
CSS
/*
|
|
* Button mixin- creates 3d-ish button effect with correct
|
|
* highlights/shadows, based on a base color.
|
|
*/
|
|
html {
|
|
background: #f1f1f1;
|
|
}
|
|
|
|
/* Links */
|
|
a {
|
|
color: #0073aa;
|
|
}
|
|
a:hover, a:active, a:focus {
|
|
color: #0096dd;
|
|
}
|
|
|
|
#media-upload a.del-link:hover,
|
|
div.dashboard-widget-submit input:hover,
|
|
.subsubsub a:hover,
|
|
.subsubsub a.current:hover {
|
|
color: #0096dd;
|
|
}
|
|
|
|
/* Forms */
|
|
input[type=checkbox]:checked:before {
|
|
color: #dd823b;
|
|
}
|
|
|
|
input[type=radio]:checked:before {
|
|
background: #dd823b;
|
|
}
|
|
|
|
.wp-core-ui input[type=reset]:hover,
|
|
.wp-core-ui input[type=reset]:active {
|
|
color: #0096dd;
|
|
}
|
|
|
|
/* Core UI */
|
|
.wp-core-ui .button-primary {
|
|
background: #dd823b;
|
|
border-color: #c36922 #ad5d1e #ad5d1e;
|
|
color: white;
|
|
-webkit-box-shadow: 0 1px 0 #ad5d1e;
|
|
box-shadow: 0 1px 0 #ad5d1e;
|
|
text-shadow: 0 -1px 1px #ad5d1e, -1px 0 1px #ad5d1e, 0 1px 1px #ad5d1e, 1px 0 1px #ad5d1e;
|
|
}
|
|
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
|
|
background: #df8a48;
|
|
border-color: #ad5d1e;
|
|
color: white;
|
|
-webkit-box-shadow: 0 1px 0 #ad5d1e;
|
|
box-shadow: 0 1px 0 #ad5d1e;
|
|
}
|
|
.wp-core-ui .button-primary:focus {
|
|
-webkit-box-shadow: inset 0 1px 0 #c36922, 0 0 2px 1px #33b3db;
|
|
box-shadow: inset 0 1px 0 #c36922, 0 0 2px 1px #33b3db;
|
|
}
|
|
.wp-core-ui .button-primary:active {
|
|
background: #c36922;
|
|
border-color: #ad5d1e;
|
|
-webkit-box-shadow: inset 0 2px 0 #ad5d1e;
|
|
box-shadow: inset 0 2px 0 #ad5d1e;
|
|
}
|
|
.wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.button-primary-disabled, .wp-core-ui .button-primary.disabled {
|
|
color: #d1cbc7 !important;
|
|
background: #cc6d23 !important;
|
|
border-color: #ad5d1e !important;
|
|
text-shadow: none !important;
|
|
}
|
|
.wp-core-ui .button-primary.button-hero {
|
|
-webkit-box-shadow: 0 2px 0 #ad5d1e !important;
|
|
box-shadow: 0 2px 0 #ad5d1e !important;
|
|
}
|
|
.wp-core-ui .button-primary.button-hero:active {
|
|
-webkit-box-shadow: inset 0 3px 0 #ad5d1e !important;
|
|
box-shadow: inset 0 3px 0 #ad5d1e !important;
|
|
}
|
|
.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: #f3f1f1;
|
|
}
|
|
|
|
/* List tables */
|
|
.wrap .add-new-h2:hover,
|
|
.wrap .page-title-action:hover,
|
|
.tablenav .tablenav-pages a:hover,
|
|
.tablenav .tablenav-pages a:focus {
|
|
color: #fff;
|
|
background-color: #cf4944;
|
|
}
|
|
|
|
.view-switch a.current:before {
|
|
color: #cf4944;
|
|
}
|
|
|
|
.view-switch a:hover:before {
|
|
color: #ccaf0b;
|
|
}
|
|
|
|
/* Admin Menu */
|
|
#adminmenuback,
|
|
#adminmenuwrap,
|
|
#adminmenu {
|
|
background: #cf4944;
|
|
}
|
|
|
|
#adminmenu a {
|
|
color: #fff;
|
|
}
|
|
|
|
#adminmenu div.wp-menu-image:before {
|
|
color: #f3f1f1;
|
|
}
|
|
|
|
#adminmenu a:hover,
|
|
#adminmenu li.menu-top:hover,
|
|
#adminmenu li.opensub > a.menu-top,
|
|
#adminmenu li > a.menu-top:focus {
|
|
color: #fff;
|
|
background-color: #dd823b;
|
|
}
|
|
|
|
#adminmenu li.menu-top:hover div.wp-menu-image:before,
|
|
#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
|
|
color: #fff;
|
|
}
|
|
|
|
/* Active tabs use a bottom border color that matches the page background color. */
|
|
.about-wrap h2 .nav-tab-active,
|
|
.nav-tab-active,
|
|
.nav-tab-active:hover {
|
|
background-color: #f1f1f1;
|
|
border-bottom-color: #f1f1f1;
|
|
}
|
|
|
|
/* Admin Menu: submenu */
|
|
#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 {
|
|
border-left-color: #be3631;
|
|
}
|
|
|
|
#adminmenu .wp-submenu .wp-submenu-head {
|
|
color: #f1c8c7;
|
|
}
|
|
|
|
#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,
|
|
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
|
|
color: #f7e3d3;
|
|
}
|
|
|
|
/* Admin Menu: current */
|
|
#adminmenu .wp-submenu li.current a,
|
|
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
|
|
#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,
|
|
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
|
|
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
|
|
color: #f7e3d3;
|
|
}
|
|
|
|
ul#adminmenu a.wp-has-current-submenu:after,
|
|
ul#adminmenu > li.current > a.current:after {
|
|
border-left-color: #f1f1f1;
|
|
}
|
|
|
|
#adminmenu li.current a.menu-top,
|
|
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
|
|
#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
|
|
.folded #adminmenu li.current.menu-top {
|
|
color: #fff;
|
|
background: #dd823b;
|
|
}
|
|
|
|
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
|
|
#adminmenu a.current:hover 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,
|
|
#adminmenu li a:focus div.wp-menu-image:before,
|
|
#adminmenu li.opensub div.wp-menu-image:before,
|
|
.ie8 #adminmenu li.opensub div.wp-menu-image:before {
|
|
color: #fff;
|
|
}
|
|
|
|
/* Admin Menu: bubble */
|
|
#adminmenu .awaiting-mod,
|
|
#adminmenu .update-plugins {
|
|
color: #fff;
|
|
background: #ccaf0b;
|
|
}
|
|
|
|
#adminmenu li.current a .awaiting-mod,
|
|
#adminmenu li a.wp-has-current-submenu .update-plugins,
|
|
#adminmenu li:hover a .awaiting-mod,
|
|
#adminmenu li.menu-top:hover > a .update-plugins {
|
|
color: #fff;
|
|
background: #be3631;
|
|
}
|
|
|
|
/* Admin Menu: collapse button */
|
|
#collapse-menu {
|
|
color: #f3f1f1;
|
|
}
|
|
|
|
#collapse-menu:hover {
|
|
color: #fff;
|
|
}
|
|
|
|
#collapse-button div:after {
|
|
color: #f3f1f1;
|
|
}
|
|
|
|
#collapse-menu:hover #collapse-button div:after {
|
|
color: #fff;
|
|
}
|
|
|
|
/* Admin Bar */
|
|
#wpadminbar {
|
|
color: #fff;
|
|
background: #cf4944;
|
|
}
|
|
|
|
#wpadminbar .ab-item,
|
|
#wpadminbar a.ab-item,
|
|
#wpadminbar > #wp-toolbar span.ab-label,
|
|
#wpadminbar > #wp-toolbar span.noticon {
|
|
color: #fff;
|
|
}
|
|
|
|
#wpadminbar .ab-icon,
|
|
#wpadminbar .ab-icon:before,
|
|
#wpadminbar .ab-item:before,
|
|
#wpadminbar .ab-item:after {
|
|
color: #f3f1f1;
|
|
}
|
|
|
|
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
|
|
#wpadminbar:not(.mobile) .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: #f7e3d3;
|
|
background: #be3631;
|
|
}
|
|
|
|
#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
|
|
#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
|
|
#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
|
|
color: #f7e3d3;
|
|
}
|
|
|
|
#wpadminbar:not(.mobile) li:hover .ab-icon:before,
|
|
#wpadminbar:not(.mobile) li:hover .ab-item:before,
|
|
#wpadminbar:not(.mobile) li:hover .ab-item:after,
|
|
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
|
|
color: #fff;
|
|
}
|
|
|
|
/* Admin Bar: submenu */
|
|
#wpadminbar .menupop .ab-sub-wrapper {
|
|
background: #be3631;
|
|
}
|
|
|
|
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
|
|
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
|
|
background: #cf6b67;
|
|
}
|
|
|
|
#wpadminbar .ab-submenu .ab-item,
|
|
#wpadminbar .quicklinks .menupop ul li a,
|
|
#wpadminbar .quicklinks .menupop.hover ul li a,
|
|
#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
|
|
color: #f1c8c7;
|
|
}
|
|
|
|
#wpadminbar .quicklinks li .blavatar,
|
|
#wpadminbar .menupop .menupop > .ab-item:before {
|
|
color: #f3f1f1;
|
|
}
|
|
|
|
#wpadminbar .quicklinks .menupop ul li a:hover,
|
|
#wpadminbar .quicklinks .menupop ul li a:focus,
|
|
#wpadminbar .quicklinks .menupop ul li a:hover strong,
|
|
#wpadminbar .quicklinks .menupop ul li a:focus strong,
|
|
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
|
|
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
|
|
#wpadminbar .quicklinks .menupop.hover ul li a:focus,
|
|
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
|
|
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
|
|
#wpadminbar li:hover .ab-icon:before,
|
|
#wpadminbar li:hover .ab-item:before,
|
|
#wpadminbar li a:focus .ab-icon:before,
|
|
#wpadminbar li .ab-item:focus:before,
|
|
#wpadminbar li.hover .ab-icon:before,
|
|
#wpadminbar li.hover .ab-item:before,
|
|
#wpadminbar li:hover #adminbarsearch:before,
|
|
#wpadminbar li #adminbarsearch.adminbar-focused:before {
|
|
color: #f7e3d3;
|
|
}
|
|
|
|
#wpadminbar .quicklinks li a:hover .blavatar,
|
|
#wpadminbar .quicklinks li a:focus .blavatar,
|
|
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
|
|
#wpadminbar .menupop .menupop > .ab-item:hover:before,
|
|
#wpadminbar.mobile .quicklinks .ab-icon:before,
|
|
#wpadminbar.mobile .quicklinks .ab-item:before {
|
|
color: #f7e3d3;
|
|
}
|
|
|
|
#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
|
|
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
|
|
color: #f3f1f1;
|
|
}
|
|
|
|
/* Admin Bar: search */
|
|
#wpadminbar #adminbarsearch:before {
|
|
color: #f3f1f1;
|
|
}
|
|
|
|
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
|
|
color: #fff;
|
|
background: #d66560;
|
|
}
|
|
|
|
#wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder {
|
|
color: #fff;
|
|
opacity: 0.7;
|
|
}
|
|
|
|
#wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder {
|
|
color: #fff;
|
|
opacity: 0.7;
|
|
}
|
|
|
|
#wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder {
|
|
color: #fff;
|
|
opacity: 0.7;
|
|
}
|
|
|
|
#wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder {
|
|
color: #fff;
|
|
opacity: 0.7;
|
|
}
|
|
|
|
/* Admin Bar: my account */
|
|
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
|
|
border-color: #d66560;
|
|
background-color: #d66560;
|
|
}
|
|
|
|
#wpadminbar #wp-admin-bar-user-info .display-name {
|
|
color: #fff;
|
|
}
|
|
|
|
#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
|
|
color: #f7e3d3;
|
|
}
|
|
|
|
#wpadminbar #wp-admin-bar-user-info .username {
|
|
color: #f1c8c7;
|
|
}
|
|
|
|
/* Pointers */
|
|
.wp-pointer .wp-pointer-content h3 {
|
|
background-color: #dd823b;
|
|
border-color: #d97426;
|
|
}
|
|
|
|
.wp-pointer .wp-pointer-content h3:before {
|
|
color: #dd823b;
|
|
}
|
|
|
|
.wp-pointer.wp-pointer-top .wp-pointer-arrow,
|
|
.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
|
|
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
|
|
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
|
|
border-bottom-color: #dd823b;
|
|
}
|
|
|
|
/* Media */
|
|
.media-item .bar,
|
|
.media-progress-bar div {
|
|
background-color: #dd823b;
|
|
}
|
|
|
|
.details.attachment {
|
|
-webkit-box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #dd823b;
|
|
box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #dd823b;
|
|
}
|
|
|
|
.attachment.details .check {
|
|
background-color: #dd823b;
|
|
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #dd823b;
|
|
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #dd823b;
|
|
}
|
|
|
|
.media-selection .attachment.selection.details .thumbnail {
|
|
-webkit-box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #dd823b;
|
|
box-shadow: 0px 0px 0px 1px #fff, 0px 0px 0px 3px #dd823b;
|
|
}
|
|
|
|
/* Themes */
|
|
.theme-browser .theme.active .theme-name,
|
|
.theme-browser .theme.add-new-theme a:hover:after,
|
|
.theme-browser .theme.add-new-theme a:focus:after {
|
|
background: #dd823b;
|
|
}
|
|
|
|
.theme-browser .theme.add-new-theme a:hover span:after,
|
|
.theme-browser .theme.add-new-theme a:focus span:after {
|
|
color: #dd823b;
|
|
}
|
|
|
|
.theme-section.current,
|
|
.theme-filter.current {
|
|
border-bottom-color: #cf4944;
|
|
}
|
|
|
|
body.more-filters-opened .more-filters {
|
|
color: #fff;
|
|
background-color: #cf4944;
|
|
}
|
|
|
|
body.more-filters-opened .more-filters:before {
|
|
color: #fff;
|
|
}
|
|
|
|
body.more-filters-opened .more-filters:hover,
|
|
body.more-filters-opened .more-filters:focus {
|
|
background-color: #dd823b;
|
|
color: #fff;
|
|
}
|
|
|
|
body.more-filters-opened .more-filters:hover:before,
|
|
body.more-filters-opened .more-filters:focus:before {
|
|
color: #fff;
|
|
}
|
|
|
|
/* Widgets */
|
|
.widgets-chooser li.widgets-chooser-selected {
|
|
background-color: #dd823b;
|
|
color: #fff;
|
|
}
|
|
|
|
.widgets-chooser li.widgets-chooser-selected:before,
|
|
.widgets-chooser li.widgets-chooser-selected:focus:before {
|
|
color: #fff;
|
|
}
|
|
|
|
/* Customize */
|
|
#customize-theme-controls .widget-area-select .selected {
|
|
background-color: #dd823b;
|
|
color: #fff;
|
|
}
|
|
|
|
/* Responsive Component */
|
|
div#wp-responsive-toggle a:before {
|
|
color: #f3f1f1;
|
|
}
|
|
|
|
.wp-responsive-open div#wp-responsive-toggle a {
|
|
border-color: transparent;
|
|
background: #dd823b;
|
|
}
|
|
|
|
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
|
|
background: #be3631;
|
|
}
|
|
|
|
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
|
|
color: #f3f1f1;
|
|
}
|
|
|
|
/* TinyMCE */
|
|
.mce-container.mce-menu .mce-menu-item:hover,
|
|
.mce-container.mce-menu .mce-menu-item.mce-selected,
|
|
.mce-container.mce-menu .mce-menu-item:focus,
|
|
.mce-container.mce-menu .mce-menu-item-normal.mce-active,
|
|
.mce-container.mce-menu .mce-menu-item-preview.mce-active {
|
|
background: #dd823b;
|
|
} |