lock arrowhead in headlines-toolbar to webkit

master
Andrew Dolgov 13 years ago
parent f10808259c
commit 73621c5605

@ -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 {

Loading…
Cancel
Save