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