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 td:first-child { border-left: 6px solid white; } tr.mail a { cursor: pointer; white-space: nowrap; } /** No styling on recent, sometimes recent & unseen are cleared seperately causing confusion when the row doesn't change 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.mail.label1 td:first-child{ border-left:6px solid #ff0080 !important; } tr.mail.label2 td:first-child{ border-left:6px solid #ff8000 !important; } tr.mail.label3 td:first-child{ border-left:6px solid #008000 !important; } tr.mail.label4 td:first-child{ border-left: 6px solid #0000ff !important; } tr.mail.label5 td:first-child{ border-left: 6px solid #8000ff !important; } tr.mail.flagged td:first-child{ border-left: 6px solid #ff0000 !important; } tr.mail.deleted td:first-child{ border-left: 6px solid silver; text-decoration : line-through; } .status_img { display: inline-block; width: 16px; height: 16px; background-repeat: no-repeat; background-image: url(../../../node_modules/bootstrap-icons/icons/envelope-open.svg); background-size: 16px 16px; } tr.deleted .status_img { background-image: url(../../../node_modules/bootstrap-icons/icons/x-lg.svg); } tr.unseen .status_img { background-image: url(../../../node_modules/bootstrap-icons/icons/envelope-fill.svg); } tr.flagged_seen .status_img { background-image: url(../../../node_modules/bootstrap-icons/icons/flag.svg) !important; } tr.flagged_unseen .status_img { background-image: url(../../../node_modules/bootstrap-icons/icons/flag-fill.svg) !important; } tr.recent .status_img { background-image: url(../../../node_modules/bootstrap-icons/icons/envelope-plus.svg) !important; } tr.replied .status_img { background-image: url(../../../node_modules/bootstrap-icons/icons/reply.svg) !important; } tr.forwarded .status_img { background-image: url(../../../node_modules/bootstrap-icons/icons/forward.svg) !important; } .subjectBold { font-size: 12px; font-weight : bold; font-family : Arial; } .subject { font-size: 12px; font-family : Arial; } .bodypreview { white-space: nowrap; max-height: 18px; font-size: 12px; font-weight : normal !important; font-family: Arial; color: grey !important; overflow: hidden; padding-top: 5px; } 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; } table tr.attachmentRow > td{ vertical-align: middle; } table tr.attachmentRow > td et2-description{ width: 84vw; overflow-wrap: anywhere; } table tr.attachmentRow > td > img { background:transparent; padding-left: 5px; cursor: pointer; } #mail-compose_attachments.egwGridView_grid { display:table !important; } #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 { 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: -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; overflow-y: auto; } .useEllipsis { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; word-wrap: break-word; } #mail-index { position: relative; --size: 2.75em } /*Keeps the scrollbar in the window in Firefox*/ #mail-index table.egwGridView_outer { -moz-margin-end: 10px; } .mail-index_quotabox { display: inline-block; } .mail-index_vacation { display: inline-block; vertical-align: top; } .mail-index_vacation > div { text-align: center; line-height: 110%; } .mail-index_vacation > div > span { color: red; } #mail-index_mailPreview_blank { width: 100%; height: 100%; position: absolute; background-color: white; z-index: 10; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 200%; } #mail-index_mailPreview_blank::part(base) { justify-content: center; align-items: center; } #mail-index_mailPreview_blank img { vertical-align: text-bottom; } #mail-index_mailPreview_blank[disabled] {display: none} .mail_DisplayNone { display: none !important; } .mail-index_quotaDisplayNone { display: none !important; } .mail-index_QuotaGreen, .mail-index_QuotaYellow, .mail-index_QuotaRed { width: 5em !important; } .mail-index_QuotaGreen > div { background-color: green !important; } .mail-index_QuotaYellow > div { background-color: yellow !important; } .mail-index_QuotaRed > div { background-color: red !important; } #mail-index #mail-index_nm .status_icons { margin-right: 1em; } /* influence the tree display and scrolling behavior */ #mail-tree_target { min-height: 35px; 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; } /********************************* ************ mailCompose ****** *********************************/ div.mailUploadSection { border-top: 1px solid silver; margin-top: 16px; width:99%; } div.mailUploadSection > div.et2_hbox { margin-top: -10px; margin-left: 6px; margin-right: -12px; background-color: white; display: table-caption; } div.mailUploadSection > div.et2_hbox > label { padding-left: 4px; white-space: nowrap; } #mail-compose_filemode { margin-left: 6px; } #mail-compose_expiration > input { min-width: 15ex; } #mail-compose_selectFromVFSForCompose{ height:0; width:20px; float:none; background-color: transparent; background-size: 18px; padding: 0; background-position: center; border:none; } #mail-index_button\[mailcreate\], #composeToolbar-send { color: white; background-color: #189800; } .mail-compose_composeToolbar { border-left: 1px solid silver; border-top: 1px solid silver; border-right: 1px solid gray; border-bottom: 1px solid gray; background-color: #c0d2ec; background-position: center; background-repeat: repeat-x; } .mail-compose_composeToolbarr > span { padding: 10px; white-space: nowrap; } .mail-compose_composeToolbar > span.priority { border-right: none; } .compose_egw_icons { height: 24px; width: 24px; vertical-align: middle; } div.mail-compose_fileselector { width:auto; margin-top: 3px; } .mail-compose_fileselector span.et2_file_span { background-repeat: no-repeat; background-image: url(../../../node_modules/bootstrap-icons/icons/paperclip.svg); background-size: inherit; background-position: left; } .mail-compose_fileselector div.progress { display: none; } #mail-compose_button\[send\] { text-align: left; font-weight: bold; padding-left: 30px; width: 80px; background-image: url(../../../node_modules/bootstrap-icons/icons/send.svg) !important; background-position: left; background-repeat: no-repeat; } .mailDisplay{ position: relative; background-color: white; width: 100%; height: 100%; } #mail-index_mail-index-preview { overflow: hidden; position: relative; background-color: white; width: calc(100% - 1em); margin-left: 1ex; } #mail-index_mailSplitter[vertical] #mail-index_mail-index-preview { margin-left: 0; margin-top: 1ex; } .previewWrapper { height: 100% } .previewWrapper > * { margin-bottom: 0.5em; } .previewWrapper .et2_details.et2_details_expanded .et2_details_wrapper { display: block; position: absolute; top: 4em; box-shadow: 1px 1px 2px 1px silver; width: calc(100% - 6em); padding: 1em; background: white; max-height: 12em; overflow-y: auto; } #mail-index_mailPreview .th {display: none} #mail-index_mailPreview > div, #mail-index_mailPreview > * { padding-left: 8px !important; } #mail-index_mailPreview_subject, #mail-display_mail_displaysubject { margin-bottom: 0.5em; font-size: 1.2em; } et2-details.details {width: 100%} .mailDisplay et2-details::part(base), .previewWrapper et2-details::part(base){ border: none; } .mailPreviewHeaders et2-details::part(header) {padding: 0;} #mail-index_mailPreview .et2_email > span { display: inline; } .maildisplayAllAdresses { max-height: 245px !important; overflow:scroll; overflow-x:hidden; } #mail-compose_composeToolbar { padding: 0px !important; } #mail-compose_composeToolbar > button { padding: .2em .4em; } #mail-compose_composeToolbar > img { width: 16px; padding: 0px; height: 16px !important; } #mail-compose_composeToolbar > button > span > img { width: 16px; padding: 0px; height: 16px !important; } #mail-compose_composeToolbar > button { padding: .2em .4em; } #mail-compose_to div.ms-sel-ctn, #mail-compose_cc .ms-sel-ctn, #mail-compose_bcc .ms-sel-ctn { max-height: 75px; } #mail-display_toolbar > button > span { padding: .2em .4em; } #mail-display_toolbar > button > span > img { width: 16px; padding: 0px; height: 16px !important; } #mail-display_toolbar .et2_button_icon, .previewAttachmentArea .et2_button_icon, #mail-display_mail_displayattachments .et2_button_icon { width: 16px; height: 16px; } .mailPreviewIcons { position: absolute; right: 0; top: 0; } #mail-index_toolbar { height: 2.95em; } #mail-index_toolbar > button > span { padding: .2em .4em; } #mail-index_toolbar > button > span > img { width: 16px; padding: 0px; height: 16px !important; } #mail-index_toolbar > #toolbar-actionlist { width:auto; } #mail-index_previewAttachmentArea { background-color:#f0f0f0; max-height: 3.6em; max-width: 50%; overflow:scroll; overflow-x:hidden; border: 1px solid grey; opacity: 1; -moz-opacity:1; filter: Alpha(opacity=100); display: inline-block !important; width:100%; vertical-align: text-top; } #mail-index_previewAttachmentArea.noContent { border:0px !important; display: none !important; } #mail-display { padding: 5px; } .mailDisplayContainer { height: 100%; padding-top: 1em; border-top: 1px solid silver; margin-top: 1em; } .mailDisplayBody { height:100%; width:100%; background-color:white; padding:0px; margin:0px; } .mailDisplayAttachments { height: 114px; position: fixed; bottom: 8px; border-top: 1px solid grey; opacity: 1; -moz-opacity:1; filter: Alpha(opacity=100); overflow-y: auto; } #mail-display_mailDisplayBodySrc { height:100%; } .mailDisplayHeaders { overflow: hidden; right: 8px; font-size: 14px; } .mailDisplayHeaderSection { position: absolute; top: 12px; } div.mailDisplayHeaders > span:first-child, div.mailPreviewHeaders > span:first-child { width: 7em; display: inline-block; } div.mailDisplayHeaders et2-select-email, div.mailPreviewHeaders et2-select-email { display: inline-block; } #mail-display_toolbar { display: inline-flex; } div.mailComposeHeaders > span:first-child { width: 8em; } div.mailDisplayHeaders div.mail_extraEmails { display: inline-block; max-height: 1.3em; max-width: 50%; overflow: hidden; text-overflow: ellipsis; vertical-align: top; } div.mailDisplayHeaders div.mail_extraEmails.visible { position: fixed; left: 7em; display: block; max-height: 8em; min-width: 30em; z-index: 999; overflow-y: auto; background-color: white; box-shadow: 5px 5px 5px #aaa; border: 1px solid gray; } .mailComposeBody { white-space: normal !important; } .mailComposeBody iframe { position: absolute; height: -webkit-fill-available !important; } #mail-compose_mail_plaintext::part(textarea) { white-space: pre-wrap !important; } .mailPreviewHeaders { position: relative; } .mailPreviewHeaders :first-child, .mailDisplayHeaders :first-child { color: var(--sl-color-neutral-800); } .mailPreviewHeaders et2-lavatar { flex: 0 0 auto; } div.mailPreviewHeaders div.mail_extraEmails { display: inline-block; max-height: 1.3em; max-width: 50%; overflow: hidden; text-overflow: ellipsis; vertical-align: top; } #mail-index #mail-index_mailPreview #mail-index_mailPreviewHeadersSubject { width: 90%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #mail-index #mail-index_mailPreview #mail-index_mailPreviewHeadersSubject > span:not(:first-child) { white-space: nowrap; display: inline; } #mail-index_mail-index-header_right { display: inline-flex; } div.mailPreviewHeaders div.mail_extraEmails.visible, div.mailPreviewHeaders #mail-index_previewAttachmentArea.visible { position: absolute; left: 7em; display: block; max-height: 8em; min-width: 30em; z-index: 1; overflow-y: auto; background-color: white; box-shadow: 5px 5px 5px #aaa; border: 1px solid gray; } .mail_extraEmails > a { display:inline; margin: 5px 5px 0 0; } .mail_extraEmails.visible > a { display: list-item; border-bottom: 1px solid gray; } /** * Lock div for tree to prevent further clicks */ #mail-index_nm\[foldertree\] { position: relative; } #mail_folder_lock_div { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10000; background-position: left top; background-repeat: no-repeat; } .mail_subscription_header, .mail_folder_management_header { font-weight: bold; font-size: 150%; padding-bottom: 20px; } #mail-subscribe table.et2_grid tr td, #mail-folder_management table.et2_grid tr td { padding: 0px; } #mail-subscribe table.et2_grid tr td et2-box, #mail-folder_management table.et2_grid tr td .mail_subscription_header { height: 500px; overflow: auto; } #mail-subscribe table.et2_grid tr td et2-box, #mail-folder_management table.et2_grid tr td et2-box { margin-top: 16px; height: 460px; overflow: auto; } .mail_importMessageFile{ width: 40%; } #mail-importMessage .dialogHeader { font-weight: bold; font-size:150%; } blockquote { margin: 0; border-left: 2px solid gray; padding-left: 7px; margin-left: 0; color: black; } blockquote blockquote{ border-color: blue !important; } blockquote blockquote blockquote{ border-color: purple !important; } blockquote blockquote blockquote blockquote{ border-color: green !important; } blockquote blockquote blockquote blockquote blockquote{ border-color: orange !important; } blockquote blockquote blockquote blockquote blockquote blockquote{ border-color: gray !important; } /* MAIL PRINT */ @media print { html { height: auto !important; } html *, .td_display { border-right: none !important; border-left: none !important; } /* set font size for printing of text mail body and all headers, attachments */ .td_display pre, .mailDisplayHeaders, .mailDisplayAttachments * { font-size: 10pt !important; font-family: arial; } #mail-display_mail_displaysubject { font-weight: bold; } .mailDisplayHeaders { border-bottom: 0.1em solid #d7d7d7; padding-top: 4px; padding-bottom: 4px; } .firstColumnTitle { min-width: 7.5ex; } #mail-display_mailDisplayBodySrc { display: none; } .tmpPrintDiv { margin-top: 10px; margin-bottom: 30px; display: block; overflow: visible; height: auto; } .tmpPrintDiv td, textarea { font-family: Verdana, Arial, Helvetica, sans-serif; } .tmpPrintDiv .td_display { font-family: Verdana, Arial, Helvetica, sans-serif; color: black; background-color: #FFFFFF; } .tmpPrintDiv .td_display span[style] { } pre { width:99% !important; } .mailDisplayContainer { border-top: none; overflow: visible !important; position: static !important; } .mailDisplayAttachments{ border: none; overflow: visible !important; position: inherit !important; } .et2_button { display: none; } .mailCompose_copyEmail { } div.mailDisplay .mailDisplayHeaders .mail_extraEmails { max-height: 100%; max-width: 80%; } div.mailDisplayHeaders > span:first-child{ vertical-align: top; } div.mailDisplayHeaders { padding-top: 10px; } .mailDisplayContainer.mailvelopeTopContainer { top:190px; } .mailDisplayContainer.mailvelopeTopContainer > iframe { position: static; min-width: 860px; } .mail_extraEmails > a { display: inline-block; } .et2_email:after { content: " | "; } .et2_email:last-child:after { content: ""; } } /* MOBILE and tablets (Portrait & Landscape) View --------------*/ @media only screen and (max-device-width:1024px) { } /* tablets and smartphones (portrait) ----------- */ @media only screen and (max-device-width : 1024px) and (orientation : portrait) { #mail-index div#mail-index_nm tr.mail.row { } } /* Smartphones (landscape) ----------- */ @media only screen and (min-width : 321px) and (max-device-width:768px){ #mail-index div#mail-index_nm tr.mail.row { } } /* Mobile (landscape) Tablet----------- */ @media only screen and (max-device-width : 1024px) and (orientation : landscape) { } #mail-compose_cc_expander, #mail-compose_bcc_expander, #mail-compose_folder_expander, #mail-compose_replyto_expander { width: 100%; margin: 0px; margin-left: 1em; text-align: left; padding: 0; cursor: pointer; border: none; color: rgb(38, 83, 124); background-color: transparent; } #mail-compose_mimeType{margin-left:1em;} /*Make file uploads in compose dialog invisible*/ .mail-compose_toolbar_assist div.mail-compose_fileselector, .mail-compose_toolbar_assist { display:none; } et2-vbox.mailComposeHeaderSection{ padding-bottom: 5px; } div.mailComposeHeaderSection>table { padding-top: 35px; } .mail-index-extra-iframe { position: relative; z-index: 999; width:100%; height:100%; } /*Avoid getting scrollbar on form area, let scrolling be handled by tree*/ #mail-subscribe { overflow: hidden; } .sieve-title { font-size: 12pt; vertical-align: middle; } .sieve-title .ruleID::before {content:'#'} #mail-index_nm.et2_nextmatch .egwGridView_outer thead tr {border-left: 12px solid transparent;} #mail-compose_mailaccount {max-width: 100% !important;} .header_row_right.vertical_splitter {float:left;} .header_row_right.vertical_splitter div#mail-index_mail-index-vacationnotice .et2_vbox {margin-right: 0;} et2-box.smime_cert_notverified { border-top: 4px solid #8dff95 !important; } et2-image.smime_cert_notverified { background: #8dff95; } et2-box.smime_cert_verified { border-top: 4px solid #1ab82c !important; } et2-box.smime_cert_unknownemail { border-top: 4px solid #a28cff !important; } et2-image.smime_cert_verified { background: #1ab82c; } et2-box.smime_cert_notvalid { border-top: 4px solid #e90052 !important; } et2-image.smime_cert_notvalid { background: #e90052; } et2-image.smime_cert_unknownemail { background: #a28cff; } .mailPreviewHeaders.smimeIcons et2-image { width: 24px; } .mailPreviewHeaders.smimeIcons { display: flex; justify-content: end; } #mail-compose tr.mailComposeHeaders .et2_selectbox, #mail-compose tr.mailComposeHeaders .et2_taglist .ms-ctn, #mail-compose tr.mailComposeHeaders .et2_taglist .ms-sel-ctn input, #mail-compose tr.mailComposeHeaders input { border: none; outline: none; } #mail-compose tr.mailComposeHeaders .et2_taglist .ms-ctn-focus { border: none; box-shadow: none; } .et2_vbox.et2_box_widget.mailComposeBodySection .mailComposeHtmlContainer .tox.tox-tinymce{ width: 100%; } div#mail-index_nm.splitter-pane {min-height: 100px;} #mail-index_mailSplitter .splitter-bar-horizontal {background: white;} #calendar-meeting table.et2_grid.meetingRequest td { padding-left: 8px !important; } #mail-index_mailPreviewContainer { height: calc(100% - 13em); border-top: 1px solid silver; margin-bottom: 0; } #mail-index_nm .mail.row et2-url-email_ro {width: fit-content} #mail-index_nm .et2_label.et2_vfs {text-align: center} .et2_nextmatch .egwGridView_outer .egwGridView_scrollarea tbody tr[class*="label"].row_category td:first-child>div, .et2_nextmatch .egwGridView_outer .egwGridView_scrollarea tbody tr.flagged.row_category td:first-child>div{ margin-left: -1px; } .et2_nextmatch .egwGridView_outer .egwGridView_scrollarea tbody tr.row_category td:first-child>div { margin-left: 0px; } #mail-index_nm tbody tr et2-lavatar {max-width: 3.7em; min-width:3.7em !important;} .previewWrapper .firstColumnTitle { max-width: 7em; justify-content: flex-end; min-width: 7em; color: darkgrey; } .mailPreviewHeaders et2-select-email::part(combobox) { border: none; } #popupMainDiv {height: 100%} .treeContainer { height: calc(100% - 110px); overflow-y: auto; } #mail-index_mail-index-header_right {gap: 1ex;} #mail-index_mail-index-header_right et2-details.vacationnotice { min-width: 8em; } #mail-index_mail-index-header_right et2-details.vacationnotice::part(base) { background: #dee9f3; border-color: #0f65968f; border-width: 1px; height: 2.6em; } et2-hbox.mailPreviewHeaders { margin-bottom: 0px; } et2-description#mail-index_mailPreview_subject { margin-bottom: 0; margin-top: 0.3em; } /* Make +N tag in email look like text, not tag */ et2-select-email::part(tags) { width: 100%; } et2-select-email::part(tag) { flex: 10 0 auto; } et2-select-email::part(tag__base) { font-weight: bold; border: none; background: inherit; } et2-select-email::part(tag__content) { margin-left: auto; } et2-vbox.addresses::part(base) { gap: 0px; } et2-vbox.addresses et2-hbox::part(base) { align-items: center; } .mailPreviewHeaders et2-lavatar { margin-top: 3px; position: absolute; } et2-searchbox#mail-index_nm_search { width: 100%; min-width: 5em; } .nextmatch_header_row>.filtersContainer>et2-select, .nextmatch_header_row>.filtersContainer>et2-select-cat { width: 80px; } et2-split#mail-index_mailSplitter.limitted .header_count { display: none; } et2-split#mail-index_mailSplitter.squeezed .mail-index_quotabox{ display: none; } .expanderFirstRow { position: absolute; } .attachments et2-dropdown-button[id$="\[actions\]"]{display: inline} et2-details.mail-index_datefilter::part(base) { height: var(--sl-input-height-medium); border-radius: var(--sl-border-radius-small); } /* Give DnD helper more height to show from + subject, but less gap */ table.et2_egw_action_ddHelper_row .innerContainer { max-height: 2.5em; } .et2_egw_action_ddHelper_row et2-vbox::part(base) { gap: 1px; }