blockquote{
background-color: #deded0;
- border: 1px solid #5C646B;
- border-top: none;
- 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);
}
.message_header {
font-size: x-small;
padding: 0.5em;
- border-top: 1px solid transparent;
- border-radius: 8px 8px 0 0;
- -webkit-border-radius: 8px 8px 0 0;
- -moz-border-radius: 8px 8px 0 0;
- behavior: url(/static/styles/PIE.htc);
}
.message_content {
background-color: #fff;
padding: 0.5em;
clear: both;
- border-bottom: 1px solid transparent;
- border-radius: 0 0 8px 8px;
- -webkit-border-radius: 0 0 8px 8px;
- -moz-border-radius: 0 0 8px 8px;
- behavior: url(/static/styles/PIE.htc);
}
/* 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;*/
- padding: 0.3em;
+ padding: 0.2em;
+ margin: 0.3em 0.5em;
}
-/*but draw a top border if message inside blockquote was quoted with header!*/
blockquote .message_header {
padding: 0;
background-color: #deded0;
float: none;
}
-/*make bottom border of content inside of a blockquote rounded, so it fits the blockquote*/
blockquote .message_content {
padding: 0;
background-color: transparent;
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;
}