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 19caebe..98f6b67 100644 (file)
--- a/css/style.css
+++ b/css/style.css
@@ -6,133 +6,104 @@
 * Copyright: See COPYING files that comes with this distribution
 ********************************************************************************/
 
-body {
-    color: black;
-    background-color: white;
-    width: 800px;
-    margin-left: auto;
-    margin-right: auto;
+.banana {
+    margin-bottom: 1em;
 }
 
-a:link    { color: blue; background: inherit; }
-a:visited { color: blue; background: inherit; }
-a:hover   { color: blue; background: inherit; text-decoration: underline; }
+/** GROUP LIST **/
+.banana .grp { text-align: left; }
+.banana .dsc { text-align: left; }
 
-h1 {
-  font-size: 200%;
-  text-align: center;
-  padding-bottom: 1em;
+/** 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;
 }
 
-div.bloc {
-  width: 100%;
-}
+.banana table.thread .new { font-weight: bold; }
 
-p.footer {
-  border-top: 1px #DDDDDD solid;
-}
+.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; }
 
-div.shortcuts {
-  text-align: left;
-  padding-bottom: 1em;
-  padding-top: 1em;
-}
+.banana table.thread .cur { font-style: italic; }
+.banana table.thread .subs { padding: 0%; }
 
-div.tree {
-  float: left;
-  padding-right: 0.3em;
+/** 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;    
 }
-
-span.isref {
-  font-style: italic;
+.banana table.message blockquote blockquote {
+       color: green;
+       border-color: green;
+    background: inherit;
 }
-
-table.bicol {
-  background-color: #eeeeee;
-  color: inherit;
-  border: 1px solid #336699;
-  border-collapse: collapse;
-  width: 100%;
+.banana table.message blockquote blockquote blockquote {
+       color: #cc0000;
+       border-color: #cc0000;
+    background: inherit;
 }
-
-table.bicol tr.impair {}
-
-table.bicol tr.pair {
-  background-color: #eeeed0;
-  color: inherit;
+.banana table.message blockquote blockquote blockquote blockquote {
+    color: #aaaa00;
+    border-color: #aaaa00;
+    background: inherit;
 }
-
-table.bicol th {
-  background-color: #336699;
-  color: #FFFFFF;
-  font-weight: bold;
-  text-align: center;
-  vertical-align: middle;
+.banana table.message img.multipart {
+    max-width: 200px;
+    max-height: 200px;
 }
-
-table.bicol td {
-  color: #000000;
-  background-color: inherit;
-  padding-left: 0.4em;
-  padding-right: 0.4em;
+.banana table.message .body .default {
+    background-color: #fff;
 }
 
-table.bicol td.nopadd {
-  padding-left: 0em;
-  padding-right: 0em;
+.banana pre.thread_tree {
+  overflow: scroll;
 }
 
-table.bicol td.total,td.unread,td.date {
-  text-align: center;
-  padding-left: 0.1em;
-  padding-right: 0.1em;
+.banana .thread_tree input {
+    width: 14px;
+    height: 14px;
+    padding: 2px 0;
+    margin: 0;
 }
 
-table.bicol td.subject,td.group,td.from,td.description {
-  text-align: left;
+.banana .thread_tree img {
+    margin: 0;
+    padding: 0;
+    width: 14px;
+    height: 18px;
 }
 
-table.bicol td.bicoltitre,span.bicoltitre {
-  color: #000000;
-  background-color: inherit;
-  font-weight: bold;
-}
 
-table.bicol td.bouton {
-  text-align: right;
-}
+/** MISC **/
 
-table.overview {
-  background-color: #eeeeee;
-  color: inherit;
-  width: 100%;
+.banana .center { text-align: center; padding: 1em; }
+.banana .error { color: red; padding-left: 1em; }
+.banana pre.error {
+    margin-left: 2em;
+    font-size: 90%;
 }
-
-table.overview tr.impair {}
-
-table.overview tr.pair {
-  background-color: #eeeed0;
-  color: inherit;
-}
-
-table.overview th {
-  background-color: #336699;
-  color: #FFFFFF;
-  font-weight: bold;
-  text-align: center;
-  vertical-align: middle;
-}
-
-table.overview td {
-  color: #000000;
-  background-color: inherit;
-  padding-left: 0.4em;
-  padding-right: 0.4em;
-}
-
-table.overview td.subject,td.group,td.from,td.description {
-  text-align: left;
+.banana .pages {
+    font-size: 80%;
+    text-align: center;
+    padding-top: 0.1em;
+    padding-bottom: 0.1em;
 }
-
-table.overview .new { font-weight: bold; }
-
+.banana div.action { float: right; }
+.banana div.menu { float: left; }