Ticket #25054: 25054.searchfocus.2.diff

wp-content/themes/twentyfourteen/header.php

@@ -40 +40 @@
                         <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
 
                         <div class="header-extra">
-                                <div class="search-toggle"><?php _e( 'Search', 'twentyfourteen' ); ?></div>
+                                <div class="search-toggle">
+                                        <a href='#search-container' class="genericon"><?php _e( 'Search', 'twentyfourteen' ); ?></a>
+                                </div>
                         </div>
 
                         <nav role="navigation" class="site-navigation primary-navigation">
@@ -52 +54 @@
 
                 <div id="mobile-navigations" class="hide"></div>
 
-                <div class="search-box-wrapper hide">
+                <div class="search-box-wrapper hide" id="search-container">
                         <div class="search-box clear">
                                 <?php get_search_form(); ?>
                         </div>

wp-content/themes/twentyfourteen/style.css

@@ -610 +610 @@
         text-align: center;
         text-transform: uppercase;
 }
+.search-toggle a {
+        color: #fff;
+        font-size: 10px;
+}
 .search-toggle:hover,
 .search-toggle.active {
         background-color: #35921f;