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

Timestamp:

11/03/2014 05:00:06 PM (11 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;
             }
         }