From 73621c56055eaff7d222183bfdb5d4fabeb4e209 Mon Sep 17 00:00:00 2001
From: Andrew Dolgov <fox@madoka.volgo-balt.ru>
Date: Tue, 20 Dec 2011 22:47:36 +0400
Subject: [PATCH] lock arrowhead in headlines-toolbar to webkit

---
 tt-rss.css | 54 ++++++++++++++++++++++++++++--------------------------
 1 file changed, 28 insertions(+), 26 deletions(-)

diff --git a/tt-rss.css b/tt-rss.css
index 712bc6b5d..e72fae0ad 100644
--- a/tt-rss.css
+++ b/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 {