X-Git-Url: https://code.citadel.org/?a=blobdiff_plain;f=webcit%2Fstatic%2Fstyles%2Fwebcit-tinymce.css;h=9819ff3417f9bc27800d5cd3716f865fb266bb9c;hb=64070dd0aa2f44edcf1b8041cac3ff000fb383a3;hp=38b104288c5e389d2eda55f81ac594f4e32c080c;hpb=121e2db2aa70cfa3c2861019097c1fc107f26283;p=citadel.git

diff --git a/webcit/static/styles/webcit-tinymce.css b/webcit/static/styles/webcit-tinymce.css
index 38b104288..9819ff341 100644
--- a/webcit/static/styles/webcit-tinymce.css
+++ b/webcit/static/styles/webcit-tinymce.css
@@ -1,2 +1,128 @@
 /* styles applied to the TinyMCE editor component when used in WebCit */
+body {font-size: 12px;}
+
+blockquote{
+	background-color: #deded0;
+	border: 1px solid #5C646B;
+	border-top: none;
+	border-radius: 8px;
+	-webkit-border-radius: 8px;
+	-moz-border-radius: 8px; 
+	-webkit-box-shadow: #666 0px 1px 2px;
+	-moz-box-shadow: #666 0px 2px 3px;
+	box-shadow: #666 0px 2px 3px;
+	behavior: url(/static/styles/PIE.htc);
+}
+
+.message_header {
+	font-size: x-small;
+	padding: 0.5em;
+        border-top: 1px solid transparent;
+        border-radius: 8px 8px 0 0;
+        -webkit-border-radius: 8px 8px 0 0;
+        -moz-border-radius: 8px 8px 0 0; 
+        behavior: url(/static/styles/PIE.htc);
+}
+
+.message_content {
+	background-color: #fff;
+	padding: 0.5em;
+	clear: both;
+	border-bottom: 1px solid transparent;
+	border-radius: 0 0 8px 8px;
+	-webkit-border-radius: 0 0 8px 8px;
+	-moz-border-radius: 0 0 8px 8px; 
+	behavior: url(/static/styles/PIE.htc);
+}
+
+
+.message_subject {
+	font-size: medium;
+	font-style: italic;
+	float: left;
+}
+
+.message_header span, .message_header a { font-weight: bold; }
+
+.message_header p {
+        margin: 3px 0;
+        padding: 0;
+}
+
+
+.message_content > div > div { text-align: justify !important }
+
+.message form div label, .entmsg form div label {
+	display: block;
+	float: left;
+	margin: 0.3em;
+	width: 9em;
+	text-align: right;
+}
+ 
+.message form div input, .message form div select, .entmsg form div input, .entmsg form div select {
+	margin: 0.3em
+}
+
+/* make blockquotes in messages distingushable */
+/* there is a lot of cascading happen io order to make it look beautiful */
+.message_content blockquote {
+	border: 1px solid #5C646B;
+	border-top: 0px;
+        border-radius: 8px;
+        -webkit-border-radius: 8px;
+        -moz-border-radius: 8px;   
+        -webkit-box-shadow: #666 0px 1px 2px;
+        -moz-box-shadow: #666 0px 2px 3px;
+        box-shadow: #666 0px 2px 3px;
+        behavior: url(/static/styles/PIE.htc);
+}
+
+/*remove top border of blockquote INSIDE of blockquotes*/
+.message_content blockquote blockquote {
+	border-top: none;
+}
+
+/*but draw a top border if message inside blockquote was quoted with header!*/
+blockquote .message_header {          
+        border-top: 1px solid #5C646B;  
+        border-radius: 8px 8px 0px 0px;
+        -webkit-border-radius: 8px 8px 0px 0px;
+        -moz-border-radius: 8px 8px 0px 0px;
+        behavior: url(/static/styles/PIE.htc);
+}
+
+/*make bottom border of content inside of a blockquote rounded, so it fits the blockquote*/
+blockquote .message_content {
+	border-radius: 0px 0px 8px 8px;
+        -webkit-border-radius: 0px 0px 8px 8px;
+        -moz-border-radius: 0px 0px 8px 8px;
+	behavior: url(/static/styles/PIE.htc);
+	background-color: #fff;
+}
+
+blockquote {
+	background-color: #f0f0f0 !important;
+	color: navy !important;
+}
+
+blockquote blockquote {
+	background-color: #ebebeb !important;
+	color: maroon !important;
+}
+ 
+blockquote blockquote blockquote {
+	background-color: #e1e1e1 !important;
+	color: green !important;
+}
+
+blockquote blockquote blockquote blockquote {
+	background-color: #d7d7d7 !important;
+	color: purple !important;
+}
+ 
+blockquote blockquote blockquote blockquote blockquote {
+	background-color: #cdcdcd !important;
+	color: teal !important;
+}