From 4d52be1f1c5595bc901025d0b559c122bd3bf6f7 Mon Sep 17 00:00:00 2001 From: Klaus Leithoff Date: Wed, 8 Jan 2014 07:58:33 +0000 Subject: [PATCH] pixelegg changes from yesterday --- addressbook/templates/pixelegg/app.css | 166 +++++++++++++----- addressbook/templates/pixelegg/app.less | 62 ++++++- infolog/templates/pixelegg/app.css | 109 ++++++++---- infolog/templates/pixelegg/app.less | 72 ++++---- infolog/templates/pixelegg/images/note.png | Bin 2612 -> 2254 bytes infolog/templates/pixelegg/images/note.svg | 11 ++ infolog/templates/pixelegg/images/phone.png | Bin 2707 -> 2662 bytes infolog/templates/pixelegg/images/phone.svg | 18 ++ infolog/templates/pixelegg/images/task.png | Bin 1469 -> 1403 bytes infolog/templates/pixelegg/images/task.svg | 11 ++ mail/templates/pixelegg/app.css | 183 ++++++++++++-------- mail/templates/pixelegg/app.less | 147 +++++++++++----- 12 files changed, 553 insertions(+), 226 deletions(-) create mode 100755 infolog/templates/pixelegg/images/note.svg create mode 100755 infolog/templates/pixelegg/images/phone.svg create mode 100755 infolog/templates/pixelegg/images/task.svg diff --git a/addressbook/templates/pixelegg/app.css b/addressbook/templates/pixelegg/app.css index ad15fd68dc..39085ba3c9 100755 --- a/addressbook/templates/pixelegg/app.css +++ b/addressbook/templates/pixelegg/app.css @@ -356,11 +356,11 @@ fieldset.emailGroup { -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); -webkit-border-radius: 3px; - -webkit-border-top-left-radius: 20px; + -webkit-border-top-left-radius: 10px; -moz-border-radius: 3px; - -moz-border-radius-topleft: 20px; + -moz-border-radius-topleft: 10px; border-radius: 3px; - border-top-left-radius: 20px; + border-top-left-radius: 10px; } div#addressbook-index div.filters select#infolog-index_cat_id { width: 10%; @@ -396,41 +396,69 @@ fieldset.emailGroup { span.et2_label {color: @gray-0; font-size: 0.9em;padding-right: 11px;} img.et2_button {margin-top: -15px;}*/ + /* div.et2_box_widget{ + background-color: @egw_color_blue_lighter !important; + color: #FFF; + text-shadow: none; +// height: 35px; + background-image: none !important; + .border_radius_button_lefttop; + + &:before {content: "+";font-size: 2em;color: @egw_color_1;} + + .border_radius_button_lefttop; + .box_shadow_standard_light; + + height: 39px; // hieght of add-item + + .infolog_headertext{color: #FFF !important; font-size: 11px;} + + + &:hover {.box_shadow_standard_light_hover; background-color: @egw_color_blue_lightest !important;} + + + img#infolog-index_add[id="task"] {background-color: @gray-0; } + + // IMG + img { + + .Complete_Button_Icon_normal; + .dimension_width_height_s; + margin-right: 0.5em; + padding: 2px; + margin-top: -2px; + vertical-align: middle; + + &:hover{.Complete_Button_Icon_hover ;} + &:active{.Complete_Button_Icon_active ;} + + } + }*/ } .et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] div.et2_box_widget { - background-color: #0b5fa4 !important; - color: #FFF; + /*border: 1px solid rgba(0, 0, 0, 0.15);*/ + /*box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);*/ text-shadow: none; + height: 32px; + margin-top: 5px; background-image: none !important; - -webkit-border-radius: 3px; - -webkit-border-top-left-radius: 20px; - -moz-border-radius: 3px; - -moz-border-radius-topleft: 20px; - border-radius: 3px; - border-top-left-radius: 20px; - -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); - height: 39px; - /*img#infolog-index_add[id="task"] {background-color: @gray-0; }*/ + transition: all 0.5s linear; + -webkit-transition: all 0.5s linear; + /* Safari */ + /*Text ""hinzufügen" "*/ + /*MouseOver*/ } .et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] div.et2_box_widget:before { content: "+"; font-size: 2em; color: #ffc200; + line-height: 0.5em; } - .et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] div.et2_box_widget .infolog_headertext { - color: #FFF !important; - font-size: 11px; - } - .et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] div.et2_box_widget:hover { - -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - background-color: #66a1d2 !important; + .et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] div.et2_box_widget span { + display: none; } .et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] div.et2_box_widget img { - background-color: #f0f0f0; + /*.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); @@ -440,13 +468,22 @@ fieldset.emailGroup { border-radius: 3px; width: 16px; height: 16px; - margin-right: 0.5em; - padding: 2px; - margin-top: -2px; + margin-left: 0.5em; + padding: 0px; + margin-top: 0px; vertical-align: middle; + background-color: #0c5da5; + background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjMGM1ZGE1IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMGM1ZGE1IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=); + background-image: -moz-linear-gradient(top, #0c5da5, #0c5da5); + background-image: -ms-linear-gradient(top, #0c5da5, #0c5da5); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0c5da5), to(#0c5da5)); + background-image: -webkit-linear-gradient(top, #0c5da5, #0c5da5); + background-image: -o-linear-gradient(top, #0c5da5, #0c5da5); + background-image: linear-gradient(top, #0c5da5, #0c5da5); + background-repeat: repeat-x; } .et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] div.et2_box_widget img:hover { - background-color: #cccccc; + /*.background_color_20_gray;*/ -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); @@ -456,7 +493,7 @@ fieldset.emailGroup { border-radius: 3px; } .et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] div.et2_box_widget img:active { - background-color: #b3b3b3 !important; + /*.background_color_30_gray;*/ border: 1px solid rgba(0, 0, 0, 0.9); -webkit-border-radius: 3px; -moz-border-radius: 3px; @@ -464,6 +501,50 @@ fieldset.emailGroup { -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); + background-color: #1aa200; + } + .et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] div.et2_box_widget img:last-child { + margin-right: 5px; + } + .et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] div.et2_box_widget:hover { + -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); + -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); + background-color: #0c5da5 !important; + -webkit-border-radius: 3px; + -webkit-border-top-left-radius: 10px; + -moz-border-radius: 3px; + -moz-border-radius-topleft: 10px; + border-radius: 3px; + border-top-left-radius: 10px; + height: 32px; + /*Text*/ + } + .et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] div.et2_box_widget:hover:before { + content: ""; + font-size: 1em; + padding-left: 5px; + } + .et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] div.et2_box_widget:hover span { + visibility: hidden; + display: none; + } + .et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] div.et2_box_widget:hover img { + -webkit-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + -ms-transform: scale(1.5); + transform: scale(1.5); + margin: 0.5em; + background-color: #0c5da5; + background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjMGM1ZGE1IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMGM1ZGE1IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=); + background-image: -moz-linear-gradient(top, #0c5da5, #0c5da5); + background-image: -ms-linear-gradient(top, #0c5da5, #0c5da5); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0c5da5), to(#0c5da5)); + background-image: -webkit-linear-gradient(top, #0c5da5, #0c5da5); + background-image: -o-linear-gradient(top, #0c5da5, #0c5da5); + background-image: linear-gradient(top, #0c5da5, #0c5da5); + background-repeat: repeat-x; } .et2_container[id^="infolog-index-addressbook"] .egwGridView_scrollarea { overflow-y: scroll !important; @@ -501,7 +582,7 @@ fieldset.emailGroup { } button[id="addressbook-edit_button[delete]"] { float: right; - margin-top: -36px; + margin-top: 4px; } /*#######################################################*/ /*State: Address selected*/ @@ -753,7 +834,7 @@ fieldset.emailGroup { } div#addressbook-edit fieldset.phoneGroup table.et2_grid tr:nth-child(odd), div#addressbook-search fieldset.phoneGroup table.et2_grid tr:nth-child(odd) { - background: #ebebeb; + background: #f7f7f7; } div#addressbook-edit fieldset.phoneGroup table.et2_grid td, div#addressbook-search fieldset.phoneGroup table.et2_grid td { @@ -798,7 +879,7 @@ fieldset.emailGroup { } div#addressbook-edit fieldset.emailGroup table.et2_grid tr:nth-child(odd), div#addressbook-search fieldset.emailGroup table.et2_grid tr:nth-child(odd) { - background: #ebebeb; + background: #f7f7f7; } div#addressbook-edit fieldset.emailGroup table.et2_grid td, div#addressbook-search fieldset.emailGroup table.et2_grid td { @@ -821,7 +902,7 @@ fieldset.emailGroup { } div#addressbook-edit fieldset.emailGroup td a.et2_url:hover, div#addressbook-search fieldset.emailGroup td a.et2_url:hover { - background-color: #cccccc; + /*.background_color_20_gray;*/ -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); @@ -832,7 +913,7 @@ fieldset.emailGroup { } div#addressbook-edit fieldset.emailGroup td a.et2_url.url, div#addressbook-search fieldset.emailGroup td a.et2_url.url { - background-color: #f0f0f0; + /*.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); @@ -845,7 +926,7 @@ fieldset.emailGroup { } div#addressbook-edit fieldset.emailGroup td a.et2_url.email, div#addressbook-search fieldset.emailGroup td a.et2_url.email { - background-color: #f0f0f0; + /*.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); @@ -889,7 +970,7 @@ fieldset.emailGroup { background: #ffffff; } #addressbook-edit_addressbook-edit-general td.addressbook_edit_general_left table.et2_grid div#addressbook-edit_addressbook-edit-name table.et2_grid tr:nth-child(odd) { - background: #ebebeb; + background: #f7f7f7; } #addressbook-edit_addressbook-edit-general td.addressbook_edit_general_left table.et2_grid div#addressbook-edit_addressbook-edit-name table.et2_grid td { padding: 5px 0px 5px 3px; @@ -933,7 +1014,7 @@ fieldset.emailGroup { background: #ffffff; } #addressbook-edit_addressbook-edit-details table.et2_grid tr:nth-child(odd) { - background: #ebebeb; + background: #f7f7f7; } #addressbook-edit_addressbook-edit-details table.et2_grid td { padding: 5px 0px 5px 3px; @@ -966,7 +1047,7 @@ fieldset.emailGroup { margin: 1em; } div#addressbook-edit_addressbook-edit-links div#addressbook-edit_link_to img.et2_button_icon { - background-color: #f0f0f0; + /*.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); @@ -981,7 +1062,7 @@ fieldset.emailGroup { width: 32px; } div#addressbook-edit_addressbook-edit-links div#addressbook-edit_link_to img.et2_button_icon:hover { - background-color: #cccccc; + /*.background_color_20_gray;*/ -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); @@ -991,7 +1072,7 @@ fieldset.emailGroup { border-radius: 3px; } div#addressbook-edit_addressbook-edit-links div#addressbook-edit_link_to img.et2_button_icon:active { - background-color: #b3b3b3 !important; + /*.background_color_30_gray;*/ border: 1px solid rgba(0, 0, 0, 0.9); -webkit-border-radius: 3px; -moz-border-radius: 3px; @@ -999,6 +1080,7 @@ fieldset.emailGroup { -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); + background-color: #1aa200; } div#addressbook-edit_addressbook-edit-links table#addressbook-edit_link_to { overflow-y: scroll; diff --git a/addressbook/templates/pixelegg/app.less b/addressbook/templates/pixelegg/app.less index 063e53fa20..2aab4103aa 100755 --- a/addressbook/templates/pixelegg/app.less +++ b/addressbook/templates/pixelegg/app.less @@ -216,7 +216,7 @@ div#addressbook-index{ span.et2_label {color: @gray-0; font-size: 0.9em;padding-right: 11px;} img.et2_button {margin-top: -15px;}*/ - div.et2_box_widget{ +/* div.et2_box_widget{ background-color: @egw_color_blue_lighter !important; color: #FFF; text-shadow: none; @@ -237,7 +237,7 @@ div#addressbook-index{ &:hover {.box_shadow_standard_light_hover; background-color: @egw_color_blue_lightest !important;} - /*img#infolog-index_add[id="task"] {background-color: @gray-0; }*/ + img#infolog-index_add[id="task"] {background-color: @gray-0; } // IMG img { @@ -253,8 +253,62 @@ div#addressbook-index{ &:active{.Complete_Button_Icon_active ;} } - } + }*/ + div.et2_box_widget{ + /*border: 1px solid rgba(0, 0, 0, 0.15);*/ + /*box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);*/ + text-shadow: none; + .dimension_height_l; + margin-top: 5px; + background-image: none !important; + transition: all 0.5s linear; + -webkit-transition: all 0.5s linear; /* Safari */ + + &:before { + content: "+"; + font-size: 2em; + color: @egw_color_1; + line-height: 0.5em; + } + + /*Text ""hinzufügen" "*/ + span {display: none;} + + + // IMG + img { + .Complete_Button_Icon_normal; + .dimension_width_height_s; + margin-left: 0.5em; + padding: 0px; + margin-top: 0px; + vertical-align: middle; + .gradient-vertical (@egw_color_2_a, @egw_color_2_a); + + &:hover{.Complete_Button_Icon_hover ;} + + &:active { .Complete_Button_Icon_active ;} + } + + img:last-child {margin-right: 5px;}; + + + + /*MouseOver*/ + &:hover { + .box_shadow_standard_light_hover; + background-color: @egw_color_2_a !important; + .border_radius_button_lefttop; + .dimension_height_l; + &:before {content: ""; font-size: 1em;padding-left: 5px;} + /*Text*/ + span {visibility: hidden; display: none;}; + img {.scale; margin: 0.5em; .gradient-vertical (@egw_color_2_a, @egw_color_2_a);} + } + } + + } @@ -341,7 +395,7 @@ div#addressbook-index{ // Button delete button[id="addressbook-edit_button[delete]"]{ float: right; - margin-top: -36px; + margin-top: 4px; } diff --git a/infolog/templates/pixelegg/app.css b/infolog/templates/pixelegg/app.css index 445a531cc9..94359e9d2c 100755 --- a/infolog/templates/pixelegg/app.css +++ b/infolog/templates/pixelegg/app.css @@ -125,49 +125,32 @@ span#favorite_sidebox_infolog .favorites li img.sideboxstar { #infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-clearfix div.et2_hbox_right, #infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-reset div.et2_hbox_right { padding: 0 0em; - margin-right: 0em; + margin-right: 0.2em; } #infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-clearfix div.et2_hbox_right div.et2_box_widget, #infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-reset div.et2_hbox_right div.et2_box_widget { - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); + /*border: 1px solid rgba(0, 0, 0, 0.15);*/ + /*box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);*/ text-shadow: none; height: 32px; + margin-top: 5px; background-image: none !important; - /*.border_radius_button_lefttop;*/ - /* .border_radius_button_lefttop; - .box_shadow_standard_light; - - height: 39px; // hieght of add-item*/ - /*img#infolog-index_add[id="task"] {background-color: @gray-0; }*/ + transition: all 0.5s linear; + -webkit-transition: all 0.5s linear; + /* Safari */ + /*Text ""hinzufügen" "*/ + /*MouseOver*/ } #infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-clearfix div.et2_hbox_right div.et2_box_widget:before, #infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-reset div.et2_hbox_right div.et2_box_widget:before { content: "+"; font-size: 2em; color: #ffc200; + line-height: 0.5em; } -#infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-clearfix div.et2_hbox_right div.et2_box_widget:hover, -#infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-reset div.et2_hbox_right div.et2_box_widget:hover { - -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - background-color: #0c5da5 !important; - -webkit-border-radius: 3px; - -webkit-border-top-left-radius: 20px; - -moz-border-radius: 3px; - -moz-border-radius-topleft: 20px; - border-radius: 3px; - border-top-left-radius: 20px; -} -#infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-clearfix div.et2_hbox_right div.et2_box_widget:hover .infolog_headertext, -#infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-reset div.et2_hbox_right div.et2_box_widget:hover .infolog_headertext { - color: #FFF !important; -} -#infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-clearfix div.et2_hbox_right div.et2_box_widget .infolog_headertext, -#infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-reset div.et2_hbox_right div.et2_box_widget .infolog_headertext { - color: #000; - font-size: 11px; +#infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-clearfix div.et2_hbox_right div.et2_box_widget span, +#infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-reset div.et2_hbox_right div.et2_box_widget span { + display: none; } #infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-clearfix div.et2_hbox_right div.et2_box_widget img, #infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-reset div.et2_hbox_right div.et2_box_widget img { @@ -181,10 +164,19 @@ span#favorite_sidebox_infolog .favorites li img.sideboxstar { border-radius: 3px; width: 16px; height: 16px; - margin-right: 0.5em; - padding: 2px; - margin-top: -14px; + margin-left: 0.5em; + padding: 0px; + margin-top: 0px; vertical-align: middle; + background-color: #0c5da5; + background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjMGM1ZGE1IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMGM1ZGE1IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=); + background-image: -moz-linear-gradient(top, #0c5da5, #0c5da5); + background-image: -ms-linear-gradient(top, #0c5da5, #0c5da5); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0c5da5), to(#0c5da5)); + background-image: -webkit-linear-gradient(top, #0c5da5, #0c5da5); + background-image: -o-linear-gradient(top, #0c5da5, #0c5da5); + background-image: linear-gradient(top, #0c5da5, #0c5da5); + background-repeat: repeat-x; } #infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-clearfix div.et2_hbox_right div.et2_box_widget img:hover, #infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-reset div.et2_hbox_right div.et2_box_widget img:hover { @@ -199,7 +191,7 @@ span#favorite_sidebox_infolog .favorites li img.sideboxstar { } #infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-clearfix div.et2_hbox_right div.et2_box_widget img:active, #infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-reset div.et2_hbox_right div.et2_box_widget img:active { - background-color: #b3b3b3 !important; + /*.background_color_30_gray;*/ border: 1px solid rgba(0, 0, 0, 0.9); -webkit-border-radius: 3px; -moz-border-radius: 3px; @@ -207,6 +199,55 @@ span#favorite_sidebox_infolog .favorites li img.sideboxstar { -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); + background-color: #1aa200; +} +#infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-clearfix div.et2_hbox_right div.et2_box_widget img:last-child, +#infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-reset div.et2_hbox_right div.et2_box_widget img:last-child { + margin-right: 5px; +} +#infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-clearfix div.et2_hbox_right div.et2_box_widget:hover, +#infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-reset div.et2_hbox_right div.et2_box_widget:hover { + -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); + -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); + background-color: #0c5da5 !important; + -webkit-border-radius: 3px; + -webkit-border-top-left-radius: 10px; + -moz-border-radius: 3px; + -moz-border-radius-topleft: 10px; + border-radius: 3px; + border-top-left-radius: 10px; + height: 32px; + /*Text*/ +} +#infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-clearfix div.et2_hbox_right div.et2_box_widget:hover:before, +#infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-reset div.et2_hbox_right div.et2_box_widget:hover:before { + content: ""; + font-size: 1em; + padding-left: 5px; +} +#infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-clearfix div.et2_hbox_right div.et2_box_widget:hover span, +#infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-reset div.et2_hbox_right div.et2_box_widget:hover span { + visibility: hidden; + display: none; +} +#infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-clearfix div.et2_hbox_right div.et2_box_widget:hover img, +#infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-reset div.et2_hbox_right div.et2_box_widget:hover img { + -webkit-transform: scale(1.5); + -moz-transform: scale(1.5); + -o-transform: scale(1.5); + -ms-transform: scale(1.5); + transform: scale(1.5); + margin: 0.5em; + background-color: #0c5da5; + background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjMGM1ZGE1IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMGM1ZGE1IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=); + background-image: -moz-linear-gradient(top, #0c5da5, #0c5da5); + background-image: -ms-linear-gradient(top, #0c5da5, #0c5da5); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0c5da5), to(#0c5da5)); + background-image: -webkit-linear-gradient(top, #0c5da5, #0c5da5); + background-image: -o-linear-gradient(top, #0c5da5, #0c5da5); + background-image: linear-gradient(top, #0c5da5, #0c5da5); + background-repeat: repeat-x; } #infolog-index #infolog-index_nm .nextmatch_header div#infolog-index_favorite_wrapper ul#infolog-index_favorite_menu { border-color: #b4b4b4; diff --git a/infolog/templates/pixelegg/app.less b/infolog/templates/pixelegg/app.less index 80bb04e3e1..e581f888d7 100755 --- a/infolog/templates/pixelegg/app.less +++ b/infolog/templates/pixelegg/app.less @@ -89,51 +89,59 @@ span#favorite_sidebox_infolog{ div.et2_hbox_right{ padding: 0 0em; - margin-right: 0em; + margin-right: 0.2em; div.et2_box_widget{ - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); - + /*border: 1px solid rgba(0, 0, 0, 0.15);*/ + /*box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);*/ text-shadow: none; .dimension_height_l; + margin-top: 5px; background-image: none !important; - /*.border_radius_button_lefttop;*/ + transition: all 0.5s linear; + -webkit-transition: all 0.5s linear; /* Safari */ + + &:before { + content: "+"; + font-size: 2em; + color: @egw_color_1; + line-height: 0.5em; + } + + /*Text ""hinzufügen" "*/ + span {display: none;} - &:before {content: "+";font-size: 2em;color: @egw_color_1;} + + // IMG + img { + .Complete_Button_Icon_normal; + .dimension_width_height_s; + margin-left: 0.5em; + padding: 0px; + margin-top: 0px; + vertical-align: middle; + .gradient-vertical (@egw_color_2_a, @egw_color_2_a); -/* .border_radius_button_lefttop; - .box_shadow_standard_light; - - height: 39px; // hieght of add-item*/ + &:hover{.Complete_Button_Icon_hover ;} + &:active { .Complete_Button_Icon_active ;} + } + + img:last-child {margin-right: 5px;}; + + + + /*MouseOver*/ &:hover { .box_shadow_standard_light_hover; background-color: @egw_color_2_a !important; .border_radius_button_lefttop; - - - .infolog_headertext {color: #FFF !important;} - + .dimension_height_l; + &:before {content: ""; font-size: 1em;padding-left: 5px;} + /*Text*/ + span {visibility: hidden; display: none;}; + img {.scale; margin: 0.5em; .gradient-vertical (@egw_color_2_a, @egw_color_2_a);} } - .infolog_headertext{ color: #000; font-size: 11px; } - - /*img#infolog-index_add[id="task"] {background-color: @gray-0; }*/ - - // IMG - img { - - .Complete_Button_Icon_normal; - .dimension_width_height_s; - margin-right: 0.5em; - padding: 2px; - margin-top: -14px; - vertical-align: middle; - - &:hover{.Complete_Button_Icon_hover ;} - &:active{.Complete_Button_Icon_active ;} - - } } } diff --git a/infolog/templates/pixelegg/images/note.png b/infolog/templates/pixelegg/images/note.png index 529b0e4965c900944e99595f41d4c3d9e4ae108a..ad9b59d937dad8710dcaed575c6cf59fd1e2afd5 100755 GIT binary patch delta 1433 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 + + + + + diff --git a/infolog/templates/pixelegg/images/phone.png b/infolog/templates/pixelegg/images/phone.png index 27a1ac683ea4fd1e3d12698ac41b16df94be3377..f4feaab2125d84b0396dd343776fc231457c3331 100755 GIT binary patch delta 1844 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 diff --git a/infolog/templates/pixelegg/images/phone.svg b/infolog/templates/pixelegg/images/phone.svg new file mode 100755 index 0000000000..a21a22f17b --- /dev/null +++ b/infolog/templates/pixelegg/images/phone.svg @@ -0,0 +1,18 @@ + + + + + + + + + diff --git a/infolog/templates/pixelegg/images/task.png b/infolog/templates/pixelegg/images/task.png index dc637ed309e645dd3ea7ce7a92f4ac7da007a42c..ade5c74c95a0767226783c0e38a86c69813afaf2 100755 GIT binary patch delta 575 zcmdnX{hMn;6qACnqocW-lbfTNo0Em1p{uc_fw6&$iL1GbvzwWvo2A+0Dkd42B1@c# zwlO6s7?@cY7#fLYnTCcI1{TK7=9Z=g&gKS2PUgmwEtu=-E7$GV$-uz4($mE; zq~cbRkDp(fgvWuFBhy$PwL1J^>-c|}V}IiS?bOym1u8o+mhOe^vqPsiVe zA3AcTQd_thjV~mL&VL%@U^6?0{m(Jw?Lr-I7brGx&tUkNsc=o@D&zNt8!{a?7tG>M z@XVQbVaIXSLk&L!Ojtb5wOw?m;X1XC@yI=gJ=|G|7W0m)SOZbB(Ib)Kk}WTV&;|QoVJ4hbYlc>$I(U$ zj$0i|PZSjhIQ?e*&%VO;ki{*PX3Ga}Js58M<-5svo9zH&^hDVJ&LjFSGk$unm|MVZ y(`u$AcDSjn?chF%Yx*ww9dgdreI=|6jBE@^QKC6qACRv4NYVvAL_8v#X_{p{tRlp@F%ptCNYbrKzK%fuYIdDkd42A{U&B zwlO6sxHy|zSh^V*7&#dkm{}MaS{NBQI+;2em>5~QSXvsHOtxUItH1lr=p_RK<7-bB z$B>F!Nj`plX%Zd>T8@2ZeN^l4N3!F8uw;GPthe2#8Fd}@aCXQx&S+W77Tx3;B-L#u*d6A~>?1>8n(8IkIq1Np4aJWIHl>#hb_9 z1B@*jcQ9+Eb;&U8@#qr2Y*7CqeeqJxo)`wE_Zcr5%3C%)Y?#h`_z>fQFD9%V_ZdE# zE6n3Q8yLaJJymx)^CMk{HQg%HSV|oj);b@M=Zf}9+NkdHT*KV}!nPGCNAys?6@ULc-1 ziGN8@jPX#WL;z0K}t%T}D9 ze_@qg1#j-A+9QIl`!4KQo|#%A+;O+@2S@#tO{*Q|@c6#1*VH`fv9ia{sd?73s~ZJ) zSJx}X@crmf5%YFtU!t&azmoL>o=Gm^0?!#YDv0WewamKNqf#d2V&L? + + + + + diff --git a/mail/templates/pixelegg/app.css b/mail/templates/pixelegg/app.css index 61b1950842..8d09ff9a58 100755 --- a/mail/templates/pixelegg/app.css +++ b/mail/templates/pixelegg/app.css @@ -643,17 +643,12 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje } .egw_fw_ui_category_content #mail-index_buttonmailcreate button#mail-index_button[mailcreate], .egw_fw_ui_category_content #mail-index_buttonmailcreate button[id*="mailcreate"] { - background-color: #0b5fa4 !important; + /*background-color: @egw_color_blue_lighter !important;*/ color: #FFF; text-shadow: none; /* height: auto;*/ background-image: none !important; - -webkit-border-radius: 3px; - -webkit-border-top-left-radius: 20px; - -moz-border-radius: 3px; - -moz-border-radius-topleft: 20px; - border-radius: 3px; - border-top-left-radius: 20px; + /*.border_radius_button_lefttop;*/ background-image: url("images/write_mail_lighter.png") !important; background-position: right center !important; background-repeat: no-repeat; @@ -678,11 +673,11 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje .egw_fw_ui_category_content #mail-index_buttonmailcreate button#mail-index_button[mailcreate]:focus, .egw_fw_ui_category_content #mail-index_buttonmailcreate button[id*="mailcreate"]:focus { -webkit-border-radius: 3px; - -webkit-border-top-left-radius: 20px; + -webkit-border-top-left-radius: 10px; -moz-border-radius: 3px; - -moz-border-radius-topleft: 20px; + -moz-border-radius-topleft: 10px; border-radius: 3px; - border-top-left-radius: 20px; + border-top-left-radius: 10px; -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); @@ -765,7 +760,7 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje #mail-compose .mail-compose_toolbar img[id="mail-compose_button[saveAsDraft]"] { vertical-align: middle; padding: 3px; - background-color: #f0f0f0; + /*.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); @@ -785,7 +780,7 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje margin-left: 15px !important; vertical-align: middle; padding: 3px; - background-color: #f0f0f0; + /*.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); @@ -954,7 +949,7 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje } /* ################################################################################## * E-Mail Dialog "Ansehen" - * + * Preview * ################################################################################## */ #mail-display { @@ -964,6 +959,7 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje #mail-display .mailDisplayHeaderSection { top: 0; position: relative; + /*Toolbar*/ } #mail-display .mailDisplayHeaderSection #mail-display_toolbar { background-color: #679fd2; @@ -973,7 +969,7 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje display: -webkit-box; } #mail-display .mailDisplayHeaderSection #mail-display_toolbar button { - background-color: #f0f0f0; + /*.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); @@ -983,17 +979,22 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje border-radius: 3px; height: 20px; } -#mail-display .mailDisplayHeaderSection #mail-display_toolbar button:hover { - -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - background-color: #d9d9d9; +#mail-display .mailDisplayHeaderSection #mail-display_toolbar button[id*="toolbar-composeasnew"]:active, +#mail-display .mailDisplayHeaderSection #mail-display_toolbar button[id*="toolbar-reply"]:active, +#mail-display .mailDisplayHeaderSection #mail-display_toolbar button[id*="toolbar-reply_all"]:active, +#mail-display .mailDisplayHeaderSection #mail-display_toolbar button[id*="toolbar-forward"]:active, +#mail-display .mailDisplayHeaderSection #mail-display_toolbar button[id*="toolbar-print"]:active, +#mail-display .mailDisplayHeaderSection #mail-display_toolbar button[id*="toolbar-save"]:active, +#mail-display .mailDisplayHeaderSection #mail-display_toolbar button[id*="toolbar-header"]:active { + background-color: #1aa200; } -#mail-display .mailDisplayHeaderSection #mail-display_toolbar button:focus { - -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); - -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); - box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); - background-color: #d9d9d9; +#mail-display .mailDisplayHeaderSection #mail-display_toolbar button[id*="toolbar-unflagged"]:active, +#mail-display .mailDisplayHeaderSection #mail-display_toolbar button[id*="toolbar-delete"]:active { + background-color: #e12500; +} +#mail-display .mailDisplayHeaderSection #mail-display_toolbar button[id*="toolbar-infolog"]:active, +#mail-display .mailDisplayHeaderSection #mail-display_toolbar button[id*="toolbar-tracker"]:active { + background-color: .background_color_15_gray; } #mail-display .mailDisplayHeaderSection #mail-display_toolbar span.ui-state-default { float: left; @@ -1483,6 +1484,23 @@ input[type=button] { padding: 0px; height: 16px !important; } +#mail-index_mailPreviewIcons { + position: absolute; + right: 0; + top: 0; +} +#mail-index_mailPreviewContainer { + position: absolute; + border: 1px solid .color_10_gray; + top: 80px; + bottom: 0; + left: 3px; + right: 0; +} +/*#######################################################*/ +/*# ICON # ICON # ICON # ICON #ICON # ICON# ICON # ICON #*/ +/*#######################################################*/ +/*Toolbar der Email*/ #mail-display_toolbar { padding: 0px; } @@ -1492,22 +1510,8 @@ input[type=button] { #mail-display_toolbar > button > span > img { width: 16px; padding: 0px; - height: 16px !important; + height: auto; } -#mail-index_mailPreviewIcons { - position: absolute; - right: 0; - top: 0; -} -#mail-index_mailPreviewContainer { - position: absolute; - border: 1px solid silver; - top: 90px; - bottom: 0; - left: 3px; - right: 0; -} -/*Toolbar der Email*/ #mail-index_toolbar { padding: 0px; background: none; @@ -1516,48 +1520,77 @@ input[type=button] { /* Elemente */ } #mail-index_toolbar button { - background: none; - background-image: none; - padding: 0px !important; - background-color: #f0f0f0; - -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); - -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); - box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); - border: 1px solid rgba(0, 0, 0, 0.15); - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; -} -#mail-index_toolbar button:hover { - background-color: #cccccc; - -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); - border: 1px solid rgba(0, 0, 0, 0.5); - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; -} -#mail-index_toolbar button:active { - background-color: #b3b3b3 !important; - border: 1px solid rgba(0, 0, 0, 0.9); - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); - -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); - box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); -} -#mail-index_toolbar button:focus { - border: none; + width: 24px !important; + height: 24px !important; + background-color: #e6e6e6; + /*.Complete_Button_Icon_normal;*/ + /* &:hover { + .Complete_Button_Icon_hover; + background-color: @color_positive_action_hover; + }*/ + /*&:focus {border: none;}*/ } #mail-index_toolbar button span { - padding: .2em .6em; + padding: 0; } #mail-index_toolbar button span img { width: 16px; + height: 16px; padding: 0px; - height: 16px !important; +} +#mail-index_toolbar button[id*="toolbar-composeasnew"]:focus, +#mail-index_toolbar button[id*="toolbar-reply"]:focus, +#mail-index_toolbar button[id*="toolbar-reply_all"]:focus, +#mail-index_toolbar button[id*="toolbar-forward"]:focus, +#mail-index_toolbar button[id*="toolbar-flagged"]:focus, +#mail-index_toolbar button[id*="toolbar-print"]:focus, +#mail-index_toolbar button[id*="toolbar-save"]:focus, +#mail-index_toolbar button[id*="toolbar-header"]:focus { + background-color: #189800; +} +#mail-index_toolbar button[id*="toolbar-composeasnew"]:hover, +#mail-index_toolbar button[id*="toolbar-reply"]:hover, +#mail-index_toolbar button[id*="toolbar-reply_all"]:hover, +#mail-index_toolbar button[id*="toolbar-forward"]:hover, +#mail-index_toolbar button[id*="toolbar-flagged"]:hover, +#mail-index_toolbar button[id*="toolbar-print"]:hover, +#mail-index_toolbar button[id*="toolbar-save"]:hover, +#mail-index_toolbar button[id*="toolbar-header"]:hover { + background-color: #189800; +} +#mail-index_toolbar button[id*="toolbar-composeasnew"]:active, +#mail-index_toolbar button[id*="toolbar-reply"]:active, +#mail-index_toolbar button[id*="toolbar-reply_all"]:active, +#mail-index_toolbar button[id*="toolbar-forward"]:active, +#mail-index_toolbar button[id*="toolbar-flagged"]:active, +#mail-index_toolbar button[id*="toolbar-print"]:active, +#mail-index_toolbar button[id*="toolbar-save"]:active, +#mail-index_toolbar button[id*="toolbar-header"]:active { + background-color: #189800; +} +#mail-index_toolbar button[id*="toolbar-unflagged"]:focus, +#mail-index_toolbar button[id*="toolbar-delete"]:focus { + background-color: #ae1d00; +} +#mail-index_toolbar button[id*="toolbar-unflagged"]:hover, +#mail-index_toolbar button[id*="toolbar-delete"]:hover { + background-color: #ae1d00; +} +#mail-index_toolbar button[id*="toolbar-unflagged"]:active, +#mail-index_toolbar button[id*="toolbar-delete"]:active { + background-color: #ae1d00; +} +#mail-index_toolbar button[id*="toolbar-infolog"]:focus, +#mail-index_toolbar button[id*="toolbar-tracker"]:focus { + background-color: #ffc200; +} +#mail-index_toolbar button[id*="toolbar-infolog"]:hover, +#mail-index_toolbar button[id*="toolbar-tracker"]:hover { + background-color: #ffc200; +} +#mail-index_toolbar button[id*="toolbar-infolog"]:active, +#mail-index_toolbar button[id*="toolbar-tracker"]:active { + background-color: #ffc200; } #mail-index_previewAttachmentArea { background-color: #f0f0f0; diff --git a/mail/templates/pixelegg/app.less b/mail/templates/pixelegg/app.less index 48cadd2d97..c5e544aa52 100755 --- a/mail/templates/pixelegg/app.less +++ b/mail/templates/pixelegg/app.less @@ -484,7 +484,7 @@ div#mail-index{ /* ################################################################################## * E-Mail Dialog "Ansehen" - * + * Preview * ################################################################################## */ #mail-display{ @@ -494,19 +494,42 @@ div#mail-index{ .mailDisplayHeaderSection{ top: 0; position: relative; + + + + /*Toolbar*/ #mail-display_toolbar{ background-color: @egw_color_2_e; background-image: none; padding: 5px 3px; height: 25px; display: -webkit-box; - button { - // float: left; + button { .Complete_Button_Icon_normal; height: 20px; - &:hover {.box_shadow_standard_light_hover; .background_color_15_gray;} - &:focus {.box_shadow_standard_light_inset; .background_color_15_gray;} } + + 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"]{ + &:active {background-color: @color_positive_action_active;} + } + + button[id*="toolbar-unflagged"], + button[id*="toolbar-delete"]{ + &:active {background-color: @color_negative_action_active;} + } + + button[id*="toolbar-infolog"], + button[id*="toolbar-tracker"]{ + &:active {background-color: .background_color_15_gray;} + } + + span.ui-state-default{ float: left; background-image: none; @@ -1116,17 +1139,7 @@ input[type=button] { -#mail-display_toolbar { - padding: 0px; -} -#mail-display_toolbar > button > span { - padding: .2em .4em; -} -#mail-display_toolbar > button > span > img { - width: 16px; - padding: 0px; - height: 16px !important; -} + @@ -1138,17 +1151,40 @@ input[type=button] { // Headerbereich grau hinterlegt + + + + #mail-index_mailPreviewContainer { position: absolute; - border: 1px solid silver; - top: 90px; + border: 1px solid .color_10_gray; + top: 80px; bottom: 0; left: 3px; right: 0; } - /*Toolbar der Email*/ +/*#######################################################*/ +/*# ICON # ICON # ICON # ICON #ICON # ICON# ICON # ICON #*/ +/*#######################################################*/ + + + /*Toolbar der Email*/ +#mail-display_toolbar { + padding: 0px; +} +#mail-display_toolbar > button > span { + padding: .2em .4em; +} +#mail-display_toolbar > button > span > img { + width: 16px; + padding: 0px; + height: auto; +} + + + #mail-index_toolbar { padding: 0px; background: none; @@ -1157,29 +1193,61 @@ input[type=button] { /* Elemente */ - button { - background: none; - background-image: none; - padding: 0px !important; + + button { + .dimension_width_height_m !important; + background-color: @gray_10; + /*.Complete_Button_Icon_normal;*/ + +/* &:hover { + .Complete_Button_Icon_hover; + background-color: @color_positive_action_hover; + }*/ + + /*&:focus {border: none;}*/ + + span { + padding: 0; - .Complete_Button_Icon_normal; + img { + .dimension_width_height_s ; + padding: 0px; - &:hover {.Complete_Button_Icon_hover;} - &:active {.Complete_Button_Icon_active;} - &:focus {border: none;} - - span { - padding: .2em .6em; - - img { - width: 16px; - padding: 0px; - height: 16px !important; + } + } + + + + + } + + button[id*="toolbar-composeasnew"], + button[id*="toolbar-reply"], + button[id*="toolbar-reply_all"], + button[id*="toolbar-forward"], + button[id*="toolbar-flagged"], + 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} } - } - - } + 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;} + } + + 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;} + } + } @@ -1252,4 +1320,5 @@ div.mailDisplayHeaders > span:first-child, div.mailComposeHeaders > span:first-c } } -// \ No newline at end of file + +// \ No newline at end of file