Message info
 
To:wp-svn@lists.automattic.com From:m@wordpress.org Subject:[wp-svn] [20991] trunk/wp-admin/css/customize-controls.dev.css: Customizer UI tweaks . Date:Mon, 4 Jun 2012 17:02:56 +0000 (UTC)
 

Revision
20991
Author
ryan
Date
2012-06-04 17:02:56 +0000 (Mon, 04 Jun 2012)

Log Message

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

Modified Paths

Diff

Modified: trunk/wp-admin/css/customize-controls.dev.css (20990 => 20991)


--- trunk/wp-admin/css/customize-controls.dev.css	2012-06-04 16:04:54 UTC (rev 20990)
+++ trunk/wp-admin/css/customize-controls.dev.css	2012-06-04 17:02:56 UTC (rev 20991)
@@ -55,12 +55,12 @@
 
 .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 @@
 
 .customize-section.open .customize-section-content {
 	display: block;
+	background: #fff;
 }
 
 .customize-section-title:after {
@@ -92,11 +93,6 @@
 	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 @@
 	top: 15px;
 }
 
+#customize-info .customize-section-content {
+	background: transparent;
+}
+
 #customize-info .preview-notice {
 	font-size: 13px;
 	line-height: 24px;
@@ -417,7 +417,7 @@
 	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 ;