From 85cd8bfcad4c7d09339f173558d9a67d79c0855e Mon Sep 17 00:00:00 2001 From: the_mgt Date: Mon, 16 May 2011 21:13:22 +0200 Subject: [PATCH] make citations inside of messages distingushable (again) --- webcit/static/styles/message.css | 39 +++++++++++++++++++++++++++++++- 1 file changed, 38 insertions(+), 1 deletion(-) diff --git a/webcit/static/styles/message.css b/webcit/static/styles/message.css index 02429dab0..dab40756b 100644 --- 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; +} -- 2.39.2