WordPress.org

Make WordPress Core

Changeset 21529


Ignore:
Timestamp:
08/15/12 18:40:11 (20 months ago)
Author:
azaozz
Message:

Add :focus style to all links, use JS to blur() them on click so the style is only visible when tabbing, props lessbloat, see #21324

Location:
trunk/wp-admin
Files:
4 edited

Legend:

Unmodified
Added
Removed
  • trunk/wp-admin/css/colors-classic.dev.css

    r21504 r21529  
    248248} 
    249249 
    250 .wrap .add-new-h2 { 
     250.wrap .add-new-h2, 
     251.wrap .add-new-h2:active { 
    251252    background: #f1f1f1; 
     253} 
     254 
     255.wrap .add-new-h2:focus { 
     256    background: #c7e7fd; 
    252257} 
    253258 
     
    466471 
    467472a:hover, 
    468 a:active, 
     473a:active { 
     474    color: #d54e21; 
     475} 
     476 
    469477a:focus { 
    470     color: #d54e21; 
     478    background: #c7e7fd; 
     479    color: #124964; 
     480} 
     481 
     482a:active { 
     483    background: none; 
     484    outline: thin dotted; 
     485} 
     486 
     487#adminmenu a:active { 
     488    outline: none; 
    471489} 
    472490 
     
    592610} 
    593611 
    594 th.sortable a:hover, th.sortable a:active, th.sortable a:focus { 
     612th.sortable a:hover, 
     613th.sortable a:active, 
     614th.sortable a:focus { 
    595615    color: #333; 
     616} 
     617 
     618th.sortable a:focus { 
     619    background: #e1e1e1; 
     620    background-image: -webkit-gradient(linear, left bottom, left top, from(#dcdcdc), to(#e9e9e9)); 
     621    background-image: -webkit-linear-gradient(bottom, #dcdcdc, #e9e9e9); 
     622    background-image:    -moz-linear-gradient(bottom, #dcdcdc, #e9e9e9); 
     623    background-image:      -o-linear-gradient(bottom, #dcdcdc, #e9e9e9); 
     624    background-image: linear-gradient(to top, #dcdcdc, #e9e9e9); 
    596625} 
    597626 
     
    18521881} 
    18531882 
     1883#screen-meta-links a:focus { 
     1884    background: #c7e7fd url(../images/arrows.png) no-repeat right 4px; 
     1885    color: #124964; 
     1886} 
     1887 
     1888#screen-meta-links a:active { 
     1889    background-color: transparent url(../images/arrows.png) no-repeat right 4px; 
     1890} 
     1891 
    18541892#screen-meta-links a.show-settings.screen-meta-active  { 
    18551893    background: transparent url(../images/arrows-vs.png) no-repeat right -31px; 
  • trunk/wp-admin/css/colors-fresh.dev.css

    r21504 r21529  
    239239} 
    240240 
    241 .wrap .add-new-h2 { 
     241.wrap .add-new-h2, 
     242.wrap .add-new-h2:active { 
    242243    background: #f1f1f1; 
     244} 
     245 
     246.wrap .add-new-h2:focus { 
     247    background: #c7e7fd; 
    243248} 
    244249 
     
    457462 
    458463a:hover, 
    459 a:active, 
     464a:active { 
     465    color: #d54e21; 
     466} 
     467 
    460468a:focus { 
    461     color: #d54e21; 
     469    background: #c7e7fd; 
     470    color: #124964; 
     471} 
     472 
     473a:active { 
     474    background: none; 
     475    outline: thin dotted; 
     476} 
     477 
     478#adminmenu a:active { 
     479    outline: none; 
    462480} 
    463481 
     
    583601} 
    584602 
    585 th.sortable a:hover, th.sortable a:active, th.sortable a:focus { 
     603th.sortable a:hover, 
     604th.sortable a:active, 
     605th.sortable a:focus { 
    586606    color: #333; 
     607} 
     608 
     609th.sortable a:focus { 
     610    background: #e1e1e1; 
     611    background-image: -webkit-gradient(linear, left bottom, left top, from(#dcdcdc), to(#e9e9e9)); 
     612    background-image: -webkit-linear-gradient(bottom, #dcdcdc, #e9e9e9); 
     613    background-image:    -moz-linear-gradient(bottom, #dcdcdc, #e9e9e9); 
     614    background-image:      -o-linear-gradient(bottom, #dcdcdc, #e9e9e9); 
     615    background-image: linear-gradient(to top, #dcdcdc, #e9e9e9); 
    587616} 
    588617 
     
    863892#screen-meta-links a.show-settings { 
    864893    background: transparent url(../images/arrows.png) no-repeat right 4px; 
     894} 
     895 
     896#screen-meta-links a:focus { 
     897    background: #c7e7fd url(../images/arrows.png) no-repeat right 4px; 
     898    color: #124964; 
     899} 
     900 
     901#screen-meta-links a:active { 
     902    background-color: transparent url(../images/arrows.png) no-repeat right 4px; 
    865903} 
    866904 
  • trunk/wp-admin/css/wp-admin.dev.css

    r21510 r21529  
    454454.subsubsub a.current { 
    455455    font-weight: bold; 
    456     background: none; 
    457456    border: none; 
    458457} 
  • trunk/wp-admin/js/common.dev.js

    r21457 r21529  
    376376        }); 
    377377    } 
     378 
     379    // Blur accessibility link background color onclick 
     380    $(document).on('click.wp-accessibility-blur', 'a', function() { 
     381        $(this).blur(); 
     382    }); 
    378383}); 
    379384 
Note: See TracChangeset for help on using the changeset viewer.