webcit/static/styles/message.css

   1 .message, .entmsg{
   2         background-color: #deded0;
   3         margin: 0.5em 1em;
   4 /*      border: 1px solid #5C646B; */
   5         -webkit-box-shadow: #666 0px 2px 3px;
   6         -moz-box-shadow: #666 0px 2px 3px;
   7         box-shadow: #666 0px 2px 3px;
   8 /*      behavior: url(/static/styles/PIE.htc);*/
   9 }
  10
  11 * .message {
  12         border: 1px inset #666;
  13         border-width: 1px 2px 3px 1px;
  14 }
  15
  16 .entmsg { height: 95%; }
  17
  18 .message_header {
  19         font-size: x-small;
  20         padding: 0.5em;
  21 }
  22
  23 .message_content {
  24         background-color: #fff;
  25         padding: 0.5em;
  26         clear: both;
  27 }
  28
  29
  30 .message_subject {
  31         font-size: medium;
  32         font-style: italic;
  33         float: left;
  34 }
  35
  36 .message_header span, .message_header a { font-weight: bold; }
  37
  38 .message_header p {
  39         margin: 3px 0;
  40         padding: 0;
  41 }
  42
  43
  44 .message_content > div > div { text-align: justify !important }
  45
  46 .message form div label, .entmsg form div label {
  47         display: block;
  48         float: left;
  49         margin: 0.3em;
  50         width: 9em;
  51         text-align: right;
  52 }
  53
  54 .message form div input, .message form div select, .entmsg form div input, .entmsg form div select {
  55         margin: 0.3em;
  56 }
  57
  58 .msgbuttons {
  59         float: right;
  60         font-size: 80%;
  61         line-height: 2em;
  62 }
  63
  64 .msgbuttons a {
  65         font-size: x-small;
  66         display: inline-block;
  67         margin-left: 0.3em;
  68 }
  69
  70 /* Blockquotes in messages need to be distingushable */
  71 /* there is a lot of cascading happen io order to make it look beautiful */
  72 /* if you make changes here, port them to WEBCIT-TINYMCE.css! */
  73 .message_content blockquote {
  74         /*border: 1px solid #5C646B;*/
  75         padding: 0.3em;
  76 }
  77
  78 .message_content blockquote .message_header span {
  79         display: inline-block;
  80 }
  81
  82 .message_content blockquote .message_header span.message_subject {
  83         display: block;
  84         float: none;
  85 }
  86
  87 /*top border of message headerrs in a blockquote need to be transparent*/
  88 blockquote .message_header {
  89         padding: 0;
  90         background-color: #deded0;
  91 }
  92
  93 /*make bottom border of content inside of a blockquote rounded, so it fits the blockquote*/
  94 blockquote .message_content {
  95         padding: 0;
  96         background-color: transparent;
  97 }
  98 /* --- End of blockquoting block --- */
  99
 100
 101 .message img {
 102         max-width: 700px;
 103         padding: 10px;
 104         background-color: #fff;
 105         border: 1px solid #5C646B;
 106         box-shadow: #666 0px 2px 3px;
 107         -webkit-box-shadow: #666 0px 1px 2px;
 108         -moz-box-shadow: #666 0px 2px 3px;
 109 }