/** * 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; } div#addressbook-view.et2_container { height: 0 !important; } td.addressbook_sidebox_toolbar { vertical-align: bottom; height: 32px; } div#divGenTime_addressbook { display: none; } 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; } .custom_country { display: none; } tr.dialogHeader td, tr.dialogHeader2 td, tr.dialogHeader3 td, tr.dialogHeader4 td, tr.dialogOperators td, .dialogFooterToolbar { padding: 5px 0 5px 0; vertical-align: middle; } input.et2_radiobox { position: relative; left: -16px; } #addressbook-edit_tel_prefer-tel_work, #addressbook-edit_tel_prefer-tel_cell { left: -13px; } /** * Index page */ div#addressbook-index img.iphoto { width: 100%; height: auto; } #addressbook-index_org_view { margin: 5px; } #addressbook-edit_room { float: right; } .addressbookHooked .egwGridView_grid label > span.et2_link { display: none; } @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: 14.3px; font-weight: bold; padding: 2px 0 2px 0; width: 85%; } div#addressbook_view_sidebox #addressbook-view_org_name { font-size: 14.3px; 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-index { /*height: 99%;*/ } #addressbook-edit { height: auto; min-height: 390px; overflow: auto; } div#addressbook-index { /*#############################################################*/ } div#addressbook-index div.et2_hbox_left { padding: 0px 17px 0 13px; } div#addressbook-index div.et2_hbox_left select#addressbook-index_org_view { /*.box_shadow_standard_light;*/ width: auto; margin: 5px 0em 5px 0px; padding: 3px; outline: none; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; height: 24px; margin-top: 0; margin-left: 2px; -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); } div#addressbook-index div.et2_hbox_left select#addressbook-index_org_view: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); } div#addressbook-index div.header_row_right div[id$=favorite_wrapper] { margin-top: 0px; top: 6px; } div#addressbook-index div.et2_hbox_right { padding: 0px 11px 0px 0px; width: auto; margin-right: 0em; margin-top: -5px; } div#addressbook-index div.et2_hbox_right select.et2_selectbox { /*.box_shadow_standard_light;*/ width: auto; margin: 5px 0em 5px 0px; padding: 3px; outline: none; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; height: 24px; margin-left: 5px; } div#addressbook-index div.et2_hbox_right select.et2_selectbox: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); } div#addressbook-index div.et2_hbox_right select.et2_selectbox:focus { outline: 0; border-width: 1px; border-style: solid; border-color: #b4b4b4; -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); } div#addressbook-index div.et2_hbox_right button#addressbook-index_search { 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; margin-right: 0px; background-image: url('../../../pixelegg/images/advanced-search.png') !important; background-repeat: no-repeat; padding-left: 0px; font-size: 0px; } div#addressbook-index div.et2_hbox_right button#addressbook-index_search:before { content: ""; font-size: 2em; color: #0c5da5; line-height: 0.6em; padding-left: 0.1em; padding-right: 100em; } div#addressbook-index div.et2_hbox_right button#addressbook-index_search:active { background-color: #1aa200; } div#addressbook-index div.et2_hbox_right button#addressbook-index_search:hover { background-color: #189800 !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; background-image: url('../../../pixelegg/images/advanced-search.png'); /*.Complete_Button_text_icon_before_hover;*/ /*.dimension_height_m;*/ } div#addressbook-index div.et2_hbox_right button#addressbook-index_search:focus { background-color: #1aa200 !important; background-image: url('../../../pixelegg/images/advanced-search.png'); /* .Complete_Button_text_icon_before_active; .dimension_height_m;*/ } div#addressbook-index div.et2_hbox_right button#addressbook-index_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; margin-right: 0px; } div#addressbook-index div.et2_hbox_right button#addressbook-index_add:before { content: ""; font-size: 2em; color: #0c5da5; line-height: 0.6em; padding-left: 0.1em; padding-right: 100em; } div#addressbook-index div.et2_hbox_right button#addressbook-index_add:active { background-color: #1aa200; } div#addressbook-index div.et2_hbox_right button#addressbook-index_add:hover { background-color: #189800 !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; } div#addressbook-index div.et2_hbox_right button#addressbook-index_add:active { background-color: #1aa200 !important; } div#addressbook-index div.filters select#infolog-index_cat_id { width: 10%; margin-left: 1em; } div#addressbook-index div.filters select#infolog-index_filter { width: 10%; } div#addressbook-index div.filters select#infolog-index_filter2 { width: 10%; } div#addressbook-index table.egwGridView_outer { width: 99%; } /*##################################################################*/ /*Infolog*/ .et2_container[id^="infolog-index-addressbook"] { /*height: auto;*/ /*padding: 1em;*/ /*min-height: 250px;*/ /*ADD Button */ /* div.et2_hbox, div.et2_box_widget*/ } .et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] div.et2_box_widget { /*border: 1px solid rgba(0, 0, 0, 0.15);*/ /*box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);*/ 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: #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.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: #1aa200; } button#tracker-index-addressbook_add:hover { background-color: #189800 !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: #1aa200 !important; } /*########################################### # # # dialogHeader # ############################################# # # # # # # # # # # # dialog # # # # # ############################################# # # # buttons # # # # # ##############################################*/ div.addressbook_edit_general_picture img { top: -4px; width: 70px; height: auto; left: 7px; } #addressbook-edit_addressbook-edit-general .et2_label { margin-right: 6px; } }