Index: wp-content/themes/twentyfourteen/images/pattern-dark.svg
===================================================================
--- wp-content/themes/twentyfourteen/images/pattern-dark.svg (revision 0)
+++ wp-content/themes/twentyfourteen/images/pattern-dark.svg (working copy)
@@ -0,0 +1,10 @@
+
+
+
+
Index: wp-content/themes/twentyfourteen/images/pattern-light.svg
===================================================================
--- wp-content/themes/twentyfourteen/images/pattern-light.svg (revision 0)
+++ wp-content/themes/twentyfourteen/images/pattern-light.svg (working copy)
@@ -0,0 +1,10 @@
+
+
+
+
Index: wp-content/themes/twentyfourteen/style.css
===================================================================
--- wp-content/themes/twentyfourteen/style.css (revision 25852)
+++ wp-content/themes/twentyfourteen/style.css (working copy)
@@ -1108,11 +1108,7 @@
*/
.featured-thumbnail {
- background: #767676;
- background-attachment: fixed;
- background-image: -webkit-linear-gradient(135deg, #767676 12.5%, #fff 12.5%, #fff 50%, #767676 50%, #767676 62.5%, #fff 62.5%);
- background-image: linear-gradient(135deg, #767676 12.5%, #fff 12.5%, #fff 50%, #767676 50%, #767676 62.5%, #fff 62.5%);
- background-size: 4px 4px;
+ background: url(images/pattern-light.svg) #767676 repeat fixed;
display: none;
float: none;
margin: 0;
@@ -1123,12 +1119,8 @@
z-index: 0;
}
-.featured-thumbnail:hover {
- background: #919191;
- background-attachment: fixed;
- background-image: -webkit-linear-gradient(135deg, #919191 12.5%, #fff 12.5%, #fff 50%, #919191 50%, #919191 62.5%, #fff 62.5%);
- background-image: linear-gradient(135deg, #919191 12.5%, #fff 12.5%, #fff 50%, #919191 50%, #919191 62.5%, #fff 62.5%);
- background-size: 4px 4px;
+a.featured-thumbnail:hover {
+ background: url(images/pattern-light.svg) #919191 repeat fixed;
}
.featured-thumbnail img {
@@ -2577,11 +2569,7 @@
*/
.featured-content {
- background: #000;
- background-attachment: fixed;
- background-image: -webkit-linear-gradient(135deg, #4d4d4d 12.5%, #000 12.5%, #000 50%, #4d4d4d 50%, #4d4d4d 62.5%, #000 62.5%);
- background-image: linear-gradient(135deg, #4d4d4d 12.5%, #000 12.5%, #000 50%, #4d4d4d 50%, #4d4d4d 62.5%, #000 62.5%);
- background-size: 4px 4px;
+ background: url(images/pattern-dark.svg) #4d4d4d repeat fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;