diff --git a/addressbook/templates/default/index.xet b/addressbook/templates/default/index.xet index 2ea8acced8..f9447c9ce8 100644 --- a/addressbook/templates/default/index.xet +++ b/addressbook/templates/default/index.xet @@ -232,7 +232,7 @@ - + diff --git a/addressbook/templates/pixelegg/app.css b/addressbook/templates/pixelegg/app.css index 7f56422915..aab876d665 100755 --- a/addressbook/templates/pixelegg/app.css +++ b/addressbook/templates/pixelegg/app.css @@ -455,798 +455,4 @@ img.iphoto { overflow-y: scroll !important; overflow-x: hidden !important; } - /*########################################### -# # -# dialogHeader # -############################################# -# # -# # -# # -# # -# # -# dialog # -# # -# # -############################################# -# # -# buttons # -# # -# # -##############################################*/ - #addressbook-edit_addressbook-edit-general table.addressbook_edit_general { - width: 100%; - height: 286px; - } - #addressbook-edit_addressbook-edit-general table.addressbook_edit_general td.addressbook_edit_general_right { - width: 20%; - vertical-align: top; - text-align: center; - } - #addressbook-edit tr.dialogFooterToolbar label.et2_label { - top: 0px !important; - } - button[id="addressbook-edit_button[delete]"] { - /*position: absolute;*/ - right: 0.5em; - } - /*#######################################################*/ - /*State: Address selected*/ - /*Layout*/ - /*############################## -# # # -# # Phone # -# Address # # -# # Email # -# # # -# left # right # -################################ */ - td.addressbook_edit_left_td { - min-width: 500px; - max-width: 100%; - width: 70%; - } - td.addressbook_edit_right_td { - min-width: 300px; - max-width: 100%; - width: 30%; - } - .egw_fw_ui_tab_content #addressbook-edit .et2_tabs { - max-height: 25em; - height: 296px; - } - /* popup window */ - #popupMainDiv #addressbook-edit .et2_tabs { - height: 400px; - } - /*############ tabbox##############################################*/ - /*# et2_tabheader # et2_tabheader # et2_tabheader # et2_tabheader #*/ - /*#################################################################*/ - /*# #*/ - /*# #*/ - /*# #*/ - /*# et2_tabs #*/ - /*# #*/ - /*# #*/ - /*#################################################################*/ - /*#######################################################*/ - /* Tab Generell */ - .leftPad5 { - padding-left: 3px; - } - /*################## -# # -# # -# Picture # -# # -# # -##################*/ - /*Div Image*/ - div.addressbook_edit_general_picture { - /*Picture*/ - } - div.addressbook_edit_general_picture img { - width: 180% !important; - max-width: 100px !important; - height: auto !important; - } - div.addressbook_edit_general_picture img.photo { - border: 1px solid rgba(0, 0, 0, 0.15); - /*.box_shadow_standard_light;*/ - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - color: #000000; - -webkit-appearance: none; - -webkit-transition-property: background-color; - -moz-transition-property: background-color; - -o-transition-property: background-color; - transition-property: background-color; - -webkit-transition-duration: 0.5s; - -moz-transition-duration: 0.5s; - -o-transition-duration: 0.5s; - transition-duration: 0.5s; - -webkit-transition-timing-function: linear; - -moz-transition-timing-function: linear; - -o-transition-timing-function: linear; - transition-timing-function: linear; - background-color: #b4b4b4; - } - div.addressbook_edit_general_picture img.photo: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: inherit; - } - div.addressbook_edit_general_picture table.uploadphoto { - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - background-color: #f0f0f0; - width: auto; - border-top: solid 1px #000000; - border-left: solid 1px #000000; - border-right: solid 1px #000000; - border-bottom: solid 1px #000000; - left: 30%; - top: 289px; - } - /*Search*/ - div#addressbook-edit, - div#addressbook-search { - margin: 0; - padding: 0.5em; - } - div#addressbook-edit .chzn-container, - div#addressbook-search .chzn-container { - width: 60% !important; - } - div#addressbook-edit .et2_tabheader, - div#addressbook-search .et2_tabheader { - margin-top: 0px; - background-color: transparent; - } - div#addressbook-edit table.editphones, - div#addressbook-search table.editphones { - width: auto !important; - top: 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); - box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); - } - div#addressbook-edit table.et2_grid, - div#addressbook-search table.et2_grid { - width: 100%; - border-top: 0px; - } - div#addressbook-edit table.et2_grid img, - div#addressbook-search table.et2_grid img { - width: 16px; - height: 16px; - } - div#addressbook-edit table.addressbook_edit_general, - div#addressbook-search table.addressbook_edit_general { - border-top: 0px; - /*POPUP*/ - /* edit Name */ - } - div#addressbook-edit table.addressbook_edit_general tr td:first-child, - div#addressbook-search table.addressbook_edit_general tr td:first-child { - width: 20%; - } - div#addressbook-edit table.addressbook_edit_general tr td, - div#addressbook-search table.addressbook_edit_general tr td { - width: auto; - } - div#addressbook-edit table.addressbook_edit_general table tr td:first-child, - div#addressbook-search table.addressbook_edit_general table tr td:first-child { - width: 60px; - } - div#addressbook-edit table.addressbook_edit_general table tr td, - div#addressbook-search table.addressbook_edit_general table tr td { - width: 200px; - } - div#addressbook-edit table.addressbook_edit_general input#addressbook-edit_n_fn, - div#addressbook-search table.addressbook_edit_general input#addressbook-edit_n_fn { - width: 95%; - } - div#addressbook-edit table.addressbook_edit_general table.editname, - div#addressbook-search table.addressbook_edit_general table.editname { - background-color: #f0f0f0; - z-index: 10; - /*font-size: 1em;*/ - } - div#addressbook-edit table.addressbook_edit_general table.editname tr td:first-child, - div#addressbook-search table.addressbook_edit_general table.editname tr td:first-child { - width: 40% !important; - font-weight: bold; - padding: 3px 0; - } - div#addressbook-edit table.addressbook_edit_general input#addressbook-edit_title, - div#addressbook-search table.addressbook_edit_general input#addressbook-edit_title { - width: 95%; - } - div#addressbook-edit table.addressbook_edit_general input#addressbook-edit_role, - div#addressbook-search table.addressbook_edit_general input#addressbook-edit_role { - width: 95%; - } - div#addressbook-edit table.addressbook_edit_general input#addressbook-edit_org_name, - div#addressbook-search table.addressbook_edit_general input#addressbook-edit_org_name { - width: 95%; - } - div#addressbook-edit table.addressbook_edit_general input#addressbook-edit_org_unit, - div#addressbook-search table.addressbook_edit_general input#addressbook-edit_org_unit { - width: 95%; - } - div#addressbook-edit table.addressbook_edit_general input#addressbook-edit_adr_one_street, - div#addressbook-search table.addressbook_edit_general input#addressbook-edit_adr_one_street, - div#addressbook-edit table.addressbook_edit_general input#addressbook-edit_adr_one_street2, - div#addressbook-search table.addressbook_edit_general input#addressbook-edit_adr_one_street2 { - width: 95%; - } - div#addressbook-edit table.addressbook_edit_general input#addressbook-edit_adr_one_postalcode, - div#addressbook-search table.addressbook_edit_general input#addressbook-edit_adr_one_postalcode { - width: 15%; - } - div#addressbook-edit table.addressbook_edit_general input#addressbook-edit_adr_one_locality, - div#addressbook-search table.addressbook_edit_general input#addressbook-edit_adr_one_locality { - width: 78%; - } - div#addressbook-edit table.addressbook_edit_general .chzn-container, - div#addressbook-search table.addressbook_edit_general .chzn-container { - width: 95% !important; - } - div#addressbook-edit table.addressbook_edit_general input#addressbook-edit_adr_one_region, - div#addressbook-search table.addressbook_edit_general input#addressbook-edit_adr_one_region { - width: 95%; - } - div#addressbook-edit table.addressbook_edit_general select.owner, - div#addressbook-search table.addressbook_edit_general select.owner { - width: 300px; - } - div#addressbook-edit div#addressbook-edit_addressbook-editphones, - div#addressbook-search div#addressbook-edit_addressbook-editphones { - margin-left: 1em; - } - div#addressbook-edit fieldset.phoneGroup, - div#addressbook-search fieldset.phoneGroup { - border: none; - margin-bottom: 0; - margin-top: 12px; - margin-left: 1em; - height: auto; - font-size: 100%; - /*.background_color_15_gray;*/ - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - } - div#addressbook-edit fieldset.phoneGroup legend, - div#addressbook-search fieldset.phoneGroup legend { - text-transform: uppercase; - } - div#addressbook-edit fieldset.phoneGroup .fixedHeight, - div#addressbook-search fieldset.phoneGroup .fixedHeight, - div#addressbook-edit fieldset.phoneGroup .telNumbers, - div#addressbook-search fieldset.phoneGroup .telNumbers { - height: auto; - } - div#addressbook-edit fieldset.phoneGroup table.et2_grid, - div#addressbook-search fieldset.phoneGroup table.et2_grid { - margin-left: -7px; - } - div#addressbook-edit fieldset.phoneGroup table.et2_grid tr:nth-child(even), - div#addressbook-search fieldset.phoneGroup table.et2_grid tr:nth-child(even) { - background: #ffffff; - } - 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: #fafafa; - } - div#addressbook-edit fieldset.phoneGroup table.et2_grid td, - div#addressbook-search fieldset.phoneGroup table.et2_grid td { - padding: 3px 0px; - } - div#addressbook-edit fieldset.phoneGroup table.et2_grid td.telNumbers, - div#addressbook-search fieldset.phoneGroup table.et2_grid td.telNumbers { - width: 155px; - } - div#addressbook-edit fieldset.phoneGroup table.et2_grid td.telNumbers input, - div#addressbook-search fieldset.phoneGroup table.et2_grid td.telNumbers input { - width: 140px !important; - } - div#addressbook-edit fieldset.phoneGroup * img, - div#addressbook-search fieldset.phoneGroup * img { - display: none !important; - width: 20px; - } - div#addressbook-edit fieldset.emailGroup, - div#addressbook-search fieldset.emailGroup { - border: none; - margin-bottom: 0; - margin-top: 10px; - margin-left: 1em; - height: auto; - font-size: 100%; - /*.background_color_15_gray;*/ - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - } - div#addressbook-edit fieldset.emailGroup legend, - div#addressbook-search fieldset.emailGroup legend { - text-transform: uppercase; - } - div#addressbook-edit fieldset.emailGroup table.et2_grid, - div#addressbook-search fieldset.emailGroup table.et2_grid { - margin-left: -7px; - } - div#addressbook-edit fieldset.emailGroup table.et2_grid tr:nth-child(even), - div#addressbook-search fieldset.emailGroup table.et2_grid tr:nth-child(even) { - background: #ffffff; - } - 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: #fafafa; - } - div#addressbook-edit fieldset.emailGroup table.et2_grid td, - div#addressbook-search fieldset.emailGroup table.et2_grid td { - padding: 3px 0px; - } - div#addressbook-edit fieldset.emailGroup td, - div#addressbook-search fieldset.emailGroup td { - /* a.et2_url:after { - content: "\221E"; - font-size: 1.2em; - }*/ - } - div#addressbook-edit fieldset.emailGroup td input, - div#addressbook-search fieldset.emailGroup td input { - width: 82%; - } - div#addressbook-edit fieldset.emailGroup td a.et2_url, - div#addressbook-search fieldset.emailGroup td a.et2_url { - margin-left: 5px; - } - div#addressbook-edit fieldset.emailGroup td a.et2_url:hover, - div#addressbook-search fieldset.emailGroup td a.et2_url:hover { - /*.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); - border: 1px solid rgba(0, 0, 0, 0.5); - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - } - div#addressbook-edit fieldset.emailGroup td a.et2_url.url, - div#addressbook-search fieldset.emailGroup td a.et2_url.url { - /*.background_color_10_gray;*/ - -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); - -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); - box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); - border: 1px solid rgba(0, 0, 0, 0.15); - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - background-size: 16px 16px; - background-image: url('images/url.png'); - } - div#addressbook-edit fieldset.emailGroup td a.et2_url.email, - div#addressbook-search fieldset.emailGroup td a.et2_url.email { - /*.background_color_10_gray;*/ - -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); - -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); - box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); - border: 1px solid rgba(0, 0, 0, 0.15); - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - background-size: 16px 16px; - background-image: url('images/email.png'); - } - div#addressbook-edit fieldset.emailGroup * img, - div#addressbook-search fieldset.emailGroup * img { - display: none !important; - width: 20px; - } - #addressbook-edit_addressbook-edit-general #addressbook_edit_adr_one_countrycode_chzn { - width: 200px !important; - padding-top: 1em; - } - #addressbook-edit_addressbook-edit-general td.addressbook_edit_general_left table.et2_grid { - margin-left: 2px; - /* tr:nth-child(even) {background: @color-even;} - tr:nth-child(odd) {background: @color-odd;} */ - } - #addressbook-edit_addressbook-edit-general td.addressbook_edit_general_left table.et2_grid td { - padding: 5px 0px 5px 3px; - } - #addressbook-edit_addressbook-edit-general td.addressbook_edit_general_left table.et2_grid div#addressbook-edit_addressbook-edit-name table.et2_grid { - background-color: #b4b4b4; - border-top: solid 1px #b4b4b4; - border-left: solid 1px #b4b4b4; - border-right: solid 1px #b4b4b4; - border-bottom: solid 1px #b4b4b4; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - margin-left: 2px; - border-top: 1px solid #b4b4b4 !important; - /*tr:nth-child(even) {background: @color_even;}*/ - /*tr:nth-child(odd) {background: @color_odd;}*/ - } - #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; - } - div#addressbook-edit_addressbook-edit-cats { - overflow: scroll; - } - #addressbook-edit_addressbook-edit-custom_private .th, - #addressbook-search_addressbook-edit-custom_private .th { - height: 20px; - } - #addressbook-edit_addressbook-edit-custom_private tbody, - #addressbook-search_addressbook-edit-custom_private tbody { - display: table-header-group; - vertical-align: top; - } - #addressbook-edit_addressbook-edit-home { - /*Birthday + Timezone*/ - /*row*/ - } - #addressbook-edit_addressbook-edit-home #addressbook_edit_adr_two_countrycode_chzn { - width: 200px !important; - padding-top: 0em; - } - #addressbook-edit_addressbook-edit-home .add_bday_timezone { - /*Birthday Label*/ - } - #addressbook-edit_addressbook-edit-home .add_bday_timezone #addressbook_edit_tz_chzn { - width: 15% !important; - padding-top: 0em; - } - #addressbook-edit_addressbook-edit-home .add_bday_timezone label.et2_label { - padding-left: 1em; - } - /*################## Tab 4 Details ###############################*/ - #addressbook-edit_addressbook-edit-details table.et2_grid { - margin-left: 2px; - border-top: 1px solid #b4b4b4 !important; - /*tr:nth-child(even) {background: @color_even;}*/ - /*tr:nth-child(odd) {background: @color_odd;}*/ - } - #addressbook-edit_addressbook-edit-details table.et2_grid td { - padding: 5px 0px 5px 3px; - } - #addressbook-edit_addressbook-edit-details .et2_selectbox .ui-multiselect-checkboxes li { - text-indent: -17px; - } - /*################## Tab 5 Verknüpfungen ###############################*/ - #addressbook-edit_addressbook-edit-links .th, - #addressbook-search_addressbook-edit-links .th { - height: 20px; - } - #addressbook-edit_addressbook-edit-links tbody, - #addressbook-search_addressbook-edit-links tbody { - display: table-header-group; - vertical-align: top; - } - #addressbook-edit_addressbook-edit-links tr:first td, - #addressbook-search_addressbook-edit-links tr:first td { - height: 150px; - } - div#addressbook-edit_addressbook-edit-links { - /*overflow-y: scroll;*/ - /*neue verknüpfung erstellen - div*/ - } - div#addressbook-edit_addressbook-edit-links table.et2_grid tr:first td { - height: 150px; - } - div#addressbook-edit_addressbook-edit-links div#addressbook-edit_link_to { - width: 550px; - } - div#addressbook-edit_addressbook-edit-links div#addressbook-edit_link_to input { - width: 86%; - } - div#addressbook-edit_addressbook-edit-links div#addressbook-edit_link_to button { - border: 1px solid rgba(0, 0, 0, 0.15); - /*.box_shadow_standard_light;*/ - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - color: #000000; - -webkit-appearance: none; - -webkit-transition-property: background-color; - -moz-transition-property: background-color; - -o-transition-property: background-color; - transition-property: background-color; - -webkit-transition-duration: 0.5s; - -moz-transition-duration: 0.5s; - -o-transition-duration: 0.5s; - transition-duration: 0.5s; - -webkit-transition-timing-function: linear; - -moz-transition-timing-function: linear; - -o-transition-timing-function: linear; - transition-timing-function: linear; - background-color: #b4b4b4; - height: 3.1ex; - background-color: #e6e6e6; - } - div#addressbook-edit_addressbook-edit-links div#addressbook-edit_link_to button background-image[src$="svg"] { - background-color: #b4b4b4; - background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjYjRiNGI0IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjYjRiNGI0IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=); - background-image: -moz-linear-gradient(top, #b4b4b4, #b4b4b4); - background-image: -ms-linear-gradient(top, #b4b4b4, #b4b4b4); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b4b4b4), to(#b4b4b4)); - background-image: -webkit-linear-gradient(top, #b4b4b4, #b4b4b4); - background-image: -o-linear-gradient(top, #b4b4b4, #b4b4b4); - background-image: linear-gradient(top, #b4b4b4, #b4b4b4); - background-repeat: repeat-x; - } - div#addressbook-edit_addressbook-edit-links div#addressbook-edit_link_to button:hover { - /*background-color: @gray_30;*/ - text-shadow: 0px 0px; - color: #ffffff; - -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: #1aa200; - background-size: 20px 20px; - } - div#addressbook-edit_addressbook-edit-links div#addressbook-edit_link_to button:active { - -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5) !important; - -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5) !important; - box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5) !important; - } - div#addressbook-edit_addressbook-edit-links div#addressbook-edit_link_to div#addressbook-edit_link_to_link_entry { - margin-top: 11px; - width: 100%; - /*div.et2_link_entry {*/ - /*}*/ - } - div#addressbook-edit_addressbook-edit-links div#addressbook-edit_link_to div#addressbook-edit_link_to_link_entry select { - width: 39%; - } - div#addressbook-edit_addressbook-edit-links div#addressbook-edit_link_to div#addressbook-edit_link_to_link_entry input.ui-autocomplete-input { - width: 56%; - padding-bottom: 1px; - } - div#addressbook-edit_addressbook-edit-links div#addressbook-edit_link_to img.et2_button_icon { - /*.background_color_10_gray;*/ - -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); - -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); - box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5); - border: 1px solid rgba(0, 0, 0, 0.15); - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - float: left; - /*margin: 0.5em 2em;*/ - padding: 5px; - width: 24px; - height: 24px; - } - div#addressbook-edit_addressbook-edit-links div#addressbook-edit_link_to img.et2_button_icon:hover { - /*.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); - border: 1px solid rgba(0, 0, 0, 0.5); - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - } - div#addressbook-edit_addressbook-edit-links div#addressbook-edit_link_to img.et2_button_icon:active { - /*.background_color_30_gray;*/ - 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); - background-color: #1aa200; - } - div#addressbook-edit_addressbook-edit-links div#addressbook-edit_link_to div.et2_file { - width: 350px; - margin-left: 100px; - } - div#addressbook-edit_addressbook-edit-links table#addressbook-edit_link_to { - overflow-y: scroll; - } - /*################## Tab 6 Verteilerlisten ###############################*/ - /*seems to be ok*/ - #addressbook-edit_addressbook-edit-distribution_list .th, - #addressbook-search_addressbook-edit-distribution_list .th { - height: 20px; - } - #addressbook-edit_addressbook-edit-distribution_list tbody, - #addressbook-search_addressbook-edit-distribution_list tbody { - display: table-header-group; - vertical-align: top; - } - /*################## Tab 7 Extra ###############################*/ - /*seems to be ok*/ - #addressbook-edit_addressbook-edit-custom, - #addressbook-search_addressbook-edit-custom { - max-width: 560px; - } - #addressbook-edit_addressbook-edit-custom .th, - #addressbook-search_addressbook-edit-custom .th { - height: 20px; - } - #addressbook-edit_addressbook-edit-custom tbody, - #addressbook-search_addressbook-edit-custom tbody { - display: table-header-group; - vertical-align: top; - } - #addressbook-edit_addressbook-edit-custom table#addressbook-edit_custom_fields, - #addressbook-search_addressbook-edit-custom table#addressbook-edit_custom_fields { - max-width: 550px; - } - /*################## Tab 8 Extra Privat###############################*/ - /*seems to be ok*/ - /*################## Tab 9 History ###############################*/ - #addressbook-edit_addressbook-edit-history .th { - height: 20px; - } - #addressbook-edit_addressbook-edit-history tbody { - display: table-header-group; - vertical-align: top; - } - #addressbook-edit_addressbook-edit-history .et2_historylog div:first-child, - #addressbook-edit_addressbook-edit-history #addressbook-edit_history div:first-child { - height: auto !important; - } - #addressbook-edit_addressbook-edit-history .et2_historylog table.egwGridView_outer th.optcol span.selectcols, - #addressbook-edit_addressbook-edit-history #addressbook-edit_history table.egwGridView_outer th.optcol span.selectcols { - position: relative !important; - } - /*################################################################ -################################################################*/ - button.button_more { - border: 1px solid rgba(0, 0, 0, 0.15); - /*.box_shadow_standard_light;*/ - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - color: #000000; - -webkit-appearance: none; - -webkit-transition-property: background-color; - -moz-transition-property: background-color; - -o-transition-property: background-color; - transition-property: background-color; - -webkit-transition-duration: 0.5s; - -moz-transition-duration: 0.5s; - -o-transition-duration: 0.5s; - transition-duration: 0.5s; - -webkit-transition-timing-function: linear; - -moz-transition-timing-function: linear; - -o-transition-timing-function: linear; - transition-timing-function: linear; - background-color: #b4b4b4; - padding-left: 30px !important; - background-position: 6px center !important; - background-repeat: no-repeat !important; - background-size: 20px auto !important; - /*.Button_size_h32_auto;*/ - height: 24px; - background-image: url('../images/edit.png'); - } - div.addressbook.edit.general table { - border-top: 0px; - } - div.addressbook.edit.general table tr td img { - display: none; - } - div.addressbook.edit.general table img:nth-child(1) { - display: none; - } - div.addressbook.edit.general table img:nth-child(2) { - cursor: pointer; - } - .countrySelect select { - width: 150px; - } - .custom_country input { - display: none; - } - .contactid:before { - content: "#"; - } - .emailCol div { - overflow: hidden; - width: 100%; - } - .redItalic { - color: red; - font-style: italic; - } - .bold { - font-weight: bold; - } - .fileas select, - .fileas, - .owner select, - .owner { - font-weight: bold; - width: 100%; - } - .iphoto img { - width: 60px; - } - .photo img { - height: auto; - } - .uploadphoto { - background-color: #cdcdcd; - border: 1px solid black !important; - display: none; - left: 48px; - padding: 4px; - position: absolute; - top: 168px; - } - table.uploadphoto { - width: 360px !important; - background-color: #cdcdcd !important; - -webkit-border-radius: 9px; - -moz-border-radius: 9px; - border-radius: 9px; - } - .checkAllArrow { - padding-right: 5px; - } - .typeIcon { - height: 16px; - width: 16px; - } - .editphones, - .editname { - background-color: #FFFFFF; - border: 2px solid black; - display: none; - left: 30%; - padding: 4px; - position: absolute; - top: 10%; - } - .editname { - left: 137px; - top: 160px; - } - .windowheader { - background-image: url("../../../phpgwapi/templates/idots/images/appbox-header-background.png"); - background-repeat: repeat-x; - border-bottom: 1px solid #9C9C9C; - border-collapse: collapse; - border-spacing: 0; - height: 20px; - } - .emailGroup table { - height: 87px; - } - .space { - width: 80px; - } - .noWrap { - white-space: nowrap; - } - .customfields td { - line-height: 12px; - white-space: nowrap; - } - .image16 img { - height: 16px; - } - .fixedHeight, - .telNumbers { - height: auto; - } -} -/*#################################### Media Queries #####################################################*/ -@media only screen and (min-width: 980px) and (max-width: 1279px) { - .nextmatch_header > .filters select { - margin: 0px; - } } diff --git a/addressbook/templates/pixelegg/app.less b/addressbook/templates/pixelegg/app.less index 6f7a43aca4..836b426fc5 100755 --- a/addressbook/templates/pixelegg/app.less +++ b/addressbook/templates/pixelegg/app.less @@ -295,828 +295,7 @@ div#addressbook-index{ } -// ############################################################################# -// Dialog addressbook - -/*########################################### -# # -# dialogHeader # -############################################# -# # -# # -# # -# # -# # -# dialog # -# # -# # -############################################# -# # -# buttons # -# # -# # -##############################################*/ - - - -#addressbook-edit_addressbook-edit-general { - - table.addressbook_edit_general { - width:100%; - height:286px; - td.addressbook_edit_general_right { - width: 20%; - vertical-align: top; - text-align: center; - - } - - } - - -} - -#addressbook-edit tr.dialogFooterToolbar label.et2_label {top: 0px !important;} - -// Button delete -button[id="addressbook-edit_button[delete]"]{ - /*position: absolute;*/ - right: 0.5em; - -} - - - - /*#######################################################*/ -/*State: Address selected*/ - -/*Layout*/ -/*############################## -# # # -# # Phone # -# Address # # -# # Email # -# # # -# left # right # -################################ */ - - -td.addressbook_edit_left_td { - min-width: 500px; - max-width: 100%; - width: 70%; -} - -td.addressbook_edit_right_td { - min-width: 300px; - max-width: 100%; - width: 30%; -} - - - -.egw_fw_ui_tab_content #addressbook-edit .et2_tabs { - max-height: 25em; - height: 296px; -} - -/* popup window */ -#popupMainDiv #addressbook-edit .et2_tabs { - height: 400px; -} - - - -/*############ tabbox##############################################*/ -/*# et2_tabheader # et2_tabheader # et2_tabheader # et2_tabheader #*/ -/*#################################################################*/ -/*# #*/ -/*# #*/ -/*# #*/ -/*# et2_tabs #*/ -/*# #*/ -/*# #*/ -/*#################################################################*/ - -/*#######################################################*/ -/* Tab Generell */ - -.leftPad5 { - padding-left: 3px; -} - - -/*################## -# # -# # -# Picture # -# # -# # -##################*/ -/*Div Image*/ -div.addressbook_edit_general_picture { -// float: right; -// width: 180% !important; -// max-width: 100px !important; -// height: auto !important; -// margin-right: 10px; - - - img { - width: 180% !important; - max-width: 100px !important; - height: auto !important; - } - - /*Picture*/ - -// Photo - img.photo { - .Complete_Button_normal; - &:hover {.Complete_Button_hover;} - } - -// Photo Upload - POPUP - - table.uploadphoto { - .rounded (3px); - .background_color_10_gray; - width: auto; - .bordered(@gray_100, @gray_100, @gray_100, @gray_100); - left: 30%; - top: 289px; - - } - - - -} - - -/*Search*/ -div#addressbook-edit, -div#addressbook-search{ - - // .box_shadow_dialog; - // .border_radius_button_normal; - margin: 0; - padding: 0.5em; - - // Choosen Adresse - .chzn-container { width: 60% !important;} - - - .et2_tabheader {margin-top: 0px;background-color:transparent;} - // Tabelle - table.editphones{ - width: auto !important; - top: 5%; - .box_shadow_standard_light; - } - - table.et2_grid{ - width: 100%; - border-top: 0px; - - img {width: 16px; height: 16px;} - - } - - - table.addressbook_edit_general{ - // background: red; - - border-top: 0px; - - tr td:first-child {width: 20%;} - tr td {width: auto;} - - table tr td:first-child {width: 60px;} - table tr td {width: 200px;} - - - //Name - input#addressbook-edit_n_fn {width: 95%;} - - - /*POPUP*/ - /* edit Name */ - table.editname { - .background_color_10_gray; - z-index: 10; - /*font-size: 1em;*/ - - tr td:first-child {width: 40% !important;font-weight: bold; padding: 3px 0;} - } - - - //Titel - input#addressbook-edit_title {width: 95%;} - //Role - input#addressbook-edit_role {width: 95%;} - - //Organisation - input#addressbook-edit_org_name {width: 95%;} - //unit - input#addressbook-edit_org_unit {width: 95%;} - // Street - input#addressbook-edit_adr_one_street, - input#addressbook-edit_adr_one_street2 {width: 95%;} - - // PLZ + Ort - input#addressbook-edit_adr_one_postalcode {width: 15%;} - input#addressbook-edit_adr_one_locality {width: 78%;} - - // Choosen Adresse - .chzn-container { width: 95% !important;} - - //region - input#addressbook-edit_adr_one_region {width: 95%;} - - - //Owner - select.owner {width: 300px;} - } // generell - - - // Telefonnummer: - - div#addressbook-edit_addressbook-editphones {margin-left: 1em;} - - fieldset.phoneGroup { - border: none; - margin-bottom: 0; - margin-top: 12px; - margin-left: 1em; - height: auto; - font-size: 100%; - /*.background_color_15_gray;*/ - .border_radius_button_normal; - legend { text-transform: uppercase;} - - // Phonenumber Input Fields - .fixedHeight, .telNumbers { - height: auto; - } - - table.et2_grid { - margin-left: -7px; - tr:nth-child(even) {background: @color_even;} - tr:nth-child(odd) {background: @color_odd;} - td {padding: 3px 0px;} - } - - table.et2_grid td.telNumbers{ - width: 155px; - input { width: 140px !important; } - - } - - // Radio Box - input.et2_radiobox {}; - - - } - - fieldset.phoneGroup * img {display: none !important; width: 20px;} // Bilder ausblenden - - .phoneGroup table { - // height: 122px; - } - - - - // Email - fieldset.emailGroup { - border: none; - margin-bottom: 0; - margin-top: 10px; - margin-left: 1em; - height: auto; - font-size: 100%; - /*.background_color_15_gray;*/ - .border_radius_button_normal; - legend { text-transform: uppercase;} - - - table.et2_grid { - margin-left: -7px; - tr:nth-child(even) {background: @color_even;} - tr:nth-child(odd) {background: @color_odd;} - td {padding: 3px 0px;} - } - - td { - input {width: 82%;} - - - // image after Link - a.et2_url { - margin-left: 5px; - - &:hover {.Complete_Button_Icon_hover;} - } - -/* a.et2_url:after { - content: "\221E"; - font-size: 1.2em; - }*/ - - a.et2_url.url { - .Complete_Button_Icon_normal; - background-size: 16px 16px; - background-image: url('images/url.png'); - } - - a.et2_url.email { - .Complete_Button_Icon_normal; - background-size: 16px 16px; - background-image: url('images/email.png'); - } - } - } - - fieldset.emailGroup * img {display: none !important; width: 20px;} // Bilder ausblenden - - - -} // edit - -#addressbook-edit_addressbook-edit-general{ - // Länderauswahl - #addressbook_edit_adr_one_countrycode_chzn{ - width: 200px !important; - // background-color: red !important; - padding-top: 1em; - } - - td.addressbook_edit_general_left { - - - // table Addressfield - table.et2_grid{ - - margin-left: 2px; -/* tr:nth-child(even) {background: @color-even;} - tr:nth-child(odd) {background: @color-odd;} */ - td {padding: 5px 0px 5px 3px;} - - - // Edit Name - div#addressbook-edit_addressbook-edit-name{ - - table.et2_grid{ - - background-color: @gray_30; - .bordered (@gray_30,@gray_30,@gray_30,@gray_30); - .rounded (5px); - - margin-left: 2px; - border-top: 1px solid @gray_30 !important; - /*tr:nth-child(even) {background: @color_even;}*/ - /*tr:nth-child(odd) {background: @color_odd;}*/ - td {padding: 5px 0px 5px 3px;} - } - - } - - } - - } - -} - - - - - -// ################### Tab 2 / Kategorien ######################## -// -// addressbook-edit_addressbook.edit.cats -// in Adressbuch css ausgelagert - -//div#addressbook-edit_addressbook~\.edit~\.cats {background-color: red;} - -div#addressbook-edit_addressbook-edit-cats {overflow: scroll;} - -// ################## Tab 3 / Privat ############################# -// Privat - -#addressbook-edit_addressbook-edit-custom_private, -#addressbook-search_addressbook-edit-custom_private{ - .th{ height: 20px;} - tbody{ - display: table-header-group; - vertical-align: top; - } -} - -#addressbook-edit_addressbook-edit-home{ - - // content: "hello I´m there"; - - - // Länderauswahl - - #addressbook_edit_adr_two_countrycode_chzn{ - width: 200px !important; - // background-color: red !important; - padding-top: 0em; - } - - - /*Birthday + Timezone*/ - /*row*/ - .add_bday_timezone { - - - // Timezone - #addressbook_edit_tz_chzn{ - width: 15% !important; - padding-top: 0em; - } - - - /*Birthday Label*/ - label.et2_label {padding-left: 1em;} - } - - - -} - /*################## Tab 4 Details ###############################*/ - - #addressbook-edit_addressbook-edit-details { - - table.et2_grid{ - margin-left: 2px; - border-top: 1px solid @gray_30 !important; - /*tr:nth-child(even) {background: @color_even;}*/ - /*tr:nth-child(odd) {background: @color_odd;}*/ - td {padding: 5px 0px 5px 3px;} - } - - - // Kategorie List - .et2_selectbox .ui-multiselect-checkboxes li {text-indent: -17px;} - - } - - /*################## Tab 5 Verknüpfungen ###############################*/ -// Verknüpfungen - -#addressbook-edit_addressbook-edit-links, -#addressbook-search_addressbook-edit-links{ - .th{ height: 20px;} - tbody{ - display: table-header-group; - vertical-align: top; - - } - - tr:first { - td {height: 150px;} - } - -} -div#addressbook-edit_addressbook-edit-links { - /*overflow-y: scroll;*/ - - - table.et2_grid { - - tr:first td {height: 150px;} - - } - - /*neue verknüpfung erstellen - div*/ - div#addressbook-edit_link_to { - - width: 550px; - - // Comment - input {width: 86%;} - - - // Button - button { - .Complete_Button_normal; - height: 3.1ex; - background-color: @gray_10; - background-image[src$="svg"]{.gradient_vertical (@gray_30, @gray_30);} - - &:hover{ - /*background-color: @gray_30;*/ - text-shadow: 0px 0px; - color: @gray_0; - .box_shadow_standard_light_hover; - background-color: @color_positive_action_active; - background-size: 20px 20px; - } - - &:active {.box_shadow_standard_light_active !important;} - - } - - div#addressbook-edit_link_to_link_entry{ - margin-top: 11px; - width: 100%; - - - // APP Selector - /*div.et2_link_entry {*/ - - select {width: 39%;} - - // Input Field - input.ui-autocomplete-input { - width: 56%; - padding-bottom: 1px; - } - - - /*}*/ - - } - - // 2. Icon - img.et2_button_icon { - .Complete_Button_Icon_normal; - float: left; - /*margin: 0.5em 2em;*/ - padding: 5px; - .dimension_width_height_m; - - &:hover {.Complete_Button_Icon_hover;} - &:active {.Complete_Button_Icon_active;} - } - - - // Upload - div.et2_file { - width: 350px; - margin-left: 100px; - } - - } - table#addressbook-edit_link_to {overflow-y: scroll;} -} - - - - /*################## Tab 6 Verteilerlisten ###############################*/ - -/*seems to be ok*/ -// Verteilerliste - -#addressbook-edit_addressbook-edit-distribution_list, -#addressbook-search_addressbook-edit-distribution_list{ - .th{ height: 20px;} - tbody{ - display: table-header-group; - vertical-align: top; - } - - - -} - /*################## Tab 7 Extra ###############################*/ -/*seems to be ok*/ -// Extra -#addressbook-edit_addressbook-edit-custom, -#addressbook-search_addressbook-edit-custom{ - - max-width: 560px; - - .th{ height: 20px;} - tbody{ - display: table-header-group; - vertical-align: top; - } - - // Table Customfields - table#addressbook-edit_custom_fields{max-width: 550px;} - -} - /*################## Tab 8 Extra Privat###############################*/ -/*seems to be ok*/ - - - - /*################## Tab 9 History ###############################*/ - // History - - #addressbook-edit_addressbook-edit-history{ - - .th{ height: 20px;} - tbody{ - display: table-header-group; - vertical-align: top; - } - - table.et2_grid { - } - - - .et2_historylog, - #addressbook-edit_history{ - - div:first-child {height: auto !important;} - - - table.egwGridView_outer { - - - th.optcol { - - span.selectcols {position: relative !important;} - - } - - } - - } - - } - - - - - - - - - -/*################################################################ -################################################################*/ - - - -// mehr...Phonebuch - -button.button_more { - .Complete_Button_text_icon_before; - .dimension_height_m; - background-image:url('../images/edit.png'); -} - - - - - - - - - - - - - - -// ##################################################### -// Adresse editieren - -div.addressbook.edit.general{ - - table { - border-top: 0px; - tr td img {display: none;} - // Adressbuchbild unsichtbar - img:nth-child(1) {display:none;} - // Bild hochladen - img:nth-child(2) {cursor:pointer;} - - - } - -} - - - -.cursorHand { -} -.countrySelect select { - width: 150px; -} -.custom_country input { - display: none; -} -.contactid:before { - content: "#"; -} -.emailCol div { - overflow: hidden; - width: 100%; -} -.redItalic { - color: red; - font-style: italic; -} - - -.bold { - font-weight: bold; -} -.fileas select, .fileas, .owner select, .owner { - font-weight: bold; - width: 100%; -} -.iphoto img { - width: 60px; -} -.photo img { - height: auto; -} - -// Dialog Upload photo - -.uploadphoto { - background-color: @gray_20; - border: 1px solid black !important; - display: none; - left: 48px; - padding: 4px; - position: absolute; - top: 168px; -} - -table.uploadphoto {width: 360px !important; background-color: @gray_20 !important; .rounded (9px);} - - - - - -.checkAllArrow { - padding-right: 5px; -} -.typeIcon { - height: 16px; - width: 16px; -} -.editphones, .editname { - background-color: #FFFFFF; - border: 2px solid black; - display: none; - left: 30%; - padding: 4px; - position: absolute; - top: 10%; -} -.editname { - left: 137px; - top: 160px; -} -.windowheader { - background-image: url("../../../phpgwapi/templates/idots/images/appbox-header-background.png"); - background-repeat: repeat-x; - border-bottom: 1px solid #9C9C9C; - border-collapse: collapse; - border-spacing: 0; - height: 20px; -} - - - - -.emailGroup table { - height: 87px; -} -.space { - width: 80px; -} -.noWrap { - white-space: nowrap; -} -.customfields { -} -.customfields td { - line-height: 12px; - white-space: nowrap; -} -.image16 img { - height: 16px; -} -.fixedHeight,.telNumbers { height: auto;} } // Ende Media all - -/*#################################### Media Queries #####################################################*/ - -@media only screen and (min-width: 980px) and (max-width: 1279px) { - - .nextmatch_header > .filters select { margin: 0px;} - -} - -@media only screen and (min-width: 760px) and (max-width: 979px) { - -} - -@media only screen and (min-width: 320px) and (max-width: 759px) { - -} - - -// \ No newline at end of file