webcit/static/styles/message.css

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