Changeset 29470

Timestamp:

08/12/2014 01:17:07 AM (10 years ago)

Author:

helen

Message:

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

File:

• trunk/src/wp-admin/css/customize-controls.css (modified) (5 diffs)

trunk/src/wp-admin/css/customize-controls.css

@@ -31 +31 @@
 .saving #customize-header-actions .spinner {
     display: block;
+}
+
+#customize-header-actions {
+    border-bottom: 1px solid #ddd;
 }
 
@@ -91 +95 @@
 #customize-theme-controls .accordion-section-content {
     color: #555555;
-    background: white;
+    background: #fff;
 }
 
@@ -101 +105 @@
 #customize-theme-controls .control-section.open .accordion-section-title,
 #customize-theme-controls .control-section .accordion-section-title:focus {
-    color: #555555;
+    color: #222;
     background: #f5f5f5;
 }
@@ -116 +120 @@
 #customize-theme-controls .control-section.open .accordion-section-title:after,
 #customize-theme-controls .control-section .accordion-section-title:focus:after {
-    color: #555555;
+    color: #555;
 }
 
@@ -138 +142 @@
 }
 
+.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;
 }