Ported blockquote changes to Tinymce css, so it looks alike when you edit a message...

[citadel.git] / webcit / static / styles / message.css

diff --git a/webcit/static/styles/message.css b/webcit/static/styles/message.css
index dab40756b6fb6879b4c154b9c11d0ca4218bd986..d5b959138119e5fd86c4b9d760bc490b47119bba 100644 (file)
--- a/webcit/static/styles/message.css
+++ b/webcit/static/styles/message.css
@@ -75,11 +75,11 @@
        margin-left: 0.3em;
 }
 
-/* make blockquotes in messages distingushable */
+/* Blockquotes in messages need to be distingushable */
 /* there is a lot of cascading happen io order to make it look beautiful */
+/* if you make changes here, port them to WEBCIT-TINYMCE.css! */
 .message_content blockquote {
        border: 1px solid #5C646B;
-       border-top: 0px;
         border-radius: 8px;
         -webkit-border-radius: 8px;
         -moz-border-radius: 8px;   
@@ -89,14 +89,10 @@
         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!*/
+/*top border of message headerrs in a blockquote need to be transparent*/
 blockquote .message_header {          
-        border-top: 1px solid #5C646B;  
+        border-top: 1px solid transparent;
         border-radius: 8px 8px 0px 0px;
         -webkit-border-radius: 8px 8px 0px 0px;
         -moz-border-radius: 8px 8px 0px 0px;
@@ -111,3 +107,15 @@ blockquote .message_content {
        behavior: url(/static/styles/PIE.htc);
        background-color: #deded0;
 }
+/* --- End of blockquoting block --- */
+
+
+.message img {
+       max-width: 700px;
+       padding: 10px;
+       background-color: #fff;
+       border: 1px solid #5C646B;
+       box-shadow: #666 0px 2px 3px;
+       -webkit-box-shadow: #666 0px 1px 2px;
+       -moz-box-shadow: #666 0px 2px 3px;
+}