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 1px 2px;
   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.3em;
  71 }
  72
  73 .message_content blockquote .message_header span {
  74         display: inline-block;
  75 }
  76
  77 .message_content blockquote .message_header span.message_subject {
  78         display: block;
  79         float: none;
  80 }
  81
  82 /*top border of message headerrs in a blockquote need to be transparent*/
  83 blockquote .message_header {
  84         padding: 0;
  85         background-color: #deded0;
  86 }
  87
  88 /*make bottom border of content inside of a blockquote rounded, so it fits the blockquote*/
  89 blockquote .message_content {
  90         padding: 0;
  91         background-color: transparent;
  92 }
  93 /* --- End of blockquoting block --- */
  94
  95
  96 .message img {
  97         max-width: 700px;
  98         padding: 10px;
  99         background-color: #fff;
 100         border: 1px solid #5C646B;
 101         box-shadow: #666 0px 2px 3px;
 102         -webkit-box-shadow: #666 0px 1px 2px;
 103         -moz-box-shadow: #666 0px 2px 3px;
 104 }