extern/egroupware
1
0
Fork 1
mirror of https://github.com/EGroupware/egroupware.git synced 2025-01-13 01:18:42 +01:00
Code Issues Packages Projects Releases Wiki Activity

pixelegg changes up until now

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
addressbook/templates/pixelegg/app.css
View File

@ -943,16 +943,15 @@ fieldset.emailGroup {
#addressbook-edit_addressbook-edit-details table.et2_grid { #addressbook-edit_addressbook-edit-details table.et2_grid {
margin-left: 2px; margin-left: 2px;
border-top: 1px solid #b4b4b4 !important; border-top: 1px solid #b4b4b4 !important;
} /*tr:nth-child(even) {background: @color_even;}*/
#addressbook-edit_addressbook-edit-details table.et2_grid tr:nth-child(even) { /*tr:nth-child(odd) {background: @color_odd;}*/
background: #ffffff;
}
#addressbook-edit_addressbook-edit-details table.et2_grid tr:nth-child(odd) {
background: #fafafa;
} }
#addressbook-edit_addressbook-edit-details table.et2_grid td { #addressbook-edit_addressbook-edit-details table.et2_grid td {
padding: 5px 0px 5px 3px; padding: 5px 0px 5px 3px;
} }
#addressbook-edit_addressbook-edit-details .et2_selectbox .ui-multiselect-checkboxes li {
text-indent: -17px;
}
/*################## Tab 5 Verknüpfungen ###############################*/ /*################## Tab 5 Verknüpfungen ###############################*/
#addressbook-edit_addressbook-edit-links .th, #addressbook-edit_addressbook-edit-links .th,
#addressbook-search_addressbook-edit-links .th { #addressbook-search_addressbook-edit-links .th {

7
addressbook/templates/pixelegg/app.less
View File

@ -742,13 +742,14 @@ div#addressbook-edit_addressbook-edit-cats {overflow: scroll;}
table.et2_grid{ table.et2_grid{
margin-left: 2px; margin-left: 2px;
border-top: 1px solid @gray_30 !important; border-top: 1px solid @gray_30 !important;
tr:nth-child(even) {background: @color_even;} /*tr:nth-child(even) {background: @color_even;}*/
tr:nth-child(odd) {background: @color_odd;} /*tr:nth-child(odd) {background: @color_odd;}*/
td {padding: 5px 0px 5px 3px;} td {padding: 5px 0px 5px 3px;}
} }
// Kategorie List
.et2_selectbox .ui-multiselect-checkboxes li {text-indent: -17px;}
} }

24
calendar/templates/pixelegg/app.css
View File

@ -558,6 +558,18 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
font-weight: bold; font-weight: bold;
text-align: center; 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 { .egw_fw_ui_category_content {
padding-left: 0px !important; 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 { div#calendar-edit #calendar-edit_calendar-edit-links tbody .et2_link_to {
width: auto !important; width: auto !important;
margin: 1em;
} }
div#calendar-edit #calendar-edit_calendar-edit-links .et2_file { div#calendar-edit #calendar-edit_calendar-edit-links .et2_file {
margin-left: 100px; margin-left: 100px;
@ -1371,6 +1384,17 @@ e.g. the div with class calendar_calTimeGrid is generated by the timeGridWidget
-moz-border-radius: 2px; -moz-border-radius: 2px;
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 { .calendar_calEventIcons img {
height: 16px; height: 16px;
} }

16
calendar/templates/pixelegg/app.less
View File

@ -17,6 +17,14 @@
@import (less) "../default/app.css"; @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 // Seitenleiste
// Ansichten // Ansichten
@ -598,7 +606,7 @@ div#calendar-edit{
display: table; display: table;
width: 100%; width: 100%;
.et2_link_to {width: auto !important;} .et2_link_to {width: auto !important; margin: 1em;}
} }
.et2_file {margin-left: 100px; width: 357px;} .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; top: 0px;
background-color: @gray_10; background-color: @gray_10;
.rounded (2px); .rounded (2px);
img[src$="svg"] {
.gradient_vertical (@gray_50, @gray_50) !important;
}
} }
.calendar_calEventIcons img{ .calendar_calEventIcons img{
.dimension_height_s; .dimension_height_s;

4
importexport/templates/default/wizard_chooseapp.xet
View File

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

82
importexport/templates/pixelegg/app.css
View File

@ -60,31 +60,101 @@ div.preview .content {
width: 400px; width: 400px;
} }
#importexport-export_dialog_importexport-export_dialog-general_tab_content table.et2_grid tr:nth-child(even) { #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) { #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 { #importexport-export_dialog_importexport-export_dialog-general_tab_content table.et2_grid td {
padding: 0.5em; padding: 0.5em;
} }
/* Tab Auswahl*/ /* Tab Auswahl*/
#importexport-export_dialog_importexport-export_dialog-selection_tab table.et2_grid tr:nth-child(even) { #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) { #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 { #importexport-export_dialog_importexport-export_dialog-selection_tab table.et2_grid td {
padding: 0.5em; padding: 0.5em;
} }
/* Tab Optionen*/ /* Tab Optionen*/
#importexport-export_dialog_importexport-export_dialog-options_tab table.et2_grid tr:nth-child(even) { #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) { #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 { #importexport-export_dialog_importexport-export_dialog-options_tab table.et2_grid td {
padding: 0.5em; 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;
}

