WordPress.org
Get WordPress

Make WordPress Core

Ticket #30108: 30108.7.diff

File 30108.7.diff, 20.4 KB (added by iamtakashi, 10 years ago)

Adjust hover/focus styling for better accessibility

  • src/wp-content/themes/twentyfifteen/css/ie.css

     
    538538        padding: 4.5454% 9.0909%;
    539539}
    540540
    541 .posted-on a:before,
    542 .byline a:before,
    543 .cat-links span + a:before,
    544 .tags-links span + a:before,
    545 .comments-link a:before,
    546 .entry-format a:before,
    547 .edit-link a:before,
    548 .full-size-link a:before {
     541.posted-on:before,
     542.byline:before,
     543.cat-links:before,
     544.tags-links:before,
     545.comments-link:before,
     546.entry-format:before,
     547.edit-link:before,
     548.full-size-link:before {
    549549        top: 4px;
    550550}
    551551
    … …  
    649649        padding-left: 5.5em;
    650650}
    651651
    652 .comment-metadata .edit-link a:before,
    653 .pingback .edit-link a:before {
     652.comment-metadata .edit-link:before,
     653.pingback .edit-link:before {
    654654        top: 8px;
    655655}
    656656

  • src/wp-content/themes/twentyfifteen/inc/custom-header.php

     
    182182                }
    183183
    184184                @media screen and (min-width: 59.6875em) {
    185                         .site-header {
     185                        .site-header,
     186                        .secondary {
    186187                                background-color: transparent;
    187188                        }
    188189
    … …  
    227228                        color: %1$s;
    228229                }
    229230
    230                 .secondary-toggle:focus {
    231                         outline-color: %1$s;
     231                .secondary-toggle {
     232                        border-color: %1$s; /* Fallback for IE7 and IE8 */
     233                        border-color: %3$s;
    232234                }
    233235
    234                 .secondary-toggle:hover {
     236                .secondary-toggle:hover,
     237                .secondary-toggle:focus {
     238                        border-color: %1$s; /* Fallback for IE7 and IE8 */
    235239                        border-color: %4$s;
    236240                }
    237241
     242                .site-title a {
     243                        outline-color: %1$s; /* Fallback for IE7 and IE8 */
     244                        outline-color: %4$s;
     245                }
     246
    238247                @media screen and (min-width: 59.6875em) {
     248                        .secondary a,
    239249                        .dropdown-toggle:after,
    240                         .main-navigation a,
    241                         .social-navigation a,
    242250                        .widget-title,
    243                         .widget a {
     251                        .widget blockquote cite,
     252                        .widget blockquote small {
    244253                                color: %1$s;
    245254                        }
    246255
    247                         .dropdown-toggle:focus {
    248                                 outline-color: %1$s;
    249                         }
    250 
    251256                        .widget button,
    252257                        .widget input[type="button"],
    253258                        .widget input[type="reset"],
    … …  
    256261                                background-color: %1$s;
    257262                        }
    258263
     264                        .textwidget a {
     265                                border-color: %1$s;
     266                        }
     267
     268                        .secondary a:hover,
     269                        .secondary a:focus,
    259270                        .main-navigation .menu-item-description,
    260                         .main-navigation a:hover,
    261                         .main-navigation a:focus,
    262                         .social-navigation a:hover:before,
    263                         .social-navigation a:focus:before,
    264271                        .widget,
    265                         .widget a:hover,
    266                         .widget a:focus,
    267272                        .widget blockquote,
    268                         .widget blockquote cite,
    269                         .widget blockquote small,
    270273                        .widget .wp-caption-text,
    271274                        .widget .gallery-caption {
    272                                 color: %1$s; /* Fallback for IE7 and IE8 */
    273275                                color: %2$s;
    274276                        }
    275277
     278                        .widget button:hover,
     279                        .widget button:focus,
     280                        .widget input[type="button"]:hover,
     281                        .widget input[type="button"]:focus,
     282                        .widget input[type="reset"]:hover,
     283                        .widget input[type="reset"]:focus,
     284                        .widget input[type="submit"]:hover,
     285                        .widget input[type="submit"]:focus,
    276286                        .widget_calendar tbody a:hover,
    277287                        .widget_calendar tbody a:focus {
    278                                 background-color: %1$s; /* Fallback for IE7 and IE8 */
    279288                                background-color: %2$s;
    280289                        }
    281290
    … …  
    286295                        .main-navigation ul,
    287296                        .main-navigation li,
    288297                        .secondary-toggle,
    289                         .widget_categories .children,
    290                         .widget_nav_menu .sub-menu,
    291                         .widget_pages .children,
     298                        .widget input,
     299                        .widget textarea,
    292300                        .widget table,
    293301                        .widget th,
    294302                        .widget td,
    295                         .widget input,
    296                         .widget textarea,
    297303                        .widget pre,
    298304                        .widget li,
     305                        .widget_categories .children,
     306                        .widget_nav_menu .sub-menu,
     307                        .widget_pages .children,
    299308                        .widget abbr[title] {
    300                                 border-color: %1$s; /* Fallback for IE7 and IE8 */
    301309                                border-color: %3$s;
    302310                        }
    303311
    304312                        .dropdown-toggle:hover,
    305313                        .dropdown-toggle:focus,
    306314                        .widget hr {
    307                                 background-color: %1$s; /* Fallback for IE7 and IE8 */
    308315                                background-color: %3$s;
    309316                        }
    310317
    311318                        .widget input:focus,
    312319                        .widget textarea:focus {
    313                                 border-color: %1$s; /* Fallback for IE7 and IE8 */
    314320                                border-color: %4$s;
    315321                        }
     322
     323                        .sidebar a:focus,
     324                        .dropdown-toggle:focus {
     325                                outline-color: %4$s;
     326                        }
    316327                }
    317328        ';
    318329

  • src/wp-content/themes/twentyfifteen/inc/customizer.php

     
    327327                .entry-summary a,
    328328                .page-content a,
    329329                .comment-content a,
     330                .pingback .comment-body > a,
    330331                .author-description a,
     332                .taxonomy-description a,
     333                .textwidget a,
     334                .entry-footer a:hover,
     335                .comment-metadata a:hover,
     336                .pingback .edit-link a:hover,
    331337                .comment-list .reply a:hover,
    332                 .comment-list .reply a:focus {
     338                .site-info a:hover {
    333339                        border-color: %4$s;
    334340                }
    335341
    … …  
    367373                .comment-navigation,
    368374                .comment-navigation a,
    369375                .widget,
    370                 .entry-content a:hover,
    371                 .entry-content a:focus,
    372                 .entry-summary a:hover,
    373                 .entry-summary a:focus,
    374                 .page-content a:hover,
    375                 .page-content a:focus,
    376                 .comment-content a:hover,
    377                 .comment-content a:focus,
    378                 .author-description a:hover,
    379                 .author-description a:focus,
    380376                .author-heading,
    381377                .entry-footer,
    382378                .entry-footer a,
    … …  
    386382                .comment-author,
    387383                .comment-metadata,
    388384                .comment-metadata a,
    389                 .pingback .comment-edit-link,
     385                .pingback .edit-link,
     386                .pingback .edit-link a,
    390387                .post-password-form label,
    391388                .comment-form label,
    392389                .comment-notes,
    … …  
    405402
    406403                /* Secondary Text Color */
    407404                blockquote,
    408                 .entry-content a:hover,
    409                 .entry-content a:focus,
    410                 .entry-summary a:hover,
    411                 .entry-summary a:focus,
    412                 .page-content a:hover,
    413                 .page-content a:focus,
    414                 .comment-content a:hover,
    415                 .comment-content a:focus,
    416                 .author-description a:hover,
    417                 .author-description a:focus {
     405                .logged-in-as a:hover,
     406                .comment-author a:hover {
    418407                        border-color: %4$s; /* Fallback for IE7 and IE8 */
    419408                        border-color: %5$s;
    420409                }
    … …  
    467456                }
    468457
    469458                /* Border Focus Color */
     459                a:focus,
     460                button:focus,
     461                input:focus {
     462                        outline-color: %4$s; /* Fallback for IE7 and IE8 */
     463                        outline-color: %7$s;
     464                }
     465
    470466                input:focus,
    471467                textarea:focus {
    472468                        border-color: %4$s; /* Fallback for IE7 and IE8 */
    … …  
    474470                }
    475471
    476472                /* Sidebar Link Color */
    477                 .secondary-toggle:hover {
    478                         border-color: %8$s;
    479                 }
    480 
    481473                .secondary-toggle:before {
    482474                        color: %8$s;
    483475                }
    484476
    485                 .secondary-toggle:focus {
    486                         outline-color: %8$s;
    487                 }
    488 
    489477                .site-title a,
    490478                .site-description {
    491479                        color: %8$s;
    … …  
    503491                        border-color: %10$s;
    504492                }
    505493
     494                /* Sidebar Border Focus Color */
     495                .secondary-toggle:hover,
     496                .secondary-toggle:focus {
     497                        border-color: %8$s; /* Fallback for IE7 and IE8 */
     498                        border-color: %11$s;
     499                }
     500
     501                .site-title a {
     502                        outline-color: %8$s; /* Fallback for IE7 and IE8 */
     503                        outline-color: %11$s;
     504                }
     505
    506506                /* Meta Background Color */
    507507                .entry-footer {
    508508                        background-color: %12$s;
    … …  
    529529                        .widget input[type="submit"],
    530530                        .widget_calendar tbody a,
    531531                        .widget_calendar tbody a:hover,
    532                         .widget_calendar tbody a:focus,
    533                         .widget mark,
    534                         .widget ins {
     532                        .widget_calendar tbody a:focus {
    535533                                color: %2$s;
    536534                        }
    537535
    538536                        /* Sidebar Link Color */
    539                         .widget button,
    540                         .widget input[type="button"],
    541                         .widget input[type="reset"],
    542                         .widget input[type="submit"],
    543                         .widget_calendar tbody a,
    544                         .widget mark,
    545                         .widget ins {
    546                                 background-color: %8$s;
    547                         }
    548 
    549537                        .secondary a,
    550538                        .dropdown-toggle:after,
    551539                        .widget-title,
    … …  
    554542                                color: %8$s;
    555543                        }
    556544
    557                         .dropdown-toggle:focus {
    558                                 outline-color: %8$s;
     545                        .widget button,
     546                        .widget input[type="button"],
     547                        .widget input[type="reset"],
     548                        .widget input[type="submit"],
     549                        .widget_calendar tbody a {
     550                                background-color: %8$s;
    559551                        }
    560552
     553                        .textwidget a {
     554                                border-color: %8$s;
     555                        }
     556
    561557                        /* Sidebar Text Color */
    562558                        .secondary a:hover,
    563559                        .secondary a:focus,
    … …  
    569565                                color: %9$s;
    570566                        }
    571567
    572                         .dropdown-toggle:hover,
    573                         .dropdown-toggle:focus,
    574568                        .widget button:hover,
    575569                        .widget button:focus,
    576570                        .widget input[type="button"]:hover,
    … …  
    596590                        .widget table,
    597591                        .widget th,
    598592                        .widget td,
    599                         .widget input,
    600                         .widget textarea,
    601593                        .widget pre,
    602594                        .widget li,
    603595                        .widget_categories .children,
    … …  
    607599                                border-color: %10$s;
    608600                        }
    609601
     602                        .dropdown-toggle:hover,
     603                        .dropdown-toggle:focus,
    610604                        .widget hr {
    611605                                background-color: %10$s;
    612606                        }
    613607
    614                         /* Sidebar Border Focus Color */
    615608                        .widget input:focus,
    616609                        .widget textarea:focus {
    617610                                border-color: %11$s;
    618611                        }
     612
     613                        .sidebar a:focus,
     614                        .dropdown-toggle:focus {
     615                                outline-color: %11$s;
     616                        }
    619617                }
    620618        ';
    621619

  • src/wp-content/themes/twentyfifteen/rtl.css

     
    276276        margin: 0 0 1.6em 1.6em;
    277277}
    278278
    279 .posted-on a:before,
    280 .byline a:before,
    281 .cat-links span + a:before,
    282 .tags-links span + a:before,
    283 .comments-link a:before,
    284 .entry-format a:before,
    285 .edit-link a:before,
    286 .full-size-link a:before {
     279.posted-on:before,
     280.byline:before,
     281.cat-links:before,
     282.tags-links:before,
     283.comments-link:before,
     284.entry-format:before,
     285.edit-link:before,
     286.full-size-link:before {
    287287        margin-right: auto;
    288288        margin-left: 2px;
    289289}

  • src/wp-content/themes/twentyfifteen/style.css

     
    140140}
    141141
    142142a:focus {
    143         outline: thin dotted;
     143        outline: 2px solid #c1c1c1;
     144        outline: 2px solid rgba(51, 51, 51, 0.3);
    144145}
    145146
    146147a:hover,
    … …  
    165166.comment-reply-title small a:before,
    166167.comment-navigation .nav-next a:after,
    167168.comment-navigation .nav-previous a:before,
    168 .posted-on a:before,
    169 .byline a:before,
    170 .cat-links span + a:before,
    171 .tags-links span + a:before,
    172 .comments-link a:before,
    173 .entry-format a:before,
    174 .edit-link a:before,
    175 .full-size-link a:before,
     169.posted-on:before,
     170.byline:before,
     171.cat-links:before,
     172.tags-links:before,
     173.comments-link:before,
     174.entry-format:before,
     175.edit-link:before,
     176.full-size-link:before,
    176177.pagination .prev:before,
    177178.pagination .next:before,
    178179.image-navigation a:before,
    … …  
    476477input,
    477478select,
    478479textarea {
    479         background-color: #fff;
     480        background-color: #f7f7f7;
    480481        border-radius: 0;
    481482        font-size: 16px;
    482483        font-size: 1.6rem;
    … …  
    502503
    503504input:focus,
    504505textarea:focus {
     506        background-color: #fff;
    505507        border: 1px solid #c1c1c1;
    506508        border: 1px solid rgba(51, 51, 51, 0.3);
    507509        color: #333;
    508         outline: 0;
    509510}
    510511
     512input:focus,
     513select:focus {
     514        outline: 2px solid #c1c1c1;
     515        outline: 2px solid rgba(51, 51, 51, 0.3);
     516}
     517
     518button[disabled],
     519input[disabled],
     520select[disabled],
     521textarea[disabled] {
     522        cursor: default;
     523        opacity: .5;
     524}
     525
    511526button,
    512527input[type="button"],
    513528input[type="reset"],
    … …  
    538553        outline: 0;
    539554}
    540555
    541 input[type="checkbox"],
    542 input[type="radio"] {
    543         padding: 0;
    544 }
    545 
    546556input[type="search"] {
    547557        -webkit-appearance: textfield;
    548558}
    … …  
    572582        vertical-align: top;
    573583}
    574584
     585input[type="text"]:focus,
     586input[type="email"]:focus,
     587input[type="url"]:focus,
     588input[type="password"]:focus,
     589input[type="search"]:focus,
     590textarea:focus {
     591        outline: 0;
     592}
     593
    575594.post-password-form {
    576595        position: relative;
    577596}
    … …  
    596615        bottom: 0;
    597616}
    598617
     618input[type="checkbox"],
     619input[type="radio"] {
     620        padding: 0;
     621}
    599622
     623
    600624/**
    601625 * 6.0 Navigations
    602626 */
    … …  
    715739}
    716740
    717741.dropdown-toggle:focus {
    718         outline: dotted thin #333;
     742        outline: 1px solid #c1c1c1;
     743        outline: 1px solid rgba(51, 51, 51, 0.3);
    719744}
    720745
    721746.dropdown-toggle.toggle-on:after {
    … …  
    876901        left: 0;
    877902}
    878903
    879 .secondary-toggle:hover {
     904.secondary-toggle:hover,
     905.secondary-toggle:focus {
    880906        background-color: transparent;
     907        border: 1px solid #c1c1c1;
    881908        border: 1px solid rgba(51, 51, 51, 0.3);
     909        outline: 0;
    882910}
    883911
    884 .secondary-toggle:focus {
    885         background-color: transparent;
    886         border: 1px solid transparent;
    887         outline: dotted thin #333;
    888 }
    889 
    890912.secondary-toggle.toggled-on:before {
    891913        content: "\f405";
    892914        font-size: 32px;
    893         top: 1px;
    894         left: 0;
     915        top: 0;
     916        left: -1px;
    895917}
    896918
    897919.post-navigation {
    … …  
    899921        border-top: 1px solid #eaeaea;
    900922        border-top: 1px solid rgba(51, 51, 51, 0.1);
    901923        font-weight: 700;
    902         overflow: hidden;
    903924}
    904925
    905926.post-navigation a {
    … …  
    15041525        opacity: 0.8;
    15051526}
    15061527
    1507 .widget_text > div > :last-child {
     1528.textwidget > :last-child {
    15081529        margin-bottom: 0;
    15091530}
    15101531
     1532.textwidget a {
     1533        border-bottom: 1px solid #333;
     1534}
    15111535
     1536.textwidget a:hover,
     1537.textwidget a:focus {
     1538        border-bottom: 0;
     1539}
     1540
     1541
    15121542/**
    15131543 * 12.0 Content
    15141544 */
    … …  
    17001730.entry-content a,
    17011731.entry-summary a,
    17021732.page-content a,
    1703 .comment-content a {
     1733.comment-content a,
     1734.pingback .comment-body > a {
    17041735        border-bottom: 1px solid #333;
    17051736}
    17061737
    … …  
    17111742.page-content a:hover,
    17121743.page-content a:focus,
    17131744.comment-content a:hover,
    1714 .comment-content a:focus {
    1715         border-color: #707070;
    1716         border-color: rgba(51, 51, 51, 0.7);
    1717         color: #707070;
    1718         color: rgba(51, 51, 51, 0.7);
     1745.comment-content a:focus,
     1746.pingback .comment-body > a:hover,
     1747.pingback .comment-body > a:focus {
     1748        border-bottom: 0;
    17191749}
    17201750
    17211751.entry-content .more-link {
    … …  
    17811811
    17821812.author-description a:hover,
    17831813.author-description a:focus {
    1784         border-color: rgba(51, 51, 51, 0.7);
    1785         color: rgba(51, 51, 51, 0.7);
     1814        border-bottom: 0;
    17861815}
    17871816
    17881817.author-description > :last-child {
    … …  
    18151844        color: rgba(51, 51, 51, 0.7);
    18161845}
    18171846
     1847.entry-footer a:hover {
     1848        border-bottom: 1px solid #333;
     1849}
     1850
    18181851.entry-footer a:hover,
    18191852.entry-footer a:focus {
    18201853        color: #333;
    … …  
    18351868        display: none;
    18361869}
    18371870
    1838 .sticky .posted-on,
    1839 .sticky .posted-on + .byline:before {
     1871.sticky .posted-on {
    18401872        display: none;
    18411873}
    18421874
    1843 .posted-on a:before,
    1844 .byline a:before,
    1845 .cat-links span + a:before,
    1846 .tags-links span + a:before,
    1847 .comments-link a:before,
    1848 .entry-format a:before,
    1849 .edit-link a:before,
    1850 .full-size-link a:before {
     1875.posted-on:before,
     1876.byline:before,
     1877.cat-links:before,
     1878.tags-links:before,
     1879.comments-link:before,
     1880.entry-format:before,
     1881.edit-link:before,
     1882.full-size-link:before {
    18511883        margin-right: 2px;
    18521884        position: relative;
    18531885}
    … …  
    18621894        margin-right: 1em;
    18631895}
    18641896
    1865 .format-aside .entry-format a:before {
     1897.format-aside .entry-format:before {
    18661898        content: "\f101";
    18671899}
    18681900
    1869 .format-image .entry-format a:before {
     1901.format-image .entry-format:before {
    18701902        content: "\f473";
    18711903}
    18721904
    1873 .format-gallery .entry-format a:before {
     1905.format-gallery .entry-format:before {
    18741906        content: "\f103";
    18751907}
    18761908
    1877 .format-video .entry-format a:before {
     1909.format-video .entry-format:before {
    18781910        content: "\f104";
    18791911}
    18801912
    1881 .format-status .entry-format a:before {
     1913.format-status .entry-format:before {
    18821914        content: "\f105";
    18831915}
    18841916
    1885 .format-quote .entry-format a:before {
     1917.format-quote .entry-format:before {
    18861918        content: "\f106";
    18871919}
    18881920
    1889 .format-link .entry-format a:before {
     1921.format-link .entry-format:before {
    18901922        content: "\f107";
    18911923}
    18921924
    1893 .format-chat .entry-format a:before {
     1925.format-chat .entry-format:before {
    18941926        content: "\f108";
    18951927}
    18961928
    1897 .format-audio .entry-format a:before {
     1929.format-audio .entry-format:before {
    18981930        content: "\f109";
    18991931}
    19001932
    1901 .posted-on a:before {
     1933.posted-on:before {
    19021934        content: "\f307";
    19031935}
    19041936
    1905 .byline a:before {
     1937.byline:before {
    19061938        content: "\f304";
    19071939}
    19081940
    1909 .cat-links span + a:before {
     1941.cat-links:before {
    19101942        content: "\f301";
    19111943}
    19121944
    1913 .tags-links span + a:before {
     1945.tags-links:before {
    19141946        content: "\f302";
    19151947}
    19161948
    1917 .comments-link a:before {
     1949.comments-link:before {
    19181950        content: "\f300";
    19191951}
    19201952
    1921 .full-size-link a:before {
     1953.full-size-link:before {
    19221954        content: "\f402";
    19231955}
    19241956
    1925 .edit-link a:before {
     1957.edit-link:before {
    19261958        content: "\f411";
    19271959}
    19281960
    … …  
    19451977        padding-top: 0.4em;
    19461978}
    19471979
     1980.taxonomy-description a {
     1981        border-bottom: 1px solid #333;
     1982}
     1983
     1984.taxonomy-description a:hover,
     1985.taxonomy-description a:focus {
     1986        border-bottom: 0;
     1987}
     1988
    19481989.taxonomy-description > :last-child {
    19491990        margin-bottom: 0;
    19501991}
    … …  
    21382179        margin-bottom: 0.4em;
    21392180}
    21402181
     2182.comment-author a:hover {
     2183        border-bottom: 1px solid #707070;
     2184        border-bottom: 1px solid rgba(51, 51, 51, 0.7);
     2185}
     2186
    21412187.comment-author .avatar {
    21422188        border-radius: 50%;
    21432189        float: left;
    … …  
    21742220}
    21752221
    21762222.comment-metadata a:hover,
     2223.pingback .edit-link a:hover{
     2224        border-bottom: 1px solid #333;
     2225}
     2226
     2227.comment-metadata a:hover,
    21772228.comment-metadata a:focus,
    21782229.pingback .edit-link a:hover,
    21792230.pingback .edit-link a:focus {
    … …  
    21922243        margin-left: 1em;
    21932244}
    21942245
    2195 .pingback .edit-link a:before {
     2246.pingback .edit-link:before {
    21962247        top: 5px;
    21972248}
    21982249
    … …  
    22332284.comment-list .reply a:focus {
    22342285        border-color: #333;
    22352286        color: #333;
     2287        outline: 0;
    22362288}
    22372289
    22382290.comment-form {
    … …  
    22722324        margin-bottom: 2em;
    22732325}
    22742326
     2327.logged-in-as a:hover {
     2328        border-bottom: 1px solid #333;
     2329}
     2330
    22752331.no-comments {
    22762332        border-top: 1px solid #eaeaea;
    22772333        border-top: 1px solid rgba(51, 51, 51, 0.1);
    … …  
    23352391        color: rgba(51, 51, 51, 0.7);
    23362392}
    23372393
     2394.site-info a:hover {
     2395        border-bottom: 1px solid #333;
     2396}
     2397
    23382398.site-info a:hover,
    23392399.site-info a:focus {
    23402400        color: #333;
    … …  
    31363196                top: 3px;
    31373197        }
    31383198
    3139         .posted-on a:before,
    3140         .byline a:before,
    3141         .cat-links span + a:before,
    3142         .tags-links span + a:before,
    3143         .comments-link a:before,
    3144         .entry-format a:before,
    3145         .edit-link a:before,
    3146         .full-size-link a:before {
     3199        .posted-on:before,
     3200        .byline:before,
     3201        .cat-links:before,
     3202        .tags-links:before,
     3203        .comments-link:before,
     3204        .entry-format:before,
     3205        .edit-link:before,
     3206        .full-size-link:before {
    31473207                top: 3px;
    31483208        }
    31493209
    … …  
    32223282                width: 42px;
    32233283        }
    32243284
    3225         .comment-metadata .edit-link a:before {
     3285        .comment-metadata .edit-link:before {
    32263286                top: 2px;
    32273287        }
    32283288
    3229         .pingback .edit-link a:before {
     3289        .pingback .edit-link:before {
    32303290                top: 6px;
    32313291        }
    32323292
    … …  
    36663726                top: 0;
    36673727        }
    36683728
    3669         .posted-on a:before,
    3670         .byline a:before,
    3671         .cat-links span + a:before,
    3672         .tags-links span + a:before,
    3673         .comments-link a:before,
    3674         .entry-format a:before,
    3675         .edit-link a:before,
    3676         .full-size-link a:before {
     3729        .posted-on:before,
     3730        .byline:before,
     3731        .cat-links:before,
     3732        .tags-links:before,
     3733        .comments-link:before,
     3734        .entry-format:before,
     3735        .edit-link:before,
     3736        .full-size-link:before {
    36773737                top: 4px;
    36783738        }
    36793739
    … …  
    37473807                line-height: 2;
    37483808        }
    37493809
    3750         .comment-metadata .edit-link a:before {
     3810        .comment-metadata .edit-link:before {
    37513811                top: 8px;
    37523812        }
    37533813
    3754         .pingback .edit-link a:before {
     3814        .pingback .edit-link:before {
    37553815                top: 8px;
    37563816        }
    37573817
    … …  
    43124372                padding: 5% 10%;
    43134373        }
    43144374
    4315         .posted-on a:before,
    4316         .byline a:before,
    4317         .cat-links span + a:before,
    4318         .tags-links span + a:before,
    4319         .comments-link a:before,
    4320         .entry-format a:before,
    4321         .edit-link a:before,
    4322         .full-size-link a:before {
     4375        .posted-on:before,
     4376        .byline:before,
     4377        .cat-links:before,
     4378        .tags-links:before,
     4379        .comments-link:before,
     4380        .entry-format:before,
     4381        .edit-link:before,
     4382        .full-size-link:before {
    43234383                top: 0;
    43244384        }
    43254385
    … …  
    44064466                width: 24px;
    44074467        }
    44084468
    4409         .comment-metadata .edit-link a:before {
     4469        .comment-metadata .edit-link:before {
    44104470                top: 3px;
    44114471        }
    44124472
    4413         .pingback .edit-link a:before {
     4473        .pingback .edit-link:before {
    44144474                top: 5px;
    44154475        }
    44164476
    … …  
    48374897                top: 3px;
    48384898        }
    48394899
    4840         .posted-on a:before,
    4841         .byline a:before,
    4842         .cat-links span + a:before,
    4843         .tags-links span + a:before,
    4844         .comments-link a:before,
    4845         .entry-format a:before,
    4846         .edit-link a:before,
    4847         .full-size-link a:before {
     4900        .posted-on:before,
     4901        .byline:before,
     4902        .cat-links:before,
     4903        .tags-links:before,
     4904        .comments-link:before,
     4905        .entry-format:before,
     4906        .edit-link:before,
     4907        .full-size-link:before {
    48484908                top: 3px;
    48494909        }
    48504910
    … …  
    49234983                left: 6px;
    49244984        }
    49254985
    4926         .comment-metadata .edit-link a:before {
     4986        .comment-metadata .edit-link:before {
    49274987                top: 6px;
    49284988        }
    49294989
    4930         .pingback .edit-link a:before {
     4990        .pingback .edit-link:before {
    49314991                top: 6px;
    49324992        }
    49334993
    … …  
    53495409                top: 0;
    53505410        }
    53515411
    5352         .posted-on a:before,
    5353         .byline a:before,
    5354         .cat-links span + a:before,
    5355         .tags-links span + a:before,
    5356         .comments-link a:before,
    5357         .entry-format a:before,
    5358         .edit-link a:before,
    5359         .full-size-link a:before {
     5412        .posted-on:before,
     5413        .byline:before,
     5414        .cat-links:before,
     5415        .tags-links:before,
     5416        .comments-link:before,
     5417        .entry-format:before,
     5418        .edit-link:before,
     5419        .full-size-link:before {
    53605420                top: 4px;
    53615421        }
    53625422
    … …  
    54305490                top: 8px;
    54315491        }
    54325492
    5433         .comment-metadata .edit-link a:before {
     5493        .comment-metadata .edit-link:before {
    54345494                top: 8px;
    54355495        }
    54365496
    5437         .pingback .edit-link a:before {
     5497        .pingback .edit-link:before {
    54385498                top: 8px;
    54395499        }
    54405500