egroupware_official/mail/templates/default/app.css
2013-07-20 15:15:29 +00:00

399 lines
6.7 KiB
CSS

textarea
{
font-family: monospace, sans-serif;
font-size: 110%;
}
.defaultProfile { color:#000000; font-weight:bold !important; }
.quoted1 { color:#660066; }
.quoted2 { color:#007777; }
.quoted3 { color:#990000; }
.quoted4 { color:#000099; }
.quoted5 { color:#bb6600; }
tr.mail div {
cursor: default;
white-space: nowrap;
}
tr.mail a {
cursor: pointer;
white-space: nowrap;
}
tr.recent div,
tr.recent span,
tr.recent time,
tr.recent a,
tr.unseen div,
tr.unseen span,
tr.unseen time,
tr.unseen a {
color: #003075;
font-weight: bold;
}
tr.labelone div,
tr.labelone span,
tr.labelone time,
tr.labelone a {
color: #ff0080 !important;
}
tr.labeltwo div,
tr.labeltwo span,
tr.labeltwo time,
tr.labeltwo a {
color: #ff8000 !important;
}
tr.labelthree div,
tr.labelthree span,
tr.labelthree time,
tr.labelthree a {
color: #008000 !important;
}
tr.labelfour div,
tr.labelfour span,
tr.labelfour time,
tr.labelfour a {
color: #0000ff !important;
}
tr.labelfive div,
tr.labelfive span,
tr.labelfive time,
tr.labelfive a {
color: #8000ff !important;
}
tr.flagged div,
tr.flagged span,
tr.flagged time,
tr.flagged a {
color: #ff0000 !important;
}
tr.prio_high div,
tr.prio_high span,
tr.prio_high time,
tr.prio_high a {
color: #ac0000 !important;
}
tr.deleted div,
tr.deleted span,
tr.deleted time,
tr.deleted a {
color: silver;
text-decoration : line-through;
}
span.status_img {
display: inline-block;
width: 12px;
height: 12px;
background-repeat: no-repeat;
background-image: url(images/kmmsgread.png);
}
tr.deleted span.status_img {
background-image: url(images/kmmsgdel.png);
}
tr.unseen span.status_img {
background-image: url(images/kmmsgunseen.png);
}
tr.flagged_seen span.status_img {
background-image: url(images/read_flagged_small.png) !important;
}
tr.flagged_unseen span.status_img {
background-image: url(images/unread_flagged_small.png) !important;
}
tr.recent span.status_img {
background-image: url(images/kmmsgnew.png) !important;
}
tr.replied span.status_img {
background-image: url(images/kmmsgreplied.png) !important;
}
tr.forwarded span.status_img {
background-image: url(images/kmmsgforwarded.png) !important;
}
.subjectBold
{
FONT-SIZE: 12px;
font-weight : bold;
font-family : Arial;
}
.subject
{
FONT-SIZE: 12px;
font-family : Arial;
}
TR.sieveRowActive
{
FONT-SIZE: 11px;
height : 20px;
padding: 0;
background : White;
}
A.sieveRowActive
{
FONT-SIZE: 11px;
height : 14px;
padding: 0;
}
TR.sieveRowInActive
{
FONT-SIZE: 11px;
height : 20px;
padding: 0;
background : White;
color: Silver;
}
A.sieveRowInActive
{
FONT-SIZE: 11px;
height : 14px;
padding: 0;
color: Silver;
}
.bodyDIV {
position:absolute;
background-color:white;
top:134px;
bottom:0px;
width:100%;
border-top: 1px solid #efefdf;
}
.bodyDIVAttachment {
bottom:80px;
}
#attachmentSpanAllDIV{
background-color:#efefdf;
height:260px;
overflow:auto;
}
#attachmentDIV {
position:fixed;
background-color:#efefdf;
bottom:0px;
min-height:80px;
max-height:239px;
width:100%;
border-top: 1px solid silver;
overflow:auto;
}
#popupattachmentDIV {
position:top;
background-color:#efefdf;
bottom:0px;
min-height:80px;
max-height:239px;
width:100%;
border-top: 1px solid silver;
overflow:auto;
}
pre {
white-space: pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
width: 99%;
}
/*
avoid the vertical scrollbar within the sidebox section (triggered by the vertical dimension of the tree)
*/
.divSidebox {
overflow: hidden;
}
.textSidebox {
overflow-x: hidden;
overflow-y: auto;
}
/*
avoid the vertical scrollbar within the actual tablecontainer (of the tree)
*/
.containerTableStyle {
width: 100%;
overflow: hidden;
}
.dtree {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666;
white-space: nowrap;
}
.dtree div {
width: 100%;
}
.dtree img {
border: 0px;
vertical-align: middle;
}
.dtree a {
color: #333;
text-decoration: none;
}
.dtree a.node, .dtree a.nodeSel {
white-space: nowrap;
padding: 1px 2px 1px 2px;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
color: #333;
text-decoration: underline;
}
.dtree a.nodeSel {
background-color: #c0d2ec;
}
.dtree .clip {
overflow: hidden;
}
.dtree table, .dtree tr, .dtree td {
border: none;
}
.dtree table {
overflow: hidden;
width: 100%;
display: table-row;
}
.dtree tbody, .dtree tr, .dtree td, .dtree span {
width: 100%;
overflow: hidden;
}
/*
influence the tree display and scrolling behavior
*/
#mail-tree_target {
min-height: 35px;
max-height: 450px;
display: block;
display: -moz-inline-stack;
display: -moz-box;
width: 100%;
overflow: hidden;
overflow-y: auto;
z-index:100;
}
/*
we need the the image displayed with our buttons on the left side
*/
input[type=button] {
background-position: left;
}
#mail-index_messageIFRAME {
width: 100%;
height: 100%;
border: 0;
}
#mail-index_button\[mailcreate\] {
width: 99%;
text-align: left;
padding-left: 25px;
background-image: url(images/write_mail.png) !important;
background-position: left;
background-repeat: no-repeat;
}
.mailDisplay, #mail-index_mailPreview {
overflow: hidden;
position: relative;
margin-top: 3px;
}
#mail-index_mailPreviewIcons {
position: absolute;
right: 0;
top: 0;
}
#mail-index_mailPreviewContainer {
position: absolute;
border: 1px solid silver;
top: 55px;
bottom: 0;
left: 3px;
right: 0;
}
.mailDisplayContainer, .mailDisplayAttachments {
display: block;
display: -moz-inline-stack;
display: -moz-box;
width: 99%;
overflow: hidden;
overflow-y: auto;
left: 3px;
right: 3px;
}
.mailDisplayContainer {
position: fixed;
overflow: hidden;
overflow-y: auto;
border: 1px solid silver;
top: 120px;
bottom: 100px;
}
.mailDisplayAttachments {
background-color:#efefdf;
max-height: 10%;
position: fixed;
bottom: 26px;
border: 1px solid red;
border-bottom: 0px;
opacity: 1;
-moz-opacity:1:
filter: Alpha(opacity=100);
}
/*
#divGenTime {
background-color:#efefdf;
max-height: 10%;
position: fixed;
bottom: 1px;
border: 1px solid red;
border-top: 1px solid black;
left: 3px;
right: 3px;
opacity: 1;
-moz-opacity:1:
filter: Alpha(opacity=100);
}
*/
.mailDisplayHeaders {
overflow: hidden;
}
.mailDisplayHeaderSection {
position: absolute;
top: 12px;
}
div.mailDisplayHeaders > div:first-parent {
overflow: hidden;
}
div.mailDisplayHeaders > span:first-child, div.mailComposeHeaders > span:first-child, div.mailPreviewHeaders > span:first-child {
width: 7em;
display: inline-block;
}
div.mailComposeHeaders > span:first-child {
width: 8em;
}
div.mailDisplayHeaders > span:first-child, div.mailComposeHeaders > span:first-child, div.mailComposeBody, div.mailPreviewHeaders > * {
margin-left: 3px;
}