86
importexport/templates/pixelegg/app.less
View File

@ -35,8 +35,8 @@
width: 400px; width: 400px;
table.et2_grid { table.et2_grid {
tr:nth-child(even) {background: @color-even;} tr:nth-child(even) {background: @color_even;}
tr:nth-child(odd) {background: @color-odd;} tr:nth-child(odd) {background: @color_odd;}
td {padding: 0.5em;} td {padding: 0.5em;}
} }
@ -47,8 +47,8 @@
#importexport-export_dialog_importexport-export_dialog-selection_tab { #importexport-export_dialog_importexport-export_dialog-selection_tab {
table.et2_grid { table.et2_grid {
tr:nth-child(even) {background: @color-even;} tr:nth-child(even) {background: @color_even;}
tr:nth-child(odd) {background: @color-odd;} tr:nth-child(odd) {background: @color_odd;}
td {padding: 0.5em;} td {padding: 0.5em;}
} }
@ -59,8 +59,8 @@
/* Tab Optionen*/ /* Tab Optionen*/
#importexport-export_dialog_importexport-export_dialog-options_tab{ #importexport-export_dialog_importexport-export_dialog-options_tab{
table.et2_grid { table.et2_grid {
tr:nth-child(even) {background: @color-even;} tr:nth-child(even) {background: @color_even;}
tr:nth-child(odd) {background: @color-odd;} tr:nth-child(odd) {background: @color_odd;}
td {padding: 0.5em;} 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;}
}
}
// //

