From feaba0de71996d6487320ce675574f6b57cabaf7 Mon Sep 17 00:00:00 2001 From: Hadi Nategh Date: Wed, 17 Feb 2016 17:43:41 +0000 Subject: [PATCH] Mobile theme W.I.P.: -Add mobile specific css files --- addressbook/templates/mobile/app.css | 102 + addressbook/templates/mobile/app.less | 121 + addressbook/templates/pixelegg/app.css | 91 - addressbook/templates/pixelegg/app.less | 107 - infolog/templates/mobile/app.css | 104 + infolog/templates/mobile/app.less | 119 + mail/templates/mobile/app.css | 2902 +++++++++++++++++++++++ mail/templates/mobile/app.less | 345 +++ mail/templates/pixelegg/app.css | 302 --- mail/templates/pixelegg/app.less | 326 --- 10 files changed, 3693 insertions(+), 826 deletions(-) create mode 100644 addressbook/templates/mobile/app.css create mode 100644 addressbook/templates/mobile/app.less create mode 100644 infolog/templates/mobile/app.css create mode 100644 infolog/templates/mobile/app.less create mode 100644 mail/templates/mobile/app.css create mode 100644 mail/templates/mobile/app.less diff --git a/addressbook/templates/mobile/app.css b/addressbook/templates/mobile/app.css new file mode 100644 index 0000000000..7f10f18aa3 --- /dev/null +++ b/addressbook/templates/mobile/app.css @@ -0,0 +1,102 @@ +/** + * + * Addressbook - 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 addressbook + * @version $Id: app.less 55033 2016-02-16 18:49:17Z hnategh $ + */ +@media all { + .et2_mobile_view div.et2_hbox.avatar { + width: 100px; + display: block; + height: 100px; + margin: auto; + } + .et2_mobile_view div.et2_hbox.avatar img { + width: 100px; + } + .et2_mobile_view .et2_email { + color: #26537c; + } + .et2_mobile_view #addressbook-view_n_fn { + border: none; + text-align: center; + font-size: 15pt; + } + .et2_mobile_view #addressbook-view_n_fn span { + font-size: 15pt; + } + #addressbook-edit div.et2_hbox.avatar { + width: 70px; + display: block; + height: 70px; + margin: auto; + } + #addressbook-edit div.et2_hbox.avatar img { + width: 70px; + } + #addressbook-edit #addressbook-edit_n_fn { + border: none; + text-align: center; + font-size: 12pt; + } + #addressbook-edit #addressbook-edit_adr_one_locality, + #addressbook-edit #addressbook-edit_adr_two_locality, + #addressbook-edit #addressbook-edit_room { + margin-left: 0; + } + #addressbook-edit a.et2_url.url, + #addressbook-edit a.et2_url.phone, + #addressbook-edit a.et2_url.email { + display: none !important; + } + #addressbook-index table.egwGridView_outer tbody span[id^='addressbook-index_'][id$='line1]'] { + font-size: 12pt; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + } + #addressbook-index table.egwGridView_outer tbody span[id^='addressbook-index_'][id$='line2]'] { + font-size: 12pt; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + font-weight: bold; + } + #addressbook-index table.egwGridView_outer tbody .addressbookCol2 .et2_box_widget { + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + width: 99%; + } + #addressbook-index table.egwGridView_outer tbody span[id^='addressbook-index_'][id$='adr_one_locality]'] { + font-size: 9pt; + display: inline-block; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + } + #addressbook-index table.egwGridView_outer tbody a[id^='addressbook-index_'][id$='email]'] { + font-size: 9pt; + padding-left: 3px; + display: inline; + overflow: hidden; + text-overflow: ellipsis; + color: #26537c; + white-space: nowrap; + } + #addressbook-index table.egwGridView_outer tbody a[id^='addressbook-index_'][id$='tel_cell]'], + #addressbook-index table.egwGridView_outer tbody a[id^='addressbook-index_'][id$='tel_work]'] { + font-size: 9pt; + padding-left: 3px; + display: inline; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + } +} diff --git a/addressbook/templates/mobile/app.less b/addressbook/templates/mobile/app.less new file mode 100644 index 0000000000..ebcc9a0f81 --- /dev/null +++ b/addressbook/templates/mobile/app.less @@ -0,0 +1,121 @@ +/** + * + * Addressbook - 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 addressbook + * @version $Id: app.less 55033 2016-02-16 18:49:17Z hnategh $ + */ + +@import (reference) "../../../pixelegg/less/definitions.less"; +@import (reference) "../../../pixelegg/less/def_mobile.less"; + +@media all{ + .et2_mobile_view { + div.et2_hbox.avatar { + width: 100px; + display: block; + height: 100px; + margin: auto; + + img { + width: 100px; + } + } + .et2_email { + color:#26537c; + } + #addressbook-view_n_fn { + border: none; + text-align: center; + span { + .mob-fontsize-xl; + } + .mob-fontsize-xl; + } + } + #addressbook-edit { + div.et2_hbox.avatar { + width: 70px; + display: block; + height: 70px; + margin: auto; + + img { + width: 70px; + } + } + #addressbook-edit_n_fn { + border: none; + text-align: center; + .mob-fontsize-l; + } + #addressbook-edit_adr_one_locality, #addressbook-edit_adr_two_locality, #addressbook-edit_room{ + margin-left:0; + } + a.et2_url.url, a.et2_url.phone, a.et2_url.email { + display: none !important; + } + } + + #addressbook-index { + table.egwGridView_outer tbody { + + span[id^='addressbook-index_'][id$='line1]'] { + .mob-fontsize-l; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + } + span[id^='addressbook-index_'][id$='line2]']{ + .mob-fontsize-l; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + font-weight: bold; + } + .addressbookCol2 { + .et2_box_widget { + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + width:99%; + } + + } + + span[id^='addressbook-index_'][id$='adr_one_locality]'] + { + .mob-fontsize-s; + display: inline-block; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + + } + a[id^='addressbook-index_'][id$='email]']{ + .mob-fontsize-s; + padding-left: 3px; + display: inline; + overflow: hidden; + text-overflow: ellipsis; + color: #26537c; + white-space: nowrap; + } + a[id^='addressbook-index_'][id$='tel_cell]'], + a[id^='addressbook-index_'][id$='tel_work]'] + { + .mob-fontsize-s; + padding-left: 3px; + display: inline; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + } + } + } +} diff --git a/addressbook/templates/pixelegg/app.css b/addressbook/templates/pixelegg/app.css index 8d637f1ccb..5c2c1c74a7 100755 --- a/addressbook/templates/pixelegg/app.css +++ b/addressbook/templates/pixelegg/app.css @@ -381,94 +381,3 @@ select#addressbook-index_col_filter\[tid\] { margin-right: 6px; } } -/* tablets and smartphones */ -@media only screen and (max-device-width: 1024px) { - .et2_mobile_view div.et2_hbox.avatar { - width: 100px; - display: block; - height: 100px; - margin: auto; - } - .et2_mobile_view div.et2_hbox.avatar img { - width: 100px; - } - .et2_mobile_view .et2_email { - color: #26537c; - } - .et2_mobile_view #addressbook-view_n_fn { - border: none; - text-align: center; - font-size: 15pt; - } - .et2_mobile_view #addressbook-view_n_fn span { - font-size: 15pt; - } - #addressbook-edit div.et2_hbox.avatar { - width: 70px; - display: block; - height: 70px; - margin: auto; - } - #addressbook-edit div.et2_hbox.avatar img { - width: 70px; - } - #addressbook-edit #addressbook-edit_n_fn { - border: none; - text-align: center; - font-size: 12pt; - } - #addressbook-edit #addressbook-edit_adr_one_locality, - #addressbook-edit #addressbook-edit_adr_two_locality, - #addressbook-edit #addressbook-edit_room { - margin-left: 0; - } - #addressbook-edit a.et2_url.url, - #addressbook-edit a.et2_url.phone, - #addressbook-edit a.et2_url.email { - display: none !important; - } - #addressbook-index table.egwGridView_outer tbody span[id^='addressbook-index_'][id$='line1]'] { - font-size: 12pt; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - } - #addressbook-index table.egwGridView_outer tbody span[id^='addressbook-index_'][id$='line2]'] { - font-size: 12pt; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - font-weight: bold; - } - #addressbook-index table.egwGridView_outer tbody .addressbookCol2 .et2_box_widget { - text-overflow: ellipsis; - overflow: hidden; - white-space: nowrap; - width: 99%; - } - #addressbook-index table.egwGridView_outer tbody span[id^='addressbook-index_'][id$='adr_one_locality]'] { - font-size: 9pt; - display: inline-block; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - } - #addressbook-index table.egwGridView_outer tbody a[id^='addressbook-index_'][id$='email]'] { - font-size: 9pt; - padding-left: 3px; - display: inline; - overflow: hidden; - text-overflow: ellipsis; - color: #26537c; - white-space: nowrap; - } - #addressbook-index table.egwGridView_outer tbody a[id^='addressbook-index_'][id$='tel_cell]'], - #addressbook-index table.egwGridView_outer tbody a[id^='addressbook-index_'][id$='tel_work]'] { - font-size: 9pt; - padding-left: 3px; - display: inline; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - } -} diff --git a/addressbook/templates/pixelegg/app.less b/addressbook/templates/pixelegg/app.less index b29684f38f..35eba7bdcd 100755 --- a/addressbook/templates/pixelegg/app.less +++ b/addressbook/templates/pixelegg/app.less @@ -270,110 +270,3 @@ div.addressbook_edit_general_picture img { } // Ende Media all - -/* tablets and smartphones */ -@media only screen and (max-device-width:1024px) { - .et2_mobile_view { - div.et2_hbox.avatar { - width: 100px; - display: block; - height: 100px; - margin: auto; - - img { - width: 100px; - } - } - .et2_email { - color:#26537c; - } - #addressbook-view_n_fn { - border: none; - text-align: center; - span { - .mob-fontsize-xl; - } - .mob-fontsize-xl; - } - } - #addressbook-edit { - div.et2_hbox.avatar { - width: 70px; - display: block; - height: 70px; - margin: auto; - - img { - width: 70px; - } - } - #addressbook-edit_n_fn { - border: none; - text-align: center; - .mob-fontsize-l; - } - #addressbook-edit_adr_one_locality, #addressbook-edit_adr_two_locality, #addressbook-edit_room{ - margin-left:0; - } - a.et2_url.url, a.et2_url.phone, a.et2_url.email { - display: none !important; - } - } - - #addressbook-index { - table.egwGridView_outer tbody { - - span[id^='addressbook-index_'][id$='line1]'] { - .mob-fontsize-l; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - } - span[id^='addressbook-index_'][id$='line2]']{ - .mob-fontsize-l; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - font-weight: bold; - } - .addressbookCol2 { - .et2_box_widget { - text-overflow: ellipsis; - overflow: hidden; - white-space: nowrap; - width:99%; - } - - } - - span[id^='addressbook-index_'][id$='adr_one_locality]'] - { - .mob-fontsize-s; - display: inline-block; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - - } - a[id^='addressbook-index_'][id$='email]']{ - .mob-fontsize-s; - padding-left: 3px; - display: inline; - overflow: hidden; - text-overflow: ellipsis; - color: #26537c; - white-space: nowrap; - } - a[id^='addressbook-index_'][id$='tel_cell]'], - a[id^='addressbook-index_'][id$='tel_work]'] - { - .mob-fontsize-s; - padding-left: 3px; - display: inline; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - } - } - } -} diff --git a/infolog/templates/mobile/app.css b/infolog/templates/mobile/app.css new file mode 100644 index 0000000000..f00313e7d1 --- /dev/null +++ b/infolog/templates/mobile/app.css @@ -0,0 +1,104 @@ +/** + * + * INFOLOG - 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 infolog + * @version $Id: app.less 55033 2016-02-16 18:49:17Z hnategh $ + */ +@media all { + #infolog-index_nm .gridCont_0_div_col_0.innerContainer { + min-width: auto; + } + div.infoDescRow { + height: 32px; + font-size: 9pt; + max-width: 99%; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + padding-top: 8px; + } + div.infoLinksRow, + div.infoLinksRow ul[id^='infolog-index_'][id$='filelinks]'] { + font-size: 9pt; + max-width: 99%; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap !important; + } + label[id^='infolog-index_'][id$='info_enddate]'] { + font-size: 8pt; + } + label[id^='infolog-index_'][id$='info_enddate]'] time { + float: none; + font-weight: normal; + } + label[id^='infolog-index_'][id$='info_startdate]'] { + font-size: 8pt; + } + label[id^='infolog-index_'][id$='info_startdate]'] time { + float: none; + } + ul[id^='infolog-index_'][id$='info_responsible]'] { + overflow: hidden; + white-space: nowrap; + max-height: 15px; + } + ul[id^='infolog-index_'][id$='info_responsible]'] li { + font-size: 9pt; + text-align: right; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + padding-right: 8px; + } + ul[id^='infolog-index_'][id$='filelinks]'] { + white-space: nowrap !important; + } + .infoSubRow span[id^='infolog-index_'][id$='info_subject]'] { + white-space: nowrap; + } + label[id^='infolog-index_'][id$='info_link]'] { + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + width: 100%; + font-size: 9pt; + font-weight: normal; + } + infolog_rowHasSubs span.arrow, + table.egwGridView_grid span.arrow.closed { + display: none !important; + } + tr.infolog_rowHasParent > td:first-child { + background: none !important; + } + div.et2_vbox.infolog_CompletedClmn { + display: table-caption; + } + select#infolog-edit_pl_id { + width: 52%; + margin-left: 5px; + } + /*Disable notification label in view mode*/ + #infolog-view tr.dialogHeadbar div.et2_hbox { + display: none; + } + .infolog_CompletedClmn .infoPercent { + height: 23px; + float: right; + } + .infolog_CompletedClmn .infoType { + position: relative; + height: 30px; + } + .infolog_CompletedClmn .infoType img { + position: absolute; + right: 0; + } +} diff --git a/infolog/templates/mobile/app.less b/infolog/templates/mobile/app.less new file mode 100644 index 0000000000..9867982f12 --- /dev/null +++ b/infolog/templates/mobile/app.less @@ -0,0 +1,119 @@ +/** + * + * INFOLOG - 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 infolog + * @version $Id: app.less 55033 2016-02-16 18:49:17Z hnategh $ + */ + + +@import (reference) "../../../pixelegg/less/def_buttons.less"; +@import (reference) "../../../pixelegg/less/def_mobile.less"; + +@media all { + #infolog-index_nm .gridCont_0_div_col_0.innerContainer { + min-width: auto; + } + div.infoDescRow { + height:32px; + .mob-fontsize-s; + max-width: 99%; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + padding-top: 8px; + } + div.infoLinksRow, div.infoLinksRow ul[id^='infolog-index_'][id$='filelinks]'] { + .mob-fontsize-s; + max-width: 99%; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap !important; + } + label[id^='infolog-index_'][id$='info_enddate]'] { + .mob-fontsize-xs; + + time { + float: none; + font-weight: normal; + } + } + label[id^='infolog-index_'][id$='info_startdate]']{ + .mob-fontsize-xs; + time { + float: none; + } + } + ul[id^='infolog-index_'][id$='info_responsible]'] { + overflow:hidden; + white-space:nowrap; + max-height: 15px; + li{ + .mob-fontsize-s; + text-align: right; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + padding-right: 8px; + } + } + ul[id^='infolog-index_'][id$='filelinks]'] + { + white-space: nowrap !important; + } + .infoSubRow { + span[id^='infolog-index_'][id$='info_subject]'] { + white-space: nowrap; + } + } + label[id^='infolog-index_'][id$='info_link]'] + { + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + width: 100%; + .mob-fontsize-s; + font-weight: normal; + } + infolog_rowHasSubs span.arrow, + table.egwGridView_grid span.arrow.closed{ + display: none !important; + } + tr.infolog_rowHasParent > td:first-child { + background: none !important; + } + div.et2_vbox.infolog_CompletedClmn { + display: table-caption; + } + select#infolog-edit_pl_id { + width:52%; + margin-left:5px; + } + /*Disable notification label in view mode*/ + #infolog-view { + tr.dialogHeadbar{ + div.et2_hbox { + display:none; + } + } + } + .infolog_CompletedClmn { + .infoPercent{ + height:23px; + float:right; + } + .infoType{ + position: relative; + height: 30px; + img{ + position: absolute; + right:0; + } + } + } +} \ No newline at end of file diff --git a/mail/templates/mobile/app.css b/mail/templates/mobile/app.css new file mode 100644 index 0000000000..f1fe0a50e1 --- /dev/null +++ b/mail/templates/mobile/app.css @@ -0,0 +1,2902 @@ +/** + * + * 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 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; +} +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 { + 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; +} +.useEllipsis { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + word-wrap: break-word; + max-width: 0px; +} +#mail-index { + position: relative; +} +.mail-index_quotabox { + position: absolute; + top: 8px; + right: 74px; + width: 200px !important; + z-index: 99; +} +.mail-index_vacation { + position: absolute; + top: 3px; + right: 190px; + width: 250px !important; + z-index: 99; +} +.mail-index_vacation > div { + text-align: center; +} +.mail-index_vacation > div > span { + color: red; +} +.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; + 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\] { + 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_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(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(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; +} +.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; +} +#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; + border: 1px solid silver; + top: 9em; + bottom: 0; + left: 3px; + right: 0; +} +#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; +} +.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: .1em; +} +.mailDisplayBody { + height: 100%; + width: 100%; + background-color: white; + padding: 0px; + margin: 0px; +} +.mailDisplayAttachments { + height: 121px; + position: fixed; + bottom: .1em; + border-top: 1px solid grey; + opacity: 1; + -moz-opacity: 1; + filter: alpha(opacity=100); +} +#mail-display_mailDisplayBodySrc { + height: 100%; +} +#divGenTime_mail { + display: none; +} +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 > span:first-child, +div.mailComposeHeaders > span:first-child, +div.mailComposeBody, +div.mailPreviewHeaders > * { + margin-left: 3px; +} +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; + 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; +} +#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubject { + width: 58%; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; +} +#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubject > span { + white-space: nowrap; +} +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; + } +} +/* 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; +} +#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 div#mail-index_nm div.nextmatch_header div.filters select { + margin-top: 9px; +} +#mail-index div#mail-index_nm div.nextmatch_header div.filters input#mail-index_search { + /*height: 20px !important;*/ +} +#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); +} +#mail-index div#mail-index_nm tr.mail td img[src*="svg"] { + background-color: #505050; + background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjNTA1MDUwIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjNTA1MDUwIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=); + background-image: -moz-linear-gradient(top, #505050, #505050); + background-image: -ms-linear-gradient(top, #505050, #505050); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#505050), to(#505050)); + background-image: -webkit-linear-gradient(top, #505050, #505050); + background-image: -o-linear-gradient(top, #505050, #505050); + background-image: linear-gradient(top, #505050, #505050); + background-repeat: repeat-x; +} +#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); +} +#mail-index div.splitter-bar, +#mail-index div.splitter-bar-horizontal { + background-color: #ffc200; +} +#mail-index div#mail-index_mailPreview { + margin: 0; + background-color: #fafafa; +} +#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 { + width: 58%; + 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 { + /*new mail in FOlder + span.standartTreeRow b {color: @egw_color_2_a;} + */ + /*move Mail*/ + /* .draggedOver { + background-color: @color_hint; + }*/ +} +.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: 24px; + /* height: auto;*/ + background-image: none; + -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; + 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: #696969; + height: 32px; +} +.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 { + background-color: #1aa200 !important; + color: #ffc200; + -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; + color: #1e1e1e; +} +.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, "Lucida Grande", Helvetica, Sans-Serif; +} +.egw_fw_ui_category_content .selectedTreeRow, +.egw_fw_ui_category_content .selectedTreeRow_lor { + background-color: #ffc200; + color: #1e1e1e; + text-decoration: none; +} +.egw_fw_ui_category_content .standartTreeRow_lor { + background-color: rgba(103, 159, 210, 0.2); + 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 .et2_toolbar button.toolbar_toggled:hover { + background-color: white !important; +} +#mail-compose #mail-compose_composeToolbar button#composeToolbar-send { + height: 24px; + /*margin-right: 3px !important;*/ + margin-top: 0.7px !important; + padding: 0 3px 0 0; + text-align: left; + font-weight: normal; + padding-left: 20px; + float: left; + background-image: url(images/mail_send.png); + background-position: left; + background-repeat: no-repeat; + background-size: 16px 16px; + background-color: #0c5da5; + color: #ffffff; +} +#mail-compose #mail-compose_composeToolbar button#composeToolbar-send: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_composeToolbar button#composeToolbar-send:disabled { + background-color: rgba(12, 93, 165, 0.2) !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: #ffc200; +} +#mail-compose table.et2_grid { + display: inline-block; +} +#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 { + font-size: 0.8em; + 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 { + 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 #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_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_replyto_expander, +#mail-compose .mailComposeHeadersSection span#mail-compose_replyto_expander { + /*.border_normal;*/ + /*.box_shadow_standard_light;*/ + /*.rounded (3px);*/ + color: #000000; + -webkit-appearance: none; + -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: 55px; + margin: 3px; + font-size: 8px; + margin-left: 12px; + padding: 0; +} +#mail-compose .mailComposeHeaders span#mail-compose_cc_expander:hover, +#mail-compose .mailComposeHeadersSection span#mail-compose_cc_expander:hover, +#mail-compose .mailComposeHeaders span#mail-compose_bcc_expander:hover, +#mail-compose .mailComposeHeadersSection span#mail-compose_bcc_expander:hover, +#mail-compose .mailComposeHeaders span#mail-compose_folder_expander:hover, +#mail-compose .mailComposeHeadersSection span#mail-compose_folder_expander:hover, +#mail-compose .mailComposeHeaders span#mail-compose_replyto_expander:hover, +#mail-compose .mailComposeHeadersSection span#mail-compose_replyto_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 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%; +} +#divGenTime_mail { + display: none; +} +/* ################################################################################## + * E-Mail Dialog "Ansehen" + * Preview + * ################################################################################## + */ +#mail-display { + min-height: 768px; + padding: 5px; + /*.mailDisplayHeaderSection{*/ + /*top: 0;*/ + /*position: relative;*/ + /*Toolbar*/ + /*}*/ +} +#mail-display .et2_toolbar, +#mail-display #mail-display_toolbar, +#mail-display mail-display_displayToolbar { + /*.gradient_thead;*/ + background-color: transparent; + color: #000000; + clear: both; + /* padding: 5px 3px;*/ + height: 36px; + /*display: -webkit-box;*/ + /*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 button[id*="toolbar-composeasnew"]:active, +#mail-display #mail-display_toolbar button[id*="toolbar-composeasnew"]:active, +#mail-display mail-display_displayToolbar button[id*="toolbar-composeasnew"]:active, +#mail-display .et2_toolbar button[id*="toolbar-reply"]:active, +#mail-display #mail-display_toolbar button[id*="toolbar-reply"]:active, +#mail-display mail-display_displayToolbar button[id*="toolbar-reply"]:active, +#mail-display .et2_toolbar button[id*="toolbar-reply_all"]:active, +#mail-display #mail-display_toolbar button[id*="toolbar-reply_all"]:active, +#mail-display mail-display_displayToolbar button[id*="toolbar-reply_all"]:active, +#mail-display .et2_toolbar button[id*="toolbar-forward"]:active, +#mail-display #mail-display_toolbar button[id*="toolbar-forward"]:active, +#mail-display mail-display_displayToolbar button[id*="toolbar-forward"]:active, +#mail-display .et2_toolbar button[id*="toolbar-print"]:active, +#mail-display #mail-display_toolbar button[id*="toolbar-print"]:active, +#mail-display mail-display_displayToolbar button[id*="toolbar-print"]:active, +#mail-display .et2_toolbar button[id*="toolbar-save"]:active, +#mail-display #mail-display_toolbar button[id*="toolbar-save"]:active, +#mail-display mail-display_displayToolbar button[id*="toolbar-save"]:active, +#mail-display .et2_toolbar button[id*="toolbar-header"]:active, +#mail-display #mail-display_toolbar button[id*="toolbar-header"]:active, +#mail-display mail-display_displayToolbar button[id*="toolbar-header"]:active { + background-color: #1aa200; +} +#mail-display .et2_toolbar button[id*="toolbar-unflagged"]:active, +#mail-display #mail-display_toolbar button[id*="toolbar-unflagged"]:active, +#mail-display mail-display_displayToolbar button[id*="toolbar-unflagged"]:active, +#mail-display .et2_toolbar button[id*="toolbar-delete"]:active, +#mail-display #mail-display_toolbar button[id*="toolbar-delete"]:active, +#mail-display mail-display_displayToolbar button[id*="toolbar-delete"]:active { + background-color: #e12500; +} +#mail-display .et2_toolbar button[id*="toolbar-infolog"]:active, +#mail-display #mail-display_toolbar button[id*="toolbar-infolog"]:active, +#mail-display mail-display_displayToolbar button[id*="toolbar-infolog"]:active, +#mail-display .et2_toolbar button[id*="toolbar-tracker"]:active, +#mail-display #mail-display_toolbar button[id*="toolbar-tracker"]:active, +#mail-display mail-display_displayToolbar button[id*="toolbar-tracker"]:active, +#mail-display .et2_toolbar button[id*="toolbar-calendar"]:active, +#mail-display #mail-display_toolbar button[id*="toolbar-calendar"]:active, +#mail-display mail-display_displayToolbar button[id*="toolbar-calendar"]:active { + background-color: .background_color_15_gray; +} +#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('../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 .et2_toolbar #toolbar-actionlist button [src*="svg"], +#mail-display #mail-display_toolbar #toolbar-actionlist button [src*="svg"], +#mail-display mail-display_displayToolbar #toolbar-actionlist button [src*="svg"] { + background-color: #1e1e1e; + background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjMWUxZTFlIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMWUxZTFlIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=); + background-image: -moz-linear-gradient(top, #1e1e1e, #1e1e1e); + background-image: -ms-linear-gradient(top, #1e1e1e, #1e1e1e); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1e1e1e), to(#1e1e1e)); + background-image: -webkit-linear-gradient(top, #1e1e1e, #1e1e1e); + background-image: -o-linear-gradient(top, #1e1e1e, #1e1e1e); + background-image: linear-gradient(top, #1e1e1e, #1e1e1e); + background-repeat: repeat-x; +} +#mail-display .et2_toolbar #toolbar-actionlist button[id*="toolbar-composeasnew"]:hover, +#mail-display #mail-display_toolbar #toolbar-actionlist button[id*="toolbar-composeasnew"]:hover, +#mail-display mail-display_displayToolbar #toolbar-actionlist button[id*="toolbar-composeasnew"]:hover, +#mail-display .et2_toolbar #toolbar-actionlist button[id*="toolbar-reply"]:hover, +#mail-display #mail-display_toolbar #toolbar-actionlist button[id*="toolbar-reply"]:hover, +#mail-display mail-display_displayToolbar #toolbar-actionlist button[id*="toolbar-reply"]:hover, +#mail-display .et2_toolbar #toolbar-actionlist button[id*="toolbar-reply_all"]:hover, +#mail-display #mail-display_toolbar #toolbar-actionlist button[id*="toolbar-reply_all"]:hover, +#mail-display mail-display_displayToolbar #toolbar-actionlist button[id*="toolbar-reply_all"]:hover, +#mail-display .et2_toolbar #toolbar-actionlist button[id*="toolbar-forward"]:hover, +#mail-display #mail-display_toolbar #toolbar-actionlist button[id*="toolbar-forward"]:hover, +#mail-display mail-display_displayToolbar #toolbar-actionlist button[id*="toolbar-forward"]:hover, +#mail-display .et2_toolbar #toolbar-actionlist button[id*="toolbar-print"]:hover, +#mail-display #mail-display_toolbar #toolbar-actionlist button[id*="toolbar-print"]:hover, +#mail-display mail-display_displayToolbar #toolbar-actionlist button[id*="toolbar-print"]:hover, +#mail-display .et2_toolbar #toolbar-actionlist button[id*="toolbar-save"]:hover, +#mail-display #mail-display_toolbar #toolbar-actionlist button[id*="toolbar-save"]:hover, +#mail-display mail-display_displayToolbar #toolbar-actionlist button[id*="toolbar-save"]:hover, +#mail-display .et2_toolbar #toolbar-actionlist button[id*="toolbar-header"]:hover, +#mail-display #mail-display_toolbar #toolbar-actionlist button[id*="toolbar-header"]:hover, +#mail-display mail-display_displayToolbar #toolbar-actionlist button[id*="toolbar-header"]:hover { + background-color: #1aa200; +} +#mail-display .et2_toolbar #toolbar-actionlist button[id*="toolbar-composeasnew"]:active, +#mail-display #mail-display_toolbar #toolbar-actionlist button[id*="toolbar-composeasnew"]:active, +#mail-display mail-display_displayToolbar #toolbar-actionlist button[id*="toolbar-composeasnew"]:active, +#mail-display .et2_toolbar #toolbar-actionlist button[id*="toolbar-reply"]:active, +#mail-display #mail-display_toolbar #toolbar-actionlist button[id*="toolbar-reply"]:active, +#mail-display mail-display_displayToolbar #toolbar-actionlist button[id*="toolbar-reply"]:active, +#mail-display .et2_toolbar #toolbar-actionlist button[id*="toolbar-reply_all"]:active, +#mail-display #mail-display_toolbar #toolbar-actionlist button[id*="toolbar-reply_all"]:active, +#mail-display mail-display_displayToolbar #toolbar-actionlist button[id*="toolbar-reply_all"]:active, +#mail-display .et2_toolbar #toolbar-actionlist button[id*="toolbar-forward"]:active, +#mail-display #mail-display_toolbar #toolbar-actionlist button[id*="toolbar-forward"]:active, +#mail-display mail-display_displayToolbar #toolbar-actionlist button[id*="toolbar-forward"]:active, +#mail-display .et2_toolbar #toolbar-actionlist button[id*="toolbar-print"]:active, +#mail-display #mail-display_toolbar #toolbar-actionlist button[id*="toolbar-print"]:active, +#mail-display mail-display_displayToolbar #toolbar-actionlist button[id*="toolbar-print"]:active, +#mail-display .et2_toolbar #toolbar-actionlist button[id*="toolbar-save"]:active, +#mail-display #mail-display_toolbar #toolbar-actionlist button[id*="toolbar-save"]:active, +#mail-display mail-display_displayToolbar #toolbar-actionlist button[id*="toolbar-save"]:active, +#mail-display .et2_toolbar #toolbar-actionlist button[id*="toolbar-header"]:active, +#mail-display #mail-display_toolbar #toolbar-actionlist button[id*="toolbar-header"]:active, +#mail-display mail-display_displayToolbar #toolbar-actionlist button[id*="toolbar-header"]:active { + background-color: #1aa200; +} +#mail-display .et2_toolbar #toolbar-actionlist button[id*="toolbar-unflagged"]:hover, +#mail-display #mail-display_toolbar #toolbar-actionlist button[id*="toolbar-unflagged"]:hover, +#mail-display mail-display_displayToolbar #toolbar-actionlist button[id*="toolbar-unflagged"]:hover, +#mail-display .et2_toolbar #toolbar-actionlist button[id*="toolbar-delete"]:hover, +#mail-display #mail-display_toolbar #toolbar-actionlist button[id*="toolbar-delete"]:hover, +#mail-display mail-display_displayToolbar #toolbar-actionlist button[id*="toolbar-delete"]:hover { + background-color: #e12500; +} +#mail-display .et2_toolbar #toolbar-actionlist button[id*="toolbar-unflagged"]:active, +#mail-display #mail-display_toolbar #toolbar-actionlist button[id*="toolbar-unflagged"]:active, +#mail-display mail-display_displayToolbar #toolbar-actionlist button[id*="toolbar-unflagged"]:active, +#mail-display .et2_toolbar #toolbar-actionlist button[id*="toolbar-delete"]:active, +#mail-display #mail-display_toolbar #toolbar-actionlist button[id*="toolbar-delete"]:active, +#mail-display mail-display_displayToolbar #toolbar-actionlist button[id*="toolbar-delete"]:active { + background-color: #e12500; +} +#mail-display .et2_toolbar #toolbar-actionlist button[id*="toolbar-infolog"]:hover, +#mail-display #mail-display_toolbar #toolbar-actionlist button[id*="toolbar-infolog"]:hover, +#mail-display mail-display_displayToolbar #toolbar-actionlist button[id*="toolbar-infolog"]:hover, +#mail-display .et2_toolbar #toolbar-actionlist button[id*="toolbar-tracker"]:hover, +#mail-display #mail-display_toolbar #toolbar-actionlist button[id*="toolbar-tracker"]:hover, +#mail-display mail-display_displayToolbar #toolbar-actionlist button[id*="toolbar-tracker"]:hover, +#mail-display .et2_toolbar #toolbar-actionlist button[id*="toolbar-calendar"]:hover, +#mail-display #mail-display_toolbar #toolbar-actionlist button[id*="toolbar-calendar"]:hover, +#mail-display mail-display_displayToolbar #toolbar-actionlist button[id*="toolbar-calendar"]:hover { + background-color: #ffc200; +} +#mail-display .et2_toolbar #toolbar-actionlist button[id*="toolbar-infolog"]:active, +#mail-display #mail-display_toolbar #toolbar-actionlist button[id*="toolbar-infolog"]:active, +#mail-display mail-display_displayToolbar #toolbar-actionlist button[id*="toolbar-infolog"]:active, +#mail-display .et2_toolbar #toolbar-actionlist button[id*="toolbar-tracker"]:active, +#mail-display #mail-display_toolbar #toolbar-actionlist button[id*="toolbar-tracker"]:active, +#mail-display mail-display_displayToolbar #toolbar-actionlist button[id*="toolbar-tracker"]:active, +#mail-display .et2_toolbar #toolbar-actionlist button[id*="toolbar-calendar"]:active, +#mail-display #mail-display_toolbar #toolbar-actionlist button[id*="toolbar-calendar"]:active, +#mail-display mail-display_displayToolbar #toolbar-actionlist button[id*="toolbar-calendar"]:active { + background-color: .background_color_15_gray; +} +#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 { + /* background: @gray_10 !important; + background-color: @gray_10 !important;*/ + 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: #ffc200; + color: #1e1e1e; + text-decoration: none; +} +#mail-subscribe .standartTreeRow_lor, +#mail-folder_management .standartTreeRow_lor { + background-color: rgba(103, 159, 210, 0.2); + 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.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; +} +.useEllipsis { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + word-wrap: break-word; +} +#mail-index { + position: relative; +} +.mail-index_quotabox { + position: absolute; + top: 29px; + right: -72px; + width: 200px !important; + z-index: 99; +} +.mail-index_quotabox div.et2_progress { + background-color: #b4b4b4 !important; +} +.mail-index_quotabox div.et2_progress > div { + min-height: 4px !important; +} +.mail-index_quotaDisplayNone { + display: none !important; +} +.mail-index_QuotaGreen, +.mail-index_QuotaYellow, +.mail-index_QuotaRed { + height: 4px !important; + width: 100px !important; +} +.mail-index_QuotaGreen > div { + background-color: green !important; + height: 4px !important; +} +.mail-index_QuotaYellow > div { + background-color: yellow !important; + height: 4px !important; +} +.mail-index_QuotaRed > div { + background-color: red !important; + height: 4px !important; +} +.mail-index_vacation { + position: absolute; + top: 3px; + right: 190px; + width: 250px !important; + z-index: 99; +} +.mail-index_vacation > div { + text-align: center; +} +.mail-index_vacation > div > span { + color: red; +} +/* + 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 { + position: relative; + background-color: transparent; + width: 100%; +} +#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: 1px solid .color_10_gray; + top: 113px; + 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 #toolbar-actionlist { + margin-top: 3px; +} +#mail-index_toolbar button { + height: 24px !important; +} +#mail-index_toolbar button img[src$="svg"] { + background-color: #696969; + background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjNjk2OTY5IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjNjk2OTY5IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=); + background-image: -moz-linear-gradient(top, #696969, #696969); + background-image: -ms-linear-gradient(top, #696969, #696969); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#696969), to(#696969)); + background-image: -webkit-linear-gradient(top, #696969, #696969); + background-image: -o-linear-gradient(top, #696969, #696969); + background-image: linear-gradient(top, #696969, #696969); + background-repeat: repeat-x; + background-color: #000000; +} +#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; + 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-index_toolbar button[id*="toolbar-composeasnew"]:focus img[src$="svg"], +#mail-index_toolbar button[id*="toolbar-reply"]:focus img[src$="svg"], +#mail-index_toolbar button[id*="toolbar-reply_all"]:focus img[src$="svg"], +#mail-index_toolbar button[id*="toolbar-forward"]:focus img[src$="svg"], +#mail-index_toolbar button[id*="toolbar-flagged"]:focus img[src$="svg"], +#mail-index_toolbar button[id*="toolbar-print"]:focus img[src$="svg"], +#mail-index_toolbar button[id*="toolbar-save"]:focus img[src$="svg"], +#mail-index_toolbar button[id*="toolbar-header"]:focus img[src$="svg"] { + 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; + 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; + 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-index_toolbar button[id*="toolbar-composeasnew"]:hover img[src$="svg"], +#mail-index_toolbar button[id*="toolbar-reply"]:hover img[src$="svg"], +#mail-index_toolbar button[id*="toolbar-reply_all"]:hover img[src$="svg"], +#mail-index_toolbar button[id*="toolbar-forward"]:hover img[src$="svg"], +#mail-index_toolbar button[id*="toolbar-flagged"]:hover img[src$="svg"], +#mail-index_toolbar button[id*="toolbar-print"]:hover img[src$="svg"], +#mail-index_toolbar button[id*="toolbar-save"]:hover img[src$="svg"], +#mail-index_toolbar button[id*="toolbar-header"]:hover img[src$="svg"] { + 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; + 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; + 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-index_toolbar button[id*="toolbar-composeasnew"]:active img[src$="svg"], +#mail-index_toolbar button[id*="toolbar-reply"]:active img[src$="svg"], +#mail-index_toolbar button[id*="toolbar-reply_all"]:active img[src$="svg"], +#mail-index_toolbar button[id*="toolbar-forward"]:active img[src$="svg"], +#mail-index_toolbar button[id*="toolbar-flagged"]:active img[src$="svg"], +#mail-index_toolbar button[id*="toolbar-print"]:active img[src$="svg"], +#mail-index_toolbar button[id*="toolbar-save"]:active img[src$="svg"], +#mail-index_toolbar button[id*="toolbar-header"]:active img[src$="svg"] { + 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; + background-color: #189800; +} +#mail-index_toolbar button[id*="toolbar-unflagged"]:focus, +#mail-index_toolbar button[id*="toolbar-delete"]:focus { + background-color: #ae1d00; + background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjYWUxZDAwIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjYWUxZDAwIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=); + background-image: -moz-linear-gradient(top, #ae1d00, #ae1d00); + background-image: -ms-linear-gradient(top, #ae1d00, #ae1d00); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ae1d00), to(#ae1d00)); + background-image: -webkit-linear-gradient(top, #ae1d00, #ae1d00); + background-image: -o-linear-gradient(top, #ae1d00, #ae1d00); + background-image: linear-gradient(top, #ae1d00, #ae1d00); + background-repeat: repeat-x; +} +#mail-index_toolbar button[id*="toolbar-unflagged"]:focus img[src$="svg"], +#mail-index_toolbar button[id*="toolbar-delete"]:focus img[src$="svg"] { + background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjYWUxZDAwIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjYWUxZDAwIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=); + background-image: -moz-linear-gradient(top, #ae1d00, #ae1d00); + background-image: -ms-linear-gradient(top, #ae1d00, #ae1d00); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ae1d00), to(#ae1d00)); + background-image: -webkit-linear-gradient(top, #ae1d00, #ae1d00); + background-image: -o-linear-gradient(top, #ae1d00, #ae1d00); + background-image: linear-gradient(top, #ae1d00, #ae1d00); + background-repeat: repeat-x; + background-color: #ae1d00; +} +#mail-index_toolbar button[id*="toolbar-unflagged"]:hover, +#mail-index_toolbar button[id*="toolbar-delete"]:hover { + background-color: #ae1d00; + background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjYWUxZDAwIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjYWUxZDAwIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=); + background-image: -moz-linear-gradient(top, #ae1d00, #ae1d00); + background-image: -ms-linear-gradient(top, #ae1d00, #ae1d00); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ae1d00), to(#ae1d00)); + background-image: -webkit-linear-gradient(top, #ae1d00, #ae1d00); + background-image: -o-linear-gradient(top, #ae1d00, #ae1d00); + background-image: linear-gradient(top, #ae1d00, #ae1d00); + background-repeat: repeat-x; +} +#mail-index_toolbar button[id*="toolbar-unflagged"]:hover img[src$="svg"], +#mail-index_toolbar button[id*="toolbar-delete"]:hover img[src$="svg"] { + background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjYWUxZDAwIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjYWUxZDAwIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=); + background-image: -moz-linear-gradient(top, #ae1d00, #ae1d00); + background-image: -ms-linear-gradient(top, #ae1d00, #ae1d00); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ae1d00), to(#ae1d00)); + background-image: -webkit-linear-gradient(top, #ae1d00, #ae1d00); + background-image: -o-linear-gradient(top, #ae1d00, #ae1d00); + background-image: linear-gradient(top, #ae1d00, #ae1d00); + background-repeat: repeat-x; + background-color: #ae1d00; +} +#mail-index_toolbar button[id*="toolbar-unflagged"]:active, +#mail-index_toolbar button[id*="toolbar-delete"]:active { + background-color: #ae1d00; + background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjYWUxZDAwIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjYWUxZDAwIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=); + background-image: -moz-linear-gradient(top, #ae1d00, #ae1d00); + background-image: -ms-linear-gradient(top, #ae1d00, #ae1d00); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ae1d00), to(#ae1d00)); + background-image: -webkit-linear-gradient(top, #ae1d00, #ae1d00); + background-image: -o-linear-gradient(top, #ae1d00, #ae1d00); + background-image: linear-gradient(top, #ae1d00, #ae1d00); + background-repeat: repeat-x; +} +#mail-index_toolbar button[id*="toolbar-unflagged"]:active img[src$="svg"], +#mail-index_toolbar button[id*="toolbar-delete"]:active img[src$="svg"] { + background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjYWUxZDAwIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjYWUxZDAwIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=); + background-image: -moz-linear-gradient(top, #ae1d00, #ae1d00); + background-image: -ms-linear-gradient(top, #ae1d00, #ae1d00); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ae1d00), to(#ae1d00)); + background-image: -webkit-linear-gradient(top, #ae1d00, #ae1d00); + background-image: -o-linear-gradient(top, #ae1d00, #ae1d00); + background-image: linear-gradient(top, #ae1d00, #ae1d00); + background-repeat: repeat-x; + background-color: #ae1d00; +} +#mail-index_toolbar button[id*="toolbar-infolog"]:focus, +#mail-index_toolbar button[id*="toolbar-tracker"]:focus, +#mail-index_toolbar button[id*="toolbar-calendar"]:focus { + background-color: #ffc200; + background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjZmZjMjAwIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZjMjAwIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=); + background-image: -moz-linear-gradient(top, #ffc200, #ffc200); + background-image: -ms-linear-gradient(top, #ffc200, #ffc200); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffc200), to(#ffc200)); + background-image: -webkit-linear-gradient(top, #ffc200, #ffc200); + background-image: -o-linear-gradient(top, #ffc200, #ffc200); + background-image: linear-gradient(top, #ffc200, #ffc200); + background-repeat: repeat-x; +} +#mail-index_toolbar button[id*="toolbar-infolog"]:focus img[src$="svg"], +#mail-index_toolbar button[id*="toolbar-tracker"]:focus img[src$="svg"], +#mail-index_toolbar button[id*="toolbar-calendar"]:focus img[src$="svg"] { + background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjZmZjMjAwIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZjMjAwIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=); + background-image: -moz-linear-gradient(top, #ffc200, #ffc200); + background-image: -ms-linear-gradient(top, #ffc200, #ffc200); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffc200), to(#ffc200)); + background-image: -webkit-linear-gradient(top, #ffc200, #ffc200); + background-image: -o-linear-gradient(top, #ffc200, #ffc200); + background-image: linear-gradient(top, #ffc200, #ffc200); + background-repeat: repeat-x; + background-color: #ffc200; +} +#mail-index_toolbar button[id*="toolbar-infolog"]:hover, +#mail-index_toolbar button[id*="toolbar-tracker"]:hover, +#mail-index_toolbar button[id*="toolbar-calendar"]:hover { + background-color: #ffc200; + background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjZmZjMjAwIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZjMjAwIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=); + background-image: -moz-linear-gradient(top, #ffc200, #ffc200); + background-image: -ms-linear-gradient(top, #ffc200, #ffc200); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffc200), to(#ffc200)); + background-image: -webkit-linear-gradient(top, #ffc200, #ffc200); + background-image: -o-linear-gradient(top, #ffc200, #ffc200); + background-image: linear-gradient(top, #ffc200, #ffc200); + background-repeat: repeat-x; +} +#mail-index_toolbar button[id*="toolbar-infolog"]:hover img[src$="svg"], +#mail-index_toolbar button[id*="toolbar-tracker"]:hover img[src$="svg"], +#mail-index_toolbar button[id*="toolbar-calendar"]:hover img[src$="svg"] { + background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjZmZjMjAwIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZjMjAwIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=); + background-image: -moz-linear-gradient(top, #ffc200, #ffc200); + background-image: -ms-linear-gradient(top, #ffc200, #ffc200); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffc200), to(#ffc200)); + background-image: -webkit-linear-gradient(top, #ffc200, #ffc200); + background-image: -o-linear-gradient(top, #ffc200, #ffc200); + background-image: linear-gradient(top, #ffc200, #ffc200); + background-repeat: repeat-x; + background-color: #ffc200; +} +#mail-index_toolbar button[id*="toolbar-infolog"]:active, +#mail-index_toolbar button[id*="toolbar-tracker"]:active, +#mail-index_toolbar button[id*="toolbar-calendar"]:active { + background-color: #ffc200; + background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjZmZjMjAwIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZjMjAwIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=); + background-image: -moz-linear-gradient(top, #ffc200, #ffc200); + background-image: -ms-linear-gradient(top, #ffc200, #ffc200); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffc200), to(#ffc200)); + background-image: -webkit-linear-gradient(top, #ffc200, #ffc200); + background-image: -o-linear-gradient(top, #ffc200, #ffc200); + background-image: linear-gradient(top, #ffc200, #ffc200); + background-repeat: repeat-x; +} +#mail-index_toolbar button[id*="toolbar-infolog"]:active img[src$="svg"], +#mail-index_toolbar button[id*="toolbar-tracker"]:active img[src$="svg"], +#mail-index_toolbar button[id*="toolbar-calendar"]:active img[src$="svg"] { + background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjZmZjMjAwIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZjMjAwIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=); + background-image: -moz-linear-gradient(top, #ffc200, #ffc200); + background-image: -ms-linear-gradient(top, #ffc200, #ffc200); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffc200), to(#ffc200)); + background-image: -webkit-linear-gradient(top, #ffc200, #ffc200); + background-image: -o-linear-gradient(top, #ffc200, #ffc200); + background-image: linear-gradient(top, #ffc200, #ffc200); + background-repeat: repeat-x; + background-color: #ffc200; +} +/*#toolbar-actionbox{.dimension_height_s;}*/ +/* +h.ui-toolbar-menulistHeader, +#ui-accordion-toolbar-actionbox-header-0{ + + .dimension_height_s; + background-color: @gray_50; + color: @gray_0; + margin:0; + + // little ICON + .ui-accordion .ui-accordion-header .ui-accordion-header-icon { + margin-top: -11px; + color: @gray_0; + } + +} + +// accordion, where Button be placed +div#toolbar-menulist{ + background-color: @gray_50; + color: @gray_0; + + Elemente + + button { + height: 24px !important; + + img[src$="svg"]{ + + .gradient_vertical (@gray_60, @gray_60); + background-color: @gray_100; + } + + } + +}*/ +/*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: 3.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; + background-color: inherit; +} +/*######################################################*/ +/*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 > span:first-child, +div.mailComposeHeaders > span:first-child, +div.mailComposeBody, +div.mailPreviewHeaders > * { + margin-left: 3px; +} +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; +} +/* tablets and smartphones */ +@media only screen and (max-device-width: 1024px) { + 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 div.et2_toolbar.et2_head_toolbar div.et2_toolbar_more h.ui-state-hover { + background: none; + } + body #popupMainDiv div.et2_toolbar.et2_head_toolbar div.et2_toolbar_more h.ui-toolbar-menulistHeader { + color: transparent; + border: none; + height: 46px; + width: 35px; + padding: 0 !important; + margin-right: 15px; + margin-top: -7px; + } + body #popupMainDiv div.et2_toolbar.et2_head_toolbar div.et2_toolbar_more h.ui-toolbar-menulistHeader:after { + font-size: 18pt; + content: "\205D"; + font-weight: bold; + color: white; + } + body #popupMainDiv div.et2_toolbar.et2_head_toolbar div.et2_toolbar_more span { + display: none; + } + 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(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-display .mail-d-h1 { + padding-bottom: 15px; + border-bottom: 1px solid silver; + font-size: 12pt; + padding-top: 10px; + font-weight: bold; + } + body #popupMainDiv #mail-display .mail-d-h1 span { + font-size: 12pt; + } + body #popupMainDiv #mail-display .mail-d-h2 { + padding-top: 5px; + font-size: 10pt; + color: grey; + } + body #popupMainDiv #mail-display .mail-d-h2 a, + body #popupMainDiv #mail-display .mail-d-h2 span, + body #popupMainDiv #mail-display .mail-d-h2 .et2_label { + color: grey; + font-size: 10pt; + } + body #popupMainDiv #mail-display .mail-d-h2 a#mail-display_FROM > * { + color: black; + padding-top: 15px; + font-size: 12pt; + } + body #popupMainDiv #mail-display .et2_details { + width: 50%; + display: inline-block; + } + body #popupMainDiv #mail-display .et2_details.et2_details_expanded { + width: 100%; + display: block; + } + body #popupMainDiv #mail-display span.et2_details_title { + color: #26537c; + font-size: 10pt; + } + body #popupMainDiv #mail-display div#mail-display_mailDisplayHeadersFrom > * { + color: black; + padding-top: 15px; + } + body #popupMainDiv #mail-display .mailDisplayAttachments { + position: initial; + padding: 0; + margin-top: 10px; + } + body #popupMainDiv #mail-display button[id="displayToolbar-delete"] { + margin-left: 0; + } + body #popupMainDiv #mail-display .mailDisplay { + position: initial; + margin-top: 20px; + } + body #popupMainDiv #mail-display #mail-display_mailDisplayBodySrc { + display: none; + } + body #popupMainDiv #mail-display #tempPrintDiv div:first-child { + height: auto !important; + } + body #popupMainDiv #mail-display #tempPrintDiv td, + body #popupMainDiv #mail-display #tempPrintDiv textarea { + font-family: Verdana, Arial, Helvetica, sans-serif; + } + body #popupMainDiv #mail-display #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 span#cke_1_top { + display: 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 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: 98%; + } + #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: 98%; + font-size: 10pt; + color: #828282 !important; + 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.labelone.mobile_cat_col { + background: #ff0080; + } + #mail-index table.egwGridView_outer tbody tr span.mail.labeltwo.mobile_cat_col { + background: #ff8000; + } + #mail-index table.egwGridView_outer tbody tr span.mail.labelthree.mobile_cat_col { + background: #008000; + } + #mail-index table.egwGridView_outer tbody tr span.mail.labelfour.mobile_cat_col { + background: #0000ff; + } + #mail-index table.egwGridView_outer tbody tr span.mail.labelfive.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(images/kmmsgdel.png); + } + #mail-index table.egwGridView_outer tbody tr span.unseen.status_img { + background-image: url(images/kmmsgunseen.png); + } + #mail-index table.egwGridView_outer tbody tr span.flagged_seen.status_img { + background-image: url(images/read_flagged_small.png); + } + #mail-index table.egwGridView_outer tbody tr span.flagged_unseen.status_img { + background-image: url(images/unread_flagged_small.png); + } + #mail-index table.egwGridView_outer tbody tr span.recent.status_img { + background-image: url(images/kmmsgnew.png); + } + #mail-index table.egwGridView_outer tbody tr span.replied.status_img { + background-image: url(images/kmmsgreplied.png); + } + #mail-index table.egwGridView_outer tbody tr span.forwarded.status_img { + background-image: url(images/kmmsgforwarded.png); + } +} diff --git a/mail/templates/mobile/app.less b/mail/templates/mobile/app.less new file mode 100644 index 0000000000..578e48c4df --- /dev/null +++ b/mail/templates/mobile/app.less @@ -0,0 +1,345 @@ +/** + * + * 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 $ + */ + + + +@import (reference) "../../../pixelegg/less/def_buttons.less"; +@import (reference) "../../../pixelegg/less/def_mobile.less"; +@import (less) "../pixelegg/app.css"; + +/* tablets and smartphones */ +@media only screen and (max-device-width:1024px) { + 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; + + div.et2_toolbar.et2_head_toolbar { + padding: 1px 5px 5px 10px !important; + button { + width:46px; + height:46px; + background-size: 18px 18px; + } + button.et2_toolbar_hasCaption { + width:auto; + } + div.et2_toolbar_actionlist { + margin-left: 50px; + } + div.et2_toolbar_more { + + h.ui-state-hover { + background:none; + } + h.ui-toolbar-menulistHeader { + color:transparent; + border: none; + height: 46px; + width: 35px; + padding: 0 !important; + margin-right: 15px; + margin-top: -7px; + &:hover { + + } + &:after { + font-size:18pt; + content:"\205D"; + font-weight: bold; + color:white; + } + } + span { + display: none; + } + } + } + #mail-compose_composeToolbar{ + // Senden Button + 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(images/mail_send.png); + background-position: left; + background-repeat: no-repeat; + background-size: 16px 16px; + background-color: #fafafa; + color: black; + &:hover {box-shadow: none; background-color:none;} + &:disabled {background-color: none;} + } + } + + + #mail-display{ + .mail-d-h1{ + padding-bottom: 15px; + border-bottom: 1px solid silver; + span { + .mob-fontsize-l; + } + .mob-fontsize-l; + padding-top: 10px; + font-weight: bold; + } + .mail-d-h2{ + padding-top: 5px; + .mob-fontsize-n; + color: grey; + a,span,.et2_label { + color: grey; + .mob-fontsize-n; + } + a#mail-display_FROM>* { + color:black; + padding-top: 15px; + .mob-fontsize-l; + } + + } + .et2_details { + width: 50%; + display: inline-block; + } + .et2_details.et2_details_expanded { + width: 100%; + display: block; + } + span.et2_details_title { + color:#26537c; + .mob-fontsize-n; + } + div#mail-display_mailDisplayHeadersFrom>*, { + color:black; + padding-top: 15px; + } + .mailDisplayAttachments { + position: initial; + padding: 0; + margin-top: 10px; + } + button[id="displayToolbar-delete"] { + margin-left: 0; + } + + .mailDisplay { + position: initial; + margin-top: 20px; + } + #mail-display_mailDisplayBodySrc { + display: none; + } + #tempPrintDiv { + + div:first-child { + height:auto !important; + } + td, textarea { + font-family: Verdana, Arial, Helvetica, sans-serif; + + } + .td_display { + font-family: Verdana, Arial, Helvetica, sans-serif; + font-size: 120%; + color: black; + background-color: #FFFFFF; + } + } + + } + } + + .dtree { + div.containerTableStyle { + overflow: hidden; + } + } + #mail-compose { + .cke_chrome { + border:none; + box-shadow: none; + } + span#cke_1_top { + display: none; + } + .mailComposeHeaderSection > table { + padding: 0; + tr.mailComposeHeaders.subjectContainer td:first-child::after { + content: ''; + } + tr.mailComposeHeaders { + span { + .mob-fontsize-n; + } + border-bottom: 1px solid silver; + .subjectContainer:first-child::after{ + content: ':'; + } + &:first-child { + border-top: 1px solid silver; + } + span#mail-compose_cc_expander, span#mail-compose_cc_expander, + span#mail-compose_bcc_expander, span#mail-compose_bcc_expander, + span#mail-compose_folder_expander, span#mail-compose_folder_expander, + span#mail-compose_replyto_expander, span#mail-compose_replyto_expander + { + background: transparent; + border: none; + color: #26537c; + text-decoration: underline; + .mob-fontsize-n; + width: 65px; + height:25px; + } + } + div.et2_taglist > *, #mail-compose_subject, #mail-compose_mailaccount { + border:none; + box-shadow: none; + .mob-fontsize-n; + } + #mail-compose_subject:focus { + outline-color: transparent; + } + } + } + } + + #mail-index { + table.egwGridView_outer tbody { + span.et2_date_ro.et2_label { + font-size: 9px; + } + td { + padding-top: 8px; + padding-bottom: 8px; + a[id^='mail-index_'][id$='fromaddress]']{ + color:@gray_80; + .mob-fontsize-l; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + width: 98%; + } + span[id^='mail-index_'][id$='attachments]'] { + float: right; + img { + width: 16px; + height: 16px; + } + } + span[id^='mail-index_'][id$='subject]'] { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + width: 98%; + .mob-fontsize-n; + color: @gray_50 !important; + font-weight: normal !important; + } + label[id^='mail-index_'][id$='date]']{ + padding-top: 0; + } + } + tr{ + height:55px; + div.recent , + span.recent , + time.recent , + a.recent, + div.unseen , + span.unseen , + time.unseen , + a.unseen { + color: black !important; + font-weight: bold; + } + span.mail.mobile_cat_col { + background: #F5F5F5; + } + span.mail.labelone.mobile_cat_col { + background: #ff0080; + } + span.mail.labeltwo.mobile_cat_col{ + background: #ff8000; + } + span.mail.labelthree.mobile_cat_col { + background: #008000; + } + span.mail.labelfour.mobile_cat_col { + background: #0000ff; + } + span.mail.labelfive.mobile_cat_col { + background: #8000ff; + } + + span.mail.flagged.mobile_cat_col { + background: #ff0000; + } + + span.mail.prio_high.mobile_cat_col { + background: #ac0000; + } + + span.mail.deleted.mobile_cat_col { + background: silver; + text-decoration : line-through; + } + span.status_img { + padding:0 2px 2px 0; + } + span.deleted.status_img { + background-image: url(images/kmmsgdel.png); + } + span.unseen.status_img { + background-image: url(images/kmmsgunseen.png); + } + span.flagged_seen.status_img { + background-image: url(images/read_flagged_small.png); + } + span.flagged_unseen.status_img { + background-image: url(images/unread_flagged_small.png); + } + span.recent.status_img { + background-image: url(images/kmmsgnew.png); + } + span.replied.status_img { + background-image: url(images/kmmsgreplied.png); + } + span.forwarded.status_img { + background-image: url(images/kmmsgforwarded.png); + } + } + } + } +} diff --git a/mail/templates/pixelegg/app.css b/mail/templates/pixelegg/app.css index fea6e76deb..4050887464 100755 --- a/mail/templates/pixelegg/app.css +++ b/mail/templates/pixelegg/app.css @@ -2586,305 +2586,3 @@ div.mailComposeHeaderSection > table { -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } -/* tablets and smartphones */ -@media only screen and (max-device-width: 1024px) { - 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 div.et2_toolbar.et2_head_toolbar div.et2_toolbar_more h.ui-state-hover { - background: none; - } - body #popupMainDiv div.et2_toolbar.et2_head_toolbar div.et2_toolbar_more h.ui-toolbar-menulistHeader { - color: transparent; - border: none; - height: 46px; - width: 35px; - padding: 0 !important; - margin-right: 15px; - margin-top: -7px; - } - body #popupMainDiv div.et2_toolbar.et2_head_toolbar div.et2_toolbar_more h.ui-toolbar-menulistHeader:after { - font-size: 18pt; - content: "\205D"; - font-weight: bold; - color: white; - } - body #popupMainDiv div.et2_toolbar.et2_head_toolbar div.et2_toolbar_more span { - display: none; - } - 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(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-display .mail-d-h1 { - padding-bottom: 15px; - border-bottom: 1px solid silver; - font-size: 12pt; - padding-top: 10px; - font-weight: bold; - } - body #popupMainDiv #mail-display .mail-d-h1 span { - font-size: 12pt; - } - body #popupMainDiv #mail-display .mail-d-h2 { - padding-top: 5px; - font-size: 10pt; - color: grey; - } - body #popupMainDiv #mail-display .mail-d-h2 a, - body #popupMainDiv #mail-display .mail-d-h2 span, - body #popupMainDiv #mail-display .mail-d-h2 .et2_label { - color: grey; - font-size: 10pt; - } - body #popupMainDiv #mail-display .mail-d-h2 a#mail-display_FROM > * { - color: black; - padding-top: 15px; - font-size: 12pt; - } - body #popupMainDiv #mail-display .et2_details { - width: 50%; - display: inline-block; - } - body #popupMainDiv #mail-display .et2_details.et2_details_expanded { - width: 100%; - display: block; - } - body #popupMainDiv #mail-display span.et2_details_title { - color: #26537c; - font-size: 10pt; - } - body #popupMainDiv #mail-display div#mail-display_mailDisplayHeadersFrom > * { - color: black; - padding-top: 15px; - } - body #popupMainDiv #mail-display .mailDisplayAttachments { - position: initial; - padding: 0; - margin-top: 10px; - } - body #popupMainDiv #mail-display button[id="displayToolbar-delete"] { - margin-left: 0; - } - body #popupMainDiv #mail-display .mailDisplay { - position: initial; - margin-top: 20px; - } - body #popupMainDiv #mail-display #mail-display_mailDisplayBodySrc { - display: none; - } - body #popupMainDiv #mail-display #tempPrintDiv div:first-child { - height: auto !important; - } - body #popupMainDiv #mail-display #tempPrintDiv td, - body #popupMainDiv #mail-display #tempPrintDiv textarea { - font-family: Verdana, Arial, Helvetica, sans-serif; - } - body #popupMainDiv #mail-display #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 span#cke_1_top { - display: 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 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: 98%; - } - #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: 98%; - font-size: 10pt; - color: #828282 !important; - 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.labelone.mobile_cat_col { - background: #ff0080; - } - #mail-index table.egwGridView_outer tbody tr span.mail.labeltwo.mobile_cat_col { - background: #ff8000; - } - #mail-index table.egwGridView_outer tbody tr span.mail.labelthree.mobile_cat_col { - background: #008000; - } - #mail-index table.egwGridView_outer tbody tr span.mail.labelfour.mobile_cat_col { - background: #0000ff; - } - #mail-index table.egwGridView_outer tbody tr span.mail.labelfive.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(images/kmmsgdel.png); - } - #mail-index table.egwGridView_outer tbody tr span.unseen.status_img { - background-image: url(images/kmmsgunseen.png); - } - #mail-index table.egwGridView_outer tbody tr span.flagged_seen.status_img { - background-image: url(images/read_flagged_small.png); - } - #mail-index table.egwGridView_outer tbody tr span.flagged_unseen.status_img { - background-image: url(images/unread_flagged_small.png); - } - #mail-index table.egwGridView_outer tbody tr span.recent.status_img { - background-image: url(images/kmmsgnew.png); - } - #mail-index table.egwGridView_outer tbody tr span.replied.status_img { - background-image: url(images/kmmsgreplied.png); - } - #mail-index table.egwGridView_outer tbody tr span.forwarded.status_img { - background-image: url(images/kmmsgforwarded.png); - } -} diff --git a/mail/templates/pixelegg/app.less b/mail/templates/pixelegg/app.less index 971b5d5db5..f460d184cf 100755 --- a/mail/templates/pixelegg/app.less +++ b/mail/templates/pixelegg/app.less @@ -1733,329 +1733,3 @@ div.mailComposeHeaderSection > table { transition: all 0.1s ease-out; } -/* tablets and smartphones */ -@media only screen and (max-device-width:1024px) { - 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; - - div.et2_toolbar.et2_head_toolbar { - padding: 1px 5px 5px 10px !important; - button { - width:46px; - height:46px; - background-size: 18px 18px; - } - button.et2_toolbar_hasCaption { - width:auto; - } - div.et2_toolbar_actionlist { - margin-left: 50px; - } - div.et2_toolbar_more { - - h.ui-state-hover { - background:none; - } - h.ui-toolbar-menulistHeader { - color:transparent; - border: none; - height: 46px; - width: 35px; - padding: 0 !important; - margin-right: 15px; - margin-top: -7px; - &:hover { - - } - &:after { - font-size:18pt; - content:"\205D"; - font-weight: bold; - color:white; - } - } - span { - display: none; - } - } - } - #mail-compose_composeToolbar{ - // Senden Button - 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(images/mail_send.png); - background-position: left; - background-repeat: no-repeat; - background-size: 16px 16px; - background-color: #fafafa; - color: black; - &:hover {box-shadow: none; background-color:none;} - &:disabled {background-color: none;} - } - } - - - #mail-display{ - .mail-d-h1{ - padding-bottom: 15px; - border-bottom: 1px solid silver; - span { - .mob-fontsize-l; - } - .mob-fontsize-l; - padding-top: 10px; - font-weight: bold; - } - .mail-d-h2{ - padding-top: 5px; - .mob-fontsize-n; - color: grey; - a,span,.et2_label { - color: grey; - .mob-fontsize-n; - } - a#mail-display_FROM>* { - color:black; - padding-top: 15px; - .mob-fontsize-l; - } - - } - .et2_details { - width: 50%; - display: inline-block; - } - .et2_details.et2_details_expanded { - width: 100%; - display: block; - } - span.et2_details_title { - color:#26537c; - .mob-fontsize-n; - } - div#mail-display_mailDisplayHeadersFrom>*, { - color:black; - padding-top: 15px; - } - .mailDisplayAttachments { - position: initial; - padding: 0; - margin-top: 10px; - } - button[id="displayToolbar-delete"] { - margin-left: 0; - } - - .mailDisplay { - position: initial; - margin-top: 20px; - } - #mail-display_mailDisplayBodySrc { - display: none; - } - #tempPrintDiv { - - div:first-child { - height:auto !important; - } - td, textarea { - font-family: Verdana, Arial, Helvetica, sans-serif; - - } - .td_display { - font-family: Verdana, Arial, Helvetica, sans-serif; - font-size: 120%; - color: black; - background-color: #FFFFFF; - } - } - - } - } - - .dtree { - div.containerTableStyle { - overflow: hidden; - } - } - #mail-compose { - .cke_chrome { - border:none; - box-shadow: none; - } - span#cke_1_top { - display: none; - } - .mailComposeHeaderSection > table { - padding: 0; - tr.mailComposeHeaders.subjectContainer td:first-child::after { - content: ''; - } - tr.mailComposeHeaders { - span { - .mob-fontsize-n; - } - border-bottom: 1px solid silver; - .subjectContainer:first-child::after{ - content: ':'; - } - &:first-child { - border-top: 1px solid silver; - } - span#mail-compose_cc_expander, span#mail-compose_cc_expander, - span#mail-compose_bcc_expander, span#mail-compose_bcc_expander, - span#mail-compose_folder_expander, span#mail-compose_folder_expander, - span#mail-compose_replyto_expander, span#mail-compose_replyto_expander - { - background: transparent; - border: none; - color: #26537c; - text-decoration: underline; - .mob-fontsize-n; - width: 65px; - height:25px; - } - } - div.et2_taglist > *, #mail-compose_subject, #mail-compose_mailaccount { - border:none; - box-shadow: none; - .mob-fontsize-n; - } - #mail-compose_subject:focus { - outline-color: transparent; - } - } - } - } - - #mail-index { - table.egwGridView_outer tbody { - span.et2_date_ro.et2_label { - font-size: 9px; - } - td { - padding-top: 8px; - padding-bottom: 8px; - a[id^='mail-index_'][id$='fromaddress]']{ - color:@gray_80; - .mob-fontsize-l; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - width: 98%; - } - span[id^='mail-index_'][id$='attachments]'] { - float: right; - img { - width: 16px; - height: 16px; - } - } - span[id^='mail-index_'][id$='subject]'] { - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - width: 98%; - .mob-fontsize-n; - color: @gray_50 !important; - font-weight: normal !important; - } - label[id^='mail-index_'][id$='date]']{ - padding-top: 0; - } - } - tr{ - height:55px; - div.recent , - span.recent , - time.recent , - a.recent, - div.unseen , - span.unseen , - time.unseen , - a.unseen { - color: black !important; - font-weight: bold; - } - span.mail.mobile_cat_col { - background: #F5F5F5; - } - span.mail.labelone.mobile_cat_col { - background: #ff0080; - } - span.mail.labeltwo.mobile_cat_col{ - background: #ff8000; - } - span.mail.labelthree.mobile_cat_col { - background: #008000; - } - span.mail.labelfour.mobile_cat_col { - background: #0000ff; - } - span.mail.labelfive.mobile_cat_col { - background: #8000ff; - } - - span.mail.flagged.mobile_cat_col { - background: #ff0000; - } - - span.mail.prio_high.mobile_cat_col { - background: #ac0000; - } - - span.mail.deleted.mobile_cat_col { - background: silver; - text-decoration : line-through; - } - span.status_img { - padding:0 2px 2px 0; - } - span.deleted.status_img { - background-image: url(images/kmmsgdel.png); - } - span.unseen.status_img { - background-image: url(images/kmmsgunseen.png); - } - span.flagged_seen.status_img { - background-image: url(images/read_flagged_small.png); - } - span.flagged_unseen.status_img { - background-image: url(images/unread_flagged_small.png); - } - span.recent.status_img { - background-image: url(images/kmmsgnew.png); - } - span.replied.status_img { - background-image: url(images/kmmsgreplied.png); - } - span.forwarded.status_img { - background-image: url(images/kmmsgforwarded.png); - } - } - } - } -} \ No newline at end of file