Look improvements. Can identify unread message and switch from a message to

[banana.git] / css / style.css

diff --git a/css/style.css b/css/style.css
index 825a890..98f6b67 100644 (file)
--- a/css/style.css
+++ b/css/style.css
@@ -6,36 +6,104 @@
 * Copyright: See COPYING files that comes with this distribution
 ********************************************************************************/
 
-div.banana_scuts { text-align: left; padding: 0.5em 0em; }
+.banana {
+    margin-bottom: 1em;
+}
 
 /** GROUP LIST **/
-
-table.banana_group td.new { text-align: center; }
-table.banana_group td.all { text-align: center; }
-table.banana_group td.grp { text-align: left; }
-table.banana_group td.dsc { text-align: left; }
+.banana .grp { text-align: left; }
+.banana .dsc { text-align: left; }
 
 /** THREAD VIEW **/
+.banana table.thread td, .banana table.thread tr {
+    white-space: nowrap;
+    height: 20px;
+    vertical-align: middle;
+    padding-top: 0;
+    margin-top: 0;
+    padding-bottom: 0;
+    margin-bottom: 0;
+}
 
-table.banana_thread td { white-space: nowrap; height: 100%; vertical-align: middle; }
-
-table.banana_thread tr.new { font-weight: bold; }
+.banana table.thread .new { font-weight: bold; }
 
-table.banana_thread td.date { width: 15%; text-align: center; }
-table.banana_thread td.subj { text-align: left; overflow: hidden; }
-table.banana_thread td.from { text-align: left; }
+.banana table.thread .date { width: 15%; text-align: center; }
+.banana table.thread .subj { text-align: left; overflow: hidden; }
+.banana table.thread .tree { float: left; height: 20px; margin: 0; padding: 0; }
+.banana table.thread .from { text-align: left; }
 
-table.banana_thread div.tree { float: left; padding-right: 0.3em; }
-table.banana_thread span.cur { font-style: italic; font-size: 90%; }
+.banana table.thread .cur { font-style: italic; }
+.banana table.thread .subs { padding: 0%; }
 
 /** MESSAGE VIEW **/
+.banana table.message .hdr { width: 15%; text-align: right; font-weight: bold; padding-right: 1em; }
+.banana table.message .xface { text-align: right; }
+.banana table.message .subject { font-size: 120%; }
+.banana table.message .body { padding-top: 1em; padding-bottom: 0.5em; }
+.banana table.message blockquote {
+    color: blue;
+    font-style: italic;
+    margin-left: 0;
+    padding-left: 1ex;
+    border-left: solid 1px;
+    border-color: blue;
+    background: inherit;    
+}
+.banana table.message blockquote blockquote {
+       color: green;
+       border-color: green;
+    background: inherit;
+}
+.banana table.message blockquote blockquote blockquote {
+       color: #cc0000;
+       border-color: #cc0000;
+    background: inherit;
+}
+.banana table.message blockquote blockquote blockquote blockquote {
+    color: #aaaa00;
+    border-color: #aaaa00;
+    background: inherit;
+}
+.banana table.message img.multipart {
+    max-width: 200px;
+    max-height: 200px;
+}
+.banana table.message .body .default {
+    background-color: #fff;
+}
+
+.banana pre.thread_tree {
+  overflow: scroll;
+}
+
+.banana .thread_tree input {
+    width: 14px;
+    height: 14px;
+    padding: 2px 0;
+    margin: 0;
+}
 
-table.banana_msg .hdr { width: 15%; text-align: right; font-weight: bold; padding-right: 1em; }
+.banana .thread_tree img {
+    margin: 0;
+    padding: 0;
+    width: 14px;
+    height: 18px;
+}
 
-table.banana_msg td.thrd { padding: 0px; }
-table.banana_msg table { border: 0px; padding: 0px; margin: 0px; width: 100%; }
 
 /** MISC **/
 
-div.center { text-align: center; padding: 1em; }
-p.error { color: red; background: inherit; }
+.banana .center { text-align: center; padding: 1em; }
+.banana .error { color: red; padding-left: 1em; }
+.banana pre.error {
+    margin-left: 2em;
+    font-size: 90%;
+}
+.banana .pages {
+    font-size: 80%;
+    text-align: center;
+    padding-top: 0.1em;
+    padding-bottom: 0.1em;
+}
+.banana div.action { float: right; }
+.banana div.menu { float: left; }