Customizer UI tweaks.

* Don't flip arrow when for open section.
* Give the open section a white background.
* Provide a darker hover state for section headers.

Props helenyhou, SergeyBiryukov
fixes #20828


git-svn-id: https://develop.svn.wordpress.org/trunk@20991 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Ryan Boren 2012-06-04 17:02:56 +00:00
parent 589a54bbee
commit 08ad57c8e4
1 changed files with 12 additions and 12 deletions

View File

@ -55,12 +55,12 @@ body {
.control-section .customize-section-title:hover {
color: #222;
background-color: #f9f9f9;
background-image: -webkit-linear-gradient( top, #f9f9f9, #f1f1f1 );
background-image: -moz-linear-gradient( top, #f9f9f9, #f1f1f1 );
background-image: -ms-linear-gradient( top, #f9f9f9, #f1f1f1 );
background-image: -o-linear-gradient( top, #f9f9f9, #f1f1f1 );
background-image: linear-gradient( top, #f9f9f9, #f1f1f1 );
background-color: #e6e6e6;
background-image: -webkit-linear-gradient( top, #e9e9e9, #e4e4e4 );
background-image: -moz-linear-gradient( top, #e9e9e9, #e4e4e4 );
background-image: -ms-linear-gradient( top, #e9e9e9, #e4e4e4 );
background-image: -o-linear-gradient( top, #e9e9e9, #e4e4e4 );
background-image: linear-gradient( top, #e9e9e9, #e4e4e4 );
}
.control-section.open .customize-section-title {
@ -73,6 +73,7 @@ body {
.customize-section.open .customize-section-content {
display: block;
background: #fff;
}
.customize-section-title:after {
@ -92,11 +93,6 @@ body {
display: none;
}
.customize-section.open .customize-section-title:after {
margin-top: -1px;
border-width: 0 6px 6px;
}
.customize-section-title:hover:after {
border-color: #aaa transparent;
}
@ -105,6 +101,10 @@ body {
top: 15px;
}
#customize-info .customize-section-content {
background: transparent;
}
#customize-info .preview-notice {
font-size: 13px;
line-height: 24px;
@ -417,7 +417,7 @@ body {
padding-bottom: 4px;
color: #777;
background: #f5f5f5;
background: #fff;
border-color: #dfdfdf;
-webkit-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0 ;