pixelegg changes up until now

This commit is contained in:
Ralf Becker 2014-02-03 10:05:44 +00:00
parent b8aa28c055
commit 84b6e72f4b
10 changed files with 644 additions and 54 deletions

View File

@ -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 {

View File

@ -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;}
}

View File

@ -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;
}

View File

@ -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;

View File

@ -7,10 +7,10 @@
<column/>
</columns>
<rows>
<row class="dialog-header">
<row>
<description id="msg" no_lang="1"/>
</row>
<row>
<row class="chooseapp">
<menulist>
<menupopup id="application" no_lang="1"/>
</menulist>

View File

@ -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;
}

View File

@ -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;}
}
}
//

View File

@ -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 {

View File

@ -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;
}
}
}

View File

@ -3,7 +3,7 @@
<center>{messages}</center>
<form method="POST" action="{form_action}">
<table border="0">
<table border="0" class="table_passord_change">
<tr>
<td>
{lang_enter_old_password}
@ -31,8 +31,8 @@
<tr>
<td colspan="2">
<table cellspacing="5"><tr>
<td><input type="submit" name="change" value="{lang_change}"></td>
<td><input type="submit" name="cancel" value="{lang_cancel}"></td>
<td><input type="submit" name="change" value="{lang_change}" id="passwordchange"></td>
<td><input type="submit" name="cancel" value="{lang_cancel}" id="passwordcancel"></td>
</tr></table>
</td>
</tr>