WordPress-C
/
WordPress
mirror of https://github.com/WordPress/WordPress.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Customize: More visible focus and hover states for close and back buttons. 

props celloexpressions, folletto.
fixes #29158.

Built from https://develop.svn.wordpress.org/trunk@39249


git-svn-id: http://core.svn.wordpress.org/trunk@39189 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Helen Hou-Sandí 2016-11-15 18:11:31 +00:00
parent 984ef6288a
commit 19bb9c2fe0
42 changed files with 147 additions and 387 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
wp-admin/css/colors/_admin.scss
View File

@ -467,26 +467,6 @@ body.more-filters-opened .more-filters:focus:before {
color: $menu-highlight-text; color: $menu-highlight-text;
} }
/* Customize */
#customize-theme-controls .widget-area-select .selected {
background-color: $menu-highlight-background;
color: $menu-highlight-text;
}
#customize-footer-actions .devices button:focus {
border-bottom-color: $highlight-color;
}
#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,
#available-widgets .widget-tpl:hover,
#available-widgets .widget-tpl.selected {
border-left-color: $highlight-color;
}
/* Responsive Component */ /* Responsive Component */
div#wp-responsive-toggle a:before { div#wp-responsive-toggle a:before {

19
wp-admin/css/colors/blue/colors-rtl.css
View File

@ -482,25 +482,6 @@ body.more-filters-opened .more-filters:focus:before {
color: #fff; color: #fff;
} }
/* Customize */
#customize-theme-controls .widget-area-select .selected {
background-color: #096484;
color: #fff;
}
#customize-footer-actions .devices button:focus {
border-bottom-color: #096484;
}
#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,
#available-widgets .widget-tpl:hover,
#available-widgets .widget-tpl.selected {
border-right-color: #096484;
}
/* Responsive Component */ /* Responsive Component */
div#wp-responsive-toggle a:before { div#wp-responsive-toggle a:before {
color: #e5f8ff; color: #e5f8ff;

2
wp-admin/css/colors/blue/colors-rtl.min.css vendored
View File

File diff suppressed because one or more lines are too long

19
wp-admin/css/colors/blue/colors.css
View File

@ -482,25 +482,6 @@ body.more-filters-opened .more-filters:focus:before {
color: #fff; color: #fff;
} }
/* Customize */
#customize-theme-controls .widget-area-select .selected {
background-color: #096484;
color: #fff;
}
#customize-footer-actions .devices button:focus {
border-bottom-color: #096484;
}
#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,
#available-widgets .widget-tpl:hover,
#available-widgets .widget-tpl.selected {
border-left-color: #096484;
}
/* Responsive Component */ /* Responsive Component */
div#wp-responsive-toggle a:before { div#wp-responsive-toggle a:before {
color: #e5f8ff; color: #e5f8ff;

2
wp-admin/css/colors/blue/colors.min.css vendored
View File

File diff suppressed because one or more lines are too long

19
wp-admin/css/colors/coffee/colors-rtl.css
View File

@ -482,25 +482,6 @@ body.more-filters-opened .more-filters:focus:before {
color: #fff; color: #fff;
} }
/* Customize */
#customize-theme-controls .widget-area-select .selected {
background-color: #c7a589;
color: #fff;
}
#customize-footer-actions .devices button:focus {
border-bottom-color: #c7a589;
}
#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,
#available-widgets .widget-tpl:hover,
#available-widgets .widget-tpl.selected {
border-right-color: #c7a589;
}
/* Responsive Component */ /* Responsive Component */
div#wp-responsive-toggle a:before { div#wp-responsive-toggle a:before {
color: #f3f2f1; color: #f3f2f1;

2
wp-admin/css/colors/coffee/colors-rtl.min.css vendored
View File

File diff suppressed because one or more lines are too long

19
wp-admin/css/colors/coffee/colors.css
View File

@ -482,25 +482,6 @@ body.more-filters-opened .more-filters:focus:before {
color: #fff; color: #fff;
} }
/* Customize */
#customize-theme-controls .widget-area-select .selected {
background-color: #c7a589;
color: #fff;
}
#customize-footer-actions .devices button:focus {
border-bottom-color: #c7a589;
}
#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,
#available-widgets .widget-tpl:hover,
#available-widgets .widget-tpl.selected {
border-left-color: #c7a589;
}
/* Responsive Component */ /* Responsive Component */
div#wp-responsive-toggle a:before { div#wp-responsive-toggle a:before {
color: #f3f2f1; color: #f3f2f1;

2
wp-admin/css/colors/coffee/colors.min.css vendored
View File

File diff suppressed because one or more lines are too long

19
wp-admin/css/colors/ectoplasm/colors-rtl.css
View File

@ -482,25 +482,6 @@ body.more-filters-opened .more-filters:focus:before {
color: #fff; color: #fff;
} }
/* Customize */
#customize-theme-controls .widget-area-select .selected {
background-color: #a3b745;
color: #fff;
}
#customize-footer-actions .devices button:focus {
border-bottom-color: #a3b745;
}
#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,
#available-widgets .widget-tpl:hover,
#available-widgets .widget-tpl.selected {
border-right-color: #a3b745;
}
/* Responsive Component */ /* Responsive Component */
div#wp-responsive-toggle a:before { div#wp-responsive-toggle a:before {
color: #ece6f6; color: #ece6f6;

