From 08ad57c8e47bd7c3afa909584ebbae94fe257f88 Mon Sep 17 00:00:00 2001
From: Ryan Boren <ryan@git.wordpress.org>
Date: Mon, 4 Jun 2012 17:02:56 +0000
Subject: [PATCH] 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
---
 wp-admin/css/customize-controls.dev.css | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/wp-admin/css/customize-controls.dev.css b/wp-admin/css/customize-controls.dev.css
index 032a131c14..b1be029518 100644
--- a/wp-admin/css/customize-controls.dev.css
+++ b/wp-admin/css/customize-controls.dev.css
@@ -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 ;