WordPress.org

Making WordPress.org

Changeset 6377


Ignore:
Timestamp:
01/12/2018 08:42:02 PM (21 months ago)
Author:
obenland
Message:

WP.tv: Add focus styles for tab navigation

Props SergeyBiryukov.
Fixes #1472.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • sites/trunk/wordpress.tv/public_html/wp-content/themes/wptv2/style.css

    r5845 r6377  
    139139}
    140140
    141 a:hover, a:active {
     141a:hover, a:focus, a:active {
    142142    color: #d54e21;
     143}
     144
     145a:focus {
     146    outline: thin dotted;
    143147}
    144148
     
    268272}
    269273
    270 #menu li a, #menu li a:link, #menu li a:visited {
     274#menu li a,
     275#menu li a:link,
     276#menu li a:visited {
    271277    padding: 5px;
    272278    color: #555;
    273279    text-decoration: none;
    274280    border: 0;
    275 }
    276 
    277 #menu li a:hover, #menu li a:active {
    278     color: #21759b !important;
    279281}
    280282
     
    702704}
    703705
    704 .videowrapper a:hover, .videowrapper a:active {
     706.videowrapper a:hover, .videowrapper a:focus, .videowrapper a:active {
    705707    color: #d54e21;
     708}
     709
     710.videowrapper a:focus {
     711    text-decoration: underline;
    706712}
    707713
     
    987993}
    988994
    989 .thevideo .ui-tabs a:hover span {
     995.thevideo .ui-tabs a:hover span,
     996.thevideo .ui-tabs a:focus span {
    990997    background-color: none !important;
    991998}
     
    12031210}
    12041211
    1205 .ui-tabs a:hover {
     1212.ui-tabs a:hover,
     1213.ui-tabs a:focus {
    12061214    color: #d54e21;
    12071215    cursor: pointer;
     
    12861294}
    12871295
    1288 .searchwordcamptv form #wordcampsubmit:hover {
     1296.searchwordcamptv form #wordcampsubmit:hover,
     1297.searchwordcamptv form #wordcampsubmit:focus {
    12891298    background: #B3B3B3;
    12901299    color: #f7f7f7;
     
    14031412}
    14041413
    1405 .linklist h3 a:hover, .linklist h3 a:active {
     1414.linklist h3 a:hover, .linklist h3 a:focus, .linklist h3 a:active {
    14061415    color: #d54e21;
     1416}
     1417
     1418.linklist h3 a:focus {
     1419    text-decoration: underline;
    14071420}
    14081421
     
    14181431}
    14191432
    1420 .linklist .more:hover, .linklist .more:active {
     1433.linklist .more:hover, .linklist .more:focus, .linklist .more:active {
    14211434    color: #d54e21;
     1435}
     1436
     1437.linklist .more:focus {
     1438    text-decoration: underline;
    14221439}
    14231440
     
    14911508}
    14921509
    1493 #comments a:hover, #comments a:active {
     1510#comments a:hover, #comments a:focus, #comments a:active {
    14941511    color: #d54e21;
     1512}
     1513
     1514#comments a:focus {
     1515    text-decoration: underline;
    14951516}
    14961517
    14971518#comments .commenttext a, #comments .commenttext a:link, #comments .commenttext a:visited {
    14981519    color: #21759b;;
    1499 }
    1500 
    1501 #comments a:hover, #comments a:active {
    1502     color: #d54e21;
    15031520}
    15041521
     
    18681885}
    18691886
    1870 #menu li a:hover {
    1871     color: #d54e21 !important;
     1887#menu li a:hover,
     1888#menu li a:focus {
     1889    color: #d54e21;
    18721890}
    18731891
     
    19661984}
    19671985
    1968 .breadcrumb a:hover {
     1986.breadcrumb a:hover,
     1987.breadcrumb a:focus {
    19691988    color: #464646;
     1989}
     1990
     1991.breadcrumb a:focus {
     1992    text-decoration: underline;
    19701993}
    19711994
     
    20552078}
    20562079
    2057 .wptv-hero .main-video .video-event a:hover {
     2080.wptv-hero .main-video .video-event a:hover,
     2081.wptv-hero .main-video .video-event a:focus {
    20582082    color: #fff;
     2083}
     2084
     2085.wptv-hero .main-video .video-event a:focus {
     2086    text-decoration: underline;
    20592087}
    20602088
     
    25322560
    25332561.menu-footer-container a:hover,
    2534 #footer div.menu a:hover {
     2562.menu-footer-container a:focus,
     2563#footer div.menu a:hover,
     2564#footer div.menu a:focus {
    25352565    color: #21759b;
     2566}
     2567.menu-footer-container a:focus,
     2568#footer div.menu a:focus {
     2569    text-decoration: underline;
    25362570}
    25372571
Note: See TracChangeset for help on using the changeset viewer.