2
wp-admin/css/colors/ectoplasm/colors-rtl.min.css vendored
View File

File diff suppressed because one or more lines are too long

19
wp-admin/css/colors/ectoplasm/colors.css
View File

@ -482,25 +482,6 @@ body.more-filters-opened .more-filters:focus:before {
color: #fff; color: #fff;
} }
/* Customize */
#customize-theme-controls .widget-area-select .selected {
background-color: #a3b745;
color: #fff;
}
#customize-footer-actions .devices button:focus {
border-bottom-color: #a3b745;
}
#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,
#available-widgets .widget-tpl:hover,
#available-widgets .widget-tpl.selected {
border-left-color: #a3b745;
}
/* Responsive Component */ /* Responsive Component */
div#wp-responsive-toggle a:before { div#wp-responsive-toggle a:before {
color: #ece6f6; color: #ece6f6;

2
wp-admin/css/colors/ectoplasm/colors.min.css vendored
View File

File diff suppressed because one or more lines are too long

19
wp-admin/css/colors/light/colors-rtl.css
View File

@ -482,25 +482,6 @@ body.more-filters-opened .more-filters:focus:before {
color: #fff; color: #fff;
} }
/* Customize */
#customize-theme-controls .widget-area-select .selected {
background-color: #888;
color: #fff;
}
#customize-footer-actions .devices button:focus {
border-bottom-color: #04a4cc;
}
#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,
#available-widgets .widget-tpl:hover,
#available-widgets .widget-tpl.selected {
border-right-color: #04a4cc;
}
/* Responsive Component */ /* Responsive Component */
div#wp-responsive-toggle a:before { div#wp-responsive-toggle a:before {
color: #999; color: #999;

2
wp-admin/css/colors/light/colors-rtl.min.css vendored
View File

File diff suppressed because one or more lines are too long

19
wp-admin/css/colors/light/colors.css
View File

@ -482,25 +482,6 @@ body.more-filters-opened .more-filters:focus:before {
color: #fff; color: #fff;
} }
/* Customize */
#customize-theme-controls .widget-area-select .selected {
background-color: #888;
color: #fff;
}
#customize-footer-actions .devices button:focus {
border-bottom-color: #04a4cc;
}
#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,
#available-widgets .widget-tpl:hover,
#available-widgets .widget-tpl.selected {
border-left-color: #04a4cc;
}
/* Responsive Component */ /* Responsive Component */
div#wp-responsive-toggle a:before { div#wp-responsive-toggle a:before {
color: #999; color: #999;

2
wp-admin/css/colors/light/colors.min.css vendored
View File

File diff suppressed because one or more lines are too long

19
wp-admin/css/colors/midnight/colors-rtl.css
View File

@ -482,25 +482,6 @@ body.more-filters-opened .more-filters:focus:before {
color: #fff; color: #fff;
} }
/* Customize */
#customize-theme-controls .widget-area-select .selected {
background-color: #e14d43;
color: #fff;
}
#customize-footer-actions .devices button:focus {
border-bottom-color: #e14d43;
}
#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,
#available-widgets .widget-tpl:hover,
#available-widgets .widget-tpl.selected {
border-right-color: #e14d43;
}
/* Responsive Component */ /* Responsive Component */
div#wp-responsive-toggle a:before { div#wp-responsive-toggle a:before {
color: #f1f2f3; color: #f1f2f3;

2
wp-admin/css/colors/midnight/colors-rtl.min.css vendored
View File

File diff suppressed because one or more lines are too long

19
wp-admin/css/colors/midnight/colors.css
View File

@ -482,25 +482,6 @@ body.more-filters-opened .more-filters:focus:before {
color: #fff; color: #fff;
} }
/* Customize */
#customize-theme-controls .widget-area-select .selected {
background-color: #e14d43;
color: #fff;
}
#customize-footer-actions .devices button:focus {
border-bottom-color: #e14d43;
}
#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,
#available-widgets .widget-tpl:hover,
#available-widgets .widget-tpl.selected {
border-left-color: #e14d43;
}
/* Responsive Component */ /* Responsive Component */
div#wp-responsive-toggle a:before { div#wp-responsive-toggle a:before {
color: #f1f2f3; color: #f1f2f3;

2
wp-admin/css/colors/midnight/colors.min.css vendored
View File

File diff suppressed because one or more lines are too long

19
wp-admin/css/colors/ocean/colors-rtl.css
View File

@ -482,25 +482,6 @@ body.more-filters-opened .more-filters:focus:before {
color: #fff; color: #fff;
} }
/* Customize */
#customize-theme-controls .widget-area-select .selected {
background-color: #9ebaa0;
color: #fff;
}
#customize-footer-actions .devices button:focus {
border-bottom-color: #9ebaa0;
}
#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,
#available-widgets .widget-tpl:hover,
#available-widgets .widget-tpl.selected {
border-right-color: #9ebaa0;
}
/* Responsive Component */ /* Responsive Component */
div#wp-responsive-toggle a:before { div#wp-responsive-toggle a:before {
color: #f2fcff; color: #f2fcff;

