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

[banana.git] / css / style.css

/********************************************************************************
* css/style.css : Default css
* ---------------
*
* This file is part of the banana distribution
* Copyright: See COPYING files that comes with this distribution
********************************************************************************/

.banana {
    margin-bottom: 1em;
}

/** GROUP LIST **/
.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;
}

.banana table.thread .new { font-weight: bold; }

.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; }

.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;
}

.banana .thread_tree img {
    margin: 0;
    padding: 0;
    width: 14px;
    height: 18px;
}


/** MISC **/

.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; }