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