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 /* make blockquotes in messages distingushable */
  79 /* there is a lot of cascading happen io order to make it look beautiful */
  80 .message_content blockquote {
  81         border: 1px solid #5C646B;
  82         border-radius: 8px;
  83         -webkit-border-radius: 8px;
  84         -moz-border-radius: 8px;
  85         -webkit-box-shadow: #666 0px 1px 2px;
  86         -moz-box-shadow: #666 0px 2px 3px;
  87         box-shadow: #666 0px 2px 3px;
  88         behavior: url(/static/styles/PIE.htc);
  89 }
  90
  91
  92 /*top border of message headerrs in a blockquote need to be transparent*/
  93 blockquote .message_header {
  94         border-top: 1px solid transparent;
  95         border-radius: 8px 8px 0px 0px;
  96         -webkit-border-radius: 8px 8px 0px 0px;
  97         -moz-border-radius: 8px 8px 0px 0px;
  98         behavior: url(/static/styles/PIE.htc);
  99 }
 100
 101 /*make bottom border of content inside of a blockquote rounded, so it fits the blockquote*/
 102 blockquote .message_content {
 103         border-radius: 0px 0px 8px 8px;
 104         -webkit-border-radius: 0px 0px 8px 8px;
 105         -moz-border-radius: 0px 0px 8px 8px;
 106         behavior: url(/static/styles/PIE.htc);
 107         background-color: #deded0;
 108 }
 109
 110 .message img {
 111         max-width: 700px;
 112         padding: 10px;
 113         background-color: #fff;
 114         border: 1px solid #5C646B;
 115         box-shadow: #666 0px 2px 3px;
 116         -webkit-box-shadow: #666 0px 1px 2px;
 117         -moz-box-shadow: #666 0px 2px 3px;
 118 }