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         padding: 0.3em;
  72 }
  73
  74 /*but draw a top border if message inside blockquote was quoted with header!*/
  75 blockquote .message_header {
  76         padding: 0;
  77         background-color: #deded0;
  78 }
  79
  80 .message_content blockquote .message_header span {
  81         display: inline-block;
  82 }
  83
  84 .message_content blockquote .message_header span.message_subject {
  85         display: block;
  86         float: none;
  87 }
  88
  89 /*make bottom border of content inside of a blockquote rounded, so it fits the blockquote*/
  90 blockquote .message_content {
  91         padding: 0;
  92         background-color: transparent;
  93 }
  94
  95 blockquote {
  96         background-color: #f0f0f0 !important;
  97         color: navy !important;
  98 }
  99
 100 blockquote blockquote {
 101         background-color: #ebebeb !important;
 102         color: maroon !important;
 103 }
 104
 105 blockquote blockquote blockquote {
 106         background-color: #e1e1e1 !important;
 107         color: green !important;
 108 }
 109
 110 blockquote blockquote blockquote blockquote {
 111         background-color: #d7d7d7 !important;
 112         color: purple !important;
 113 }
 114
 115 .message img {
 116         max-width: 700px;
 117         padding: 10px;
 118         background-color: #fff;
 119         border: 1px solid #5C646B;
 120         box-shadow: #666 0px 2px 3px;
 121         -webkit-box-shadow: #666 0px 1px 2px;
 122         -moz-box-shadow: #666 0px 2px 3px;
 123 }