Twenty Fourteen: second pass at revamping the main CSS file. Update pattern graphics to fix issue with orientation changes on tablets. Props iamtakashi, fixes #25592.

Built from https://develop.svn.wordpress.org/trunk@25998


git-svn-id: http://core.svn.wordpress.org/trunk@25931 1a063a9b-81f0-0310-95a4-ce76da25c4cd

wp-content/themes/twentyfourteen/images/pattern-dark.svg

@@ -1,7 +1,6 @@
 <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="5px" height="5px" viewBox="0 0 5 5" enable-background="new 0 0 5 5" xml:space="preserve">
-<g>
-	<polygon points="1,0 0,1 0,5 5,0 	"/>
-	<polygon points="5,5 5,1 1,5 	"/>
-</g>
+	 width="30px" height="30px" viewBox="0 0 30 30" enable-background="new 0 0 30 30" xml:space="preserve">
+<path d="M0,20v-4L16,0h4L0,20z M15,0h-4L0,11v4L15,0z M25,0h-4L0,21v4L25,0z M26,0L0,26v4L30,0H26z M10,0H6L0,6v4L10,0z M5,0H1L0,1
+	v4L5,0z M30,30v-4l-4,4H30z M5,30L30,5V1L1,30H5z M10,30l20-20V6L6,30H10z M15,30l15-15v-4L11,30H15z M20,30l10-10v-4L16,30H20z
+	 M25,30l5-5v-4l-9,9H25z"/>
 </svg>

wp-content/themes/twentyfourteen/images/pattern-light.svg

@@ -1,7 +1,6 @@
 <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="5px" height="5px" viewBox="0 0 5 5" enable-background="new 0 0 5 5" xml:space="preserve">
-<g>
-	<polygon fill="#FFFFFF" points="1,0 0,1 0,5 5,0 	"/>
-	<polygon fill="#FFFFFF" points="5,5 5,1 1,5 	"/>
-</g>
+	 width="30px" height="30px" viewBox="0 0 30 30" enable-background="new 0 0 30 30" xml:space="preserve">
+<path fill="#FFFFFF" d="M0,15v-4L11,0h4L0,15z M10,0H6L0,6v4L10,0z M20,0h-4L0,16v4L20,0z M25,0h-4L0,21v4L25,0z M26,0L0,26v4L30,0
+	H26z M5,0H1L0,1v4L5,0z M5,30L30,5V1L1,30H5z M10,30l20-20V6L6,30H10z M15,30l15-15v-4L11,30H15z M20,30l10-10v-4L16,30H20z M25,30
+	l5-5v-4l-9,9H25z M30,30v-4l-4,4H30z"/>
 </svg>

wp-content/themes/twentyfourteen/inc/customizer.php

@@ -140,7 +140,7 @@ function twentyfourteen_customizer_styles() {
 	$css = '/* Custom accent color. */
 		a,
 		.paging-navigation .page-numbers.current,
-		.content-sidebar .widget_twentyfourteen_ephemera .post-format-archive-link {
+		.content-sidebar .widget a {
 			color: ' . $accent_color . ';
 		}
 
@@ -151,17 +151,12 @@ function twentyfourteen_customizer_styles() {
 		input[type="submit"],
 		.search-toggle,
 		.hentry .mejs-controls .mejs-time-rail .mejs-time-current,
-		.widget_calendar tbody a {
+		.widget_calendar tbody a,
+		.slider-control-paging a:hover:before,
+		.slider-direction-nav a:hover {
 			background-color: ' . $accent_color . ';
 		}
 
-		@media screen and (min-width: 782px) {
-			.primary-navigation ul ul,
-			.primary-navigation li:hover > a {
-				background-color: ' . $accent_color . ';
-			}
-		}
-
 		::-moz-selection {
 			background: ' . $accent_color . ';
 		}
@@ -174,6 +169,20 @@ function twentyfourteen_customizer_styles() {
 			border-color: ' .  $accent_color . ';
 		}
 
+		@media screen and (min-width: 782px) {
+			.primary-navigation ul ul,
+			.primary-navigation li:hover > a {
+				background-color: ' . $accent_color . ';
+			}
+		}
+
+		@media screen and (min-width: 1008px) {
+			.secondary-navigation li:hover > a,
+			.secondary-navigation ul ul {
+				background-color: ' . $accent_color . ';
+			}
+		}
+
 		/* Generated variant of custom accent color: slightly lighter. */
 		button:hover,
 		button:focus,
@@ -187,11 +196,18 @@ function twentyfourteen_customizer_styles() {
 		.search-toggle:hover,
 		.search-toggle.active,
 		.search-box,
-		.primary-navigation ul ul a:hover,
-		.widget_calendar tbody a:hover {
+		.widget_calendar tbody a:hover,
+		.slider-control-paging .slider-active:before {
 			background-color: ' . $accent_lighter . ';
 		}
 
+		@media screen and (min-width: 782px) {
+			.primary-navigation ul ul a:hover,
+			.secondary-navigation ul ul a:hover {
+				background-color: ' . $accent_lighter . ';
+			}
+		}
+
 		/* Generated variant of custom accent color: much lighter. */
 		button:active,
 		.contributor-posts-link:active,
@@ -209,8 +225,8 @@ function twentyfourteen_customizer_styles() {
 		.site-navigation .current_page_ancestor > a,
 		.site-navigation .current-menu-item > a,
 		.site-navigation .current-menu-ancestor > a,
-		.secondary-navigation a:hover,
 		.entry-title a:hover,
+		.entry-meta a:hover,
 		.cat-links a:hover,
 		.post-navigation a:hover,
 		.image-navigation a:hover,
@@ -218,9 +234,13 @@ function twentyfourteen_customizer_styles() {
 		.comment-list .pingback a:hover,
 		.comment-list .trackback a:hover,
 		.comment-metadata a:hover,
-		.footer-sidebar a:hover,
-		.primary-sidebar a:hover,
-		.content-sidebar .widget_twentyfourteen_ephemera .post-format-archive-link:hover,
+		.widget a:hover,
+		.widget a:focus,
+		.widget a:active,
+		.content-sidebar .widget a:hover,
+		.content-sidebar .widget a:focus,
+		.content-sidebar .widget a:active,
+		.content-sidebar .widget_twentyfourteen_ephemera .entry-meta a:hover,
 		.featured-content a:hover {
 			color: ' . $accent_much_lighter . ';
 		}