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