Look improvements. Can identify unread message and switch from a message to
[banana.git] / css / style.css
1 /********************************************************************************
2 * css/style.css : Default css
3 * ---------------
4 *
5 * This file is part of the banana distribution
6 * Copyright: See COPYING files that comes with this distribution
7 ********************************************************************************/
8
9 .banana {
10 margin-bottom: 1em;
11 }
12
13 /** GROUP LIST **/
14 .banana .grp { text-align: left; }
15 .banana .dsc { text-align: left; }
16
17 /** THREAD VIEW **/
18 .banana table.thread td, .banana table.thread tr {
19 white-space: nowrap;
20 height: 20px;
21 vertical-align: middle;
22 padding-top: 0;
23 margin-top: 0;
24 padding-bottom: 0;
25 margin-bottom: 0;
26 }
27
28 .banana table.thread .new { font-weight: bold; }
29
30 .banana table.thread .date { width: 15%; text-align: center; }
31 .banana table.thread .subj { text-align: left; overflow: hidden; }
32 .banana table.thread .tree { float: left; height: 20px; margin: 0; padding: 0; }
33 .banana table.thread .from { text-align: left; }
34
35 .banana table.thread .cur { font-style: italic; }
36 .banana table.thread .subs { padding: 0%; }
37
38 /** MESSAGE VIEW **/
39 .banana table.message .hdr { width: 15%; text-align: right; font-weight: bold; padding-right: 1em; }
40 .banana table.message .xface { text-align: right; }
41 .banana table.message .subject { font-size: 120%; }
42 .banana table.message .body { padding-top: 1em; padding-bottom: 0.5em; }
43 .banana table.message blockquote {
44 color: blue;
45 font-style: italic;
46 margin-left: 0;
47 padding-left: 1ex;
48 border-left: solid 1px;
49 border-color: blue;
50 background: inherit;
51 }
52 .banana table.message blockquote blockquote {
53 color: green;
54 border-color: green;
55 background: inherit;
56 }
57 .banana table.message blockquote blockquote blockquote {
58 color: #cc0000;
59 border-color: #cc0000;
60 background: inherit;
61 }
62 .banana table.message blockquote blockquote blockquote blockquote {
63 color: #aaaa00;
64 border-color: #aaaa00;
65 background: inherit;
66 }
67 .banana table.message img.multipart {
68 max-width: 200px;
69 max-height: 200px;
70 }
71 .banana table.message .body .default {
72 background-color: #fff;
73 }
74
75 .banana pre.thread_tree {
76 overflow: scroll;
77 }
78
79 .banana .thread_tree input {
80 width: 14px;
81 height: 14px;
82 padding: 2px 0;
83 margin: 0;
84 }
85
86 .banana .thread_tree img {
87 margin: 0;
88 padding: 0;
89 width: 14px;
90 height: 18px;
91 }
92
93
94 /** MISC **/
95
96 .banana .center { text-align: center; padding: 1em; }
97 .banana .error { color: red; padding-left: 1em; }
98 .banana pre.error {
99 margin-left: 2em;
100 font-size: 90%;
101 }
102 .banana .pages {
103 font-size: 80%;
104 text-align: center;
105 padding-top: 0.1em;
106 padding-bottom: 0.1em;
107 }
108 .banana div.action { float: right; }
109 .banana div.menu { float: left; }