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