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 08491d3..98f6b67 100644 (file)
--- a/css/style.css
+++ b/css/style.css
@@ -6,30 +6,18 @@
 * Copyright: See COPYING files that comes with this distribution
 ********************************************************************************/
 
-div.pages {
-    font-size: 80%;
-    text-align: center;
-    padding-top: 0.1em;
-    padding-bottom: 0.1em;
+.banana {
+    margin-bottom: 1em;
 }
-div.banana_action { float: right; }
-div.banana_menu { float: left; }
-
 
 /** GROUP LIST **/
-
-table.banana_group { width: 100%; }
-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 **/
-
-table.banana_thread { width: 100%; }
-table.banana_thread td {
+.banana table.thread td, .banana table.thread tr {
     white-space: nowrap;
-    height: 21px;
+    height: 20px;
     vertical-align: middle;
     padding-top: 0;
     margin-top: 0;
@@ -37,53 +25,85 @@ table.banana_thread td {
     margin-bottom: 0;
 }
 
-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; }
-table.banana_thread table { border: 0px; padding: 0px; margin: 0px; width: 100%; }
-table.banana_thread td.subs { padding: 0%; }
+.banana table.thread .cur { font-style: italic; }
+.banana table.thread .subs { padding: 0%; }
 
 /** MESSAGE VIEW **/
-
-table.banana_msg { width: 100%; }
-table.banana_msg td.headers { width: 100%; }
-table.banana_msg .hdr { width: 15%; text-align: right; font-weight: bold; padding-right: 1em; }
-table.banana_msg td.xface { text-align: right; }
-table.banana_msg th.subject { font-size: 120%; }
-table.banana_msg td.body { padding-top: 1em; padding-bottom: 0.5em; }
-
-table.banana_msg td.thrd { padding: 0px; }
-table.banana_msg table { border: 0px; padding: 0px; margin: 0px; width: 100%; }
-
-table.banana_msg blockquote {
-        color: blue;
-        font-style: italic;
-        margin-left: 0;
-        padding-left: 1em;
-        border-left: solid 1px;
-        border-color: blue;
+.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;    
 }
-table.banana_msg blockquote blockquote {
+.banana table.message blockquote blockquote {
        color: green;
        border-color: green;
+    background: inherit;
 }
-table.banana_msg blockquote blockquote blockquote {
+.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;
+}
+
+.banana .thread_tree img {
+    margin: 0;
+    padding: 0;
+    width: 14px;
+    height: 18px;
+}
+
+
 /** MISC **/
 
-div.center { text-align: center; padding: 1em; }
-p.error { color: red; background: inherit; }
-pre.error {
-    color: red;
+.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; }