summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorEvgeny Fadeev <evgeny.fadeev@gmail.com>2013-05-26 13:24:42 -0400
committerEvgeny Fadeev <evgeny.fadeev@gmail.com>2013-05-26 13:24:42 -0400
commit7e4b0cc0abc4672cb55906616596e455cf1c58ee (patch)
treedfa56a0cb647870e5fcf078ca8a16e3ccadf1da8
parentd59730c0ce33761c23bcbb7cc17bc5d47f6426d3 (diff)
downloadaskbot-7e4b0cc0abc4672cb55906616596e455cf1c58ee.tar.gz
askbot-7e4b0cc0abc4672cb55906616596e455cf1c58ee.tar.bz2
askbot-7e4b0cc0abc4672cb55906616596e455cf1c58ee.zip
fixed hovercard css
-rw-r--r--askbot/media/style/style.css16
-rw-r--r--askbot/media/style/style.less8
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;