WordPress.org

Make WordPress Core

Ticket #22025: style.css.patch

File style.css.patch, 776 bytes (added by toscho, 19 months ago)

Visible skip link on :focus and :active, tested in 12.02, IE 9, Chrome 22, Firefox 15.01

  • 1.0/style.css

     
    460460} 
    461461 
    462462/* Assistive text */ 
    463 .skip-link, 
    464463.screen-reader-text, 
    465464.assistive-text { 
    466465        position: absolute !important; 
    467466        clip: rect(1px, 1px, 1px, 1px); 
    468467} 
     468.skip-link { 
     469        clip: auto; 
     470        left: -5000px; 
     471        width: 100%; 
     472} 
     473.main-navigation .skip-link a:hover, 
     474.main-navigation .skip-link a:focus, 
     475.main-navigation .skip-link a:active { 
     476        background: #333; 
     477        color: #eee; 
     478        display: block; 
     479        left: 5000px; 
     480        margin-left: 45%; 
     481        padding: 10px; 
     482        position: absolute; 
     483        text-decoration: none; 
     484        top: 8px; 
     485        width: 10em; 
     486} 
     487.skip-link a:active { 
     488        background: #a33; 
     489} 
    469490 
    470491/* Page structure */ 
    471492.site {