sergiotarxz
/
Wordpress
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Clearer visual differentiation between panels and sections in the customizer. props celloexpressions. see #28979. 

git-svn-id: https://develop.svn.wordpress.org/trunk@29470 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Helen Hou-Sandi 2014-08-12 01:17:07 +00:00
parent 947ca94071
commit fff4c473d3
1 changed files with 33 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
src/wp-admin/css/customize-controls.css
View File

@ -32,6 +32,10 @@ body {
display: block; display: block;
} }
#customize-header-actions {
border-bottom: 1px solid #ddd;
}
#customize-controls .wp-full-overlay-sidebar-content { #customize-controls .wp-full-overlay-sidebar-content {
overflow-y: auto; overflow-y: auto;
overflow-x: hidden; overflow-x: hidden;
@ -90,7 +94,7 @@ body {
#customize-theme-controls .accordion-section-content { #customize-theme-controls .accordion-section-content {
color: #555555; color: #555555;
background: white; background: #fff;
} }
#customize-info.open .accordion-section-title, #customize-info.open .accordion-section-title,
@ -100,7 +104,7 @@ body {
#customize-theme-controls .control-section .accordion-section-title:hover, #customize-theme-controls .control-section .accordion-section-title:hover,
#customize-theme-controls .control-section.open .accordion-section-title, #customize-theme-controls .control-section.open .accordion-section-title,
#customize-theme-controls .control-section .accordion-section-title:focus { #customize-theme-controls .control-section .accordion-section-title:focus {
color: #555555; color: #222;
background: #f5f5f5; background: #f5f5f5;
} }
@ -115,7 +119,7 @@ body {
#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: #555555; color: #555;
} }
#customize-info.open, #customize-info.open,
@ -137,12 +141,36 @@ body {
margin: 0; margin: 0;
} }
.control-section.control-panel > .accordion-section-title {
padding-right: 54px;
}
.control-section.control-panel > .accordion-section-title:after { .control-section.control-panel > .accordion-section-title:after {
content: "\f139"; content: "\f345";
background: #f5f5f5;
color: #555;
width: 38px;
height: 100%;
margin: -11px -10px -11px 0; /* compensate for positioning */
line-height: 45px;
padding-left: 5px;
border-left: 1px solid #eee;
z-index: 0;
} }
.rtl .control-section.control-panel > .accordion-section-title:after { .rtl .control-section.control-panel > .accordion-section-title:after {
content: "\f141"; content: "\f341";
}
#customize-theme-controls .control-section.control-panel > h3.accordion-section-title:focus:after,
#customize-theme-controls .control-section.control-panel > h3.accordion-section-title:hover:after {
background: #ddd;
color: #000;
border: 1px solid #d9d9d9;
border-right: none;
margin-top: -12px;
line-height: 44px;
z-index: 1;
} }
.accordion-sub-container.control-panel-content { .accordion-sub-container.control-panel-content {