/** * 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 a { cursor: pointer; white-space: nowrap; } tr.recent div, tr.recent span, tr.recent time, tr.recent a, tr.unseen div, tr.unseen span, tr.unseen time, tr.unseen a { color: #003075; font-weight: bold; } tr.labelone div, tr.labelone span, tr.labelone time, tr.labelone a { color: #ff0080 !important; } tr.labeltwo div, tr.labeltwo span, tr.labeltwo time, tr.labeltwo a { color: #ff8000 !important; } tr.labelthree div, tr.labelthree span, tr.labelthree time, tr.labelthree a { color: #008000 !important; } tr.labelfour div, tr.labelfour span, tr.labelfour time, tr.labelfour a { color: #0000ff !important; } tr.labelfive div, tr.labelfive span, tr.labelfive time, tr.labelfive a { color: #8000ff !important; } tr.flagged div, tr.flagged span, tr.flagged time, tr.flagged a { color: #ff0000 !important; } tr.prio_high div, tr.prio_high span, tr.prio_high time, tr.prio_high a { color: #ac0000 !important; } tr.deleted div, tr.deleted span, tr.deleted time, tr.deleted a { color: silver; text-decoration: line-through; } span.status_img { display: inline-block; width: 12px; height: 12px; background-repeat: no-repeat; background-image: url(images/kmmsgread.png); } tr.deleted span.status_img { background-image: url(images/kmmsgdel.png); } tr.unseen span.status_img { background-image: url(images/kmmsgunseen.png); } tr.flagged_seen span.status_img { background-image: url(images/read_flagged_small.png) !important; } tr.flagged_unseen span.status_img { background-image: url(images/unread_flagged_small.png) !important; } tr.recent span.status_img { background-image: url(images/kmmsgnew.png) !important; } tr.replied span.status_img { background-image: url(images/kmmsgreplied.png) !important; } tr.forwarded span.status_img { background-image: url(images/kmmsgforwarded.png) !important; } .subjectBold { FONT-SIZE: 12px; font-weight: bold; font-family: Arial; } .subject { FONT-SIZE: 12px; font-family: Arial; } TR.sieveRowActive { FONT-SIZE: 11px; height: 20px; padding: 0; background: White; } A.sieveRowActive { FONT-SIZE: 11px; height: 14px; padding: 0; } TR.sieveRowInActive { FONT-SIZE: 11px; height: 20px; padding: 0; background: White; color: Silver; } A.sieveRowInActive { FONT-SIZE: 11px; height: 14px; padding: 0; color: Silver; } .bodyDIV { position: absolute; background-color: white; top: 134px; bottom: 0px; width: 100%; border-top: 1px solid #efefdf; } .bodyDIVAttachment { bottom: 80px; } #attachmentSpanAllDIV { background-color: #efefdf; height: 260px; overflow: auto; } #attachmentDIV { position: fixed; background-color: #efefdf; bottom: 0px; min-height: 80px; max-height: 239px; width: 100%; border-top: 1px solid silver; overflow: auto; } #popupattachmentDIV { position: top; background-color: #efefdf; bottom: 0px; min-height: 80px; max-height: 239px; width: 100%; border-top: 1px solid silver; overflow: auto; } pre { white-space: pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ width: 99%; } /* avoid the vertical scrollbar within the sidebox section (triggered by the vertical dimension of the tree) */ .divSidebox { overflow: hidden; } .textSidebox { overflow-x: hidden; overflow-y: auto; } /* avoid the vertical scrollbar within the actual tablecontainer (of the tree) */ .containerTableStyle { width: 100%; overflow: hidden; } .dtree { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #666; white-space: nowrap; } .dtree div { width: 100%; } .dtree img { border: 0px; vertical-align: middle; } .dtree a { color: #333; text-decoration: none; } .dtree a.node, .dtree a.nodeSel { white-space: nowrap; padding: 1px 2px 1px 2px; } .dtree a.node:hover, .dtree a.nodeSel:hover { color: #333; text-decoration: underline; } .dtree a.nodeSel { background-color: #c0d2ec; } .dtree .clip { overflow: hidden; } .dtree table, .dtree tr, .dtree td { border: none; } .dtree table { overflow: hidden; width: 100%; display: table-row; } .dtree tbody, .dtree tr, .dtree td, .dtree span { width: 100%; overflow: hidden; } .useEllipsis { text-overflow: ellipsis; width: 250px; white-space: nowrap; overflow: hidden; word-wrap: break-word; float: left; } .useEllipsis:after { content: " ..."; } #mail-index { position: relative; } .mail-index_quotabox { position: absolute; top: 8px; right: 74px; width: 200px !important; z-index: 99; } .mail_DisplayNone { display: none !important; } .mail-index_quotaDisplayNone { display: none !important; } .mail-index_QuotaGreen, .mail-index_QuotaYellow, .mail-index_QuotaRed { height: 12px !important; width: 100px !important; } .mail-index_QuotaGreen > div { background-color: green !important; height: 11px !important; } .mail-index_QuotaYellow > div { background-color: yellow !important; height: 11px !important; } .mail-index_QuotaRed > div { background-color: red !important; height: 11px !important; } /* influence the tree display and scrolling behavior */ #mail-tree_target { min-height: 35px; max-height: 450px; display: block; display: -moz-inline-stack; display: -moz-box; width: 100%; overflow: hidden; overflow-y: auto; z-index: 100; } /* we need the the image displayed with our buttons on the left side */ input[type=button] { background-position: left; } #mail-index_messageIFRAME { width: 100%; height: 100%; border: 0; } #mail-index_button\[mailcreate\] { width: 99%; text-align: left; font-weight: bold; padding-left: 25px; background-image: url(images/write_mail.png) !important; background-position: left; background-repeat: no-repeat; } #mail-compose_button\[send\] { text-align: left; font-weight: bold; padding-left: 30px; width: 80px; margin: 0px !important; background-image: url(images/mail_send.png) !important; background-position: left; background-repeat: no-repeat; } .mailDisplay, #mail-index_mailPreview { overflow: hidden; position: relative; background-color: white; } .maildisplayAllAdresses { max-height: 245px !important; overflow: scroll; overflow-x: hidden; } #mail-compose_fileselector { width: 245px !important; } #mail-compose_toolbar { padding: 0px !important; } #mail-compose_toolbar > button { padding: .2em .4em; } #mail-compose_toolbar > img { width: 16px; padding: 0px; height: 16px !important; } #mail-compose_toolbar > button > span > img { width: 16px; padding: 0px; height: 16px !important; } #mail-compose_toolbar > button { padding: .2em .4em; } #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 { width: 16px; height: 16px; } #mail-index_mailPreviewIcons { position: absolute; right: 0; top: 0; } #mail-index_toolbar { padding: 0px; } #mail-index_toolbar > button > span { padding: .2em .4em; } #mail-index_toolbar > button > span > img { width: 16px; padding: 0px; height: 16px !important; } #mail-index_mailPreviewContainer { position: absolute; border: 1px solid silver; top: 9em; bottom: 0; left: 3px; right: 0; } #mail-index_previewAttachmentArea { background-color: #efefdf; max-height: 1.6em; max-width: 50%; overflow: scroll; overflow-x: hidden; border: 1px solid red; opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); display: inline-block !important; vertical-align: text-top; } #mail-index_previewAttachmentArea.noContent { border: 0px !important; display: none !important; } .mailDisplayContainer, .mailDisplayAttachments { display: block; display: -moz-inline-stack; display: -moz-box; /*width: 99%;*/ overflow: hidden; overflow-y: auto; left: 8px; right: 8px; } .mailDisplayContainer { position: fixed; overflow: hidden; overflow-y: auto; border: 1px solid silver; top: 120px; } .mailDisplayContainerFixedHeight { bottom: 123px; } .mailDisplayContainerFullHeight { bottom: .1em; } .mailDisplayBody { height: 100%; width: 100%; background-color: white; padding: 0px; margin: 0px; } .mailDisplayAttachments { background-color: #efefdf; height: 121px; position: fixed; bottom: .1em; border: 1px solid red; opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); } /* #divGenTime { background-color:#efefdf; max-height: 10%; position: fixed; bottom: 1px; border: 1px solid red; border-top: 1px solid black; left: 3px; right: 3px; opacity: 1; -moz-opacity:1: filter: Alpha(opacity=100); } */ 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; } #mail-compose_mailaccount { width: 80%; } div.mailComposeHeaders > span:first-child { width: 8em; } div.mailDisplayHeaders > span:first-child, div.mailComposeHeaders > span:first-child, div.mailComposeBody, div.mailPreviewHeaders > * { margin-left: 3px; } div.mailPreviewHeaders div.mail_extraEmails { display: inline-block; max-height: 1.3em; max-width: 50%; overflow: hidden; text-overflow: ellipsis; } 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; } .mail_extraEmails > a { display: inline; margin: 5px 5px 0 0; } .mail_extraEmails.visible > a { display: list-item; } /** * 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-image: url(../../../phpgwapi/templates/default/images/ajax-loader.gif); background-position: left top; background-repeat: no-repeat; background-color: rgba(255, 255, 255, 0.5); } #popupMainDiv { padding: 5px; } #popupMainDiv .et2_grid tr td { padding: 5px 0; } /*############################################## # # # # # # # # # # # # # # # # # # # # # # # iframe # # # # # # # # # # # # # # # # # # # ############################################## */ div#mail-index { margin: 0 1% 0 0 !important; } div#mail-index div#mail-index_nm div.nextmatch_header div.filters select { margin-top: 6px; } div#mail-index div#mail-index_nm div.nextmatch_header div.filters input#mail-index_search { /*height: 20px !important;*/ } div#mail-index div#mail-index_nm tr.mail td img { height: 12px; -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); } div#mail-index div#mail-index_nm tr.mail div span { height: 12px; -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); display: table-cell; } div#mail-index div.splitter-bar, div#mail-index div.splitter-bar-horizontal { background-color: #ffc200; } div#mail-index div#mail-index_mailPreview { margin: 0; background-color: #fafafa; } div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersFrom { width: 50%; } div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersTo { width: 50%; } div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersDate { position: absolute; right: 0px; margin: 25px 5px 0 0; } div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubject { width: 100%; } /*############################################## # # # # # # # # # # # # # # # # # # # # # # Side # # # bar # # # # # # # # # # # # # # # # # ############################################## */ .egw_fw_ui_category_content { /*new mail in FOlder span.standartTreeRow b {color: @egw_color_2_a;} */ /*move Mail*/ } .egw_fw_ui_category_content #mail-index_buttonmailcreate { margin-left: 0px; } .egw_fw_ui_category_content #mail-index_buttonmailcreate button#mail-index_button[mailcreate], .egw_fw_ui_category_content #mail-index_buttonmailcreate button[id*="mailcreate"] { color: #FFF; text-shadow: none; /* height: auto;*/ background-image: none !important; /*.border_radius_button_lefttop;*/ background-image: url("images/write_mail_lighter.png") !important; background-position: right center !important; background-repeat: no-repeat; background-size: 20px 20px; padding-left: 25px; text-align: left; width: 93%; background-color: #0c5da5; } .egw_fw_ui_category_content #mail-index_buttonmailcreate button#mail-index_button[mailcreate]:before, .egw_fw_ui_category_content #mail-index_buttonmailcreate button[id*="mailcreate"]:before { content: "+"; font-size: 1.5em; color: #ffc200; line-height: 1.1em; } .egw_fw_ui_category_content #mail-index_buttonmailcreate button#mail-index_button[mailcreate]:hover, .egw_fw_ui_category_content #mail-index_buttonmailcreate button[id*="mailcreate"]:hover { -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); -webkit-border-radius: 3px; -webkit-border-top-left-radius: 10px; -moz-border-radius: 3px; -moz-border-radius-topleft: 10px; border-radius: 3px; border-top-left-radius: 10px; } .egw_fw_ui_category_content #mail-index_buttonmailcreate button#mail-index_button[mailcreate]:active, .egw_fw_ui_category_content #mail-index_buttonmailcreate button[id*="mailcreate"]:active { background-color: #1aa200 !important; -webkit-border-radius: 3px; -webkit-border-top-left-radius: 10px; -moz-border-radius: 3px; -moz-border-radius-topleft: 10px; border-radius: 3px; border-top-left-radius: 10px; -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); } .egw_fw_ui_category_content span#mail-tree_target { max-height: 50%; } .egw_fw_ui_category_content .dtree { font-family: Verdana, Helvetica, Sans-Serif; /* font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;*/ } .egw_fw_ui_category_content .draggedOver { background-color: rgba(103, 159, 210, 0.1); } /* ################################################################################## * E-Mail Dialog "Compose" * * ################################################################################## */ /*########################################### # # # # ############################################# # # # # # # # # # # # dialog # # # # # ############################################# # # # buttons # # # # # ##############################################*/ #mail-compose { width: 870px; padding: 5px; /*// ###############################################################################*/ /*// Mail Header*/ } #mail-compose .mailComposeHeaders:first-child { /*background-color: @gray-0;*/ /*.gradient_thead;*/ } #mail-compose .mail-compose_toolbar { float: left; width: 100%; /*######################################*/ /*// Button senden -> dev_buttons.less*/ /*######################################*/ /*######################################*/ /*######################################*/ /*save / Speichern als */ /*######################################*/ } #mail-compose .mail-compose_toolbar span.email-button-group { float: left; margin: 0 6px 5px 0; padding: 0px 2px; border: 1px solid #a6a6a6; border-bottom-color: #979797; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 1px 0 rgba(255, 255, 255, 0.15) inset; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 1px 0 rgba(255, 255, 255, 0.15) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 1px 0 rgba(255, 255, 255, 0.15) inset; background: #e4e4e4; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e4e4e4)); background-image: -moz-linear-gradient(top, #ffffff, #e4e4e4); background-image: -webkit-linear-gradient(top, #ffffff, #e4e4e4); background-image: -o-linear-gradient(top, #ffffff, #e4e4e4); background-image: -ms-linear-gradient(top, #ffffff, #e4e4e4); background-image: linear-gradient(top, #ffffff, #e4e4e4); filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#ffffff', endColorstr='#e4e4e4'); } #mail-compose .mail-compose_toolbar span.sent { float: left; } #mail-compose .mail-compose_toolbar span.save { float: left; } #mail-compose .mail-compose_toolbar span.file { float: left; } #mail-compose .mail-compose_toolbar span.egw { float: left; } #mail-compose .mail-compose_toolbar span.egw img { height: 16px; padding: 1px; margin: 3px; vertical-align: middle; } #mail-compose .mail-compose_toolbar span.notification { float: left; } #mail-compose .mail-compose_toolbar span.notification span.et2_label { line-height: 25px; } #mail-compose .mail-compose_toolbar span.priority { float: left; } #mail-compose .mail-compose_toolbar span.priority span.et2_label { line-height: 25px; } #mail-compose .mail-compose_toolbar img { height: 24px; } #mail-compose .mail-compose_toolbar img[src$="svg"] { background-color: #aaaaaa; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjYjRiNGI0IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjOWI5YjliIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=); background-image: -moz-linear-gradient(top, #b4b4b4, #9b9b9b); background-image: -ms-linear-gradient(top, #b4b4b4, #9b9b9b); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b4b4b4), to(#9b9b9b)); background-image: -webkit-linear-gradient(top, #b4b4b4, #9b9b9b); background-image: -o-linear-gradient(top, #b4b4b4, #9b9b9b); background-image: linear-gradient(top, #b4b4b4, #9b9b9b); background-repeat: repeat-x; background-color: #696969; height: 24px; } #mail-compose .mail-compose_toolbar img[src$="svg"]:hover { -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); background-color: #189800; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjMTg5ODAwIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMTg5ODAwIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=); background-image: -moz-linear-gradient(top, #189800, #189800); background-image: -ms-linear-gradient(top, #189800, #189800); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#189800), to(#189800)); background-image: -webkit-linear-gradient(top, #189800, #189800); background-image: -o-linear-gradient(top, #189800, #189800); background-image: linear-gradient(top, #189800, #189800); background-repeat: repeat-x; } #mail-compose .mail-compose_toolbar span.et2_label { font-size: 8px; } #mail-compose .mail-compose_toolbar button.et2_button { /*.dimension_height_m;*/ /* &:hover {.box_shadow_standard_light_hover; background-color:@color_positive_action;} &:focus {.box_shadow_standard_light_inset; .background_color_15_gray;}*/ } #mail-compose .mail-compose_toolbar .mail-compose_button { height: 27px; margin-right: 3px !important; margin-top: 0px !important; padding: 0 3px 0 0; text-align: left; font-weight: bold; padding-left: 20px; width: 71px; float: left; background-image: url(images/mail_send.png) !important; background-position: left; background-repeat: no-repeat; background-size: 16px 16px; background-color: #0c5da5; color: #ffffff; } #mail-compose .mail-compose_toolbar .mail-compose_button:hover { -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); background-color: #189800; } #mail-compose .mail-compose_toolbar img[id="mail-compose_button[saveAsDraftAndPrint]"], #mail-compose .mail-compose_toolbar img[id="mail-compose_button[saveAsDraft]"] { vertical-align: middle; padding: 1px; margin: 3px; /*.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: 16px; } #mail-compose .mail-compose_toolbar img[id="mail-compose_button[saveAsDraftAndPrint]"]:hover, #mail-compose .mail-compose_toolbar img[id="mail-compose_button[saveAsDraft]"]:hover { -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); background-color: #189800; } #mail-compose .mail-compose_toolbar img[id="mail-compose_selectFromVFSForCompose"] { /*margin-left: 15px !important;*/ height: 16px; padding: 1px; margin: 3px; vertical-align: middle; float: left; /*.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; } #mail-compose .mail-compose_toolbar img[id="mail-compose_selectFromVFSForCompose"]:hover { -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); background-color: #189800; } #mail-compose .mail-compose_toolbar img[id="mail-compose_selectFromVFSForCompose"]:focus { -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); background-color: #d9d9d9; } #mail-compose .mail-compose_toolbar .et2_file, #mail-compose .mail-compose_toolbar .mail-compose_fileselector { float: left; vertical-align: middle; } #mail-compose .mail-compose_toolbar .et2_file input#mail-compose_uploadForCompose, #mail-compose .mail-compose_toolbar .mail-compose_fileselector input#mail-compose_uploadForCompose { /*font-size: 0.7em;*/ border: 1px solid rgba(0, 0, 0, 0.15); -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); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #000000; -webkit-transition-property: background-color; -moz-transition-property: background-color; -o-transition-property: background-color; transition-property: background-color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; background-color: #b4b4b4; padding-left: 30px !important; background-position: 6px center !important; background-repeat: no-repeat !important; background-size: 20px auto !important; width: auto; height: 32px; background-image: url(images/attach.png) !important; background-color: #fafafa; height: 16px; margin-left: 2px; margin-top: 2px; } #mail-compose .mail-compose_toolbar .et2_file input#mail-compose_uploadForCompose:hover, #mail-compose .mail-compose_toolbar .mail-compose_fileselector input#mail-compose_uploadForCompose:hover { -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); background-color: #189800; } #mail-compose .mail-compose_toolbar .et2_file input#mail-compose_uploadForCompose:focus, #mail-compose .mail-compose_toolbar .mail-compose_fileselector input#mail-compose_uploadForCompose:focus { -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); background-color: #d9d9d9; } #mail-compose .mail-compose_toolbar .et2_file div.progress, #mail-compose .mail-compose_toolbar .mail-compose_fileselector div.progress { width: 212px; } #mail-compose .mail-compose_toolbar #mail-compose_to_infolog { margin-right: 5px !important; } #mail-compose .mail-compose_toolbar #mail-compose_to_infolog:hover { -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); } #mail-compose .mail-compose_toolbar input[id="mail-compose_to_tracker"] { margin-right: 5px !important; } #mail-compose .mail-compose_toolbar input[id="mail-compose_to_tracker"]:hover { -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); } #mail-compose .mail-compose_toolbar #mail-compose_disposition { margin-right: 0px !important; } #mail-compose .mail-compose_toolbar #mail-compose_disposition:hover { -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); } #mail-compose .mail-compose_toolbar #mail-compose_priority { margin-right: 0px; font-size: 9px; } #mail-compose .mail-compose_toolbar #mail-compose_priority span.et2_label { margin-right: 3px; } #mail-compose table.et2_grid { float: left; } #mail-compose .mailComposeHeaders, #mail-compose .mailComposeHeadersSection { margin: 2px 0; width: 98%; /*Von*/ /*An*/ /*Kopie*/ /*Blindkopie*/ /*Betreff*/ /*HTML Box*/ } #mail-compose .mailComposeHeaders span, #mail-compose .mailComposeHeadersSection span { font-size: 0.8em; text-align: right; padding-right: 5px; } #mail-compose .mailComposeHeaders span.ms-close-btn, #mail-compose .mailComposeHeadersSection span.ms-close-btn { width: auto; background-repeat: no-repeat; padding-right: 8px; } #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 span#mail-compose_cc_expander, #mail-compose .mailComposeHeadersSection span#mail-compose_cc_expander { border: 1px solid rgba(0, 0, 0, 0.15); -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); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #000000; -webkit-transition-property: background-color; -moz-transition-property: background-color; -o-transition-property: background-color; transition-property: background-color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; background-color: #b4b4b4; float: left; width: 47px; margin: 3px; font-size: 8px; margin-left: 12px; } #mail-compose .mailComposeHeaders span#mail-compose_cc_expander:hover, #mail-compose .mailComposeHeadersSection span#mail-compose_cc_expander:hover { -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); background-color: #189800; color: #ffffff; } #mail-compose .mailComposeHeaders span#mail-compose_bcc_expander, #mail-compose .mailComposeHeadersSection span#mail-compose_bcc_expander { border: 1px solid rgba(0, 0, 0, 0.15); -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); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #000000; -webkit-transition-property: background-color; -moz-transition-property: background-color; -o-transition-property: background-color; transition-property: background-color; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; background-color: #b4b4b4; float: left; width: 47px; margin: 3px; font-size: 8px; margin-left: 12px; } #mail-compose .mailComposeHeaders span#mail-compose_bcc_expander:hover, #mail-compose .mailComposeHeadersSection span#mail-compose_bcc_expander:hover { -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); background-color: #189800; color: #ffffff; } #mail-compose .mailComposeHeaders input#mail-compose_subject, #mail-compose .mailComposeHeadersSection input#mail-compose_subject { max-width: 716px; } #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 fieldset.mailUploadSection { font-size: 0.8em; border: none; margin: 8px 0; background-color: #d9d9d9; } /* ################################################################################## * E-Mail Dialog "Ansehen" * Preview * ################################################################################## */ #mail-display { width: 870px; padding: 5px; } #mail-display .mailDisplayHeaderSection { top: 0; position: relative; /*Toolbar*/ } #mail-display .mailDisplayHeaderSection #mail-display_toolbar { background-color: #679fd2; background-image: none; padding: 5px 3px; height: 25px; display: -webkit-box; } #mail-display .mailDisplayHeaderSection #mail-display_toolbar 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: 20px; } #mail-display .mailDisplayHeaderSection #mail-display_toolbar button[id*="toolbar-composeasnew"]:active, #mail-display .mailDisplayHeaderSection #mail-display_toolbar button[id*="toolbar-reply"]:active, #mail-display .mailDisplayHeaderSection #mail-display_toolbar button[id*="toolbar-reply_all"]:active, #mail-display .mailDisplayHeaderSection #mail-display_toolbar button[id*="toolbar-forward"]:active, #mail-display .mailDisplayHeaderSection #mail-display_toolbar button[id*="toolbar-print"]:active, #mail-display .mailDisplayHeaderSection #mail-display_toolbar button[id*="toolbar-save"]:active, #mail-display .mailDisplayHeaderSection #mail-display_toolbar button[id*="toolbar-header"]:active { background-color: #1aa200; } #mail-display .mailDisplayHeaderSection #mail-display_toolbar button[id*="toolbar-unflagged"]:active, #mail-display .mailDisplayHeaderSection #mail-display_toolbar button[id*="toolbar-delete"]:active { background-color: #e12500; } #mail-display .mailDisplayHeaderSection #mail-display_toolbar button[id*="toolbar-infolog"]:active, #mail-display .mailDisplayHeaderSection #mail-display_toolbar button[id*="toolbar-tracker"]:active { background-color: .background_color_15_gray; } #mail-display .mailDisplayHeaderSection #mail-display_toolbar span.ui-state-default { float: left; background-image: none; } #mail-display .mailDisplayHeaderSection #mail-display_toolbar #mail-display_forward_wrapper li a img { width: 16px; margin-right: 3px; } #mail-display .mailDisplayHeaderSection #mail-display_toolbar #mail-display_save_wrapper button#mail-display_save { background-image: url('../images/speichern.png'); background-position: left center; background-repeat: no-repeat; background-size: 16px 16px; box-shadow: none; } #mail-display .mailDisplayHeaderSection #mail-display_toolbar #mail-display_save_wrapper button#mail-display_save:hover img { display: none; background-image: none; } #mail-display .mailDisplayHeaderSection #mail-display_toolbar #mail-display_save_wrapper button#mail-display_save:focus { box-shadow: none; } #mail-display .mailDisplayHeaderSection #mail-display_toolbar #mail-display_save_wrapper li a img { width: 16px; margin-right: 3px; } #mail-display .mailDisplayHeaderSection #mail-display_toolbar #mail-display_view_wrapper button#mail-display_view { box-shadow: none; } #mail-display .mailDisplayHeaderSection #mail-display_toolbar #mail-display_view_wrapper button#mail-display_view:hover img { display: none; background-image: none; } #mail-display .mailDisplayHeaderSection #mail-display_toolbar #mail-display_view_wrapper button#mail-display_view:focus { box-shadow: none; } #mail-display .mailDisplayHeaderSection #mail-display_toolbar #mail-display_view_wrapper li a img { width: 16px; margin-right: 3px; } #mail-display .mailDisplayHeaderSection #mail-display_toolbar #mail-display_mark_wrapper button#mail-display_mark { box-shadow: none; } #mail-display .mailDisplayHeaderSection #mail-display_toolbar #mail-display_mark_wrapper button#mail-display_mark:hover img { display: none; background-image: none; } #mail-display .mailDisplayHeaderSection #mail-display_toolbar #mail-display_mark_wrapper button#mail-display_mark:focus { box-shadow: none; } #mail-display .mailDisplayHeaderSection #mail-display_toolbar #mail-display_mark_wrapper li a img { width: 16px; margin-right: 3px; } #mail-display .mailDisplayAttachments { background-color: #f0f0f0; max-height: 10%; position: fixed; bottom: 26px; border: 0px solid #560ead; border-bottom: 0px; opacity: 1; -moz-opacity: 1; } #mail-display .mailDisplayAttachments img { width: 16px; } #mail-display .mail_DisplayNone { display: none; } /* ################################################################################## * 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: normal; } 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.labelone div, tr.labelone span, tr.labelone time, tr.labelone a { color: #ff0080 !important; } tr.labeltwo div, tr.labeltwo span, tr.labeltwo time, tr.labeltwo a { color: #ff8000 !important; } tr.labelthree div, tr.labelthree span, tr.labelthree time, tr.labelthree a { color: #008000 !important; } tr.labelfour div, tr.labelfour span, tr.labelfour time, tr.labelfour a { color: #0000ff !important; } tr.labelfive div, tr.labelfive span, tr.labelfive time, tr.labelfive a { color: #8000ff !important; } tr.flagged div, tr.flagged span, tr.flagged time, tr.flagged a { color: #ff0000 !important; } tr.prio_high div, tr.prio_high span, tr.prio_high time, tr.prio_high a { color: #ac0000 !important; } tr.deleted div, tr.deleted span, tr.deleted time, tr.deleted a { color: silver; text-decoration: line-through; } span.status_img { display: inline-block; width: 12px; height: 12px; background-repeat: no-repeat; background-image: url(images/kmmsgread.png); background-size: 12px 12px; } tr.deleted span.status_img { background-image: url(images/kmmsgdel.png); } tr.unseen span.status_img { background-image: url(images/kmmsgunseen.png); } tr.flagged_seen span.status_img { background-image: url(images/read_flagged_small.png) !important; } tr.flagged_unseen span.status_img { background-image: url(images/unread_flagged_small.png) !important; } tr.recent span.status_img { background-image: url(images/kmmsgnew.png) !important; } tr.replied span.status_img { background-image: url(images/kmmsgreplied.png) !important; } tr.forwarded span.status_img { background-image: url(images/kmmsgforwarded.png) !important; } .subjectBold { font-size: 12px; font-weight: bold; font-family: Arial; } .subject { font-size: 12px; font-family: Arial; } TR.sieveRowActive { font-size: 11px; height: 20px; padding: 0; background: White; } A.sieveRowActive { font-size: 11px; height: 14px; padding: 0; } TR.sieveRowInActive { font-size: 11px; height: 20px; padding: 0; background: White; color: Silver; } A.sieveRowInActive { font-size: 11px; height: 14px; padding: 0; color: Silver; } .bodyDIV { position: absolute; background-color: white; top: 134px; bottom: 0px; width: 100%; border-top: 1px solid #efefdf; } .bodyDIVAttachment { bottom: 80px; } #attachmentSpanAllDIV { background-color: #efefdf; height: 260px; overflow: auto; } #attachmentDIV { position: fixed; background-color: #efefdf; bottom: 0px; min-height: 80px; max-height: 239px; width: 100%; border-top: 1px solid silver; overflow: auto; } #popupattachmentDIV { position: top; background-color: #efefdf; bottom: 0px; min-height: 80px; max-height: 239px; width: 100%; border-top: 1px solid silver; overflow: auto; } pre { white-space: pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ width: 99%; } /* avoid the vertical scrollbar within the sidebox section (triggered by the vertical dimension of the tree) */ .divSidebox { overflow: hidden; } .textSidebox { overflow-x: hidden; overflow-y: auto; } /* avoid the vertical scrollbar within the actual tablecontainer (of the tree) */ .containerTableStyle { width: 100%; overflow: hidden; } .dtree { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #666; white-space: nowrap; } .dtree div { width: 100%; } .dtree img { border: 0px; vertical-align: middle; } .dtree a { color: #333; text-decoration: none; } .dtree a.node, .dtree a.nodeSel { white-space: nowrap; padding: 1px 2px 1px 2px; } .dtree a.node:hover, .dtree a.nodeSel:hover { color: #333; text-decoration: underline; } .dtree a.nodeSel { background-color: #c0d2ec; } .dtree .clip { overflow: hidden; } .dtree table, .dtree tr, .dtree td { border: none; } .dtree table { overflow: hidden; width: 100%; display: table-row; } .dtree tbody, .dtree tr, .dtree td, .dtree span { width: 100%; overflow: hidden; } .useEllipsis { text-overflow: ellipsis; width: 250px; white-space: nowrap; overflow: hidden; } #mail-index { position: relative; } .mail-index_quotabox { position: absolute; top: 8px; right: 74px; width: 200px !important; z-index: 99; } .mail-index_quotaDisplayNone { display: none !important; } .mail-index_QuotaGreen, .mail-index_QuotaYellow, .mail-index_QuotaRed { height: 12px !important; width: 100px !important; } .mail-index_QuotaGreen > div { background-color: green !important; height: 11px !important; } .mail-index_QuotaYellow > div { background-color: yellow !important; height: 11px !important; } .mail-index_QuotaRed > div { background-color: red !important; height: 11px !important; } /* 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(images/write_mail.png) !important; background-position: left; background-repeat: no-repeat; } .mailDisplay, #mail-index_mailPreview { overflow: hidden; position: relative; margin-top: 5px; } #mail-compose_fileselector { width: 245px !important; } #mail-compose_toolbar { padding: 0px !important; } #mail-compose_toolbar > button { padding: .2em .4em; } #mail-compose_toolbar > img { width: 16px; padding: 0px; height: 16px !important; } #mail-compose_toolbar > button > span > img { width: 16px; padding: 0px; height: 16px !important; } #mail-index_mailPreviewIcons { position: absolute; right: 0; top: 0; } #mail-index_mailPreviewContainer { position: absolute; border: 1px solid .color_10_gray; top: 80px; bottom: 0; left: 3px; right: 0; } /*#######################################################*/ /*# 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 { padding: 0px; background: none; margin: 5px 5px 0 0; border: none; /* Elemente */ } #mail-index_toolbar button { width: 24px !important; height: 24px !important; background-color: #e6e6e6; } #mail-index_toolbar button img[src$="svg"] { background-color: #6c6c6c; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjYjRiNGI0IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMDAwMDAwIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=); background-image: -moz-linear-gradient(top, #b4b4b4, #000000); background-image: -ms-linear-gradient(top, #b4b4b4, #000000); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b4b4b4), to(#000000)); background-image: -webkit-linear-gradient(top, #b4b4b4, #000000); background-image: -o-linear-gradient(top, #b4b4b4, #000000); background-image: linear-gradient(top, #b4b4b4, #000000); background-repeat: repeat-x; } #mail-index_toolbar button span { padding: 0; } #mail-index_toolbar button span img { width: 16px; height: 16px; padding: 0px; } #mail-index_toolbar button[id*="toolbar-composeasnew"]:focus, #mail-index_toolbar button[id*="toolbar-reply"]:focus, #mail-index_toolbar button[id*="toolbar-reply_all"]:focus, #mail-index_toolbar button[id*="toolbar-forward"]:focus, #mail-index_toolbar button[id*="toolbar-flagged"]:focus, #mail-index_toolbar button[id*="toolbar-print"]:focus, #mail-index_toolbar button[id*="toolbar-save"]:focus, #mail-index_toolbar button[id*="toolbar-header"]:focus { background-color: #189800; } #mail-index_toolbar button[id*="toolbar-composeasnew"]:hover, #mail-index_toolbar button[id*="toolbar-reply"]:hover, #mail-index_toolbar button[id*="toolbar-reply_all"]:hover, #mail-index_toolbar button[id*="toolbar-forward"]:hover, #mail-index_toolbar button[id*="toolbar-flagged"]:hover, #mail-index_toolbar button[id*="toolbar-print"]:hover, #mail-index_toolbar button[id*="toolbar-save"]:hover, #mail-index_toolbar button[id*="toolbar-header"]:hover { background-color: #189800; } #mail-index_toolbar button[id*="toolbar-composeasnew"]:active, #mail-index_toolbar button[id*="toolbar-reply"]:active, #mail-index_toolbar button[id*="toolbar-reply_all"]:active, #mail-index_toolbar button[id*="toolbar-forward"]:active, #mail-index_toolbar button[id*="toolbar-flagged"]:active, #mail-index_toolbar button[id*="toolbar-print"]:active, #mail-index_toolbar button[id*="toolbar-save"]:active, #mail-index_toolbar button[id*="toolbar-header"]:active { background-color: #189800; } #mail-index_toolbar button[id*="toolbar-unflagged"]:focus, #mail-index_toolbar button[id*="toolbar-delete"]:focus { background-color: #ae1d00; } #mail-index_toolbar button[id*="toolbar-unflagged"]:hover, #mail-index_toolbar button[id*="toolbar-delete"]:hover { background-color: #ae1d00; } #mail-index_toolbar button[id*="toolbar-unflagged"]:active, #mail-index_toolbar button[id*="toolbar-delete"]:active { background-color: #ae1d00; } #mail-index_toolbar button[id*="toolbar-infolog"]:focus, #mail-index_toolbar button[id*="toolbar-tracker"]:focus { background-color: #ffc200; } #mail-index_toolbar button[id*="toolbar-infolog"]:hover, #mail-index_toolbar button[id*="toolbar-tracker"]:hover { background-color: #ffc200; } #mail-index_toolbar button[id*="toolbar-infolog"]:active, #mail-index_toolbar button[id*="toolbar-tracker"]:active { background-color: #ffc200; } /*AN / To*/ div.mailPreviewHeaders div.mail_extraEmails { display: inline-block; max-height: 1.3em; max-width: 50%; overflow: hidden; text-overflow: ellipsis; } div.mailPreviewHeaders div.mail_extraEmails img.et2_button_icon { width: 24px; height: 24px; } #mail-index_previewAttachmentArea { background-color: #f0f0f0; border-color: #e6e6e6; border: 1px solid rgba(0, 0, 0, 0.15); max-height: 2.6em; } #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 img.et2_button_icon { width: 12px; height: 12px; } .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: 1px solid silver; top: 120px; bottom: 100px; } .mailDisplayHeaders { overflow: hidden; } .mailDisplayHeaderSection { position: absolute; top: 12px; } div.mailDisplayHeaders > div:first-parent { overflow: hidden; } div.mailDisplayHeaders > span:first-child, div.mailComposeHeaders > span:first-child, div.mailPreviewHeaders > span:first-child { width: 7em; display: inline-block; } div.mailComposeHeaders > span:first-child { width: 8em; } div.mailDisplayHeaders > span:first-child, div.mailComposeHeaders > span:first-child, div.mailComposeBody, div.mailPreviewHeaders > * { margin-left: 3px; } #mail-importMessage .et2_button_icon { height: auto; width: 24px; }