2 files changed, 65 insertions, 2 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 {
diff --git a/askbot/media/style/style.less b/askbot/media/style/style.less
index 31773b21..c1a64bb1 100644
--- a/askbot/media/style/style.less
+++ b/askbot/media/style/style.less
@@ -232,6 +232,36 @@ body.user-messages {
     margin: 5px 0 8px;
 }
 
+.hovercard {
+    background: white;
+    border: 1px solid #aaa;
+    .box-shadow(0, 0, 1px);
+    font-size: 13px;
+    display: block;
+    max-width: 250px;
+    padding: 10px;
+    position: absolute;
+    p:last-child {
+        margin-bottom: 0;
+    }
+    ul {
+        margin-bottom: 0;
+        li {
+            font-size: 13px;
+            line-height: 16px;
+            margin: 5px 0;
+        }
+    }
+    .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;
@@ -2364,7 +2394,7 @@ ul#related-tags li {
             line-height:18px;
             margin-top:-2px;
             margin-left:4px;
-            box-shadow: none;
+            .box-shadow(0, 0, 0);
         }
         
         .answer-convert input:hover{