lock arrowhead in headlines-toolbar to webkit

diff --git a/tt-rss.css b/tt-rss.css
index 712bc6b5d66585e8b51916c4eee3d4877ac8d868..e72fae0ad5f0fef58d14c0994915fa256226b689 100644 (file)
--- 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 {