WordPress.org

Make WordPress Core

Changeset 21006


Ignore:
Timestamp:
06/05/12 20:57:02 (3 years ago)
Author:
nacin
Message:

Darken the hover/on states for the customizer section titles. Switch Collapse arrow and label. Improve text contrast. props helenyhou. fixes #20828.

Location:
trunk/wp-admin
Files:
4 edited

Legend:

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

    r20997 r21006  
    1111    border-bottom: 1px solid #dfdfdf; 
    1212    margin: 0; 
     13} 
     14 
     15.control-section.customize-section:hover, 
     16.control-section.customize-section.open { 
     17    border-top-color: #808080; 
     18} 
     19 
     20.control-section.customize-section:hover { 
     21    border-bottom-color: #6d6d6d; 
     22} 
     23 
     24.customize-section.open:hover { 
     25    border-bottom-color: #dfdfdf; 
    1326} 
    1427 
     
    5467} 
    5568 
    56 .control-section .customize-section-title:hover { 
    57     color: #222; 
    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 ); 
    64 } 
    65  
     69.control-section:hover .customize-section-title, 
     70.control-section .customize-section-title:hover, 
    6671.control-section.open .customize-section-title { 
    67     border-bottom: 1px solid #e5e5e5; 
    68 } 
    69  
    70 .control-section.open .customize-section-title:hover { 
    71     border-bottom: 1px solid #dfdfdf; 
     72    color: #fff; 
     73    text-shadow: 0 -1px 0 #333; 
     74    background-color: #808080; 
     75    background-image: -webkit-linear-gradient( top, #808080, #6d6d6d ); 
     76    background-image:    -moz-linear-gradient( top, #808080, #6d6d6d ); 
     77    background-image:     -ms-linear-gradient( top, #808080, #6d6d6d ); 
     78    background-image:      -o-linear-gradient( top, #808080, #6d6d6d ); 
     79    background-image:         linear-gradient( top, #808080, #6d6d6d ); 
     80} 
     81 
     82.control-section.open .customize-section-title { 
     83    border-bottom: 1px solid #6d6d6d; 
    7284} 
    7385 
    7486.customize-section.open .customize-section-content { 
    7587    display: block; 
    76     background: #fff; 
     88    background: #fdfdfd; 
    7789} 
    7890 
     
    96108.customize-section-title:hover:after { 
    97109    border-color: #aaa transparent; 
     110} 
     111 
     112.control-section .customize-section-title:hover:after { 
     113    border-color: #eee transparent; 
    98114} 
    99115 
     
    294310    display: none; 
    295311    max-width: 112px; 
    296     color: #999; 
     312    color: #777; 
    297313} 
    298314 
     
    413429 
    414430    color: #777; 
    415     background: #fff; 
     431    background: #fdfdfd; 
    416432    border-color: #dfdfdf; 
    417433    -webkit-border-radius: 3px 3px 0 0; 
  • trunk/wp-admin/css/wp-admin-rtl.dev.css

    r20999 r21006  
    15921592/* Collapse Button */ 
    15931593.wp-full-overlay .collapse-sidebar { 
    1594     right: auto; 
    1595     left: 15px; 
     1594    right: 0; 
     1595    left: auto; 
     1596    margin-right: 15px; 
    15961597} 
    15971598 
    15981599.wp-full-overlay.collapsed .collapse-sidebar { 
    1599     right: auto; 
    1600     left: -45px; 
     1600    right: 100%; 
    16011601} 
    16021602 
    16031603.wp-full-overlay .collapse-sidebar-arrow { 
    1604     margin-left: 0; 
    16051604    margin-right: 2px; 
     1605    margin-left: 0; 
    16061606    background: transparent url('../../wp-admin/images/arrows.png') no-repeat 0 -108px; 
    16071607} 
     
    16121612 
    16131613.wp-full-overlay .collapse-sidebar-label { 
    1614     text-align: left; 
    1615     right: auto; 
    1616     left: 100%; 
    1617     margin-right: 0; 
    1618     margin-left: 10px; 
     1614    right: 100%; 
     1615    left: auto; 
     1616    margin-right: 10px; 
     1617    margin-left: 0; 
    16191618} 
    16201619 
  • trunk/wp-admin/css/wp-admin.dev.css

    r20999 r21006  
    53545354    position: absolute; 
    53555355    bottom: 12px; 
    5356     right: 15px; 
     5356    left: 0; 
    53575357    z-index: 50; 
    53585358    display: block; 
    53595359    width: 19px; 
    53605360    height: 19px; 
     5361    margin-left: 15px; 
    53615362    padding: 0; 
    53625363    border-radius: 50%; 
     
    53665367.wp-full-overlay.collapsed .collapse-sidebar { 
    53675368    position: absolute; 
    5368     right: -35px; 
     5369    left: 100%; 
    53695370} 
    53705371 
    53715372.wp-full-overlay .collapse-sidebar-arrow { 
     5373    position: absolute; 
    53725374    margin-top: 2px; 
    53735375    margin-left: 2px; 
     
    53835385 
    53845386.wp-full-overlay .collapse-sidebar-label { 
    5385     text-align: right; 
    53865387    position: absolute; 
    5387     right: 100%; 
    5388     color: #aaa; 
     5388    left: 100%; 
     5389    color: #808080; 
    53895390    line-height: 20px; 
    5390     margin-right: 10px; 
     5391    margin-left: 10px; 
    53915392} 
    53925393 
     
    53965397 
    53975398.wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-label { 
    5398     color: #999; 
     5399    color: #666; 
    53995400} 
    54005401 
  • trunk/wp-admin/customize.php

    r20955 r21006  
    9797        <div id="customize-footer-actions" class="wp-full-overlay-footer"> 
    9898            <a href="#" class="collapse-sidebar button-secondary" title="<?php esc_attr_e('Collapse Sidebar'); ?>"> 
     99                <span class="collapse-sidebar-arrow"></span> 
    99100                <span class="collapse-sidebar-label"><?php _e('Collapse'); ?></span> 
    100                 <span class="collapse-sidebar-arrow"></span> 
    101101            </a> 
    102102        </div> 
Note: See TracChangeset for help on using the changeset viewer.