2
wp-admin/css/colors/ocean/colors-rtl.min.css vendored
View File

File diff suppressed because one or more lines are too long

19
wp-admin/css/colors/ocean/colors.css
View File

@ -482,25 +482,6 @@ body.more-filters-opened .more-filters:focus:before {
color: #fff; color: #fff;
} }
/* Customize */
#customize-theme-controls .widget-area-select .selected {
background-color: #9ebaa0;
color: #fff;
}
#customize-footer-actions .devices button:focus {
border-bottom-color: #9ebaa0;
}
#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,
#available-widgets .widget-tpl:hover,
#available-widgets .widget-tpl.selected {
border-left-color: #9ebaa0;
}
/* Responsive Component */ /* Responsive Component */
div#wp-responsive-toggle a:before { div#wp-responsive-toggle a:before {
color: #f2fcff; color: #f2fcff;

2
wp-admin/css/colors/ocean/colors.min.css vendored
View File

File diff suppressed because one or more lines are too long

19
wp-admin/css/colors/sunrise/colors-rtl.css
View File

@ -482,25 +482,6 @@ body.more-filters-opened .more-filters:focus:before {
color: #fff; color: #fff;
} }
/* Customize */
#customize-theme-controls .widget-area-select .selected {
background-color: #dd823b;
color: #fff;
}
#customize-footer-actions .devices button:focus {
border-bottom-color: #dd823b;
}
#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,
#available-widgets .widget-tpl:hover,
#available-widgets .widget-tpl.selected {
border-right-color: #dd823b;
}
/* Responsive Component */ /* Responsive Component */
div#wp-responsive-toggle a:before { div#wp-responsive-toggle a:before {
color: #f3f1f1; color: #f3f1f1;

2
wp-admin/css/colors/sunrise/colors-rtl.min.css vendored
View File

File diff suppressed because one or more lines are too long

19
wp-admin/css/colors/sunrise/colors.css
View File

@ -482,25 +482,6 @@ body.more-filters-opened .more-filters:focus:before {
color: #fff; color: #fff;
} }
/* Customize */
#customize-theme-controls .widget-area-select .selected {
background-color: #dd823b;
color: #fff;
}
#customize-footer-actions .devices button:focus {
border-bottom-color: #dd823b;
}
#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,
#available-widgets .widget-tpl:hover,
#available-widgets .widget-tpl.selected {
border-left-color: #dd823b;
}
/* Responsive Component */ /* Responsive Component */
div#wp-responsive-toggle a:before { div#wp-responsive-toggle a:before {
color: #f3f1f1; color: #f3f1f1;

2
wp-admin/css/colors/sunrise/colors.min.css vendored
View File

File diff suppressed because one or more lines are too long

84
wp-admin/css/customize-controls-rtl.css
View File

