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 {