Clearer visual differentiation between panels and sections in the customizer. props celloexpressions. see #28979.
Built from https://develop.svn.wordpress.org/trunk@29470 git-svn-id: http://core.svn.wordpress.org/trunk@29248 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
parent
c6b70a9320
commit
69d0302eef
|
@ -32,6 +32,10 @@ body {
|
|||
display: block;
|
||||
}
|
||||
|
||||
#customize-header-actions {
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
|
||||
#customize-controls .wp-full-overlay-sidebar-content {
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
|
@ -90,7 +94,7 @@ body {
|
|||
|
||||
#customize-theme-controls .accordion-section-content {
|
||||
color: #555555;
|
||||
background: white;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
#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.open .accordion-section-title,
|
||||
#customize-theme-controls .control-section .accordion-section-title:focus {
|
||||
color: #555555;
|
||||
color: #222;
|
||||
background: #f5f5f5;
|
||||
}
|
||||
|
||||
|
@ -115,7 +119,7 @@ body {
|
|||
#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 {
|
||||
color: #555555;
|
||||
color: #555;
|
||||
}
|
||||
|
||||
#customize-info.open,
|
||||
|
@ -137,12 +141,36 @@ body {
|
|||
margin: 0;
|
||||
}
|
||||
|
||||
.control-section.control-panel > .accordion-section-title {
|
||||
padding-left: 54px;
|
||||
}
|
||||
|
||||
.control-section.control-panel > .accordion-section-title:after {
|
||||
content: "\f139";
|
||||
content: "\f345";
|
||||
background: #f5f5f5;
|
||||
color: #555;
|
||||
width: 38px;
|
||||
height: 100%;
|
||||
margin: -11px 0 -11px -10px; /* compensate for positioning */
|
||||
line-height: 45px;
|
||||
padding-right: 5px;
|
||||
border-right: 1px solid #eee;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.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-left: none;
|
||||
margin-top: -12px;
|
||||
line-height: 44px;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.accordion-sub-container.control-panel-content {
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -32,6 +32,10 @@ body {
|
|||
display: block;
|
||||
}
|
||||
|
||||
#customize-header-actions {
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
|
||||
#customize-controls .wp-full-overlay-sidebar-content {
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
|
@ -90,7 +94,7 @@ body {
|
|||
|
||||
#customize-theme-controls .accordion-section-content {
|
||||
color: #555555;
|
||||
background: white;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
#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.open .accordion-section-title,
|
||||
#customize-theme-controls .control-section .accordion-section-title:focus {
|
||||
color: #555555;
|
||||
color: #222;
|
||||
background: #f5f5f5;
|
||||
}
|
||||
|
||||
|
@ -115,7 +119,7 @@ body {
|
|||
#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 {
|
||||
color: #555555;
|
||||
color: #555;
|
||||
}
|
||||
|
||||
#customize-info.open,
|
||||
|
@ -137,12 +141,36 @@ body {
|
|||
margin: 0;
|
||||
}
|
||||
|
||||
.control-section.control-panel > .accordion-section-title {
|
||||
padding-right: 54px;
|
||||
}
|
||||
|
||||
.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 {
|
||||
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 {
|
||||
|
|
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue