summaryrefslogtreecommitdiffstats
path: root/askbot/media/style/style.css
diff options
context:
space:
mode:
authorEvgeny Fadeev <evgeny.fadeev@gmail.com>2013-05-26 12:59:15 -0400
committerEvgeny Fadeev <evgeny.fadeev@gmail.com>2013-05-26 12:59:20 -0400
commit31614f4da0ef5d2d28d427cea4d5a1200f7573e6 (patch)
treea9416483737e9b00d9afca52eea9d73bae3a9410 /askbot/media/style/style.css
parent94d5a526148b3899aeaa1d6f289c7b0e588395b5 (diff)
downloadaskbot-31614f4da0ef5d2d28d427cea4d5a1200f7573e6.tar.gz
askbot-31614f4da0ef5d2d28d427cea4d5a1200f7573e6.tar.bz2
askbot-31614f4da0ef5d2d28d427cea4d5a1200f7573e6.zip
added a hovercard to the user karma display shown in the page header
Diffstat (limited to 'askbot/media/style/style.css')
-rw-r--r--askbot/media/style/style.css35
1 files changed, 34 insertions, 1 deletions
diff --git a/askbot/media/style/style.css b/askbot/media/style/style.css
index 2a8968f4..7154a05b 100644
--- a/askbot/media/style/style.css
+++ b/askbot/media/style/style.css
@@ -218,6 +218,37 @@ body.user-messages {
text-align: center;
margin: 5px 0 8px;
}
+.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;
+ font-size: 13px;
+ display: block;
+ max-width: 250px;
+ padding: 10px;
+ position: absolute;
+}
+.hovercard p:last-child {
+ margin-bottom: 0;
+}
+.hovercard ul {
+ margin-bottom: 0;
+}
+.hovercard ul li {
+ font-size: 13px;
+ line-height: 16px;
+ margin: 5px 0;
+}
+.hovercard .triangle {
+ border-left: 5px solid transparent;
+ border-right: 10px solid transparent;
+ border-bottom: 10px solid #fcfcfc;
+ height: 0;
+ margin: -20px 0 10px 0;
+ width: 0;
+}
#closeNotify {
position: absolute;
right: 5px;
@@ -2248,7 +2279,9 @@ ul#related-tags li {
line-height: 18px;
margin-top: -2px;
margin-left: 4px;
- box-shadow: none;
+ -webkit-box-shadow: 0 0 0 #929292;
+ -moz-box-shadow: 0 0 0 #929292;
+ box-shadow: 0 0 0 #929292;
}
.question-page .post-controls .answer-convert input:hover,
.question-page .answer-controls .answer-convert input:hover {