Created message.css, moved most message related css there, updated message look,...

[citadel.git] / webcit / static / styles / message.css

diff --git a/webcit/static/styles/message.css b/webcit/static/styles/message.css
new file mode 100644 (file)
index 0000000..f71bb0b
--- /dev/null
+++ b/webcit/static/styles/message.css
@@ -0,0 +1,74 @@
+.message {
+       background-color: #deded0;
+       margin: 1em;
+       border: 1px solid #5C646B;
+       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
+}
+
+.msgbuttons {
+       float: right;
+       font-size: 80%;
+       line-height: 2em;
+}
+
+.msgbuttons a {
+       font-size: x-small;
+       display: inline-block;
+       margin-left: 0.3em;
+}