lock arrowhead in headlines-toolbar to webkit

tt-rss.css

@@ -532,32 +532,34 @@ div#headlines-toolbar span.r {
 
 /* http://css-tricks.com/adobe-like-arrow-headers/ */
 
-div#headlines-toolbar span.r:before,
-div#headlines-toolbar span.r:after {
-        content: "";
-        position: absolute;
-        /* Pushed down half way, will get pulled back up half height of triangle
-           ensures centering if font-size or line-height changes */
-        top: 50%;
-        width: 0;
-        height: 0;
-}
-div#headlines-toolbar span.r:before {
-        left: -12px;
-        /* Triangle */
-        border-top: 8px solid transparent;
-        border-bottom: 8px solid transparent;
-        border-right: 8px solid white;
-        /* Pull-up */
-        margin-top: -8px;
-}
-div#headlines-toolbar span.r:after {
-        /* Smaller and different position triangle */
-        left: -5px;
-        border-top: 6px solid transparent;
-        border-bottom: 6px solid transparent;
-        border-right: 6px solid #ecf4ff;
-        margin-top: -6px;
+@media screen and (-webkit-min-device-pixel-ratio:0) { 
+	div#headlines-toolbar span.r:before,
+	div#headlines-toolbar span.r:after {
+		content: "";
+	   position: absolute;
+	    /* Pushed down half way, will get pulled back up half height of triangle
+	       ensures centering if font-size or line-height changes */
+	    top: 50%;
+	    width: 0;
+	    height: 0;
+	}
+	div#headlines-toolbar span.r:before {
+	    left: -12px;
+	    /* Triangle */
+	    border-top: 8px solid transparent;
+	    border-bottom: 8px solid transparent;
+	    border-right: 8px solid white;
+	    /* Pull-up */
+	    margin-top: -8px;
+	}
+	div#headlines-toolbar span.r:after {
+	    /* Smaller and different position triangle */
+	    left: -5px;
+	    border-top: 6px solid transparent;
+	    border-bottom: 6px solid transparent;
+	    border-right: 6px solid #ecf4ff;
+	    margin-top: -6px;
+	}
 }
 
 div#headlines-toolbar span.r span.error {