blallo/tt-rss
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

lock arrowhead in headlines-toolbar to webkit

Browse source
This commit is contained in:
Andrew Dolgov 2011-12-20 22:47:36 +04:00
parent f10808259c
commit 73621c5605
1 changed files with 28 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

54
tt-rss.css
View file

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