/** * EGroupware: CSS with less preprocessor * ADDRESSBOOK * * Please do NOT change app.css directly, instead change app.less and compile it! * * @link http://www.egroupware.org * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License * @author Stefan Reinhardt <stefan.reinhardt@pixelegg.de> * @package addressbook * @version $Id$ */ /** * CRM view with contact data in sidebox */ .addressbook_sidebox_name { font-weight: bold; } .addressbook_sidebox_name, .addressbook_sidebox_org { font-size: 130%; padding: 2px 0 2px 0; } td.addressbook_sidebox_header { font-weight: bold; height: 20px; vertical-align: bottom; } #addressbook-view.et2_container { height: 0 !important; } td.addressbook_sidebox_toolbar { vertical-align: bottom; height: 32px; } div#addressbook_view_sidebox img.photo { width: 68px; padding-right: 3px; height: auto; vertical-align: bottom; } /** * new addressbook.edit */ div.addressbook_edit_general_picture { position: relative; } div.addressbook_edit_general_picture img { position: absolute; width: auto; max-width: 80px; height: 105px; left: 2px; } .uploadphoto { position: absolute; top: 70px; left: 0; display: none; border: 2px solid black; background-color: #ffffff; padding: 4px; z-index: 1; } .typeIcon { height: 16px; width: 16px; } .editname { position: absolute; display: none; border: 2px solid black; background-color: #ffffff; padding: 4px; top: 55px; left: 102px; z-index: 1; padding-right: 10px; } .custom_country { display: none; } input.et2_radiobox { position: relative; left: 7px; } #addressbook-edit_tel_prefer-tel_work, #addressbook-edit_tel_prefer-tel_cell { left: 7px; } #addressbook-edit_memberships + .chzn-container .chzn-results { max-height: 85px; } /** * Index page */ #addressbook-index img.iphoto { width: 100%; height: auto; } #addressbook-index .avatar img.iphoto { border: none; box-shadow: none; } #addressbook-index .avatar span { margin-right: 0; } #addressbook-index_org_view, #addressbook-index_addressbook-index-right_add > div.et2_box_widget { top: 0; padding-top: 0; } #addressbook-edit_adr_one_locality, #addressbook-edit_adr_two_locality, #addressbook-edit_adr_one_postalcode, #addressbook-edit_adr_two_postalcode { padding-top: 5px; padding-bottom: 5px; } #addressbook-edit_adr_one_postalcode, #addressbook-edit_adr_two_postalcode { margin-right: -4px; } div.city_state_postcode #addressbook-edit_adr_two_postalcode, div.city_state_postcode #addressbook-edit_adr_one_postalcode { margin-right: 5px !important; } #addressbook-edit_role { margin-right: 5px; } .addressbookHooked .egwGridView_grid label > span.et2_link { display: none; } /** * adjust width of select-boxes in nextmatch */ #addressbook-index .filtersContainer { position: absolute; top: 0; /* Required for Chrome 76+ on Windows */ left: 342px; right: 215px; } #addressbook-index .filtersContainer select { width: 31.5%; } /* category filter chosen. !important is neccessary to override the width set by chosen*/ #addressbook-index .nextmatch_header_row .et2_selectbox.select-cat { min-width: auto; width: 31.5% !important; } select#addressbook-index_col_filter\[tid\] { width: 100px; } #addressbook-index_addressbook-index-row select { float: right; width: 134px; } #addressbook-edit .chzn-container .chzn-results { max-height: 110px; } #addressbook-index_nm .chzn-drop { width: auto; } #addressbook-edit_adr_one_region, #addressbook-edit_adr_two_region { width: 130px; vertical-align: middle; margin-left: 1px; } .smime_section_border { border-top: 1px solid #e5e5e5; } .smime_section_border > * { padding-top: 10px; } @media all { /* ############################################################################# // Rahmen + padding**/ /*##############################################*/ /*# # #*/ /*# Bild # #*/ /*# # Infolog #*/ /*# # #*/ /*# # #*/ /*# # #*/ /*# Sidebar # #*/ /*# # #*/ /*# # #*/ /*# # #*/ /*# # #*/ /*# # #*/ /*##############################################*/ div#addressbook_view_sidebox img.photo { width: 68px; padding-right: 3px; height: auto; vertical-align: top; margin-right: 5px; } div#addressbook_view_sidebox #addressbook-view_n_fn { font-size: 14px; font-weight: bold; padding: 2px 0 2px 0; width: 85%; } div#addressbook_view_sidebox #addressbook-view_org_name { font-size: 14px; padding: 2px 0 2px 0; width: 85%; } div#addressbook_view_sidebox #addressbook-view_org_unit { font-size: 11px; padding: 2px 0 2px 0; } div#addressbook_view_sidebox #addressbook-view_adr_one_locality { font-size: 11px; padding: 2px 0 2px 0; } /** * Give space to both contact view & infolog list */ #addressbook-edit { height: auto; min-height: 390px; overflow: auto; } /*##################################################################*/ /*Infolog*/ .et2_container[id^="infolog-index-addressbook"] { /*ADD Button */ } .et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] div.et2_box_widget { text-shadow: none; height: 32px; margin-top: 5px; background-image: none !important; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; /* Safari */ /*Text ""hinzufügen" "*/ /*MouseOver*/ } .et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] div.et2_box_widget:before { content: "+"; font-size: 2em; color: #ffc200; line-height: 0.5em; } .et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] div.et2_box_widget span { display: none; } .et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] div.et2_box_widget img { /*.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; width: 16px; height: 16px; margin-left: 0.5em; padding: 0px; margin-top: 0px; vertical-align: middle; /*.gradient_vertical (@egw_color_2_a, @egw_color_2_a);*/ } .et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] div.et2_box_widget img: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; } .et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] div.et2_box_widget img: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: #b3e4a6; } .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.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); margin: 0.5em; background: #FFFFFF; } .et2_container[id^="infolog-index-addressbook"] .egwGridView_scrollarea { overflow-y: scroll !important; overflow-x: hidden !important; } button#tracker-index-addressbook_add { width: 32px; /*border: 1px solid #0C5DA5;*/ margin: 6px 2px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); padding: -0.5em; background-color: #E6E6E6 !important; background-size: 16px 16px; -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: 24px; } button#tracker-index-addressbook_add:before { content: ""; font-size: 2em; color: #0C5DA5; line-height: 0.6em; padding-left: 0.1em; padding-right: 100em; } button#tracker-index-addressbook_add:active { background-color: #b3e4a6; } button#tracker-index-addressbook_add:hover { background-color: #ace29e !important; color: #ffc200; -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); -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; } button#tracker-index-addressbook_add:active { background-color: #b3e4a6 !important; } div.addressbook_edit_general_picture img { top: -4px; width: 70px; height: auto; left: 7px; } #addressbook-edit_addressbook-edit-general .et2_label { margin-right: 6px; } #addressbook_edit_adr_one_countrycode_chzn, #addressbook_edit_adr_two_countrycode_chzn { margin-top: 3px; } #addressbook_edit_adr_one_countrycode_chzn a.et2_country-select, #addressbook_edit_adr_two_countrycode_chzn a.et2_country-select { width: 99%; padding-left: 5px; left: 1px; border-radius: 0; } #addressbook-edit_adr_one_region .ms-ctn form-control, #addressbook-edit_adr_two_region .ms-ctn form-control { padding-left: 13px; } }