297
mail/templates/pixelegg/app.css
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); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
border: 0px solid rgba(0, 0, 0, 0.9); 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 { div#mail-index div#mail-index_nm tr.mail div span {
height: 12px; height: 12px;
-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); -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#mail-index_button[mailcreate]:active,
.egw_fw_ui_category_content #mail-index_buttonmailcreate button[id*="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-radius: 3px;
-webkit-border-top-left-radius: 10px; -webkit-border-top-left-radius: 10px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
@ -1195,8 +1206,9 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje
background-color: #679fd2; background-color: #679fd2;
background-image: none; background-image: none;
padding: 5px 3px; padding: 5px 3px;
height: 25px; height: 30px;
display: -webkit-box; display: -webkit-box;
/*OPEN SINGLE WINDOW AFTER CLICK ON MAIL*/
} }
#mail-display .mailDisplayHeaderSection #mail-display_toolbar button { #mail-display .mailDisplayHeaderSection #mail-display_toolbar button {
/*.background_color_10_gray;*/ /*.background_color_10_gray;*/
@ -1280,6 +1292,68 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje
width: 16px; width: 16px;
margin-right: 3px; 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 { #mail-display .mailDisplayAttachments {
background-color: #f0f0f0; background-color: #f0f0f0;
max-height: 10%; max-height: 10%;
@ -1722,7 +1796,7 @@ input[type=button] {
#mail-index_mailPreviewContainer { #mail-index_mailPreviewContainer {
position: absolute; position: absolute;
border: 1px solid .color_10_gray; border: 1px solid .color_10_gray;
top: 80px; top: 97px;
bottom: 0; bottom: 0;
left: 3px; left: 3px;
right: 0; right: 0;
@ -1752,18 +1826,19 @@ input[type=button] {
#mail-index_toolbar button { #mail-index_toolbar button {
width: 24px !important; width: 24px !important;
height: 24px !important; height: 24px !important;
background-color: #e6e6e6; background-color: #696969;
} }
#mail-index_toolbar button img[src$="svg"] { #mail-index_toolbar button img[src$="svg"] {
background-color: #6c6c6c; background-color: #696969;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjYjRiNGI0IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMDAwMDAwIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=); background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjNjk2OTY5IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjNjk2OTY5IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=);
background-image: -moz-linear-gradient(top, #b4b4b4, #000000); background-image: -moz-linear-gradient(top, #696969, #696969);
background-image: -ms-linear-gradient(top, #b4b4b4, #000000); background-image: -ms-linear-gradient(top, #696969, #696969);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b4b4b4), to(#000000)); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#696969), to(#696969));
background-image: -webkit-linear-gradient(top, #b4b4b4, #000000); background-image: -webkit-linear-gradient(top, #696969, #696969);
background-image: -o-linear-gradient(top, #b4b4b4, #000000); background-image: -o-linear-gradient(top, #696969, #696969);
background-image: linear-gradient(top, #b4b4b4, #000000); background-image: linear-gradient(top, #696969, #696969);
background-repeat: repeat-x; background-repeat: repeat-x;
background-color: #000000;
} }
#mail-index_toolbar button span { #mail-index_toolbar button span {
padding: 0; padding: 0;
@ -1782,6 +1857,32 @@ input[type=button] {
#mail-index_toolbar button[id*="toolbar-save"]:focus, #mail-index_toolbar button[id*="toolbar-save"]:focus,
#mail-index_toolbar button[id*="toolbar-header"]:focus { #mail-index_toolbar button[id*="toolbar-header"]:focus {
background-color: #189800; 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-composeasnew"]:hover,
#mail-index_toolbar button[id*="toolbar-reply"]: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-save"]:hover,
#mail-index_toolbar button[id*="toolbar-header"]:hover { #mail-index_toolbar button[id*="toolbar-header"]:hover {
background-color: #189800; 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-composeasnew"]:active,
#mail-index_toolbar button[id*="toolbar-reply"]: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-save"]:active,
#mail-index_toolbar button[id*="toolbar-header"]:active { #mail-index_toolbar button[id*="toolbar-header"]:active {
background-color: #189800; 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-unflagged"]:focus,
#mail-index_toolbar button[id*="toolbar-delete"]:focus { #mail-index_toolbar button[id*="toolbar-delete"]:focus {
background-color: #ae1d00; 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-unflagged"]:hover,
#mail-index_toolbar button[id*="toolbar-delete"]:hover { #mail-index_toolbar button[id*="toolbar-delete"]:hover {
background-color: #ae1d00; 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-unflagged"]:active,
#mail-index_toolbar button[id*="toolbar-delete"]:active { #mail-index_toolbar button[id*="toolbar-delete"]:active {
background-color: #ae1d00; 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-infolog"]:focus,
#mail-index_toolbar button[id*="toolbar-tracker"]:focus { #mail-index_toolbar button[id*="toolbar-tracker"]:focus {
background-color: #ffc200; 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-infolog"]:hover,
#mail-index_toolbar button[id*="toolbar-tracker"]:hover { #mail-index_toolbar button[id*="toolbar-tracker"]:hover {
background-color: #ffc200; 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-infolog"]:active,
#mail-index_toolbar button[id*="toolbar-tracker"]:active { #mail-index_toolbar button[id*="toolbar-tracker"]:active {
background-color: #ffc200; 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*/ /*AN / To*/
div.mailPreviewHeaders div.mail_extraEmails { div.mailPreviewHeaders div.mail_extraEmails {

165
mail/templates/pixelegg/app.less
View File

@ -111,7 +111,13 @@ div#mail-index{
div {} div {}
// Bilder in den Listen // 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; } tr.mail div span {.dimension_height_xs;.box_shadow_none; display: table-cell; }
@ -237,7 +243,7 @@ div#mail-index{
} }
&:active { &:active {
background-color: @color_positive_action_active !important; background-color: @egw_color_1_a !important;
.border_radius_button_lefttop ; .border_radius_button_lefttop ;
.box_shadow_standard_light_inset; .box_shadow_standard_light_inset;
@ -590,7 +596,7 @@ div#mail-index{
background-color: @egw_color_2_e; background-color: @egw_color_2_e;
background-image: none; background-image: none;
padding: 5px 3px; padding: 5px 3px;
height: 25px; height: 30px;
display: -webkit-box; display: -webkit-box;
button { button {
.Complete_Button_Icon_normal; .Complete_Button_Icon_normal;
@ -724,6 +730,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;}
}
}
} }
} }
@ -753,10 +804,17 @@ div#mail-index{
display: none; display: none;
} }
} // Ende Display } // Ende Display
/* ################################################################################## /* ##################################################################################
* E-Mail * E-Mail
* *
@ -1246,7 +1304,7 @@ input[type=button] {
#mail-index_mailPreviewContainer { #mail-index_mailPreviewContainer {
position: absolute; position: absolute;
border: 1px solid .color_10_gray; border: 1px solid .color_10_gray;
top: 80px; top: 97px;
bottom: 0; bottom: 0;
left: 3px; left: 3px;
right: 0; right: 0;
@ -1284,10 +1342,12 @@ input[type=button] {
button { button {
.dimension_width_height_m !important; .dimension_width_height_m !important;
background-color: @gray_10; background-color: @gray_60;
img[src$="svg"]{ 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-print"],
button[id*="toolbar-save"], button[id*="toolbar-save"],
button[id*="toolbar-header"]{ button[id*="toolbar-header"]{
&:focus {background-color: @color_positive_action} &:focus {
&:hover {background-color: @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;
}
}
&: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-unflagged"],
button[id*="toolbar-delete"]{ button[id*="toolbar-delete"]{
&:focus {background-color: @color_negative_action;} &:focus {
&:hover {background-color: @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;
}
}
&: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-infolog"],
button[id*="toolbar-tracker"]{ button[id*="toolbar-tracker"]{
&:focus {background-color: @egw_color_1_a;} &:focus {
&:hover {background-color: @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;
}
}
&: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;
}
}
} }

6
preferences/templates/default/changepassword.tpl
View File

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