WordPress.org

Make WordPress Core

Changeset 21529


Ignore:
Timestamp:
08/15/2012 06:40:11 PM (8 years 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.