From 64070dd0aa2f44edcf1b8041cac3ff000fb383a3 Mon Sep 17 00:00:00 2001 From: the_mgt Date: Tue, 17 May 2011 15:54:12 +0200 Subject: [PATCH] Set default font size to 12px, since 10px is hard on the eyes and nobody gave a proper explanation why it needs to be 10px and nothing else. Also added the blockquote style from message view to the editing, including different colors for different levels of citation, etc. --- webcit/static/styles/webcit-tinymce.css | 126 ++++++++++++++++++++++++ 1 file changed, 126 insertions(+) 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; +} -- 2.30.2