From 7e4b0cc0abc4672cb55906616596e455cf1c58ee Mon Sep 17 00:00:00 2001 From: Evgeny Fadeev Date: Sun, 26 May 2013 13:24:42 -0400 Subject: fixed hovercard css --- askbot/media/style/style.css | 16 +++++++++++----- askbot/media/style/style.less | 8 +++++--- 2 files changed, 16 insertions(+), 8 deletions(-) diff --git a/askbot/media/style/style.css b/askbot/media/style/style.css index 7154a05b..4d040adc 100644 --- a/askbot/media/style/style.css +++ b/askbot/media/style/style.css @@ -220,15 +220,21 @@ body.user-messages { } .hovercard { background: white; - border: 1px solid #aaa; - -webkit-box-shadow: 0 0 1px #929292; - -moz-box-shadow: 0 0 1px #929292; - box-shadow: 0 0 1px #929292; + border: 3px solid #ddd; + -webkit-box-shadow: 0 0 3px #929292; + -moz-box-shadow: 0 0 3px #929292; + box-shadow: 0 0 3px #929292; font-size: 13px; display: block; max-width: 250px; padding: 10px; position: absolute; + border-radius: 5px; + -ms-border-radius: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + -khtml-border-radius: 5px; + z-index: 1001; } .hovercard p:last-child { margin-bottom: 0; @@ -244,7 +250,7 @@ body.user-messages { .hovercard .triangle { border-left: 5px solid transparent; border-right: 10px solid transparent; - border-bottom: 10px solid #fcfcfc; + border-bottom: 10px solid #ddd; height: 0; margin: -20px 0 10px 0; width: 0; diff --git a/askbot/media/style/style.less b/askbot/media/style/style.less index c1a64bb1..e345db96 100644 --- a/askbot/media/style/style.less +++ b/askbot/media/style/style.less @@ -234,13 +234,15 @@ body.user-messages { .hovercard { background: white; - border: 1px solid #aaa; - .box-shadow(0, 0, 1px); + border: 3px solid #ddd; + .box-shadow(0, 0, 3px); font-size: 13px; display: block; max-width: 250px; padding: 10px; position: absolute; + .rounded-corners(5px); + z-index: 1001; p:last-child { margin-bottom: 0; } @@ -255,7 +257,7 @@ body.user-messages { .triangle { border-left: 5px solid transparent; border-right: 10px solid transparent; - border-bottom: 10px solid #fcfcfc; + border-bottom: 10px solid #ddd; height: 0; margin: -20px 0 10px 0; width: 0; -- cgit v1.2.3-1-g7c22