diff options
author | Andrew Dolgov <[email protected]> | 2011-12-20 22:47:36 +0400 |
---|---|---|
committer | Andrew Dolgov <[email protected]> | 2011-12-20 22:47:36 +0400 |
commit | 73621c56055eaff7d222183bfdb5d4fabeb4e209 (patch) | |
tree | 7d4465b96c37e2ae5ce58f62ce510d41f357f2b1 | |
parent | f10808259c286cb4ebc6318a71eee470066fc6ef (diff) |
lock arrowhead in headlines-toolbar to webkit
-rw-r--r-- | tt-rss.css | 54 |
1 files 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 { |