holm/egroupware
1
1
Fork 0
forked from extern/egroupware
Code Issues Pull Requests Packages Projects Releases Wiki Activity

pixelegg changes from yesterday

Browse Source
This commit is contained in:
Klaus Leithoff 2014-01-08 07:58:33 +00:00
parent faecfb326b
commit 4d52be1f1c
12 changed files with 553 additions and 226 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -356,11 +356,11 @@ fieldset.emailGroup {
-moz-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); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-webkit-border-top-left-radius: 20px; -webkit-border-top-left-radius: 10px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
-moz-border-radius-topleft: 20px; -moz-border-radius-topleft: 10px;
border-radius: 3px; border-radius: 3px;
border-top-left-radius: 20px; border-top-left-radius: 10px;
} }
div#addressbook-index div.filters select#infolog-index_cat_id { div#addressbook-index div.filters select#infolog-index_cat_id {
width: 10%; width: 10%;
@ -396,41 +396,69 @@ fieldset.emailGroup {
span.et2_label {color: @gray-0; font-size: 0.9em;padding-right: 11px;} span.et2_label {color: @gray-0; font-size: 0.9em;padding-right: 11px;}
img.et2_button {margin-top: -15px;}*/ 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 { .et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] div.et2_box_widget {
background-color: #0b5fa4 !important; /*border: 1px solid rgba(0, 0, 0, 0.15);*/
color: #FFF; /*box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);*/
text-shadow: none; text-shadow: none;
height: 32px;
margin-top: 5px;
background-image: none !important; background-image: none !important;
-webkit-border-radius: 3px; transition: all 0.5s linear;
-webkit-border-top-left-radius: 20px; -webkit-transition: all 0.5s linear;
-moz-border-radius: 3px; /* Safari */
-moz-border-radius-topleft: 20px; /*Text ""hinzufügen" "*/
border-radius: 3px; /*MouseOver*/
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; }*/
} }
.et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] div.et2_box_widget:before { .et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] div.et2_box_widget:before {
content: "+"; content: "+";
font-size: 2em; font-size: 2em;
color: #ffc200; 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 { .et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] div.et2_box_widget span {
color: #FFF !important; display: none;
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 img { .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); -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-moz-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); box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
@ -440,13 +468,22 @@ fieldset.emailGroup {
border-radius: 3px; border-radius: 3px;
width: 16px; width: 16px;
height: 16px; height: 16px;
margin-right: 0.5em; margin-left: 0.5em;
padding: 2px; padding: 0px;
margin-top: -2px; margin-top: 0px;
vertical-align: middle; 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 { .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); -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
-moz-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); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
@ -456,7 +493,7 @@ fieldset.emailGroup {
border-radius: 3px; border-radius: 3px;
} }
.et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] div.et2_box_widget img:active { .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); border: 1px solid rgba(0, 0, 0, 0.9);
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-moz-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); -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); -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); 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 { .et2_container[id^="infolog-index-addressbook"] .egwGridView_scrollarea {
overflow-y: scroll !important; overflow-y: scroll !important;
@ -501,7 +582,7 @@ fieldset.emailGroup {
} }
button[id="addressbook-edit_button[delete]"] { button[id="addressbook-edit_button[delete]"] {
float: right; float: right;
margin-top: -36px; margin-top: 4px;
} }
/*#######################################################*/ /*#######################################################*/
/*State: Address selected*/ /*State: Address selected*/
@ -753,7 +834,7 @@ fieldset.emailGroup {
} }
div#addressbook-edit fieldset.phoneGroup table.et2_grid tr:nth-child(odd), div#addressbook-edit fieldset.phoneGroup table.et2_grid tr:nth-child(odd),
div#addressbook-search 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-edit fieldset.phoneGroup table.et2_grid td,
div#addressbook-search 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-edit fieldset.emailGroup table.et2_grid tr:nth-child(odd),
div#addressbook-search 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-edit fieldset.emailGroup table.et2_grid td,
div#addressbook-search 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-edit fieldset.emailGroup td a.et2_url:hover,
div#addressbook-search 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); -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
-moz-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); 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-edit fieldset.emailGroup td a.et2_url.url,
div#addressbook-search 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); -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-moz-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); 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-edit fieldset.emailGroup td a.et2_url.email,
div#addressbook-search 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); -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-moz-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); box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
@ -889,7 +970,7 @@ fieldset.emailGroup {
background: #ffffff; 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) { #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 { #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; padding: 5px 0px 5px 3px;
@ -933,7 +1014,7 @@ fieldset.emailGroup {
background: #ffffff; background: #ffffff;
} }
#addressbook-edit_addressbook-edit-details table.et2_grid tr:nth-child(odd) { #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 { #addressbook-edit_addressbook-edit-details table.et2_grid td {
padding: 5px 0px 5px 3px; padding: 5px 0px 5px 3px;
@ -966,7 +1047,7 @@ fieldset.emailGroup {
margin: 1em; margin: 1em;
} }
div#addressbook-edit_addressbook-edit-links div#addressbook-edit_link_to img.et2_button_icon { 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); -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-moz-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); box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
@ -981,7 +1062,7 @@ fieldset.emailGroup {
width: 32px; width: 32px;
} }
div#addressbook-edit_addressbook-edit-links div#addressbook-edit_link_to img.et2_button_icon:hover { 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); -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
-moz-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); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
@ -991,7 +1072,7 @@ fieldset.emailGroup {
border-radius: 3px; border-radius: 3px;
} }
div#addressbook-edit_addressbook-edit-links div#addressbook-edit_link_to img.et2_button_icon:active { 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); border: 1px solid rgba(0, 0, 0, 0.9);
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-moz-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); -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); -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); 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 { div#addressbook-edit_addressbook-edit-links table#addressbook-edit_link_to {
overflow-y: scroll; overflow-y: scroll;

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

@ -216,7 +216,7 @@ div#addressbook-index{
span.et2_label {color: @gray-0; font-size: 0.9em;padding-right: 11px;} span.et2_label {color: @gray-0; font-size: 0.9em;padding-right: 11px;}
img.et2_button {margin-top: -15px;}*/ img.et2_button {margin-top: -15px;}*/
div.et2_box_widget{ /* div.et2_box_widget{
background-color: @egw_color_blue_lighter !important; background-color: @egw_color_blue_lighter !important;
color: #FFF; color: #FFF;
text-shadow: none; text-shadow: none;
@ -237,7 +237,7 @@ div#addressbook-index{
&:hover {.box_shadow_standard_light_hover; background-color: @egw_color_blue_lightest !important;} &: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
img { img {
@ -253,8 +253,62 @@ div#addressbook-index{
&:active{.Complete_Button_Icon_active ;} &: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 delete
button[id="addressbook-edit_button[delete]"]{ button[id="addressbook-edit_button[delete]"]{
float: right; float: right;
margin-top: -36px; margin-top: 4px;
} }

109
infolog/templates/pixelegg/app.css
View File

@ -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-clearfix div.et2_hbox_right,
#infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-reset div.et2_hbox_right { #infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-reset div.et2_hbox_right {
padding: 0 0em; 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-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 { #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); /*border: 1px solid rgba(0, 0, 0, 0.15);*/
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); /*box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);*/
text-shadow: none; text-shadow: none;
height: 32px; height: 32px;
margin-top: 5px;
background-image: none !important; background-image: none !important;
/*.border_radius_button_lefttop;*/ transition: all 0.5s linear;
/* .border_radius_button_lefttop; -webkit-transition: all 0.5s linear;
.box_shadow_standard_light; /* Safari */
/*Text ""hinzufügen" "*/
height: 39px; // hieght of add-item*/ /*MouseOver*/
/*img#infolog-index_add[id="task"] {background-color: @gray-0; }*/
} }
#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-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 { #infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-reset div.et2_hbox_right div.et2_box_widget:before {
content: "+"; content: "+";
font-size: 2em; font-size: 2em;
color: #ffc200; 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-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:hover { #infolog-index #infolog-index_nm .nextmatch_header div.ui-helper-reset div.et2_hbox_right div.et2_box_widget span {
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); display: none;
-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 img, #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 { #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; border-radius: 3px;
width: 16px; width: 16px;
height: 16px; height: 16px;
margin-right: 0.5em; margin-left: 0.5em;
padding: 2px; padding: 0px;
margin-top: -14px; margin-top: 0px;
vertical-align: middle; 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-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 { #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-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 { #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); border: 1px solid rgba(0, 0, 0, 0.9);
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-moz-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); -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); -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); 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 { #infolog-index #infolog-index_nm .nextmatch_header div#infolog-index_favorite_wrapper ul#infolog-index_favorite_menu {
border-color: #b4b4b4; border-color: #b4b4b4;

72
infolog/templates/pixelegg/app.less
View File

@ -89,51 +89,59 @@ span#favorite_sidebox_infolog{
div.et2_hbox_right{ div.et2_hbox_right{
padding: 0 0em; padding: 0 0em;
margin-right: 0em; margin-right: 0.2em;
div.et2_box_widget{ div.et2_box_widget{
border: 1px solid rgba(0, 0, 0, 0.15); /*border: 1px solid rgba(0, 0, 0, 0.15);*/
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); /*box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);*/
text-shadow: none; text-shadow: none;
.dimension_height_l; .dimension_height_l;
margin-top: 5px;
background-image: none !important; 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; &:hover{.Complete_Button_Icon_hover ;}
.box_shadow_standard_light;
height: 39px; // hieght of add-item*/
&:active { .Complete_Button_Icon_active ;}
}
img:last-child {margin-right: 5px;};
/*MouseOver*/
&:hover { &:hover {
.box_shadow_standard_light_hover; .box_shadow_standard_light_hover;
background-color: @egw_color_2_a !important; background-color: @egw_color_2_a !important;
.border_radius_button_lefttop; .border_radius_button_lefttop;
.dimension_height_l;
&:before {content: ""; font-size: 1em;padding-left: 5px;}
.infolog_headertext {color: #FFF !important;} /*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 ;}
}
} }
} }

BIN
infolog/templates/pixelegg/images/note.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 2.2 KiB

11
infolog/templates/pixelegg/images/note.svg Executable file
View File

@ -0,0 +1,11 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="28.347px" height="28.347px" viewBox="0 0 28.347 28.347" enable-background="new 0 0 28.347 28.347" xml:space="preserve">
<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M24.437,0H3.91C1.75,0,0,1.751,0,3.91v20.527
c0,2.159,1.75,3.909,3.91,3.909h20.527c2.159,0,3.91-1.75,3.91-3.909V3.91C28.347,1.751,26.596,0,24.437,0z M4.729,24.562
l1.798-6.301l4.497,4.501L4.729,24.562z M22.685,8.329l0.536,0.537c0.309,0.309,0.381,0.755,0.263,1.167l0.129,0.129l-0.448,0.449
L12.102,21.684l-4.497-4.501L17.887,6.89L16.923,5.9l-5.426,5.432l-1.1-1.102l6.449-6.455l3.071,2.004
c0.182,0.046,0.353,0.132,0.494,0.273l0.545,0.546l2.82-2.823l1.729,1.731L22.685,8.329z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

BIN
infolog/templates/pixelegg/images/phone.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

18
infolog/templates/pixelegg/images/phone.svg Executable file
View File

@ -0,0 +1,18 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="28.347px" height="28.347px" viewBox="0 0 28.347 28.347" enable-background="new 0 0 28.347 28.347" xml:space="preserve">
<g>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M24.437,0H3.91C1.75,0,0,1.75,0,3.91v20.527
c0,2.16,1.75,3.91,3.91,3.91h20.527c2.159,0,3.91-1.75,3.91-3.91V3.91C28.347,1.75,26.596,0,24.437,0z M24.289,22.143
c0,0.816-0.646,1.479-1.445,1.479H5.502c-0.798,0-1.445-0.663-1.445-1.479v-2.218c0-0.816,0.647-1.479,1.445-1.479h1.042
l2.237-5.177c0-0.815,1.27-1.478,1.945-1.478h6.893c0.674,0,1.944,0.662,1.944,1.478l2.237,5.177h1.043
c0.798,0,1.445,0.663,1.445,1.479V22.143z M23.205,13.243c-1.725,0-3.131-1.44-3.24-3.259c-0.385-0.377-0.893-0.612-1.456-0.612
h-8.67c-0.562,0-1.07,0.235-1.456,0.612c-0.109,1.819-1.516,3.259-3.24,3.259c-1.796,0-3.252-1.561-3.252-3.484
c0-1.576,0.976-2.905,2.314-3.336c0.98-1.049,2.333-1.698,3.828-1.698h12.284c1.495,0,2.848,0.648,3.829,1.698
c1.338,0.432,2.313,1.76,2.313,3.336C26.457,11.683,25.001,13.243,23.205,13.243z"/>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M14.173,12.53c2.394,0,4.335,1.986,4.335,4.436
c0,2.451-1.941,4.438-4.335,4.438c-2.395,0-4.335-1.987-4.335-4.438C9.838,14.517,11.779,12.53,14.173,12.53z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
infolog/templates/pixelegg/images/task.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

11
infolog/templates/pixelegg/images/task.svg Executable file
View File

@ -0,0 +1,11 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="28.347px" height="28.347px" viewBox="0 0 28.347 28.347" enable-background="new 0 0 28.347 28.347" xml:space="preserve">
<path fill-rule="evenodd" clip-rule="evenodd" fill="#ECEDED" d="M24.437,0H3.91C1.75,0,0,1.75,0,3.91v20.528
c0,2.158,1.75,3.908,3.91,3.908h20.527c2.159,0,3.91-1.75,3.91-3.908V3.91C28.347,1.75,26.596,0,24.437,0z M23.625,11.887
l-10.872,9.06c-0.364,0.303-0.804,0.482-1.265,0.602c-0.28,0.094-0.566,0.148-0.857,0.141c-0.805,0.01-1.612-0.23-2.226-0.742
c-0.996-1.006-2.999-3.506-2.999-3.506c-0.975-0.975-0.975-2.556,0-3.532c0.975-0.975,2.556-0.975,3.531,0l1.62,1.62l8.719-7.266
c1.201-1.001,3.147-1.001,4.349,0C24.825,9.264,24.825,10.886,23.625,11.887z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

183
mail/templates/pixelegg/app.css
View File

@ -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#mail-index_button[mailcreate],
.egw_fw_ui_category_content #mail-index_buttonmailcreate button[id*="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; color: #FFF;
text-shadow: none; text-shadow: none;
/* height: auto;*/ /* height: auto;*/
background-image: none !important; background-image: none !important;
-webkit-border-radius: 3px; /*.border_radius_button_lefttop;*/
-webkit-border-top-left-radius: 20px;
-moz-border-radius: 3px;
-moz-border-radius-topleft: 20px;
border-radius: 3px;
border-top-left-radius: 20px;
background-image: url("images/write_mail_lighter.png") !important; background-image: url("images/write_mail_lighter.png") !important;
background-position: right center !important; background-position: right center !important;
background-repeat: no-repeat; 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#mail-index_button[mailcreate]:focus,
.egw_fw_ui_category_content #mail-index_buttonmailcreate button[id*="mailcreate"]:focus { .egw_fw_ui_category_content #mail-index_buttonmailcreate button[id*="mailcreate"]:focus {
-webkit-border-radius: 3px; -webkit-border-radius: 3px;
-webkit-border-top-left-radius: 20px; -webkit-border-top-left-radius: 10px;
-moz-border-radius: 3px; -moz-border-radius: 3px;
-moz-border-radius-topleft: 20px; -moz-border-radius-topleft: 10px;
border-radius: 3px; 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); -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); -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); 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]"] { #mail-compose .mail-compose_toolbar img[id="mail-compose_button[saveAsDraft]"] {
vertical-align: middle; vertical-align: middle;
padding: 3px; padding: 3px;
background-color: #f0f0f0; /*.background_color_10_gray;*/
-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-moz-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); 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; margin-left: 15px !important;
vertical-align: middle; vertical-align: middle;
padding: 3px; padding: 3px;
background-color: #f0f0f0; /*.background_color_10_gray;*/
-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-moz-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); 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" * E-Mail Dialog "Ansehen"
* * Preview
* ################################################################################## * ##################################################################################
*/ */
#mail-display { #mail-display {
@ -964,6 +959,7 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje
#mail-display .mailDisplayHeaderSection { #mail-display .mailDisplayHeaderSection {
top: 0; top: 0;
position: relative; position: relative;
/*Toolbar*/
} }
#mail-display .mailDisplayHeaderSection #mail-display_toolbar { #mail-display .mailDisplayHeaderSection #mail-display_toolbar {
background-color: #679fd2; background-color: #679fd2;
@ -973,7 +969,7 @@ div#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubje
display: -webkit-box; display: -webkit-box;
} }
#mail-display .mailDisplayHeaderSection #mail-display_toolbar button { #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); -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
-moz-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); 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; border-radius: 3px;
height: 20px; height: 20px;
} }
#mail-display .mailDisplayHeaderSection #mail-display_toolbar button:hover { #mail-display .mailDisplayHeaderSection #mail-display_toolbar button[id*="toolbar-composeasnew"]:active,
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); #mail-display .mailDisplayHeaderSection #mail-display_toolbar button[id*="toolbar-reply"]:active,
-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); #mail-display .mailDisplayHeaderSection #mail-display_toolbar button[id*="toolbar-reply_all"]:active,
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); #mail-display .mailDisplayHeaderSection #mail-display_toolbar button[id*="toolbar-forward"]:active,
background-color: #d9d9d9; #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 { #mail-display .mailDisplayHeaderSection #mail-display_toolbar button[id*="toolbar-unflagged"]:active,
-webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); #mail-display .mailDisplayHeaderSection #mail-display_toolbar button[id*="toolbar-delete"]:active {
-moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); background-color: #e12500;
box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5); }
background-color: #d9d9d9; #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 { #mail-display .mailDisplayHeaderSection #mail-display_toolbar span.ui-state-default {
float: left; float: left;
@ -1483,6 +1484,23 @@ input[type=button] {
padding: 0px; padding: 0px;
height: 16px !important; 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 { #mail-display_toolbar {
padding: 0px; padding: 0px;
} }
@ -1492,22 +1510,8 @@ input[type=button] {
#mail-display_toolbar > button > span > img { #mail-display_toolbar > button > span > img {
width: 16px; width: 16px;
padding: 0px; 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 { #mail-index_toolbar {
padding: 0px; padding: 0px;
background: none; background: none;
@ -1516,48 +1520,77 @@ input[type=button] {
/* Elemente */ /* Elemente */
} }
#mail-index_toolbar button { #mail-index_toolbar button {
background: none; width: 24px !important;
background-image: none; height: 24px !important;
padding: 0px !important; background-color: #e6e6e6;
background-color: #f0f0f0; /*.Complete_Button_Icon_normal;*/
-webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); /* &:hover {
-moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); .Complete_Button_Icon_hover;
box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); background-color: @color_positive_action_hover;
border: 1px solid rgba(0, 0, 0, 0.15); }*/
-webkit-border-radius: 3px; /*&:focus {border: none;}*/
-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;
} }
#mail-index_toolbar button span { #mail-index_toolbar button span {
padding: .2em .6em; padding: 0;
} }
#mail-index_toolbar button span img { #mail-index_toolbar button span img {
width: 16px; width: 16px;
height: 16px;
padding: 0px; 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 { #mail-index_previewAttachmentArea {
background-color: #f0f0f0; background-color: #f0f0f0;

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

@ -484,7 +484,7 @@ div#mail-index{
/* ################################################################################## /* ##################################################################################
* E-Mail Dialog "Ansehen" * E-Mail Dialog "Ansehen"
* * Preview
* ################################################################################## * ##################################################################################
*/ */
#mail-display{ #mail-display{
@ -494,19 +494,42 @@ div#mail-index{
.mailDisplayHeaderSection{ .mailDisplayHeaderSection{
top: 0; top: 0;
position: relative; position: relative;
/*Toolbar*/
#mail-display_toolbar{ #mail-display_toolbar{
background-color: @egw_color_2_e; background-color: @egw_color_2_e;
background-image: none; background-image: none;
padding: 5px 3px; padding: 5px 3px;
height: 25px; height: 25px;
display: -webkit-box; display: -webkit-box;
button { button {
// float: left;
.Complete_Button_Icon_normal; .Complete_Button_Icon_normal;
height: 20px; 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{ span.ui-state-default{
float: left; float: left;
background-image: none; 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 // Headerbereich grau hinterlegt
#mail-index_mailPreviewContainer { #mail-index_mailPreviewContainer {
position: absolute; position: absolute;
border: 1px solid silver; border: 1px solid .color_10_gray;
top: 90px; top: 80px;
bottom: 0; bottom: 0;
left: 3px; left: 3px;
right: 0; 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 { #mail-index_toolbar {
padding: 0px; padding: 0px;
background: none; background: none;
@ -1157,29 +1193,61 @@ input[type=button] {
/* Elemente */ /* Elemente */
button {
background: none; button {
background-image: none; .dimension_width_height_m !important;
padding: 0px !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; button[id*="toolbar-composeasnew"],
padding: 0px; button[id*="toolbar-reply"],
height: 16px !important; 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
} }
} }
//
//