sogo/UI/WebServerResources/MailerUI.css
Francis Lachapelle 5f369f201d Add links to download one or all attachments
Also removed the contextual menu over file attachments and changed the
label color when moving over the file attachments.
2013-12-20 15:41:18 -05:00

899 lines
17 KiB
CSS

/*
Copyright (C) 2005-2013 Inverse inc.
Copyright (C) 2005 SKYRIX Software AG
This file is part of SOGo.
SOGo is free software; you can redistribute it and/or modify it under
the terms of the GNU Lesser General Public License as published by the
Free Software Foundation; either version 2, or (at your option) any
later version.
SOGo is distributed in the hope that it will be useful, but WITHOUT ANY
WARRANTY; without even the implied warranty of MERCHANTABILITY or
FITNESS FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public
License for more details.
You should have received a copy of the GNU Lesser General Public
License along with OGo; see the file COPYING. If not, write toge the
Free Software Foundation, 59 Temple Place - Suite 330, Boston, MA
02111-1307, USA.
*/
DIV#leftPanel
{
position: absolute;
top: 85px;
left: 0px;
width: 15em;
bottom: 0px;
margin: 0px;
padding: 0px;
overflow: hidden;
}
DIV#rightPanel
{ position: absolute;
top: 80px;
left: 15em;
right: 0px;
bottom: 0px;
margin: 0px;
margin-left: 5px;
padding: 0px;
overflow: hidden; }
/* top list */
DIV#mailboxContent
{ cursor: default;
position: absolute;
background-color: #FFFFFF;
top: 2.5em;
left: 0px;
right: 0px;
height: 15.5em;
border-left: 1px solid #9B9B9B;
overflow: hidden; }
DIV#mailboxList
{ overflow: auto;
overflow-x: hidden; }
DIV#messageContent
{ position: absolute;
overflow: hidden;
top: 18em;
bottom: 0px;
left: 0px;
right: 0px;
margin: 0px;
margin-top: 5px;
padding: 0px;
border: 0px;
border-top: 1px solid #aaa;
border-left: 1px solid #aaa;
background: #fff; }
DIV#messageContent P IMG
{ border: 0px;
vertical-align: middle;
margin-right: 1em; }
DIV#folderTreeContent
{ border-top: 1px solid #909090;
border-left: 1px solid #909090;
border-bottom: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
position: absolute;
background: #CCDDEC;
color: #535D6D;
width: auto;
top: 2em;
bottom: 0px;
left: 0px;
right: 0px;
overflow: auto; }
.aptview_title
{
color: #000000;
font-weight: bold;
}
.aptview_text
{
color: #000000;
}
.apt_other
{
color: #000000;
}
.apt_other_print
{
font-style: italic;
}
/* new stuff for Thunderbird like mailer */
.vertframerow
{
border-top-color: white;
border-top-width: 1px;
border-top-style: solid;
border-bottom-color: #808080;
border-bottom-width: 1px;
border-bottom-style: solid;
background-color: #dcdad5;
}
.foldercell
{
width: 25%;
}
.contentcell
{
}
.embedwhite_out
{
border-width: 1px;
border-style: solid;
border-top-color: #808080;
border-left-color: #808080;
border-bottom-color: white;
border-right-color: white;
}
.embedwhite_in
{
border-width: 1px;
border-style: solid;
border-top-color: #808080; /* TODO */
border-left-color: #808080; /* TODO */
border-bottom-color: #808080;
border-right-color: #808080;
background-color: white;
/* height: 300px; */
/* height: 100%; */
}
.titlediv
{
height: 2em;
line-height: 18px;
vertical-align: middle;
padding-top: 0px;
padding-left: 6px; }
TABLE.titletable
{
height: 24px;
vertical-align: middle;
padding-top: 6px;
padding-left: 6px;
}
TABLE.titletable TD.titlecell SELECT
{
display: -moz-popup;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 2px solid #222;
border-bottom: 2px solid #222;
-moz-border-bottom-colors: #000 #9c9a94 transparent;
-moz-border-right-colors: #000 #9c9a94 transparent;
background: #dcdad5;
}
.whitesec_title
{
background-color: #dcdad5;
padding: 4px;
}
.treecell
{
color: black;
vertical-align: bottom;
padding-left: 4px; /* move away from the icon */
padding-right: 2px; /* move away from the right border */
white-space: nowrap;
}
DIV#folderTreeContent
{ -khtml-user-select: none;}
/* mailbox tree (dtree) */
DIV.dTreeNode SPAN.unseen
{ font-weight: bold; }
/* mail tableview */
/* messages table with fixed headers */
TABLE.messageList
{ width: 100%;
-moz-user-select: none;
-khtml-user-select: none; }
TABLE.messageList TH,
TABLE.messageList TD
{ height: 20px;
min-height: 20px;
text-overflow: ellipsis;
overflow: hidden;
padding: 0px 3px;
min-width: 22px;
margin: 0;
white-space: nowrap; }
TABLE.messageList TH,
TR#messageCountHeader TH
{ height: 22px;
min-height: 22px; }
TR#messageCountHeader TH
{ border-top: 0px; }
TABLE.messageList TD
{ border-right: 1px solid transparent; }
TABLE.messageList .messageThreadColumn,
TABLE.messageList .messageFlagColumn,
TABLE.messageList .messageAttachmentColumn,
TABLE.messageList .messageUnreadColumn
{ width: 22px;
max-width: 22px;
text-align: center; }
TABLE.messageList .messageSubjectColumn
{ max-width: 30%;
width: 30%; }
TABLE.messageList .messageSubjectColumn SPAN
{ padding-left: 20px; }
TABLE.messageList TR.openedThread TD,
TABLE.messageList TR.closedThread TD,
TABLE.messageList TR.thread .messageThreadColumn
{ background-color: #DDD; }
TABLE.messageList TR.thread TD
{ background-color: #EEE; }
TABLE.messageList TR.thread1 .messageSubjectColumn
{ background-position: 20px 0px !important;
padding-left: 20px; }
TABLE.messageList TR.thread2 .messageSubjectColumn
{ background-position: 40px 0px !important;
padding-left: 40px; }
TABLE.messageList TR.thread3 .messageSubjectColumn
{ background-position: 60px 0px !important;
padding-left: 60px; }
TABLE.messageList TR.thread4 .messageSubjectColumn
{ background-position: 80px 0px !important;
padding-left: 80px; }
TABLE.messageList TR.thread5 .messageSubjectColumn
{ background-position: 100px 0px !important;
padding-left: 100px; }
TABLE.messageList TR.thread6 .messageSubjectColumn
{ background-position: 120px 0px !important;
padding-left: 120px; }
TABLE.messageList TR.thread7 .messageSubjectColumn
{ background-position: 140px 0px !important;
padding-left: 140px; }
TABLE.messageList TR.thread8 .messageSubjectColumn
{ background-position: 160px 0px !important;
padding-left: 160px; }
TABLE.messageList TR.thread9 .messageSubjectColumn
{ background-position: 180px 0px !important;
padding-left: 180px; }
TABLE.messageList TR.thread10 .messageSubjectColumn
{ background-position: 200px 0px !important;
padding-left: 200px; }
TABLE.messageList .messageAddressColumn
{ max-width: 18%;
width: 18%; }
TABLE.messageList .messageDateColumn
{ max-width: 22%;
width: 22%; }
TABLE.messageList .messagePriorityColumn
{ width: 60px;
max-width: 60px; }
TABLE.messageList .messageSizeColumn
{ min-width: 40px; }
TR#rowTop TD
{ height: 0;
min-height: 0;
padding-top: 0;
padding-bottom: 0; }
TABLE.messageList TR._selected TD
{ background-color: #9ABCD8;
color: #fff; }
TABLE.messageList TR._deleted TD
{ text-decoration: line-through; }
TABLE.messageList TR.mailer_unreadmail TD,
TR.mailer_unreadmail TD.messageSubjectColumn
{ font-weight: bold !important; }
TR.mailer_repliedmailsubject TD.messageSubjectColumn
{ background-image: url(icon-replied.png) !important;
background-repeat: no-repeat !important;
background-position: 0px 0px !important; }
TR.mailer_forwardedmailsubject TD.messageSubjectColumn
{ background-image: url(icon-forwarded.png) !important;
background-repeat: no-repeat !important;
background-position: 0px 0px !important; }
TR.mailer_forwardedrepliedmailsubject TD.messageSubjectColumn
{
background-image: url(icon-forwarded-replied.png) !important;
background-repeat: no-repeat !important;
background-position: 0px 0px !important; }
TR.mailer_deletedmailsubject TD.messageSubjectColumn
{
background-image: url(icon-deleted.png) !important;
background-repeat: no-repeat !important;
background-position: 0px 0px !important; }
TD.mailer_readmailsubject A
{
color: black;
text-decoration: none;
}
TD.mailer_unreadmailsubject A
{
color: black;
text-decoration: none;
}
TR.mailer_listcell_deleted TD
{
text-decoration: line-through;
}
TR.mailer_listcell_regular TD A
{
color: black;
text-decoration: none;
}
/* mail viewer */
#editDraftButton
{
position: absolute;
top: 2.5em;
right: 1em;
}
#loadImagesButton
{
position: absolute;
top: 2.5em;
right: 1em;
}
.popup #loadImagesButton
{
top: 9.0em;
right: 1em;
}
#signedImage
{
position: absolute;
top: 5px;
right: 5px;
}
.popup #signedImage
{
top: 54px;
right: 5px;
}
TABLE.mailer_fieldtable
{ top: 0px;
left: 0px;
padding-top: .5em;
padding-bottom: .5em;
overflow-y: auto;
overflow-x: hidden;
border-bottom: 1px solid #808080;
background: #DDDDDD;
width: 100%; }
DIV.mailer_mailcontent
{ background-color: #fff;
padding: .5em;
position: absolute;
top: 7.5em;
left: 0px;
right: 0px;
bottom: 0px;
overflow: auto; }
DIV.mailer_mailcontent TABLE
{
table-layout: auto;
}
/* collapsable header */
TD.mailer_fieldname IMG.collapse,
TD.mailer_fieldname IMG.expand
{ cursor: pointer;
padding-right: 5px; }
TD.mailer_fieldvalue SPAN.collapse
{ white-space: nowrap; }
TD.mailer_fieldvalue SPAN.expand
{ white-space: normal; }
TD.mailer_fieldname
{
white-space: nowrap;
padding: 0 1em;
text-align: right;
font-weight: bold;
vertical-align: top;
width: 9em;
}
TD.mailer_fieldvalue
{ vertical-align: top; }
TD.mailer_subjectfieldvalue
{
font-weight: bold;
white-space: pre;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: pre-wrap;
}
TD.mailer_fieldvalue a
{
text-decoration: underline;
vertical-align: top;
}
TR.deleted TD
{ /* text-decoration: line-through; -- alternative display */ }
img.mailer_imagecontent
{
border: 0px;
}
DIV.mailer_plaincontent
{
position: relative;
clear: left;
font-family: monospace, fixed;
white-space: pre;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
width: 99%;
font-size: inherit;
margin: 0px;
padding: 0px;
}
DIV.mailer_plaincontent P
{
line-height: 3em;
height: auto;
margin: 0px;
padding: 0px;
}
DIV.mailer_htmlcontent P
{
white-space: normal;
font-family: sans-serif;
font-size: inherit;
margin: 0px;
padding: 0px;
}
/* attachment editor */
form#attachment_form
{
background-color: #dcdad5;
padding: 1px;
}
div#attachment_list
{
border-top-color: white;
border-top-width: 1px;
border-top-style: solid;
}
div#attachment_upload
{
border-bottom-color: #808080;
border-bottom-width: 1px;
border-bottom-style: solid;
padding: 4px;
}
TD.attachment_uplabel
{
width: 15%;
text-align: left;
}
/* attachment link viewer */
DIV.linked_attachment_frame
{
border: 0px;
clear: left;
margin: 0px;
margin-top: 10px;
padding: 5px;
/*background: #F0F0F0;*/
}
DIV.linked_attachment_frame fieldset
{
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
DIV.linked_attachment_frame.file
{ display: inline;
clear: none;
float: left; }
DIV.linked_attachment_body
{
border: 0px;
text-align: center;
}
DIV.linked_attachment_meta
{
color: #444444;
border-width: 0;
padding: 2px 4px;
}
TABLE.linked_attachment_meta
{
color: #444444;
}
.linked_attachment_body a:hover
{
text-decoration: none;
}
.linked_attachment_body a:hover .linked_attachment_meta
{
background-color: #9ABCD8;
color: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.linked_attachment_body a:hover .muted
{
color: #fff !important;
}
DIV.linked_attachment_body HR
{
border: 0px;
border-top: 1px solid #ddd;
}
DIV.bodyFields
{
background: #eee;
line-height: 1.5em;
margin: 0.5em 0px;
padding-bottom: 0.5em;
padding-top: 0.5em;
text-align: left;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
DIV.bodyFields SPAN.fieldName
{
float: left;
font-weight: bold;
padding-right: 1em;
text-align: right;
width: 9em;
}
DIV.bodyAdditionalFields
{
background: #d4d0c8;
}
DIV.bodyMailContent
{ margin: 0.5em;
text-align: left; }
DIV[datatype~="additional"] > A.node > SPAN.nodeName
{ color: #777;
font-style: italic; }
DIV[datatype~="additional"] > A.node._selected > SPAN.nodeName
{ color: #fff; }
/* drag-n-drop */
IMG.dragMessage
{ position: absolute;
visibility: hidden;
border: 0px;
-moz-opacity: 0.7;
opacity: 0.7; }
TABLE#addr_table
{
margin-left: 30%;
width: 100%;
}
/* quota indicator */
DIV.quota
{ border-bottom: 1px solid #ccc;
margin: 2px 4px 2px 2px; }
DIV.quota DIV.level
{ background-image: url(quota-level.png);
background-repeat: repeat-x;
background-position: 25% 0;
border-left: 1px solid #999;
border-right: 1px solid #999;
/*height: 20px;*/ }
DIV.quota DIV.marks DIV
{ float: left;
margin: 0;
padding: 0;
width: 25%;
border: 0;
border-right: 1px solid #999;
height: 3px; }
DIV.quota DIV.level DIV.value
{ background-repeat: repeat-x;
border-left: 1px solid transparent;
height: 9px;
margin: 0;
position: relative; }
DIV.quota DIV.level DIV.value.ok
{ background-image: url(quota-level-ok.png); }
DIV.quota DIV.level DIV.value.warn
{ background-image: url(quota-level-warn.png); }
DIV.quota DIV.level DIV.value.alert
{ background-image: url(quota-level-alert.png); }
DIV.quota DIV.level P
{ margin: 0;
padding: 0;
clear: both;
color: #555;
font-size: 1em;
text-align: center;
}
DIV#quotaDialog
{ background-image: url("dialog-left.png");
background-repeat: no-repeat;
background-position: top left;
position: absolute;
top: 100px;
left: 75px;
width: 200px;
z-index: 50; }
DIV#quotaDialog DIV
{ border: 1px solid #444;
background-color: #fff;
padding: 5px; }
DIV#quotaDialog DIV
{ border-left: 0;
margin-left: 19px;
text-align: left; }
DIV#quotaDialog H1,
DIV#quotaDialog P
{ font-size: 10px;
margin: 0;
padding: 0; }
/* drag handles */
DIV#verticalDragHandle
{ cursor: e-resize;
border: 0px;
top: 81px;
left: 15em;
width: 5px;
bottom: 0px; }
DIV#rightDragHandle
{ cursor: n-resize;
top: 18em;
left: 0px;
right: 0px;
height: 5px; }
@media print
{
DIV#leftPanel,
DIV#verticalDragHandle,
DIV#filterPanel,
DIV#mailboxContent,
DIV.dragHandle
{ display: none; }
DIV#rightPanel
{ position: static;
overflow: visible;
margin: 0px; }
DIV#messageContent
{ position: static;
border: 0px;
margin: 0px;
overflow: visible; }
TABLE.mailer_fieldtable
{ border: 0px;
font-family: serif;
height: auto;
overflow: visible; }
TD.mailer_fieldname
{ text-align: left; }
TD.mailer_fieldname IMG
{ display: none; }
TD.mailer_fieldvalue,
TD.mailer_fieldvalue SPAN.collapse
{ white-space: normal; }
TD.mailer_fieldvalue A
{ text-decoration: none;
white-space: nowrap;
color: #000; }
A:visited
{ color: #00f; }
DIV.mailer_mailcontent
{ position: static;
overflow: visible; }
}
DIV#dragDropVisual
{
background-image: url(message.gif);
background-repeat: no-repeat;
background-position: 4px 2px;
width: 5px;
height: 20px;
padding-left: 24px;
padding-top: 5px;
}
DIV.copy
{
background-image: url(message-copy.gif) !important;
background-position: 1px -2px !important;
}
DIV#signatureFlagMessage DIV
{ text-align: left !important; }
DIV#signatureFlagMessage H1,
DIV#signatureFlagMessage P
{ font-size: 10px;
margin: 0;
padding: 0; }
TR#messageCountHeader TD
{ border-top: none; }
/* UIxMailPartICalViewer */
#iCalAttendees
{ padding: 0; }
#iCalAttendees dt
{ font-weight: bold; }
#iCalAttendees SPAN
{ line-height: 19px; }
#iCalAttendees DIV.status-icon
{ background-repeat: no-repeat;
float: left;
padding: 0px;
clear: both;
width: 12px;
height: 18px;
margin-top: 1px;
margin-left: 4px;
margin-right: 4px;
background-image: url("attendee-partstats.png"); }
#iCalAttendees .accepted DIV.status-icon
{ background-position: 0px 0px; }
#iCalAttendees .declined DIV.status-icon
{ background-position: -12px 0px; }
#iCalAttendees .needs-action DIV.status-icon
{ background-position: -24px 0px; }
#iCalAttendees .tentative DIV.status-icon
{ background-position: -36px 0px; }
#iCalAttendees .delegated DIV.status-icon
{ background-position: -48px 0px; }
#iCalAttendees .attendeeUser,
#iCalAttendees .attendeeUser A
{ font-weight: bold; }
#delegateEditor
{ padding-left: 5px; }
#delegatedTo
{ width: 220px; }
#delegatedTo
{ background-image: url("abcard.png");
background-repeat: no-repeat;
background-position: 4px center;
padding: 2px 2px 2px 24px;
width: 220px; }
DIV#iCalendarToolbar A.button
{ float: left;
vertical-align: middle;}
DIV#iCalendarToolbar
{ padding: 0; }
SPAN#delegateEditor
{ line-height: 23px;
vertical-align: middle; }
INPUT#delegatedTo
{ float: left; }
SPAN.floatLeft
{ float: left;
padding: 0 5px; }
A#iCalendarDeleteFromCalendar
{ float: left; }
A#iCalendarAddToCalendar
{ border-left: 2px solid #E6E7E6;
margin-left: 5px;}