Changeset 30208 for trunk/src/wp-content/themes/twentyfifteen/inc/custom-header.php

Timestamp:

11/03/2014 05:00:06 PM (12 years ago)

Author:

iandstewart

Message:

Twenty Fifteen: make it clear that a link is a link in post and comment meta by underlining it on hover or focus

Props morganestes, iamtakashi, fixes #30108

File:

• trunk/src/wp-content/themes/twentyfifteen/inc/custom-header.php (modified) (6 diffs)

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

@@ -183 +183 @@
 
                 @media screen and (min-width: 59.6875em) {
-                        .site-header {
+                        .site-header,
+                        .secondary {
                                 background-color: transparent;
                         }
@@ -228 +229 @@
                 }
 
+                .secondary-toggle {
+                        border-color: %1$s; /* Fallback for IE7 and IE8 */
+                        border-color: %3$s;
+                }
+
+                .secondary-toggle:hover,
                 .secondary-toggle:focus {
-                        outline-color: %1$s;
-                }
-
-                .secondary-toggle:hover {
+                        border-color: %1$s; /* Fallback for IE7 and IE8 */
                         border-color: %4$s;
                 }
 
+                .site-title a {
+                        outline-color: %1$s; /* Fallback for IE7 and IE8 */
+                        outline-color: %4$s;
+                }
+
                 @media screen and (min-width: 59.6875em) {
+                        .secondary a,
                         .dropdown-toggle:after,
-                        .main-navigation a,
-                        .social-navigation a,
                         .widget-title,
-                        .widget a {
+                        .widget blockquote cite,
+                        .widget blockquote small {
                                 color: %1$s;
-                        }
-
-                        .dropdown-toggle:focus {
-                                outline-color: %1$s;
                         }
 
@@ -257 +262 @@
                         }
 
+                        .textwidget a {
+                                border-color: %1$s;
+                        }
+
+                        .secondary a:hover,
+                        .secondary a:focus,
                         .main-navigation .menu-item-description,
-                        .main-navigation a:hover,
-                        .main-navigation a:focus,
-                        .social-navigation a:hover:before,
-                        .social-navigation a:focus:before,
                         .widget,
-                        .widget a:hover,
-                        .widget a:focus,
                         .widget blockquote,
-                        .widget blockquote cite,
-                        .widget blockquote small,
                         .widget .wp-caption-text,
                         .widget .gallery-caption {
-                                color: %1$s; /* Fallback for IE7 and IE8 */
                                 color: %2$s;
                         }
 
+                        .widget button:hover,
+                        .widget button:focus,
+                        .widget input[type="button"]:hover,
+                        .widget input[type="button"]:focus,
+                        .widget input[type="reset"]:hover,
+                        .widget input[type="reset"]:focus,
+                        .widget input[type="submit"]:hover,
+                        .widget input[type="submit"]:focus,
                         .widget_calendar tbody a:hover,
                         .widget_calendar tbody a:focus {
-                                background-color: %1$s; /* Fallback for IE7 and IE8 */
                                 background-color: %2$s;
                         }
@@ -287 +296 @@
                         .main-navigation li,
                         .secondary-toggle,
+                        .widget input,
+                        .widget textarea,
+                        .widget table,
+                        .widget th,
+                        .widget td,
+                        .widget pre,
+                        .widget li,
                         .widget_categories .children,
                         .widget_nav_menu .sub-menu,
                         .widget_pages .children,
-                        .widget table,
-                        .widget th,
-                        .widget td,
-                        .widget input,
-                        .widget textarea,
-                        .widget pre,
-                        .widget li,
                         .widget abbr[title] {
-                                border-color: %1$s; /* Fallback for IE7 and IE8 */
                                 border-color: %3$s;
                         }
@@ -305 +313 @@
                         .dropdown-toggle:focus,
                         .widget hr {
-                                background-color: %1$s; /* Fallback for IE7 and IE8 */
                                 background-color: %3$s;
                         }
@@ -311 +318 @@
                         .widget input:focus,
                         .widget textarea:focus {
-                                border-color: %1$s; /* Fallback for IE7 and IE8 */
                                 border-color: %4$s;
+                        }
+
+                        .sidebar a:focus,
+                        .dropdown-toggle:focus {
+                                outline-color: %4$s;
                         }
                 }