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 529b0e4965..ad9b59d937 100755 Binary files a/infolog/templates/pixelegg/images/note.png and b/infolog/templates/pixelegg/images/note.png differ diff --git a/infolog/templates/pixelegg/images/note.svg b/infolog/templates/pixelegg/images/note.svg new file mode 100755 index 0000000000..8d92834e46 --- /dev/null +++ b/infolog/templates/pixelegg/images/note.svg @@ -0,0 +1,11 @@ + + + + + + diff --git a/infolog/templates/pixelegg/images/phone.png b/infolog/templates/pixelegg/images/phone.png index 27a1ac683e..f4feaab212 100755 Binary files a/infolog/templates/pixelegg/images/phone.png and b/infolog/templates/pixelegg/images/phone.png differ 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 dc637ed309..ade5c74c95 100755 Binary files a/infolog/templates/pixelegg/images/task.png and b/infolog/templates/pixelegg/images/task.png differ diff --git a/infolog/templates/pixelegg/images/task.svg b/infolog/templates/pixelegg/images/task.svg new file mode 100755 index 0000000000..66db3cad6a --- /dev/null +++ b/infolog/templates/pixelegg/images/task.svg @@ -0,0 +1,11 @@ + + + + + + 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