/** * * Mail - Mobile * * Please do NOT change app.css directly, instead change app.less and compile it! * Pixleegg Template app.css * @link http://www.egroupware.org * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License * @author Hadi Nategh * @package Mail * @version $Id: app.less 55033 2016-02-16 18:49:17Z hnategh $ */ /** * EGroupware: CSS with less preprocessor * * Mail * * Please do NOT change app.css directly, instead change app.less and compile it! * * @link http://www.egroupware.org * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License * @author Stefan Reinhard * @package mail * @version $Id$ */ 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; } 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.prio_high td:first-child { border-left: 6px solid #ac0000 !important; } tr.mail.deleted td:first-child { border-left: 6px solid silver; text-decoration: line-through; } span.status_img { display: inline-block; width: 12px; height: 12px; background-repeat: no-repeat; background-image: url(../default/images/kmmsgread.png); } tr.deleted span.status_img { background-image: url(../default/images/kmmsgdel.png); } tr.unseen span.status_img { background-image: url(../default/images/kmmsgunseen.png); } tr.flagged_seen span.status_img { background-image: url(../default/images/read_flagged_small.png) !important; } tr.flagged_unseen span.status_img { background-image: url(../default/images/unread_flagged_small.png) !important; } tr.recent span.status_img { background-image: url(../default/images/kmmsgnew.png) !important; } tr.replied span.status_img { background-image: url(../default/images/kmmsgreplied.png) !important; } tr.forwarded span.status_img { background-image: url(../default/images/kmmsgforwarded.png) !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 { padding: 0 !important; } 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: -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; } .useEllipsis { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; word-wrap: break-word; max-width: 0px; } #mail-index { position: relative; } /*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_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_DisplayNone { display: none !important; } .mail-index_quotaDisplayNone { display: none !important; } .mail-index_QuotaGreen, .mail-index_QuotaYellow, .mail-index_QuotaRed { width: 100px !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; } /* 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 { 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-image: url(../../../phpgwapi/templates/default/images/egw_action/header_overlay.png); 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(../default/images/attach.png); 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(../default/images/mail_send.png) !important; background-position: left; background-repeat: no-repeat; } .mailDisplay { position: relative; background-color: white; width: 100%; } #mail-index_mailPreview { overflow: hidden; position: relative; background-color: white; } div#mail-index_mailPreview > div { padding-left: 8px !important; } #mail-index_mailPreview .et2_email > span { display: inline; } .maildisplayAllAdresses { max-height: 245px !important; overflow: scroll; overflow-x: hidden; } #mail-compose_composeToolbar { padding: 0px !important; border: none; } #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 { padding: 0px; height: 35px; } #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_mailPreviewContainer { position: absolute; top: 9em; bottom: 0; left: 0px; right: 5px; } #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 { min-height: 768px; margin: 0; padding: 5px; } .mailDisplayContainer, .mailDisplayAttachments { display: block; display: -moz-inline-stack; display: -moz-box; /*width: 99%;*/ overflow: hidden; left: 8px; right: 8px; } .mailDisplayContainer { position: fixed; overflow: hidden; border: 1px solid silver; top: 120px; } .mailDisplayContainerFixedHeight { bottom: 123px; overflow: hidden; } .mailDisplayContainerFullHeight { bottom: 108px; } .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%; } div.mail-display > div:first-parent > div.first-parent { height: 99%; } .mailDisplayHeaders { overflow: hidden; right: 8px; } .mailDisplayHeaderSection { position: absolute; top: 12px; } div.mailDisplayHeaders > div:first-parent { overflow: hidden; } div.mailDisplayHeaders > span:first-child, div.mailPreviewHeaders > span:first-child { width: 7em; 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; } div.mailComposeBody { white-space: normal !important; } #mail-compose_mail_plaintext { white-space: pre-wrap !important; } 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 div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubject { width: 90%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #mail-index div#mail-index_mailPreview div#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 div.et2_box, #mail-folder_management table.et2_grid tr td .mail_subscription_header { height: 500px; 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; } #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; } pre { width: 99% !important; } div.mailDisplayContainer { border-top: none; overflow: visible !important; position: static !important; } .mailDisplayAttachments { border: none; overflow: visible !important; position: inherit !important; } .et2_button { display: none; } div.mailDisplay .mailDisplayHeaders .mail_extraEmails { max-height: 100%; max-width: 80%; } div.mailDisplayHeaders > span:first-child { vertical-align: top; } div.mailDisplayHeaders { padding-top: 10px; } div.mailDisplayContainer.mailvelopeTopContainer { top: 190px; } div.mailDisplayContainer.mailvelopeTopContainer > iframe { position: static; min-width: 860px; } .mail_extraEmails > a { display: inline-block; } div.mail_extraEmails + img.et2_button.et2_button_icon.ui-button.et2_clickable { display: none !important; } .et2_email:after { content: " | "; } .et2_email:last-child:after { content: ""; } } /* MOBILE and tablets (Portrait & Landscape) View --------------*/ /* tablets and smartphones (portrait) ----------- */ /* Smartphones (landscape) ----------- */ /* Mobile (landscape) Tablet----------- */ span#mail-compose_cc_expander, span#mail-compose_bcc_expander, span#mail-compose_folder_expander, span#mail-compose_replyto_expander { float: left; width: 100%; margin: 3px; margin-right: 12px; text-align: center; padding: 0; } /*Make file uploads in compose dialog invisible*/ div.mail-compose_toolbar_assist div.mail-compose_fileselector, #mail-compose_selectFromVFSForCompose, div.mail-compose_toolbar_assist { display: none; } /*Make file uploads in compose dialog invisible*/ div.mail-compose_toolbar_assist div.mail-compose_fileselector, #mail-compose_selectFromVFSForCompose, div.mail-compose_toolbar_assist { display: none; } 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; } div.smime_cert_notverified { border-top: 4px solid #8dff95 !important; } img.smime_cert_notverified { background: #8dff95; } div.smime_cert_verified { border-top: 4px solid #1ab82c !important; } div.smime_cert_unknownemail { border-top: 4px solid #a28cff !important; } img.smime_cert_verified { background: #1ab82c; } div.smime_cert_notvalid { border-top: 4px solid #e90052 !important; } img.smime_cert_notvalid { background: #e90052; } img.smime_cert_unknownemail { background: #a28cff; } .smimeIcons { position: absolute; right: 10px; } #mail-compose tr.mailComposeHeaders { border-top: 1px solid silver; } #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%; } #mail-compose_subject { padding: 10px 0 10px 0; } div#mail-index_nm.splitter-pane { min-height: 100px; } #mail-index_mailSplitter .splitter-bar-horizontal { background: white; } #mail-compose .tox.tox-tinymce .tox-tbtn--bespoke:first-child > .tox-tbtn__select-label { width: 6px; } #mail-compose .tox.tox-tinymce .tox-tbtn--bespoke .tox-tbtn__select-label { width: 3em; } #popupMainDiv { padding: 5px; } #popupMainDiv .et2_grid tr td { padding: 5px 0; } /*############################################## # # # # # # # # # # # # # # # # # # # # # # # iframe # # # # # # # # # # # # # # # # # # # ############################################## */ /*Border around iframe*/ iframe#mail-display_mailDisplayBodySrc { height: 99%; /*border: 4px solid yellow;*/ } /*Border around iframe*/ .mailDisplayContainer { border: 0px; } body { background-color: white; } #mail-index { /* Keeps the scrollbar in the window in chrome */ margin-right: -10px; } #mail-index div#mail-index_nm div.nextmatch_header div.filters select { margin-top: 9px; } #mail-index div#mail-index_nm tr.mail td img { max-height: 50px; -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); border: 0px solid rgba(0, 0, 0, 0.9); } #mail-index div#mail-index_nm tr.mail div span { -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); } #mail-index div.splitter-bar { border-right: 0; border-top: 0; border-bottom: 0; margin-left: 4px; } #mail-index div.splitter-bar-horizontal { border-top: 1px solid #B4B4B4; border-left: 0; } #mail-index div#mail-index_mailPreview { margin: 0; } #mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersFrom { width: 50%; } #mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersTo { width: 50%; } #mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersDate { position: absolute; right: 0px; margin: 3px 5px 0 0; } #mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubject { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubject > span { white-space: nowrap; } /*############################################## # # # # # # # # # # # # # # # # # # # # # # Side # # # bar # # # # # # # # # # # # # # # # # ############################################## */ .egw_fw_ui_category_content span#mail-tree_target { max-height: 50%; } .egw_fw_ui_category_content .dtree { font-family: Verdana, "Lucida Grande", Helvetica, Sans-Serif; } .egw_fw_ui_category_content .selectedTreeRow, .egw_fw_ui_category_content .selectedTreeRow_lor { background-color: rgba(102, 153, 204, 0.7); color: #1E1E1E; text-decoration: none; } .egw_fw_ui_category_content .standartTreeRow_lor { background-color: rgba(153, 204, 255, 0.4); color: #1E1E1E; text-decoration: none; } /* ################################################################################## * E-Mail Dialog "Compose" * * ################################################################################## */ /*########################################### # # # # ############################################# # # # # # # # # # # # dialog # # # # # ############################################# # # # buttons # # # # # ##############################################*/ #mail-compose_mail_plaintext { white-space: pre-wrap !important; } #mail-compose { padding: 5px; max-height: 99%; /*// ###############################################################################*/ /*// Mail Header*/ } #mail-compose .mailComposeHeaders:first-child { /*background-color: @gray-0;*/ /*.gradient_thead;*/ } #mail-compose .mailComposeBodySection { margin-top: -4px; } #mail-compose .et2_toolbar button.toolbar_toggled:hover { background-color: white !important; } #mail-compose #mail-compose_composeToolbar button#composeToolbar-to_infolog:hover, #mail-compose #mail-compose_composeToolbar button#composeToolbar-to_tracker:hover, #mail-compose #mail-compose_composeToolbar button#composeToolbar-disposition:hover, #mail-compose #mail-compose_composeToolbar button#composeToolbar-to_calendar:hover { background-color: rgba(153, 204, 255, 0.4); } #mail-compose table.et2_grid { display: inline-block; } #mail-compose tr.mailComposeHeaders { border-bottom: 1px solid #c1c1c0; } #mail-compose .mailComposeHeaders, #mail-compose .mailComposeHeadersSection { margin: 2px 0; width: 98%; /*Von*/ /*An*/ /*Kopie*/ /*Betreff*/ /*HTML Box*/ } #mail-compose .mailComposeHeaders span, #mail-compose .mailComposeHeadersSection span { text-align: right; padding-right: 5px; } #mail-compose .mailComposeHeaders span.ms-close-btn, #mail-compose .mailComposeHeadersSection span.ms-close-btn, #mail-compose .mailComposeHeaders span.ms-edit-btn, #mail-compose .mailComposeHeadersSection span.ms-edit-btn, #mail-compose .mailComposeHeaders span.ms-check-btn, #mail-compose .mailComposeHeadersSection span.ms-check-btn { padding-right: 0px; } #mail-compose .mailComposeHeaders div, #mail-compose .mailComposeHeadersSection div { max-width: 770px; } #mail-compose .mailComposeHeaders span.ui-state-error, #mail-compose .mailComposeHeadersSection span.ui-state-error { color: #AE1D00; } #mail-compose .mailComposeHeaders div.ms-res-item-active, #mail-compose .mailComposeHeadersSection div.ms-res-item-active { background: #0C5DA5; } #mail-compose .mailComposeHeaders div.ms-res-item-active span, #mail-compose .mailComposeHeadersSection div.ms-res-item-active span { color: #FFFFFF; } #mail-compose .mailComposeHeaders select#mail-compose_mailaccount, #mail-compose .mailComposeHeadersSection select#mail-compose_mailaccount { width: 100%; height: 30px; } #mail-compose .mailComposeHeaders #mail-compose_to input, #mail-compose .mailComposeHeadersSection #mail-compose_to input { width: auto; } #mail-compose .mailComposeHeaders span#mail-compose_cc_expander, #mail-compose .mailComposeHeadersSection span#mail-compose_cc_expander, #mail-compose .mailComposeHeaders span#mail-compose_cc_expander, #mail-compose .mailComposeHeadersSection span#mail-compose_cc_expander, #mail-compose .mailComposeHeaders span#mail-compose_cc_expander, #mail-compose .mailComposeHeadersSection span#mail-compose_cc_expander, #mail-compose .mailComposeHeaders span#mail-compose_bcc_expander, #mail-compose .mailComposeHeadersSection span#mail-compose_bcc_expander, #mail-compose .mailComposeHeaders span#mail-compose_bcc_expander, #mail-compose .mailComposeHeadersSection span#mail-compose_bcc_expander, #mail-compose .mailComposeHeaders span#mail-compose_folder_expander, #mail-compose .mailComposeHeadersSection span#mail-compose_folder_expander, #mail-compose .mailComposeHeaders span#mail-compose_folder_expander, #mail-compose .mailComposeHeadersSection span#mail-compose_folder_expander, #mail-compose .mailComposeHeaders span#mail-compose_replyto_expander, #mail-compose .mailComposeHeadersSection span#mail-compose_replyto_expander, #mail-compose .mailComposeHeaders span#mail-compose_replyto_expander, #mail-compose .mailComposeHeadersSection span#mail-compose_replyto_expander { background: transparent; border: none; color: #26537c; text-decoration: underline; float: none; width: auto; white-space: nowrap; text-align: left; } #mail-compose .mailComposeHeaders input#mail-compose_subject, #mail-compose .mailComposeHeadersSection input#mail-compose_subject { max-width: 716px; padding: 4px 0px 4px 5px; } #mail-compose .mailComposeHeaders input#mail-compose_mimeType, #mail-compose .mailComposeHeadersSection input#mail-compose_mimeType { margin-left: 12px; } #mail-compose fieldset.mailSignature { font-size: 0.8em; border: none; margin: 8px 0; } #mail-compose fieldset.mailSignature span { margin: 0px 8px; } #mail-compose div.mailUploadSection { border-top: 0px solid silver; margin-top: 16px; width: 99%; } #mail-compose div.mailUploadSection div.et2_hbox { margin: -11px 0 5px -4px; } #mail-compose div.mailUploadSection div.et2_hbox label { margin-right: 10%; } #mail-compose div.mailUploadSection #mail-compose_attachments { border-top: 1px solid silver; } #mail-compose fieldset.mailUploadSection { border-top: 0px solid silver; font-size: 0.8em; margin: 8px 0; border-bottom: none; border-left: none; border-right: none; width: 99%; } /* ################################################################################## * E-Mail Dialog "Ansehen" * Preview * ################################################################################## */ #mail-display { min-height: 768px; padding: 5px; /*Toolbar*/ } #mail-display .et2_toolbar, #mail-display #mail-display_toolbar, #mail-display mail-display_displayToolbar { /*.gradient_thead;*/ background-color: transparent; color: #000000; clear: both; height: 36px; /*OPEN SINGLE WINDOW AFTER CLICK ON MAIL*/ } #mail-display .et2_toolbar div.et2_toolbar_actionlist, #mail-display #mail-display_toolbar div.et2_toolbar_actionlist, #mail-display mail-display_displayToolbar div.et2_toolbar_actionlist { margin-top: 0px; margin-left: 0px; } #mail-display .et2_toolbar button, #mail-display #mail-display_toolbar button, #mail-display mail-display_displayToolbar button { /*.background_color_10_gray;*/ -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); border: 1px solid rgba(0, 0, 0, 0.15); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; height: 24px; } #mail-display .et2_toolbar span.ui-state-default, #mail-display #mail-display_toolbar span.ui-state-default, #mail-display mail-display_displayToolbar span.ui-state-default { float: left; background-image: none; } #mail-display .et2_toolbar #mail-display_forward_wrapper li a img, #mail-display #mail-display_toolbar #mail-display_forward_wrapper li a img, #mail-display mail-display_displayToolbar #mail-display_forward_wrapper li a img { width: 16px; margin-right: 3px; } #mail-display .et2_toolbar #mail-display_save_wrapper button#mail-display_save, #mail-display #mail-display_toolbar #mail-display_save_wrapper button#mail-display_save, #mail-display mail-display_displayToolbar #mail-display_save_wrapper button#mail-display_save { background-image: url('../pixelegg/images/speichern.png'); background-position: left center; background-repeat: no-repeat; background-size: 16px 16px; box-shadow: none; } #mail-display .et2_toolbar #mail-display_save_wrapper button#mail-display_save:hover img, #mail-display #mail-display_toolbar #mail-display_save_wrapper button#mail-display_save:hover img, #mail-display mail-display_displayToolbar #mail-display_save_wrapper button#mail-display_save:hover img { display: none; background-image: none; } #mail-display .et2_toolbar #mail-display_save_wrapper button#mail-display_save:focus, #mail-display #mail-display_toolbar #mail-display_save_wrapper button#mail-display_save:focus, #mail-display mail-display_displayToolbar #mail-display_save_wrapper button#mail-display_save:focus { box-shadow: none; } #mail-display .et2_toolbar #mail-display_save_wrapper li a img, #mail-display #mail-display_toolbar #mail-display_save_wrapper li a img, #mail-display mail-display_displayToolbar #mail-display_save_wrapper li a img { width: 16px; margin-right: 3px; } #mail-display .et2_toolbar #mail-display_view_wrapper button#mail-display_view, #mail-display #mail-display_toolbar #mail-display_view_wrapper button#mail-display_view, #mail-display mail-display_displayToolbar #mail-display_view_wrapper button#mail-display_view { box-shadow: none; } #mail-display .et2_toolbar #mail-display_view_wrapper button#mail-display_view:hover img, #mail-display #mail-display_toolbar #mail-display_view_wrapper button#mail-display_view:hover img, #mail-display mail-display_displayToolbar #mail-display_view_wrapper button#mail-display_view:hover img { display: none; background-image: none; } #mail-display .et2_toolbar #mail-display_view_wrapper button#mail-display_view:focus, #mail-display #mail-display_toolbar #mail-display_view_wrapper button#mail-display_view:focus, #mail-display mail-display_displayToolbar #mail-display_view_wrapper button#mail-display_view:focus { box-shadow: none; } #mail-display .et2_toolbar #mail-display_view_wrapper li a img, #mail-display #mail-display_toolbar #mail-display_view_wrapper li a img, #mail-display mail-display_displayToolbar #mail-display_view_wrapper li a img { width: 16px; margin-right: 3px; } #mail-display .et2_toolbar #mail-display_mark_wrapper button#mail-display_mark, #mail-display #mail-display_toolbar #mail-display_mark_wrapper button#mail-display_mark, #mail-display mail-display_displayToolbar #mail-display_mark_wrapper button#mail-display_mark { box-shadow: none; } #mail-display .et2_toolbar #mail-display_mark_wrapper button#mail-display_mark:hover img, #mail-display #mail-display_toolbar #mail-display_mark_wrapper button#mail-display_mark:hover img, #mail-display mail-display_displayToolbar #mail-display_mark_wrapper button#mail-display_mark:hover img { display: none; background-image: none; } #mail-display .et2_toolbar #mail-display_mark_wrapper button#mail-display_mark:focus, #mail-display #mail-display_toolbar #mail-display_mark_wrapper button#mail-display_mark:focus, #mail-display mail-display_displayToolbar #mail-display_mark_wrapper button#mail-display_mark:focus { box-shadow: none; } #mail-display .et2_toolbar #mail-display_mark_wrapper li a img, #mail-display #mail-display_toolbar #mail-display_mark_wrapper li a img, #mail-display mail-display_displayToolbar #mail-display_mark_wrapper li a img { width: 16px; margin-right: 3px; } #mail-display .et2_toolbar #toolbar-actionlist, #mail-display #mail-display_toolbar #toolbar-actionlist, #mail-display mail-display_displayToolbar #toolbar-actionlist { padding: 0px 3px; } #mail-display .et2_toolbar #toolbar-actionlist span[data-group], #mail-display #mail-display_toolbar #toolbar-actionlist span[data-group], #mail-display mail-display_displayToolbar #toolbar-actionlist span[data-group] { margin: 0px 40px 0 0; } #mail-display .et2_toolbar #toolbar-actionlist button, #mail-display #mail-display_toolbar #toolbar-actionlist button, #mail-display mail-display_displayToolbar #toolbar-actionlist button { /*.background_color_10_gray;*/ -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); border: 1px solid rgba(0, 0, 0, 0.15); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; height: 27px; } #mail-display .mailDisplayAttachments { max-height: 12%; position: fixed; border: 0px solid #560EAD; border-bottom: 0px; opacity: 1; -moz-opacity: 1; margin-left: 10px; width: 98%; } #mail-display .mailDisplayAttachments img { width: 16px; } #mail-display .mail_DisplayNone { display: none; } /** * et2_toolbar */ .et2_toolbar-dropdown { background: #E6E6E6 !important; background-color: #E6E6E6 !important; } .et2_toolbar-dropdown button { background: #E6E6E6 !important; background-color: #E6E6E6 !important; } .et2_toolbar-dropdown-menulist button { background: #E6E6E6 !important; background-color: #E6E6E6 !important; } div.ui-toolbar-menulist { border: 1px solid rgba(0, 0, 0, 0.15); } .ui-toolbar-menulist h { padding-bottom: 7px; margin: 0; } .ui-toolbar-menulist div { background-color: #E6E6E6 !important; border: 1px solid rgba(0, 0, 0, 0.15); } .et2_toolbar_actionlist .et2_toolbar-dropdown { margin: -4px 5px 2px 1px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .et2_toolbar_actionlist .et2_toolbar-dropdown .et2_dropdown { -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); border: none !important; height: 24px !important; } .et2_toolbar_actionlist .et2_toolbar-dropdown .et2_dropdown button { margin: 0px; padding-top: -3px !important; -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); background: #E6E6E6 !important; background-color: #E6E6E6 !important; } .et2_toolbar_actionlist .et2_toolbar-dropdown .et2_dropdown button img { width: 16px; height: 16px; top: 3px; } .et2_toolbar_actionlist .et2_toolbar-dropdown .et2_button_icon { height: 12px; } div#displayToolbar-menulist .et2_dropdown { -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); border: none !important; } div#displayToolbar-menulist .et2_dropdown button { -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); } div#displayToolbar-menulist img { width: 20px; height: 20px; } /* ################################################################################## * Dialog: Subscripe Folder * * ################################################################################## */ #mail-subscribe table.et2_grid tr td, #mail-folder_management table.et2_grid tr td { padding: 0px; /*Label*/ } #mail-subscribe table.et2_grid tr td .mail_subscription_header, #mail-folder_management table.et2_grid tr td .mail_subscription_header { /*line-height: 270%;*/ margin: 0.6em 0 0; font-weight: lighter; line-height: 2em; font-weight: bold; font-size: 150%; padding-bottom: 20px; } #mail-subscribe table.et2_grid tr td div.et2_box, #mail-folder_management table.et2_grid tr td div.et2_box { margin-top: 16px; height: 484px; overflow: auto; } #mail-subscribe .selectedTreeRow, #mail-folder_management .selectedTreeRow, #mail-subscribe .selectedTreeRow_lor, #mail-folder_management .selectedTreeRow_lor { background-color: rgba(102, 153, 204, 0.7); color: #1E1E1E; text-decoration: none; } #mail-subscribe .standartTreeRow_lor, #mail-folder_management .standartTreeRow_lor { background-color: rgba(153, 204, 255, 0.4); color: #1E1E1E; text-decoration: none; } .mail_subscription_header, .mail_folder_management_header { font-weight: bold; font-size: 150%; padding-bottom: 20px; } /* ################################################################################## * E-Mail * * ################################################################################## */ /* felamimail uses the styledefinitions below to format navButton/navSeparator */ tr.navbarBackground { background-color: #dddddd; } div.navButton { background-color: #dddddd; float: left; padding: 2px; margin: 2px; border: solid #dddddd 1px; } div.navButton:hover, div.navButtonHover { background-color: #eeeeee; float: left; padding: 2px; margin: 2px; border: solid white 1px; border-right: solid black 1px; border-bottom: solid black 1px; position: relative; } div.navButton:active, div.navButtonActive { background-color: #dddddd; float: left; padding: 2px; margin: 2px; border: solid white 1px; border-left: solid black 1px; border-top: solid black 1px; position: relative; } div.navSeparator { background-color: #dddddd; float: left; padding: 0px; margin: 2px; border: solid silver 1px; height: 24px; position: relative; } /* Fixes z-index problem with the calendar year selection (displays behind selectboxes)*/ .calendar .combo { z-index: 1 !important; } 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: normal; text-overflow: ellipsis; } tr.mail div span { text-overflow: ellipsis; white-space: noWrap; } tr.mail a { cursor: pointer; white-space: nowrap; text-overflow: ellipsis; } 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.prio_high td:first-child { border-left: 6px solid #ac0000 !important; } tr.mail.deleted td:first-child { border-left: 6px solid silver; text-decoration: line-through; } span.status_img { display: inline-block; width: 16px; height: 16px; background-repeat: no-repeat; background-image: url(../pixelegg/images/kmmsgread.svg); background-size: 16px 16px; } tr.deleted span.status_img { background-image: url(../pixelegg/images/kmmsgdel.svg); } tr.unseen span.status_img { background-image: url(../pixelegg/images/kmmsgunseen.svg); } tr.flagged_seen span.status_img { background-image: url(../pixelegg/images/read_flagged_small.svg) !important; } tr.flagged_unseen span.status_img { background-image: url(../pixelegg/images/unread_flagged_small.svg) !important; } tr.recent span.status_img { background-image: url(../pixelegg/images/kmmsgnew.svg) !important; } tr.replied span.status_img { background-image: url(../pixelegg/images/mail_reply.svg) !important; } tr.forwarded span.status_img { background-image: url(../pixelegg/images/mail_forward.svg) !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 { 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; } .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; } .useEllipsis { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; word-wrap: break-word; } #mail-index { position: relative; } /* 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[id*="mailcreate"] { width: 99%; text-align: left; font-weight: bold; padding-left: 25px; background-image: url(../pixelegg/images/write_mail.png) !important; background-position: left; background-repeat: no-repeat; } .mailDisplay { position: relative; background-color: transparent; width: 100%; } #mail-index_mail-index-header_right { display: inline-flex; } #mail-index_mailPreview { overflow: hidden; position: relative; margin-top: 5px; } #mail-compose_fileselector { width: 245px !important; } .mailPreviewIcons { position: absolute; right: 0; top: 0; } #mail-index_mailPreviewContainer { position: absolute; border-top: 1px solid silver; bottom: 0; left: 0px; right: 5px; } /*#######################################################*/ /*# ICON # ICON # ICON # ICON #ICON # ICON# ICON # ICON #*/ /*#######################################################*/ /*Toolbar der Email*/ #mail-display_toolbar { padding: 0px; } #mail-display_toolbar > button > span { padding: .2em .4em; } #mail-display_toolbar > button > span > img { width: 16px; padding: 0px; height: auto; } #mail-index_toolbar { background: none; height: 35px; /* Elemente */ } #mail-index_toolbar button { height: 24px !important; } #mail-index_toolbar button span { padding: 0; } #mail-index_toolbar button span img { width: 16px; height: 16px; padding: 0px; } /*AN / To*/ div.mailPreviewHeaders div.mail_extraEmails { display: inline-block; max-height: 1.3em; max-width: 50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } div.mailPreviewHeaders div.mail_extraEmails img.et2_button_icon { width: 24px; height: 24px; } div.mailPreviewHeaders img.et2_button_icon { background-color: inherit; } #mail-index_previewAttachmentArea { background-color: #fafafa; max-height: 3.6em; border: none; max-width: 80%; } #mail-index_previewAttachmentArea img { width: 16px; height: 16px; } #mail-index_previewAttachmentArea td { padding: 2px; } #mail-index_previewAttachmentArea.noContent { border: 0px !important; } /* Button after field*/ #mail-index_mailPreviewHeadersAttachments { padding-top: 5px; } #mail-index_mailPreviewHeadersAttachments img.et2_button_icon { width: 16px; height: 16px; background-color: #fafafa; left: -6px; top: 1px; } /*######################################################*/ /*Diplay : View */ .mailDisplayContainer, .mailDisplayAttachments { display: block; display: -moz-inline-stack; display: -moz-box; width: 99%; overflow: hidden; overflow-y: auto; left: 3px; right: 3px; z-index: 100; } .mailDisplayContainer { position: fixed; overflow: hidden; overflow-y: auto; border-top: 2px solid silver; top: 120px; bottom: 108px; border-bottom: 1px solid silver; width: 98%; background-color: white; margin-left: 10px; } .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 div.mail_extraEmails { display: inline-block; max-height: 1.3em; max-width: 50%; overflow: hidden; text-overflow: ellipsis; } 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; } #mail-importMessage .et2_button_icon { height: auto; width: 24px; } div.mailComposeHeaderSection > table { padding-top: 10px; } /* transition delay breaks splitter resize, because it doesn't get the right height in a right time. So we reduce the delay to 0.1 to fix the timing issue. The delay should not be set to 0 or none because it wil conflict with blueimp gallery plugin (Expose). */ :hover { -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } #mail-index_button\[mailcreate\], #composeToolbar-send { color: #5B5B5B; background-color: white; } /* width */ table#mail-index_previewAttachmentArea::-webkit-scrollbar { width: 5px; } /* Track */ table#mail-index_previewAttachmentArea::-webkit-scrollbar-track { background: #f2f2f2; } /* Handle */ table#mail-index_previewAttachmentArea::-webkit-scrollbar-thumb { background: #c1c2c1; } /* Handle on hover */ table#mail-index_previewAttachmentArea::-webkit-scrollbar-thumb:hover { background: #555; } #mail-index_nm.et2_nextmatch .egwGridView_outer thead tr { border-left: 12px solid #B4B4B4; } /* import */ /* tablets and smartphones */ @media all { div.mailDisplayContainer { margin-top: 30px; margin-left: 0; height: auto; } #mail-display.et2_container { min-height: initial; padding: 0; } .mailDisplayHeaders, .mailDisplayAttachments > * { font-size: large !important; } /*compose dialog*/ body #popupMainDiv { padding: 1px 8px 0 8px; background: none; } body #popupMainDiv div.et2_toolbar.et2_head_toolbar { padding: 1px 5px 5px 10px !important; } body #popupMainDiv div.et2_toolbar.et2_head_toolbar button { width: 46px; height: 46px; background-size: 18px 18px; } body #popupMainDiv div.et2_toolbar.et2_head_toolbar button.et2_toolbar_hasCaption { width: auto; } body #popupMainDiv div.et2_toolbar.et2_head_toolbar div.et2_toolbar_actionlist { margin-left: 50px; } body #popupMainDiv #mail-compose_composeToolbar button#composeToolbar-send { height: 46px; width: auto; margin-top: 0.7px !important; padding: 0 3px 0 0; text-align: left; font-weight: normal; padding-left: 20px; background-image: url(../pixelegg/images/mail_send.png); background-position: left; background-repeat: no-repeat; background-size: 16px 16px; background-color: #fafafa; color: black; } body #popupMainDiv #mail-compose_composeToolbar button#composeToolbar-send:hover { box-shadow: none; background-color: none; } body #popupMainDiv #mail-compose_composeToolbar button#composeToolbar-send:disabled { background-color: none; } body #popupMainDiv .mail-d-h1 { position: relative; padding-bottom: 15px; border-bottom: 1px solid silver; font-size: 12pt; padding-top: 10px; font-weight: bold; } body #popupMainDiv .mail-d-h1 span { font-size: 12pt; } body #popupMainDiv .mail-d-h2 { padding-top: 5px; font-size: 10pt; color: grey; } body #popupMainDiv .mail-d-h2 a, body #popupMainDiv .mail-d-h2 span, body #popupMainDiv .mail-d-h2 .et2_label { color: grey; font-size: 10pt; } body #popupMainDiv .mail-d-h2 a#mail-display_FROM > * { color: black; padding-top: 15px; font-size: 12pt; } body #popupMainDiv .et2_details { width: 100%; display: block; } body #popupMainDiv .et2_details.et2_details_expanded { width: 100%; display: block; } body #popupMainDiv span.et2_details_title { color: #26537c; font-size: 10pt; } body #popupMainDiv div#mail-display_mailDisplayHeadersFrom > * { color: black; padding-top: 15px; } body #popupMainDiv .mailDisplayAttachments { position: initial; padding: 0; margin-top: 10px; } body #popupMainDiv button[id="displayToolbar-delete"] { margin-left: 0; } body #popupMainDiv .mailDisplay { position: initial; margin-top: 20px; } body #popupMainDiv div#mail-view > div { height: 100%; } body #popupMainDiv div#mail-view { height: 100%; } body #popupMainDiv #mail-view_toaddressdetails { color: #26537c; float: right; } body #popupMainDiv #tempPrintDiv { display: block; } body #popupMainDiv #tempPrintDiv div:first-child { height: auto !important; } body #popupMainDiv #tempPrintDiv td, body #popupMainDiv #tempPrintDiv textarea { font-family: Verdana, Arial, Helvetica, sans-serif; } body #popupMainDiv #tempPrintDiv .td_display { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 120%; color: black; background-color: #FFFFFF; } body .dtree div.containerTableStyle { overflow: hidden; } body #mail-compose .cke_chrome { border: none; box-shadow: none; } body #mail-compose .mailComposeHeaderSection > table { padding: 0; } body #mail-compose .mailComposeHeaderSection > table tr.mailComposeHeaders.subjectContainer td:first-child::after { content: ''; } body #mail-compose .mailComposeHeaderSection > table tr.mailComposeHeaders { border-bottom: 1px solid silver; } body #mail-compose .mailComposeHeaderSection > table tr.mailComposeHeaders span { font-size: 10pt; } body #mail-compose .mailComposeHeaderSection > table tr.mailComposeHeaders .subjectContainer:first-child::after { content: ':'; } body #mail-compose .mailComposeHeaderSection > table tr.mailComposeHeaders:first-child { border-top: 1px solid silver; } body #mail-compose .mailComposeHeaderSection > table tr.mailComposeHeaders span#mail-compose_cc_expander, body #mail-compose .mailComposeHeaderSection > table tr.mailComposeHeaders span#mail-compose_cc_expander, body #mail-compose .mailComposeHeaderSection > table tr.mailComposeHeaders span#mail-compose_bcc_expander, body #mail-compose .mailComposeHeaderSection > table tr.mailComposeHeaders span#mail-compose_bcc_expander, body #mail-compose .mailComposeHeaderSection > table tr.mailComposeHeaders span#mail-compose_folder_expander, body #mail-compose .mailComposeHeaderSection > table tr.mailComposeHeaders span#mail-compose_folder_expander, body #mail-compose .mailComposeHeaderSection > table tr.mailComposeHeaders span#mail-compose_replyto_expander, body #mail-compose .mailComposeHeaderSection > table tr.mailComposeHeaders span#mail-compose_replyto_expander { background: transparent; border: none; color: #26537c; text-decoration: underline; font-size: 10pt; width: 65px; height: 25px; } body #mail-compose .mailComposeHeaderSection > table div.et2_taglist > *, body #mail-compose .mailComposeHeaderSection > table #mail-compose_subject, body #mail-compose .mailComposeHeaderSection > table #mail-compose_mailaccount { border: none; box-shadow: none; font-size: 10pt; } body #mail-compose .mailComposeHeaderSection > table #mail-compose_subject:focus { outline-color: transparent; } #mail-index { margin-right: 0px; } #mail-index table.egwGridView_outer tbody span.et2_date_ro.et2_label { font-size: 9px; } #mail-index table.egwGridView_outer tbody td { padding-top: 8px; padding-bottom: 8px; } #mail-index table.egwGridView_outer tbody td a[id^='mail-index_'][id$='fromaddress]'] { color: #373737; font-size: 12pt; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 95%; display: inline-block; } #mail-index table.egwGridView_outer tbody td span[id^='mail-index_'][id$='attachments]'] { float: right; } #mail-index table.egwGridView_outer tbody td span[id^='mail-index_'][id$='attachments]'] img { width: 16px; height: 16px; } #mail-index table.egwGridView_outer tbody td span[id^='mail-index_'][id$='subject]'] { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 95%; font-size: 10pt; font-weight: normal !important; } #mail-index table.egwGridView_outer tbody td label[id^='mail-index_'][id$='date]'] { padding-top: 0; } #mail-index table.egwGridView_outer tbody tr { height: 55px; } #mail-index table.egwGridView_outer tbody tr div.recent, #mail-index table.egwGridView_outer tbody tr span.recent, #mail-index table.egwGridView_outer tbody tr time.recent, #mail-index table.egwGridView_outer tbody tr a.recent, #mail-index table.egwGridView_outer tbody tr div.unseen, #mail-index table.egwGridView_outer tbody tr span.unseen, #mail-index table.egwGridView_outer tbody tr time.unseen, #mail-index table.egwGridView_outer tbody tr a.unseen { color: black !important; font-weight: bold; } #mail-index table.egwGridView_outer tbody tr span.mail.mobile_cat_col { background: #F5F5F5; } #mail-index table.egwGridView_outer tbody tr span.mail.label1.mobile_cat_col { background: #ff0080; } #mail-index table.egwGridView_outer tbody tr span.mail.label2.mobile_cat_col { background: #ff8000; } #mail-index table.egwGridView_outer tbody tr span.mail.label3.mobile_cat_col { background: #008000; } #mail-index table.egwGridView_outer tbody tr span.mail.label4.mobile_cat_col { background: #0000ff; } #mail-index table.egwGridView_outer tbody tr span.mail.label5.mobile_cat_col { background: #8000ff; } #mail-index table.egwGridView_outer tbody tr span.mail.flagged.mobile_cat_col { background: #ff0000; } #mail-index table.egwGridView_outer tbody tr span.mail.prio_high.mobile_cat_col { background: #ac0000; } #mail-index table.egwGridView_outer tbody tr span.mail.deleted.mobile_cat_col { background: silver; text-decoration: line-through; } #mail-index table.egwGridView_outer tbody tr span.status_img { padding: 0 2px 2px 0; } #mail-index table.egwGridView_outer tbody tr span.deleted.status_img { background-image: url(../pixelegg/images/kmmsgdel.png); } #mail-index table.egwGridView_outer tbody tr span.unseen.status_img { background-image: url(../pixelegg/images/kmmsgunseen.png); } #mail-index table.egwGridView_outer tbody tr span.flagged_seen.status_img { background-image: url(../pixelegg/images/read_flagged_small.png); } #mail-index table.egwGridView_outer tbody tr span.flagged_unseen.status_img { background-image: url(../pixelegg/images/unread_flagged_small.png); } #mail-index table.egwGridView_outer tbody tr span.recent.status_img { background-image: url(../pixelegg/images/kmmsgnew.png); } #mail-index table.egwGridView_outer tbody tr span.replied.status_img { background-image: url(../pixelegg/images/mail_reply.svg); } #mail-index table.egwGridView_outer tbody tr span.forwarded.status_img { background-image: url(../pixelegg/images/mail_forward.svg); } #mail-index table.egwGridView_outer tbody tr span.bodypreview { text-overflow: ellipsis; padding-left: 2px; font-style: normal; font-size: 10pt; } #mail-index .mail-index_quotabox { position: absolute; top: 8px; right: 74px; width: 200px !important; z-index: 99; } #mail-index .mail-index_vacation { position: absolute; top: 3px; right: 190px; width: 250px !important; z-index: 99; } #mail-index .mail-index_vacation div { text-align: center; } #mail-index #mail-index_nm div.search { margin-top: 3px; } #mail-index_buttonmailcreate { display: none; } div.aclDetails { display: none; } #mail-acl_grid .row { border-bottom: 1px solid silver; } }