WordPress.org

Make WordPress Core

Changeset 29470


Ignore:
Timestamp:
08/12/2014 01:17:07 AM (7 years ago)
Author:
helen
Message:

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

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-admin/css/customize-controls.css

    r29365 r29470  
    3131.saving #customize-header-actions .spinner {
    3232    display: block;
     33}
     34
     35#customize-header-actions {
     36    border-bottom: 1px solid #ddd;
    3337}
    3438
     
    9195#customize-theme-controls .accordion-section-content {
    9296    color: #555555;
    93     background: white;
     97    background: #fff;
    9498}
    9599
     
    101105#customize-theme-controls .control-section.open .accordion-section-title,
    102106#customize-theme-controls .control-section .accordion-section-title:focus {
    103     color: #555555;
     107    color: #222;
    104108    background: #f5f5f5;
    105109}
     
    116120#customize-theme-controls .control-section.open .accordion-section-title:after,
    117121#customize-theme-controls .control-section .accordion-section-title:focus:after {
    118     color: #555555;
     122    color: #555;
    119123}
    120124
     
    138142}
    139143
     144.control-section.control-panel > .accordion-section-title {
     145    padding-right: 54px;
     146}
     147
    140148.control-section.control-panel > .accordion-section-title:after {
    141     content: "\f139";
     149    content: "\f345";
     150    background: #f5f5f5;
     151    color: #555;
     152    width: 38px;
     153    height: 100%;
     154    margin: -11px -10px -11px 0; /* compensate for positioning */
     155    line-height: 45px;
     156    padding-left: 5px;
     157    border-left: 1px solid #eee;
     158    z-index: 0;
    142159}
    143160
    144161.rtl .control-section.control-panel > .accordion-section-title:after {
    145     content: "\f141";
     162    content: "\f341";
     163}
     164
     165#customize-theme-controls .control-section.control-panel > h3.accordion-section-title:focus:after,
     166#customize-theme-controls .control-section.control-panel > h3.accordion-section-title:hover:after {
     167    background: #ddd;
     168    color: #000;
     169    border: 1px solid #d9d9d9;
     170    border-right: none;
     171    margin-top: -12px;
     172    line-height: 44px;
     173    z-index: 1;
    146174}
    147175
Note: See TracChangeset for help on using the changeset viewer.