make citations inside of messages distingushable (again)

diff --git a/webcit/static/styles/message.css b/webcit/static/styles/message.css
index 02429dab0f4f33889b71433d294df4a6ca06a97f..dab40756b6fb6879b4c154b9c11d0ca4218bd986 100644 (file)
--- a/webcit/static/styles/message.css
+++ b/webcit/static/styles/message.css
@@ -1,6 +1,6 @@
 .message, .entmsg{
        background-color: #deded0;
-       margin: 1em;
+       margin: 0.5em 1em;
        border: 1px solid #5C646B;
        border-radius: 8px;
        -webkit-border-radius: 8px;
@@ -74,3 +74,40 @@
        display: inline-block;
        margin-left: 0.3em;
 }
+
+/* make blockquotes in messages distingushable */
+/* there is a lot of cascading happen io order to make it look beautiful */
+.message_content blockquote {
+       border: 1px solid #5C646B;
+       border-top: 0px;
+        border-radius: 8px;
+        -webkit-border-radius: 8px;
+        -moz-border-radius: 8px;   
+        -webkit-box-shadow: #666 0px 1px 2px;
+        -moz-box-shadow: #666 0px 2px 3px;
+        box-shadow: #666 0px 2px 3px;
+        behavior: url(/static/styles/PIE.htc);
+}
+
+/*remove top border of blockquote INSIDE of blockquotes*/
+.message_content blockquote blockquote {
+       border-top: none;
+}
+
+/*but draw a top border if message inside blockquote was quoted with header!*/
+blockquote .message_header {          
+        border-top: 1px solid #5C646B;  
+        border-radius: 8px 8px 0px 0px;
+        -webkit-border-radius: 8px 8px 0px 0px;
+        -moz-border-radius: 8px 8px 0px 0px;
+        behavior: url(/static/styles/PIE.htc);
+}
+
+/*make bottom border of content inside of a blockquote rounded, so it fits the blockquote*/
+blockquote .message_content {
+       border-radius: 0px 0px 8px 8px;
+        -webkit-border-radius: 0px 0px 8px 8px;
+        -moz-border-radius: 0px 0px 8px 8px;
+       behavior: url(/static/styles/PIE.htc);
+       background-color: #deded0;
+}