WordPress.org

Make WordPress Core

Changeset 20991


Ignore:
Timestamp:
06/04/12 17:02:56 (3 years ago)
Author:
ryan
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

File:
1 edited

Legend:

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

    r20960 r20991  
    5656.control-section .customize-section-title:hover { 
    5757    color: #222; 
    58     background-color: #f9f9f9; 
    59     background-image: -webkit-linear-gradient( top, #f9f9f9, #f1f1f1 ); 
    60     background-image:    -moz-linear-gradient( top, #f9f9f9, #f1f1f1 ); 
    61     background-image:     -ms-linear-gradient( top, #f9f9f9, #f1f1f1 ); 
    62     background-image:      -o-linear-gradient( top, #f9f9f9, #f1f1f1 ); 
    63     background-image:         linear-gradient( top, #f9f9f9, #f1f1f1 ); 
     58    background-color: #e6e6e6; 
     59    background-image: -webkit-linear-gradient( top, #e9e9e9, #e4e4e4 ); 
     60    background-image:    -moz-linear-gradient( top, #e9e9e9, #e4e4e4 ); 
     61    background-image:     -ms-linear-gradient( top, #e9e9e9, #e4e4e4 ); 
     62    background-image:      -o-linear-gradient( top, #e9e9e9, #e4e4e4 ); 
     63    background-image:         linear-gradient( top, #e9e9e9, #e4e4e4 ); 
    6464} 
    6565 
     
    7474.customize-section.open .customize-section-content { 
    7575    display: block; 
     76    background: #fff; 
    7677} 
    7778 
     
    9394} 
    9495 
    95 .customize-section.open .customize-section-title:after { 
    96     margin-top: -1px; 
    97     border-width: 0 6px 6px; 
    98 } 
    99  
    10096.customize-section-title:hover:after { 
    10197    border-color: #aaa transparent; 
     
    104100.control-section .customize-section-title:after { 
    105101    top: 15px; 
     102} 
     103 
     104#customize-info .customize-section-content { 
     105    background: transparent; 
    106106} 
    107107 
     
    418418 
    419419    color: #777; 
    420     background: #f5f5f5; 
     420    background: #fff; 
    421421    border-color: #dfdfdf; 
    422422    -webkit-border-radius: 3px 3px 0 0; 
Note: See TracChangeset for help on using the changeset viewer.