webcit/static/styles/webcit-tinymce.css

   1 /* styles applied to the TinyMCE editor component when used in WebCit */
   2 body {font-size: 12px;}
   3
   4 blockquote{
   5         background-color: #deded0;
   6 }
   7
   8 .message_header {
   9         font-size: x-small;
  10         padding: 0.5em;
  11 }
  12
  13 .message_content {
  14         background-color: #fff;
  15         padding: 0.5em;
  16         clear: both;
  17 }
  18
  19
  20 .message_subject {
  21         font-size: medium;
  22         font-style: italic;
  23         float: left;
  24 }
  25
  26 .message_header span, .message_header a { font-weight: bold; }
  27
  28 .message_header p {
  29         margin: 3px 0;
  30         padding: 0;
  31 }
  32
  33
  34 .message_content > div > div { text-align: justify !important }
  35
  36 .message form div label, .entmsg form div label {
  37         display: block;
  38         float: left;
  39         margin: 0.3em;
  40         width: 9em;
  41         text-align: right;
  42 }
  43
  44 .message form div input, .message form div select, .entmsg form div input, .entmsg form div select {
  45         margin: 0.3em
  46 }
  47
  48 /* make blockquotes in messages distingushable */
  49 /* there is a lot of cascading happen io order to make it look beautiful */
  50 .message_content blockquote {
  51         padding: 0.2em;
  52         margin: 0.3em 0.5em;
  53 }
  54
  55 blockquote .message_header {
  56         padding: 0;
  57         background-color: #deded0;
  58 }
  59
  60 .message_content blockquote .message_header span {
  61         display: inline-block;
  62 }
  63
  64 .message_content blockquote .message_header span.message_subject {
  65         display: block;
  66         float: none;
  67 }
  68
  69 blockquote .message_content {
  70         padding: 0;
  71         background-color: transparent;
  72 }
  73
  74 blockquote {
  75         background-color: #f0f0f0 !important;
  76         color: navy !important;
  77 }
  78
  79 blockquote blockquote {
  80         background-color: #ebebeb !important;
  81         color: maroon !important;
  82 }
  83
  84 blockquote blockquote blockquote {
  85         background-color: #e1e1e1 !important;
  86         color: green !important;
  87 }
  88
  89 blockquote blockquote blockquote blockquote {
  90         background-color: #d7d7d7 !important;
  91         color: purple !important;
  92 }
  93
  94 .message img {
  95         max-width: 700px;
  96         padding: 10px;
  97         background-color: #fff;
  98         border: 1px solid #5C646B;
  99 }