@ -21,7 +21,7 @@ body {
} }
#customize-controls .description { #customize-controls .description {
color: #555; color: #555d66;
} }
#customize-header-actions .button-primary { #customize-header-actions .button-primary {
@ -82,7 +82,7 @@ body {
#customize-controls .customize-info .accordion-section-title { #customize-controls .customize-info .accordion-section-title {
background: #fff; background: #fff;
color: #555; color: #555d66;
border-right: none; border-right: none;
border-left: none; border-left: none;
border-bottom: none; border-bottom: none;
@ -92,7 +92,7 @@ body {
#customize-controls .customize-info.open .accordion-section-title:after, #customize-controls .customize-info.open .accordion-section-title:after,
#customize-controls .customize-info .accordion-section-title:hover:after, #customize-controls .customize-info .accordion-section-title:hover:after,
#customize-controls .customize-info .accordion-section-title:focus:after { #customize-controls .customize-info .accordion-section-title:focus:after {
color: #333; color: #32373c;
} }
#customize-controls .customize-info .accordion-section-title:after { #customize-controls .customize-info .accordion-section-title:after {
@ -134,7 +134,7 @@ body {
box-shadow: none; box-shadow: none;
-webkit-appearance: none; -webkit-appearance: none;
background: transparent; background: transparent;
color: #555; color: #555d66;
border: none; border: none;
} }
@ -153,7 +153,7 @@ body {
#customize-controls .customize-info .customize-panel-description, #customize-controls .customize-info .customize-panel-description,
#customize-controls .customize-info .customize-section-description, #customize-controls .customize-info .customize-section-description,
#customize-controls .no-widget-areas-rendered-notice { #customize-controls .no-widget-areas-rendered-notice {
color: #555; color: #555d66;
display: none; display: none;
background: #fff; background: #fff;
padding: 12px 15px; padding: 12px 15px;
@ -187,10 +187,13 @@ body {
} }
#customize-theme-controls .accordion-section-title { #customize-theme-controls .accordion-section-title {
color: #555; color: #555d66;
background-color: #fff; background-color: #fff;
border-bottom: 1px solid #eee; border-bottom: 1px solid #ddd;
border-right: 4px solid #fff; border-right: 4px solid #fff;
transition: .15s color ease-in-out,
.15s background-color ease-in-out,
.15s border-color ease-in-out;
} }
#customize-controls #customize-theme-controls .customize-themes-panel .accordion-section-title { #customize-controls #customize-theme-controls .customize-themes-panel .accordion-section-title {
@ -205,7 +208,7 @@ body {
} }
#customize-theme-controls .accordion-section-content { #customize-theme-controls .accordion-section-content {
color: #555; color: #555d66;
background: transparent; background: transparent;
} }
@ -213,9 +216,9 @@ body {
#customize-controls .control-section .accordion-section-title:hover, #customize-controls .control-section .accordion-section-title:hover,
#customize-controls .control-section.open .accordion-section-title, #customize-controls .control-section.open .accordion-section-title,
#customize-controls .control-section .accordion-section-title:focus { #customize-controls .control-section .accordion-section-title:focus {
color: #191e23; color: #0073aa;
background: #f5f5f5; background: #f3f3f5;
border-right: 4px solid #0073aa; border-right-color: #0073aa;
} }
#accordion-section-themes + .control-section { #accordion-section-themes + .control-section {
@ -226,14 +229,14 @@ body {
.js .control-section .accordion-section-title:hover, .js .control-section .accordion-section-title:hover,
.js .control-section.open .accordion-section-title, .js .control-section.open .accordion-section-title,
.js .control-section .accordion-section-title:focus { .js .control-section .accordion-section-title:focus {
background: #f5f5f5; background: #f3f3f5;
} }
#customize-theme-controls .control-section:hover > .accordion-section-title: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 .accordion-section-title:hover:after,
#customize-theme-controls .control-section.open .accordion-section-title:after, #customize-theme-controls .control-section.open .accordion-section-title:after,
#customize-theme-controls .control-section .accordion-section-title:focus:after { #customize-theme-controls .control-section .accordion-section-title:focus:after {
color: #23282d; color: #0073aa;
} }
#customize-theme-controls .control-section.open { #customize-theme-controls .control-section.open {
@ -413,7 +416,7 @@ h3.customize-section-title {
padding: 10px 14px 12px 10px; padding: 10px 14px 12px 10px;
margin: 0; margin: 0;
line-height: 21px; line-height: 21px;
color: #555; color: #555d66;
} }
.accordion-sub-container.control-panel-content { .accordion-sub-container.control-panel-content {
@ -437,16 +440,21 @@ h3.customize-section-title {
top: 0; top: 0;
right: 0; right: 0;
width: 45px; width: 45px;
height: 45px; height: 41px;
padding: 0 0 0 2px; padding: 0 0 0 2px;
background: #eee; background: #eee;
border: none; border: none;
border-top: 4px solid #eee;
border-left: 1px solid #ddd; border-left: 1px solid #ddd;
color: #444; color: #444;
text-align: right; text-align: right;
cursor: pointer; cursor: pointer;
-webkit-transition: color .1s ease-in-out, background .1s ease-in-out; -webkit-transition: color .15s ease-in-out,
transition: color .1s ease-in-out, background .1s ease-in-out; border-color .15s ease-in-out,
background .15s ease-in-out;
transition: color .1s ease-in-out,
border-color .15s ease-in-out,
background .15s ease-in-out;
-webkit-box-sizing: content-box; -webkit-box-sizing: content-box;
-moz-box-sizing: content-box; -moz-box-sizing: content-box;
box-sizing: content-box; box-sizing: content-box;
@ -463,11 +471,16 @@ h3.customize-section-title {
background: #fff; background: #fff;
border: none; border: none;
border-left: 1px solid #ddd; border-left: 1px solid #ddd;
border-right: 4px solid #fff;
-webkit-box-shadow: none; -webkit-box-shadow: none;
box-shadow: none; box-shadow: none;
cursor: pointer; cursor: pointer;
-webkit-transition: color .1s ease-in-out, background .1s ease-in-out; -webkit-transition: color .15s ease-in-out,
transition: color .1s ease-in-out, background .1s ease-in-out; border-color .15s ease-in-out,
background .15s ease-in-out;
transition: color .15s ease-in-out,
border-color .15s ease-in-out,
background .15s ease-in-out;
} }
.customize-section-back { .customize-section-back {
@ -490,7 +503,7 @@ h3.customize-section-title {
#customize-controls .panel-meta.customize-info .accordion-section-title:hover, #customize-controls .panel-meta.customize-info .accordion-section-title:hover,
#customize-controls .cannot-expand:hover .accordion-section-title { #customize-controls .cannot-expand:hover .accordion-section-title {
background: #fff; background: #fff;
color: #555; color: #555d66;
border-right-color: #fff; border-right-color: #fff;
} }
@ -498,20 +511,22 @@ h3.customize-section-title {
.customize-controls-close:hover, .customize-controls-close:hover,
.customize-controls-preview-toggle:focus, .customize-controls-preview-toggle:focus,
.customize-controls-preview-toggle:hover { .customize-controls-preview-toggle:hover {
background: #ddd; background: #fff;
border-color: #ccc; color: #0073aa;
color: #000; border-top-color: #0073aa;
outline: none; outline: none;
-webkit-box-shadow: none; -webkit-box-shadow: none;
box-shadow: none; box-shadow: none;
} }
.customize-panel-back:hover, .customize-panel-back:hover,
.customize-panel-back:focus, .customize-panel-back:focus,
.customize-section-back:hover, .customize-section-back:hover,
.customize-section-back:focus { .customize-section-back:focus {
color: #23282d; color: #0073aa;
background: #f5f5f5; background: #f3f3f5;
border-right-color: #0073aa;
outline: none; outline: none;
-webkit-box-shadow: none; -webkit-box-shadow: none;
box-shadow: none; box-shadow: none;
@ -521,7 +536,7 @@ h3.customize-section-title {
font: normal 22px/45px dashicons; font: normal 22px/45px dashicons;
content: "\f335"; content: "\f335";
position: relative; position: relative;
top: 1px; top: -3px;
right: 13px; right: 13px;
} }
@ -530,7 +545,7 @@ h3.customize-section-title {
font: normal 20px/72px dashicons; font: normal 20px/72px dashicons;
content: "\f345"; content: "\f345";
position: relative; position: relative;
right: 13px; right: 9px;
} }
.wp-full-overlay-sidebar .wp-full-overlay-header { .wp-full-overlay-sidebar .wp-full-overlay-header {
@ -890,7 +905,7 @@ p.customize-section-description {
} }
.customize-control-color .dropdown .dropdown-content { .customize-control-color .dropdown .dropdown-content {
background-color: #555; background-color: #555d66;
border: 1px solid rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.15);
} }
@ -974,7 +989,7 @@ p.customize-section-description {
display: none; display: none;
position: absolute; position: absolute;
width: 100%; width: 100%;
color: #555; color: #555d66;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
@ -1029,7 +1044,7 @@ p.customize-section-description {
.customize-control-header .uploaded .header-view .close { .customize-control-header .uploaded .header-view .close {
font-size: 20px; font-size: 20px;
color: #fff; color: #fff;
background: #555; background: #555d66;
background: rgba(0, 0, 0, 0.5); background: rgba(0, 0, 0, 0.5);
position: absolute; position: absolute;
top: 10px; top: 10px;
@ -1210,7 +1225,7 @@ p.customize-section-description {
#customize-theme-controls .control-section-themes .accordion-section-title { #customize-theme-controls .control-section-themes .accordion-section-title {
cursor: default; cursor: default;
background: #fff; background: #fff;
color: #555; color: #555d66;
border-top: 1px solid #ddd; border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd; border-bottom: 1px solid #ddd;
border-right: none; border-right: none;
@ -1760,6 +1775,9 @@ body.adding-widget .add-new-widget:before,
background: #fff; background: #fff;
border-bottom: 1px solid #ddd; border-bottom: 1px solid #ddd;
border-right: 4px solid #fff; border-right: 4px solid #fff;
transition: .15s color ease-in-out,
.15s background-color ease-in-out,
.15s border-color ease-in-out;
cursor: pointer; cursor: pointer;
display: none; display: none;
} }
@ -1835,7 +1853,7 @@ body.adding-widget .add-new-widget:before,
background: #eee; background: #eee;
border: 0; border: 0;
border-left: 1px solid #ddd; border-left: 1px solid #ddd;
color: #444; color: #555d66;
cursor: pointer; cursor: pointer;
-webkit-transition: color .1s ease-in-out, background .1s ease-in-out; -webkit-transition: color .1s ease-in-out, background .1s ease-in-out;
transition: color .1s ease-in-out, background .1s ease-in-out; transition: color .1s ease-in-out, background .1s ease-in-out;
@ -1916,7 +1934,7 @@ body.adding-widget .add-new-widget:before,
padding: 9px 14px 12px 10px; padding: 9px 14px 12px 10px;
margin: 0; margin: 0;
line-height: 24px; line-height: 24px;
color: #555; color: #555d66;
display: block; display: block;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;

2
wp-admin/css/customize-controls-rtl.min.css vendored
View File

File diff suppressed because one or more lines are too long

84
wp-admin/css/customize-controls.css
View File

@ -21,7 +21,7 @@ body {
} }
#customize-controls .description { #customize-controls .description {
color: #555; color: #555d66;
} }
#customize-header-actions .button-primary { #customize-header-actions .button-primary {
@ -82,7 +82,7 @@ body {
#customize-controls .customize-info .accordion-section-title { #customize-controls .customize-info .accordion-section-title {
background: #fff; background: #fff;
color: #555; color: #555d66;
border-left: none; border-left: none;
border-right: none; border-right: none;
border-bottom: none; border-bottom: none;
@ -92,7 +92,7 @@ body {
#customize-controls .customize-info.open .accordion-section-title:after, #customize-controls .customize-info.open .accordion-section-title:after,
#customize-controls .customize-info .accordion-section-title:hover:after, #customize-controls .customize-info .accordion-section-title:hover:after,
#customize-controls .customize-info .accordion-section-title:focus:after { #customize-controls .customize-info .accordion-section-title:focus:after {
color: #333; color: #32373c;
} }
#customize-controls .customize-info .accordion-section-title:after { #customize-controls .customize-info .accordion-section-title:after {
@ -134,7 +134,7 @@ body {
box-shadow: none; box-shadow: none;
-webkit-appearance: none; -webkit-appearance: none;
background: transparent; background: transparent;
color: #555; color: #555d66;
border: none; border: none;
} }
@ -153,7 +153,7 @@ body {
#customize-controls .customize-info .customize-panel-description, #customize-controls .customize-info .customize-panel-description,
#customize-controls .customize-info .customize-section-description, #customize-controls .customize-info .customize-section-description,
#customize-controls .no-widget-areas-rendered-notice { #customize-controls .no-widget-areas-rendered-notice {
color: #555; color: #555d66;
display: none; display: none;
background: #fff; background: #fff;
padding: 12px 15px; padding: 12px 15px;
@ -187,10 +187,13 @@ body {
} }
#customize-theme-controls .accordion-section-title { #customize-theme-controls .accordion-section-title {
color: #555; color: #555d66;
background-color: #fff; background-color: #fff;
border-bottom: 1px solid #eee; border-bottom: 1px solid #ddd;
border-left: 4px solid #fff; border-left: 4px solid #fff;
transition: .15s color ease-in-out,
.15s background-color ease-in-out,
.15s border-color ease-in-out;
} }
#customize-controls #customize-theme-controls .customize-themes-panel .accordion-section-title { #customize-controls #customize-theme-controls .customize-themes-panel .accordion-section-title {
@ -205,7 +208,7 @@ body {
} }
#customize-theme-controls .accordion-section-content { #customize-theme-controls .accordion-section-content {
color: #555; color: #555d66;
background: transparent; background: transparent;
} }
@ -213,9 +216,9 @@ body {
#customize-controls .control-section .accordion-section-title:hover, #customize-controls .control-section .accordion-section-title:hover,
#customize-controls .control-section.open .accordion-section-title, #customize-controls .control-section.open .accordion-section-title,
#customize-controls .control-section .accordion-section-title:focus { #customize-controls .control-section .accordion-section-title:focus {
color: #191e23; color: #0073aa;
background: #f5f5f5; background: #f3f3f5;
border-left: 4px solid #0073aa; border-left-color: #0073aa;
} }
#accordion-section-themes + .control-section { #accordion-section-themes + .control-section {
@ -226,14 +229,14 @@ body {
.js .control-section .accordion-section-title:hover, .js .control-section .accordion-section-title:hover,
.js .control-section.open .accordion-section-title, .js .control-section.open .accordion-section-title,
.js .control-section .accordion-section-title:focus { .js .control-section .accordion-section-title:focus {
background: #f5f5f5; background: #f3f3f5;
} }
#customize-theme-controls .control-section:hover > .accordion-section-title: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 .accordion-section-title:hover:after,
#customize-theme-controls .control-section.open .accordion-section-title:after, #customize-theme-controls .control-section.open .accordion-section-title:after,
#customize-theme-controls .control-section .accordion-section-title:focus:after { #customize-theme-controls .control-section .accordion-section-title:focus:after {
color: #23282d; color: #0073aa;
} }
#customize-theme-controls .control-section.open { #customize-theme-controls .control-section.open {
@ -413,7 +416,7 @@ h3.customize-section-title {
padding: 10px 10px 12px 14px; padding: 10px 10px 12px 14px;
margin: 0; margin: 0;
line-height: 21px; line-height: 21px;
color: #555; color: #555d66;
} }
.accordion-sub-container.control-panel-content { .accordion-sub-container.control-panel-content {
@ -437,16 +440,21 @@ h3.customize-section-title {
top: 0; top: 0;
left: 0; left: 0;
width: 45px; width: 45px;
height: 45px; height: 41px;
padding: 0 2px 0 0; padding: 0 2px 0 0;
background: #eee; background: #eee;
border: none; border: none;
border-top: 4px solid #eee;
border-right: 1px solid #ddd; border-right: 1px solid #ddd;
color: #444; color: #444;
text-align: left; text-align: left;
cursor: pointer; cursor: pointer;
-webkit-transition: color .1s ease-in-out, background .1s ease-in-out; -webkit-transition: color .15s ease-in-out,
transition: color .1s ease-in-out, background .1s ease-in-out; border-color .15s ease-in-out,
background .15s ease-in-out;
transition: color .1s ease-in-out,
border-color .15s ease-in-out,
background .15s ease-in-out;
-webkit-box-sizing: content-box; -webkit-box-sizing: content-box;
-moz-box-sizing: content-box; -moz-box-sizing: content-box;
box-sizing: content-box; box-sizing: content-box;
@ -463,11 +471,16 @@ h3.customize-section-title {
background: #fff; background: #fff;
border: none; border: none;
border-right: 1px solid #ddd; border-right: 1px solid #ddd;
border-left: 4px solid #fff;
-webkit-box-shadow: none; -webkit-box-shadow: none;
box-shadow: none; box-shadow: none;
cursor: pointer; cursor: pointer;
-webkit-transition: color .1s ease-in-out, background .1s ease-in-out; -webkit-transition: color .15s ease-in-out,
transition: color .1s ease-in-out, background .1s ease-in-out; border-color .15s ease-in-out,
background .15s ease-in-out;
transition: color .15s ease-in-out,
border-color .15s ease-in-out,
background .15s ease-in-out;
} }
.customize-section-back { .customize-section-back {
@ -490,7 +503,7 @@ h3.customize-section-title {
#customize-controls .panel-meta.customize-info .accordion-section-title:hover, #customize-controls .panel-meta.customize-info .accordion-section-title:hover,
#customize-controls .cannot-expand:hover .accordion-section-title { #customize-controls .cannot-expand:hover .accordion-section-title {
background: #fff; background: #fff;
color: #555; color: #555d66;
border-left-color: #fff; border-left-color: #fff;
} }
@ -498,20 +511,22 @@ h3.customize-section-title {
.customize-controls-close:hover, .customize-controls-close:hover,
.customize-controls-preview-toggle:focus, .customize-controls-preview-toggle:focus,
.customize-controls-preview-toggle:hover { .customize-controls-preview-toggle:hover {
background: #ddd; background: #fff;
border-color: #ccc; color: #0073aa;
color: #000; border-top-color: #0073aa;
outline: none; outline: none;
-webkit-box-shadow: none; -webkit-box-shadow: none;
box-shadow: none; box-shadow: none;
} }
.customize-panel-back:hover, .customize-panel-back:hover,
.customize-panel-back:focus, .customize-panel-back:focus,
.customize-section-back:hover, .customize-section-back:hover,
.customize-section-back:focus { .customize-section-back:focus {
color: #23282d; color: #0073aa;
background: #f5f5f5; background: #f3f3f5;
border-left-color: #0073aa;
outline: none; outline: none;
-webkit-box-shadow: none; -webkit-box-shadow: none;
box-shadow: none; box-shadow: none;
@ -521,7 +536,7 @@ h3.customize-section-title {
font: normal 22px/45px dashicons; font: normal 22px/45px dashicons;
content: "\f335"; content: "\f335";
position: relative; position: relative;
top: 1px; top: -3px;
left: 13px; left: 13px;
} }
@ -530,7 +545,7 @@ h3.customize-section-title {
font: normal 20px/72px dashicons; font: normal 20px/72px dashicons;
content: "\f341"; content: "\f341";
position: relative; position: relative;
left: 13px; left: 9px;
} }
.wp-full-overlay-sidebar .wp-full-overlay-header { .wp-full-overlay-sidebar .wp-full-overlay-header {
@ -890,7 +905,7 @@ p.customize-section-description {
} }
.customize-control-color .dropdown .dropdown-content { .customize-control-color .dropdown .dropdown-content {
background-color: #555; background-color: #555d66;
border: 1px solid rgba(0, 0, 0, 0.15); border: 1px solid rgba(0, 0, 0, 0.15);
} }
@ -974,7 +989,7 @@ p.customize-section-description {
display: none; display: none;
position: absolute; position: absolute;
width: 100%; width: 100%;
color: #555; color: #555d66;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
@ -1029,7 +1044,7 @@ p.customize-section-description {
.customize-control-header .uploaded .header-view .close { .customize-control-header .uploaded .header-view .close {
font-size: 20px; font-size: 20px;
color: #fff; color: #fff;
background: #555; background: #555d66;
background: rgba(0, 0, 0, 0.5); background: rgba(0, 0, 0, 0.5);
position: absolute; position: absolute;
top: 10px; top: 10px;
@ -1210,7 +1225,7 @@ p.customize-section-description {
#customize-theme-controls .control-section-themes .accordion-section-title { #customize-theme-controls .control-section-themes .accordion-section-title {
cursor: default; cursor: default;
background: #fff; background: #fff;
color: #555; color: #555d66;
border-top: 1px solid #ddd; border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd; border-bottom: 1px solid #ddd;
border-left: none; border-left: none;
@ -1760,6 +1775,9 @@ body.adding-widget .add-new-widget:before,
background: #fff; background: #fff;
border-bottom: 1px solid #ddd; border-bottom: 1px solid #ddd;
border-left: 4px solid #fff; border-left: 4px solid #fff;
transition: .15s color ease-in-out,
.15s background-color ease-in-out,
.15s border-color ease-in-out;
cursor: pointer; cursor: pointer;
display: none; display: none;
} }
@ -1835,7 +1853,7 @@ body.adding-widget .add-new-widget:before,
background: #eee; background: #eee;
border: 0; border: 0;
border-right: 1px solid #ddd; border-right: 1px solid #ddd;
color: #444; color: #555d66;
cursor: pointer; cursor: pointer;
-webkit-transition: color .1s ease-in-out, background .1s ease-in-out; -webkit-transition: color .1s ease-in-out, background .1s ease-in-out;
transition: color .1s ease-in-out, background .1s ease-in-out; transition: color .1s ease-in-out, background .1s ease-in-out;
@ -1916,7 +1934,7 @@ body.adding-widget .add-new-widget:before,
padding: 9px 10px 12px 14px; padding: 9px 10px 12px 14px;
margin: 0; margin: 0;
line-height: 24px; line-height: 24px;
color: #555; color: #555d66;
display: block; display: block;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;

2
wp-admin/css/customize-controls.min.css vendored
View File

File diff suppressed because one or more lines are too long

3
wp-admin/css/customize-widgets-rtl.css
View File

@ -229,8 +229,9 @@
#available-widgets .widget-tpl:hover, #available-widgets .widget-tpl:hover,
#available-widgets .widget-tpl.selected { #available-widgets .widget-tpl.selected {
background: #f5f5f5; background: #f3f3f5;
border-bottom-color: #ccc; border-bottom-color: #ccc;
color: #0073aa;
border-right: 4px solid #0073aa; border-right: 4px solid #0073aa;
} }

2
wp-admin/css/customize-widgets-rtl.min.css vendored
View File

File diff suppressed because one or more lines are too long

3
wp-admin/css/customize-widgets.css
View File

@ -229,8 +229,9 @@
#available-widgets .widget-tpl:hover, #available-widgets .widget-tpl:hover,
#available-widgets .widget-tpl.selected { #available-widgets .widget-tpl.selected {
background: #f5f5f5; background: #f3f3f5;
border-bottom-color: #ccc; border-bottom-color: #ccc;
color: #0073aa;
border-left: 4px solid #0073aa; border-left: 4px solid #0073aa;
} }

2
wp-admin/css/customize-widgets.min.css vendored
View File

File diff suppressed because one or more lines are too long

16
wp-admin/css/themes-rtl.css
View File

@ -1641,8 +1641,9 @@ body.full-overlay-active {
box-shadow: none; box-shadow: none;
border-top: 1px solid transparent; border-top: 1px solid transparent;
border-bottom: 4px solid transparent; border-bottom: 4px solid transparent;
-webkit-transition: background .1s ease-in-out; transition: .15s color ease-in-out,
transition: background .1s ease-in-out; .15s background-color ease-in-out,
.15s border-color ease-in-out;
} }
.wp-full-overlay-footer .devices button:focus { .wp-full-overlay-footer .devices button:focus {
@ -1670,15 +1671,18 @@ body.full-overlay-active {
background-color: #fff; background-color: #fff;
} }
.wp-full-overlay-footer .devices button:focus { .wp-full-overlay-footer .devices button:focus,
background-color: #fff; .wp-full-overlay-footer .devices button.active:hover {
border-bottom-color: #0073aa; border-bottom-color: #0073aa;
} }
.wp-full-overlay-footer .devices button.active:before, .wp-full-overlay-footer .devices button.active:before {
color: #191e23;
}
.wp-full-overlay-footer .devices button:hover:before, .wp-full-overlay-footer .devices button:hover:before,
.wp-full-overlay-footer .devices button:focus:before { .wp-full-overlay-footer .devices button:focus:before {
color: #191e23; color: #0073aa;
} }
.wp-full-overlay-footer .devices .preview-desktop:before { .wp-full-overlay-footer .devices .preview-desktop:before {

2
wp-admin/css/themes-rtl.min.css vendored
View File

File diff suppressed because one or more lines are too long

16
wp-admin/css/themes.css
View File

@ -1641,8 +1641,9 @@ body.full-overlay-active {
box-shadow: none; box-shadow: none;
border-top: 1px solid transparent; border-top: 1px solid transparent;
border-bottom: 4px solid transparent; border-bottom: 4px solid transparent;
-webkit-transition: background .1s ease-in-out; transition: .15s color ease-in-out,
transition: background .1s ease-in-out; .15s background-color ease-in-out,
.15s border-color ease-in-out;
} }
.wp-full-overlay-footer .devices button:focus { .wp-full-overlay-footer .devices button:focus {
@ -1670,15 +1671,18 @@ body.full-overlay-active {
background-color: #fff; background-color: #fff;
} }
.wp-full-overlay-footer .devices button:focus { .wp-full-overlay-footer .devices button:focus,
background-color: #fff; .wp-full-overlay-footer .devices button.active:hover {
border-bottom-color: #0073aa; border-bottom-color: #0073aa;
} }
.wp-full-overlay-footer .devices button.active:before, .wp-full-overlay-footer .devices button.active:before {
color: #191e23;
}
.wp-full-overlay-footer .devices button:hover:before, .wp-full-overlay-footer .devices button:hover:before,
.wp-full-overlay-footer .devices button:focus:before { .wp-full-overlay-footer .devices button:focus:before {
color: #191e23; color: #0073aa;
} }
.wp-full-overlay-footer .devices .preview-desktop:before { .wp-full-overlay-footer .devices .preview-desktop:before {

2
wp-admin/css/themes.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
wp-includes/version.php
View File

@ -4,7 +4,7 @@
* *
* @global string $wp_version * @global string $wp_version
*/ */
$wp_version = '4.7-beta3-39248'; $wp_version = '4.7-beta3-39249';
/** /**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema. * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.