From 84b6e72f4b9e3ad7e9ef0fbc94e3151f05270524 Mon Sep 17 00:00:00 2001 From: Ralf Becker Date: Mon, 3 Feb 2014 10:05:44 +0000 Subject: [PATCH] pixelegg changes up until now --- addressbook/templates/pixelegg/app.css | 11 +- addressbook/templates/pixelegg/app.less | 7 +- calendar/templates/pixelegg/app.css | 24 ++ calendar/templates/pixelegg/app.less | 16 +- .../templates/default/wizard_chooseapp.xet | 4 +- importexport/templates/pixelegg/app.css | 82 ++++- importexport/templates/pixelegg/app.less | 86 ++++- mail/templates/pixelegg/app.css | 297 +++++++++++++++++- mail/templates/pixelegg/app.less | 165 +++++++++- .../templates/default/changepassword.tpl | 6 +- 10 files changed, 644 insertions(+), 54 deletions(-) diff --git a/addressbook/templates/pixelegg/app.css b/addressbook/templates/pixelegg/app.css index 59b39346ac..94af208c43 100755 --- a/addressbook/templates/pixelegg/app.css +++ b/addressbook/templates/pixelegg/app.css @@ -943,16 +943,15 @@ fieldset.emailGroup { #addressbook-edit_addressbook-edit-details table.et2_grid { margin-left: 2px; border-top: 1px solid #b4b4b4 !important; - } - #addressbook-edit_addressbook-edit-details table.et2_grid tr:nth-child(even) { - background: #ffffff; - } - #addressbook-edit_addressbook-edit-details table.et2_grid tr:nth-child(odd) { - background: #fafafa; + /*tr:nth-child(even) {background: @color_even;}*/ + /*tr:nth-child(odd) {background: @color_odd;}*/ } #addressbook-edit_addressbook-edit-details table.et2_grid td { padding: 5px 0px 5px 3px; } + #addressbook-edit_addressbook-edit-details .et2_selectbox .ui-multiselect-checkboxes li { + text-indent: -17px; + } /*################## Tab 5 Verknüpfungen ###############################*/ #addressbook-edit_addressbook-edit-links .th, #addressbook-search_addressbook-edit-links .th { diff --git a/addressbook/templates/pixelegg/app.less b/addressbook/templates/pixelegg/app.less index 0d705de934..2abc193a6b 100755 --- a/addressbook/templates/pixelegg/app.less +++ b/addressbook/templates/pixelegg/app.less @@ -742,13 +742,14 @@ div#addressbook-edit_addressbook-edit-cats {overflow: scroll;} table.et2_grid{ margin-left: 2px; border-top: 1px solid @gray_30 !important; - tr:nth-child(even) {background: @color_even;} - tr:nth-child(odd) {background: @color_odd;} + /*tr:nth-child(even) {background: @color_even;}*/ + /*tr:nth-child(odd) {background: @color_odd;}*/ td {padding: 5px 0px 5px 3px;} } - + // Kategorie List + .et2_selectbox .ui-multiselect-checkboxes li {text-indent: -17px;} } diff --git a/calendar/templates/pixelegg/app.css b/calendar/templates/pixelegg/app.css index cc29d394e4..0e47a73633 100755 --- a/calendar/templates/pixelegg/app.css +++ b/calendar/templates/pixelegg/app.css @@ -558,6 +558,18 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget font-weight: bold; text-align: center; } +/*generell*/ +.egw_fw_content_browser_iframe img[src$="svg"] { + background-color: #828282 !important; + background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjODI4MjgyIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjODI4MjgyIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=) !important; + background-image: -moz-linear-gradient(top, #828282, #828282) !important; + background-image: -ms-linear-gradient(top, #828282, #828282) !important; + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#828282), to(#828282)) !important; + background-image: -webkit-linear-gradient(top, #828282, #828282) !important; + background-image: -o-linear-gradient(top, #828282, #828282) !important; + background-image: linear-gradient(top, #828282, #828282) !important; + background-repeat: repeat-x !important; +} .egw_fw_ui_category_content { padding-left: 0px !important; } @@ -1042,6 +1054,7 @@ div#calendar-edit #calendar-edit_calendar-edit-links tbody { } div#calendar-edit #calendar-edit_calendar-edit-links tbody .et2_link_to { width: auto !important; + margin: 1em; } div#calendar-edit #calendar-edit_calendar-edit-links .et2_file { margin-left: 100px; @@ -1371,6 +1384,17 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget -moz-border-radius: 2px; border-radius: 2px; } +.calendar_calEventIcons img[src$="svg"] { + background-color: #828282 !important; + background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjODI4MjgyIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjODI4MjgyIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=) !important; + background-image: -moz-linear-gradient(top, #828282, #828282) !important; + background-image: -ms-linear-gradient(top, #828282, #828282) !important; + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#828282), to(#828282)) !important; + background-image: -webkit-linear-gradient(top, #828282, #828282) !important; + background-image: -o-linear-gradient(top, #828282, #828282) !important; + background-image: linear-gradient(top, #828282, #828282) !important; + background-repeat: repeat-x !important; +} .calendar_calEventIcons img { height: 16px; } diff --git a/calendar/templates/pixelegg/app.less b/calendar/templates/pixelegg/app.less index 87b072b67d..ed2bf2e048 100755 --- a/calendar/templates/pixelegg/app.less +++ b/calendar/templates/pixelegg/app.less @@ -17,6 +17,14 @@ @import (less) "../default/app.css"; +/*generell*/ + +// makes svg visible +.egw_fw_content_browser_iframe img[src$="svg"] { + .gradient_vertical (@gray_50, @gray_50) !important; + } + + // ************************************************ // Seitenleiste // Ansichten @@ -598,7 +606,7 @@ div#calendar-edit{ display: table; width: 100%; - .et2_link_to {width: auto !important;} + .et2_link_to {width: auto !important; margin: 1em;} } .et2_file {margin-left: 100px; width: 357px;} @@ -952,6 +960,12 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget top: 0px; background-color: @gray_10; .rounded (2px); + + img[src$="svg"] { + .gradient_vertical (@gray_50, @gray_50) !important; + } + + } .calendar_calEventIcons img{ .dimension_height_s; diff --git a/importexport/templates/default/wizard_chooseapp.xet b/importexport/templates/default/wizard_chooseapp.xet index acdc8d2f2c..7923d93313 100644 --- a/importexport/templates/default/wizard_chooseapp.xet +++ b/importexport/templates/default/wizard_chooseapp.xet @@ -7,10 +7,10 @@ - + - + diff --git a/importexport/templates/pixelegg/app.css b/importexport/templates/pixelegg/app.css index 49a1b5f74d..e79c095214 100755 --- a/importexport/templates/pixelegg/app.css +++ b/importexport/templates/pixelegg/app.css @@ -60,31 +60,101 @@ div.preview .content { width: 400px; } #importexport-export_dialog_importexport-export_dialog-general_tab_content table.et2_grid tr:nth-child(even) { - background: #e6e6e6; + background: #ffffff; } #importexport-export_dialog_importexport-export_dialog-general_tab_content table.et2_grid tr:nth-child(odd) { - background: #ffffff; + background: #fafafa; } #importexport-export_dialog_importexport-export_dialog-general_tab_content table.et2_grid td { padding: 0.5em; } /* Tab Auswahl*/ #importexport-export_dialog_importexport-export_dialog-selection_tab table.et2_grid tr:nth-child(even) { - background: #e6e6e6; + background: #ffffff; } #importexport-export_dialog_importexport-export_dialog-selection_tab table.et2_grid tr:nth-child(odd) { - background: #ffffff; + background: #fafafa; } #importexport-export_dialog_importexport-export_dialog-selection_tab table.et2_grid td { padding: 0.5em; } /* Tab Optionen*/ #importexport-export_dialog_importexport-export_dialog-options_tab table.et2_grid tr:nth-child(even) { - background: #e6e6e6; + background: #ffffff; } #importexport-export_dialog_importexport-export_dialog-options_tab table.et2_grid tr:nth-child(odd) { - background: #ffffff; + background: #fafafa; } #importexport-export_dialog_importexport-export_dialog-options_tab table.et2_grid td { padding: 0.5em; } +/** + * Admin Tree - apps - import / Export Dialog + * NEW Window + */ +.wizard_content #importexport-wizardbox_importexport-wizard_chooseapp, +.wizard_content #importexport-wizardbox_importexport-wizard_chooseplugin, +.wizard_content #importexport-wizardbox_importexport-wizard_choosename, +.wizard_content #importexport-wizardbox_importexport-wizard_basic_import_csv-sample_file, +.wizard_content #importexport-wizardbox_addressbook-importexport_wizard_vcard_charset { + margin: 15em 0 0 10em; + /*#importexport-wizardbox_msg{font-size: 2em;}*/ +} +.wizard_content #importexport-wizardbox_importexport-wizard_chooseapp table.et2_grid, +.wizard_content #importexport-wizardbox_importexport-wizard_chooseplugin table.et2_grid, +.wizard_content #importexport-wizardbox_importexport-wizard_choosename table.et2_grid, +.wizard_content #importexport-wizardbox_importexport-wizard_basic_import_csv-sample_file table.et2_grid, +.wizard_content #importexport-wizardbox_addressbook-importexport_wizard_vcard_charset table.et2_grid { + font-size: 15px; +} +.wizard_content #importexport-wizardbox_importexport-wizard_chooseapp input.et2_textbox, +.wizard_content #importexport-wizardbox_importexport-wizard_chooseplugin input.et2_textbox, +.wizard_content #importexport-wizardbox_importexport-wizard_choosename input.et2_textbox, +.wizard_content #importexport-wizardbox_importexport-wizard_basic_import_csv-sample_file input.et2_textbox, +.wizard_content #importexport-wizardbox_addressbook-importexport_wizard_vcard_charset input.et2_textbox { + width: 100%; +} +.wizard_content #importexport-wizardbox_importexport-wizard_basic_import_csv-choosesepncharset, +.wizard_content #importexport-wizardbox_importexport-wizard_basic_import_csv-fieldmapping { + margin: 0.5em; +} +.wizard_content #importexport-wizardbox_importexport-wizard_basic_import_csv-choosesepncharset table.et2_grid tr:first-child, +.wizard_content #importexport-wizardbox_importexport-wizard_basic_import_csv-fieldmapping table.et2_grid tr:first-child { + height: 62px; +} +.wizard_content #importexport-wizardbox_importexport-wizard_basic_import_csv-choosesepncharset .et2_label#importexport-wizardbox_msg, +.wizard_content #importexport-wizardbox_importexport-wizard_basic_import_csv-fieldmapping .et2_label#importexport-wizardbox_msg { + font-size: 15px; +} +.wizard_content #importexport-wizardbox_importexport-wizard_basic_import_csv-conditions { + margin: 0.5em; +} +.wizard_content #importexport-wizardbox_importexport-wizard_basic_import_csv-conditions .condition_help { + font-size: 15px; + line-height: 2em; + border-bottom: 10px solid transparent; +} +.wizard_content #importexport-wizardbox_importexport-wizard_basic_import_csv-conditions .et2_label#importexport-wizardbox_msg { + font-size: 15px; +} +.wizard_content #importexport-wizardbox_addressbook-importexport_wizard_vcard_chooseowner, +.wizard_content #importexport-wizardbox_addressbook-importexport_wizard_chooseowner { + margin: 0.5em; +} +.wizard_content #importexport-wizardbox_addressbook-importexport_wizard_vcard_chooseowner table.et2_grid tr:first-child, +.wizard_content #importexport-wizardbox_addressbook-importexport_wizard_chooseowner table.et2_grid tr:first-child { + height: 62px; +} +.wizard_content #importexport-wizardbox_addressbook-importexport_wizard_vcard_chooseowner .et2_label#importexport-wizardbox_msg, +.wizard_content #importexport-wizardbox_addressbook-importexport_wizard_chooseowner .et2_label#importexport-wizardbox_msg { + font-size: 15px; +} +.wizard_content #importexport-wizardbox_importexport-wizard_chooseallowedusers { + margin: 0.5em; +} +.wizard_content #importexport-wizardbox_importexport-wizard_chooseallowedusers table.et2_grid tr:first-child { + height: 62px; +} +.wizard_content #importexport-wizardbox_importexport-wizard_chooseallowedusers .et2_label#importexport-wizardbox_msg { + font-size: 15px; +} diff --git a/importexport/templates/pixelegg/app.less b/importexport/templates/pixelegg/app.less index e57adb27a7..23e5f7e4c8 100755 --- a/importexport/templates/pixelegg/app.less +++ b/importexport/templates/pixelegg/app.less @@ -35,8 +35,8 @@ width: 400px; table.et2_grid { - tr:nth-child(even) {background: @color-even;} - tr:nth-child(odd) {background: @color-odd;} + tr:nth-child(even) {background: @color_even;} + tr:nth-child(odd) {background: @color_odd;} td {padding: 0.5em;} } @@ -47,8 +47,8 @@ #importexport-export_dialog_importexport-export_dialog-selection_tab { table.et2_grid { - tr:nth-child(even) {background: @color-even;} - tr:nth-child(odd) {background: @color-odd;} + tr:nth-child(even) {background: @color_even;} + tr:nth-child(odd) {background: @color_odd;} td {padding: 0.5em;} } @@ -59,8 +59,8 @@ /* Tab Optionen*/ #importexport-export_dialog_importexport-export_dialog-options_tab{ table.et2_grid { - tr:nth-child(even) {background: @color-even;} - tr:nth-child(odd) {background: @color-odd;} + tr:nth-child(even) {background: @color_even;} + tr:nth-child(odd) {background: @color_odd;} td {padding: 0.5em;} } @@ -68,6 +68,80 @@ } +/** + * Admin Tree - apps - import / Export Dialog + * NEW Window + */ + + // First + .wizard_content { + + #importexport-wizardbox_importexport-wizard_chooseapp, + #importexport-wizardbox_importexport-wizard_chooseplugin, + #importexport-wizardbox_importexport-wizard_choosename, + #importexport-wizardbox_importexport-wizard_basic_import_csv-sample_file, + #importexport-wizardbox_addressbook-importexport_wizard_vcard_charset{ + + margin: 15em 0 0 10em; + + table.et2_grid{font-size: 15px;} + /*#importexport-wizardbox_msg{font-size: 2em;}*/ + + input.et2_textbox{width: 100%;} + + } + + + // Filter + #importexport-wizardbox_importexport-wizard_basic_import_csv-choosesepncharset, + #importexport-wizardbox_importexport-wizard_basic_import_csv-fieldmapping{ + + margin: 0.5em; + + table.et2_grid tr:first-child{height: 62px;} + + .et2_label#importexport-wizardbox_msg {font-size: 15px;} + + + } + + // Help + #importexport-wizardbox_importexport-wizard_basic_import_csv-conditions{ + + margin: 0.5em; + + .condition_help { + font-size: 15px; + line-height: 2em; + border-bottom: 10px solid transparent; + } + + .et2_label#importexport-wizardbox_msg {font-size: 15px;} + + } + + // Choose Owner + #importexport-wizardbox_addressbook-importexport_wizard_vcard_chooseowner, + #importexport-wizardbox_addressbook-importexport_wizard_chooseowner{ + margin: 0.5em; + + table.et2_grid tr:first-child{height: 62px;} + + .et2_label#importexport-wizardbox_msg {font-size: 15px;} + } + + // choose + #importexport-wizardbox_importexport-wizard_chooseallowedusers{ + + margin: 0.5em; + + table.et2_grid tr:first-child{height: 62px;} + + .et2_label#importexport-wizardbox_msg {font-size: 15px;} + + } + + } // \ No newline at end of file diff --git a/mail/templates/pixelegg/app.css b/mail/templates/pixelegg/app.css index 967f186217..9f8d2591d8 100755 --- a/mail/templates/pixelegg/app.css +++ b/mail/templates/pixelegg/app.css @@ -625,6 +625,17 @@ div#mail-index div#mail-index_nm tr.mail td img { box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); border: 0px solid rgba(0, 0, 0, 0.9); } +div#mail-index div#mail-index_nm tr.mail 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; +} div#mail-index div#mail-index_nm tr.mail div span { height: 12px; -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); @@ -716,7 +727,7 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje } .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; + background-color: #ffc200 !important; -webkit-border-radius: 3px; -webkit-border-top-left-radius: 10px; -moz-border-radius: 3px; @@ -1195,8 +1206,9 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje background-color: #679fd2; background-image: none; padding: 5px 3px; - height: 25px; + height: 30px; display: -webkit-box; + /*OPEN SINGLE WINDOW AFTER CLICK ON MAIL*/ } #mail-display .mailDisplayHeaderSection #mail-display_toolbar button { /*.background_color_10_gray;*/ @@ -1280,6 +1292,68 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje width: 16px; margin-right: 3px; } +#mail-display .mailDisplayHeaderSection #mail-display_toolbar #toolbar-actionlist { + padding: 0px 3px; +} +#mail-display .mailDisplayHeaderSection #mail-display_toolbar #toolbar-actionlist span[data-group] { + margin: 0px 40px 0 0; +} +#mail-display .mailDisplayHeaderSection #mail-display_toolbar #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 .mailDisplayHeaderSection #mail-display_toolbar #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 .mailDisplayHeaderSection #mail-display_toolbar #toolbar-actionlist button[id*="toolbar-composeasnew"]:hover, +#mail-display .mailDisplayHeaderSection #mail-display_toolbar #toolbar-actionlist button[id*="toolbar-reply"]:hover, +#mail-display .mailDisplayHeaderSection #mail-display_toolbar #toolbar-actionlist button[id*="toolbar-reply_all"]:hover, +#mail-display .mailDisplayHeaderSection #mail-display_toolbar #toolbar-actionlist button[id*="toolbar-forward"]:hover, +#mail-display .mailDisplayHeaderSection #mail-display_toolbar #toolbar-actionlist button[id*="toolbar-print"]:hover, +#mail-display .mailDisplayHeaderSection #mail-display_toolbar #toolbar-actionlist button[id*="toolbar-save"]:hover, +#mail-display .mailDisplayHeaderSection #mail-display_toolbar #toolbar-actionlist button[id*="toolbar-header"]:hover { + background-color: #1aa200; +} +#mail-display .mailDisplayHeaderSection #mail-display_toolbar #toolbar-actionlist button[id*="toolbar-composeasnew"]:active, +#mail-display .mailDisplayHeaderSection #mail-display_toolbar #toolbar-actionlist button[id*="toolbar-reply"]:active, +#mail-display .mailDisplayHeaderSection #mail-display_toolbar #toolbar-actionlist button[id*="toolbar-reply_all"]:active, +#mail-display .mailDisplayHeaderSection #mail-display_toolbar #toolbar-actionlist button[id*="toolbar-forward"]:active, +#mail-display .mailDisplayHeaderSection #mail-display_toolbar #toolbar-actionlist button[id*="toolbar-print"]:active, +#mail-display .mailDisplayHeaderSection #mail-display_toolbar #toolbar-actionlist button[id*="toolbar-save"]:active, +#mail-display .mailDisplayHeaderSection #mail-display_toolbar #toolbar-actionlist button[id*="toolbar-header"]:active { + background-color: #1aa200; +} +#mail-display .mailDisplayHeaderSection #mail-display_toolbar #toolbar-actionlist button[id*="toolbar-unflagged"]:hover, +#mail-display .mailDisplayHeaderSection #mail-display_toolbar #toolbar-actionlist button[id*="toolbar-delete"]:hover { + background-color: #e12500; +} +#mail-display .mailDisplayHeaderSection #mail-display_toolbar #toolbar-actionlist button[id*="toolbar-unflagged"]:active, +#mail-display .mailDisplayHeaderSection #mail-display_toolbar #toolbar-actionlist button[id*="toolbar-delete"]:active { + background-color: #e12500; +} +#mail-display .mailDisplayHeaderSection #mail-display_toolbar #toolbar-actionlist button[id*="toolbar-infolog"]:hover, +#mail-display .mailDisplayHeaderSection #mail-display_toolbar #toolbar-actionlist button[id*="toolbar-tracker"]:hover { + background-color: #ffc200; +} +#mail-display .mailDisplayHeaderSection #mail-display_toolbar #toolbar-actionlist button[id*="toolbar-infolog"]:active, +#mail-display .mailDisplayHeaderSection #mail-display_toolbar #toolbar-actionlist button[id*="toolbar-tracker"]:active { + background-color: .background_color_15_gray; +} #mail-display .mailDisplayAttachments { background-color: #f0f0f0; max-height: 10%; @@ -1722,7 +1796,7 @@ input[type=button] { #mail-index_mailPreviewContainer { position: absolute; border: 1px solid .color_10_gray; - top: 80px; + top: 97px; bottom: 0; left: 3px; right: 0; @@ -1752,18 +1826,19 @@ input[type=button] { #mail-index_toolbar button { width: 24px !important; height: 24px !important; - background-color: #e6e6e6; + background-color: #696969; } #mail-index_toolbar button img[src$="svg"] { - background-color: #6c6c6c; - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjYjRiNGI0IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMDAwMDAwIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=); - background-image: -moz-linear-gradient(top, #b4b4b4, #000000); - background-image: -ms-linear-gradient(top, #b4b4b4, #000000); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b4b4b4), to(#000000)); - background-image: -webkit-linear-gradient(top, #b4b4b4, #000000); - background-image: -o-linear-gradient(top, #b4b4b4, #000000); - background-image: linear-gradient(top, #b4b4b4, #000000); + background-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; @@ -1782,6 +1857,32 @@ input[type=button] { #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, @@ -1792,6 +1893,32 @@ input[type=button] { #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, @@ -1802,30 +1929,176 @@ input[type=button] { #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 { 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"] { + 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 { 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"] { + 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 { 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"] { + 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; } /*AN / To*/ div.mailPreviewHeaders div.mail_extraEmails { diff --git a/mail/templates/pixelegg/app.less b/mail/templates/pixelegg/app.less index cfa0ae7899..01dc3791eb 100755 --- a/mail/templates/pixelegg/app.less +++ b/mail/templates/pixelegg/app.less @@ -111,7 +111,13 @@ div#mail-index{ div {} // Bilder in den Listen - tr.mail td img {.dimension_height_xs;.box_shadow_none;.border_none;} + tr.mail td img { + .dimension_height_xs; + .box_shadow_none; + .border_none; + } + tr.mail td img[src*="svg"]{ .gradient_vertical (@gray_70, @gray_70);} + tr.mail div span {.dimension_height_xs;.box_shadow_none; display: table-cell; } @@ -237,7 +243,7 @@ div#mail-index{ } &:active { - background-color: @color_positive_action_active !important; + background-color: @egw_color_1_a !important; .border_radius_button_lefttop ; .box_shadow_standard_light_inset; @@ -590,7 +596,7 @@ div#mail-index{ background-color: @egw_color_2_e; background-image: none; padding: 5px 3px; - height: 25px; + height: 30px; display: -webkit-box; button { .Complete_Button_Icon_normal; @@ -723,6 +729,51 @@ div#mail-index{ } } } + + + /*OPEN SINGLE WINDOW AFTER CLICK ON MAIL*/ + // ###################### buttons############################## + // # # # # # # # # # #### + // # # # # # # # # # #### + // ############################################################ + #toolbar-actionlist{ + + padding: 0px 3px; + + span[data-group] {margin: 0px 40px 0 0;} + + button { + .Complete_Button_Icon_normal; + height: 27px; + [src*="svg"]{ + .gradient_vertical (@gray_90, @gray_90); + } + } + button[id*="toolbar-composeasnew"], + button[id*="toolbar-reply"], + button[id*="toolbar-reply_all"], + button[id*="toolbar-forward"], + button[id*="toolbar-print"], + button[id*="toolbar-save"], + button[id*="toolbar-header"]{ + &:hover {background-color: @color_positive_action_active;} + &:active {background-color: @color_positive_action_active;} + } + + button[id*="toolbar-unflagged"], + button[id*="toolbar-delete"]{ + &:hover {background-color: @color_negative_action_active;} + &:active {background-color: @color_negative_action_active;} + } + + button[id*="toolbar-infolog"], + button[id*="toolbar-tracker"]{ + &:hover {background-color: @egw_color_1_a;} + &:active {background-color: .background_color_15_gray;} + } + + } + } @@ -752,11 +803,18 @@ div#mail-index{ .mail_DisplayNone{ display: none; } + + + + } // Ende Display + + + /* ################################################################################## * E-Mail * @@ -1246,7 +1304,7 @@ input[type=button] { #mail-index_mailPreviewContainer { position: absolute; border: 1px solid .color_10_gray; - top: 80px; + top: 97px; bottom: 0; left: 3px; right: 0; @@ -1284,10 +1342,12 @@ input[type=button] { button { .dimension_width_height_m !important; - background-color: @gray_10; + background-color: @gray_60; img[src$="svg"]{ - .gradient_vertical (@gray_30, @gray_100); + + .gradient_vertical (@gray_60, @gray_60); + background-color: @gray_100; } @@ -1314,23 +1374,98 @@ input[type=button] { button[id*="toolbar-print"], button[id*="toolbar-save"], button[id*="toolbar-header"]{ - &:focus {background-color: @color_positive_action} - &:hover {background-color: @color_positive_action} - &:active {background-color: @color_positive_action} + &:focus { + background-color: @color_positive_action; + .gradient_vertical (@color_positive_action, @color_positive_action); + img[src$="svg"]{ + .gradient_vertical (@color_positive_action, @color_positive_action); + background-color: @color_positive_action; + } + + } + &:hover { + background-color: @color_positive_action; + .gradient_vertical (@color_positive_action, @color_positive_action); + img[src$="svg"]{ + .gradient_vertical (@color_positive_action, @color_positive_action); + background-color: @color_positive_action; + } + + } + &:active { + background-color: @color_positive_action; + .gradient_vertical (@color_positive_action, @color_positive_action); + img[src$="svg"]{ + .gradient_vertical (@color_positive_action, @color_positive_action); + background-color: @color_positive_action; + } + + } + + + } button[id*="toolbar-unflagged"], button[id*="toolbar-delete"]{ - &:focus {background-color: @color_negative_action;} - &:hover {background-color: @color_negative_action;} - &:active {background-color: @color_negative_action;} + &:focus { + background-color: @color_negative_action;; + .gradient_vertical (@color_negative_action, @color_negative_action); + img[src$="svg"]{ + .gradient_vertical (@color_negative_action, @color_negative_action); + background-color: @color_negative_action; + } + + } + &:hover { + background-color: @color_negative_action; + .gradient_vertical (@color_negative_action, @color_negative_action); + img[src$="svg"]{ + .gradient_vertical (@color_negative_action, @color_negative_action); + background-color: @color_negative_action; + } + + } + &:active { + background-color: @color_negative_action;; + .gradient_vertical (@color_negative_action, @color_negative_action); + img[src$="svg"]{ + .gradient_vertical (@color_negative_action, @color_negative_action); + background-color: @color_negative_action; + } + + } } button[id*="toolbar-infolog"], button[id*="toolbar-tracker"]{ - &:focus {background-color: @egw_color_1_a;} - &:hover {background-color: @egw_color_1_a;} - &:active {background-color: @egw_color_1_a;} + &:focus { + background-color: @egw_color_1_a; + .gradient_vertical (@egw_color_1_a, @egw_color_1_a); + img[src$="svg"]{ + .gradient_vertical (@egw_color_1_a, @egw_color_1_a); + background-color: @egw_color_1_a; + } + + } + &:hover { + background-color: @egw_color_1_a; + .gradient_vertical (@egw_color_1_a, @egw_color_1_a); + img[src$="svg"]{ + .gradient_vertical (@egw_color_1_a, @egw_color_1_a); + background-color: @egw_color_1_a; + } + + } + &:active { + background-color: @egw_color_1_a; + .gradient_vertical (@egw_color_1_a, @egw_color_1_a); + img[src$="svg"]{ + .gradient_vertical (@egw_color_1_a, @egw_color_1_a); + background-color: @egw_color_1_a; + } + } + } diff --git a/preferences/templates/default/changepassword.tpl b/preferences/templates/default/changepassword.tpl index e90d0d8d0c..35d322295d 100644 --- a/preferences/templates/default/changepassword.tpl +++ b/preferences/templates/default/changepassword.tpl @@ -3,7 +3,7 @@
{messages}
- +
{lang_enter_old_password} @@ -31,8 +31,8 @@
- - + +