/** * 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 * @package addressbook * @version $Id$ */ /** * Give space to both contact view & infolog list */ #addressbook-index { height: 100%; } #addressbook-edit { height: 390px; min-height: 390px; } .et2_container[id^="infolog-index-addressbook"] { min-height: 250px; } /* Give enough (static) width to edit dialog tabs, or it will auto-size and flex */ #addressbook-edit .et2_tabbox { min-width: 535px; } .cursorHand { cursor: hand; } .countrySelect select { width: 150px; } .custom_country input { display: none; } .contactid:before { content: "#"; } .emailCol div { width: 100%; } .fixedHeight, .telNumbers { height: 12px; overflow: hidden; text-overflow: ellipsis; } .telNumbers { white-space: nowrap; } .leftPad5 { padding-left: 5px; } .bold { font-weight: bold; } .fileas select, .fileas, .owner select, .owner { width: 100%; font-weight: bold; } .photo img, .iphoto img { width: 60px; } .photo img { cursor: hand; } .uploadphoto { position: absolute; top: 168px; left: 48px; display: none; border: 2px solid black; background-color: #ffffff; padding: 4px; } .checkAllArrow { padding-right: 5px; } .typeIcon { height: 16px; width: 16px; } .editphones, .editname { position: absolute; top: 10%; left: 30%; display: none; border: 2px solid black; background-color: #ffffff; padding: 4px; } .editname { top: 97px; left: 173px; } .windowheader { background-image: url(../../../phpgwapi/templates/idots/images/appbox-header-background.png); background-repeat: repeat-x; height: 20px; border-spacing: 0px; border-collapse: collapse; border-bottom: #9c9c9c 1px solid; } fieldset.phoneGroup { margin-top: 12px; font-size: 110%; height: 140px; border: solid black 2px; margin-bottom: 0px; } .phoneGroup table { height: 122px; } fieldset.emailGroup { margin-top: 10px; font-size: 110%; height: 112px; border: solid black 2px; margin-bottom: 0px; } .emailGroup table { height: 87px; } .space { width: 80px; } .noWrap { white-space: nowrap; } .customfields td { white-space: nowrap; line-height: 12px; } .image16 img { height: 16px; } /* changes from pixelegg 11/12/13 - upload foto in right column */ #addressbook-edit_addressbook-edit-general table.addressbook_edit_general td.addressbook_edit_general_right { widtH: 20%; vertical-align: top; text-align: center; } @media all { /* ############################################################################# // iframe // Rahmen + padding**/ /*################## iframe ####################*/ /*# # #*/ /*# # #*/ /*# # Addressbook #*/ /*# # #*/ /*# # #*/ /*# # #*/ /*# ############################### #*/ /*# # #*/ /*# # #*/ /*# # #*/ /*# # infolog #*/ /*# # #*/ /*# # #*/ /*# # #*/ /*##############################################*/ /** * 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.et2_hbox_left { padding: 4px 0px; } div#addressbook-index div.et2_hbox_left select#addressbook-index_org_view { -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); width: auto; margin: 5px 0em 5px 5px; padding: 3px; outline: none; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; height: 32px; margin-top: 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.et2_hbox_right { width: auto; margin-right: 1em; } div#addressbook-index div.et2_hbox_right select.et2_selectbox { -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); width: auto; margin: 5px 0em 5px 5px; padding: 3px; outline: none; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; height: 32px; 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 { background-color: #f0f0f0; border: 1px solid rgba(0, 0, 0, 0.15); -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); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #000000; -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; width: auto; height: 32px; background-image: url('../../../pixelegg/images/advanced-search.png') !important; padding-left: 0px; } div#addressbook-index div.et2_hbox_right button#addressbook-index_search:hover { background-image: url('../../../pixelegg/images/advanced-search.png'); border: 1px solid rgba(0, 0, 0, 0.15); -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); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #000000; -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; width: auto; height: 32px; -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 button#addressbook-index_search:focus { background-image: url('../../../pixelegg/images/advanced-search.png'); border: 1px solid rgba(0, 0, 0, 0.15); -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); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #000000; -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; width: auto; height: 32px; -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 button#addressbook-index_add { /*.Complete_Button_add;*/ width: 32px; height: 32px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); padding: 0.5em; } div#addressbook-index div.et2_hbox_right button#addressbook-index_add:before { content: "+"; font-size: 2em; color: #ffc200; line-height: 0.6em; padding-left: 0.1em; padding-right: 4em; } div#addressbook-index div.et2_hbox_right button#addressbook-index_add:hover { background-color: #66a1d2 !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.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"] { /* .Complete_Button_add; height: auto; .color-0-gray; // white font-size: 0.9em; &:before {padding-left: 5px;} &:hover {.Complete_Button_add_hover;} span.et2_label {color: @gray-0; font-size: 0.9em;padding-right: 11px;} img.et2_button {margin-top: -15px;}*/ /* div.et2_box_widget{ background-color: @egw_color_blue_lighter !important; color: #FFF; text-shadow: none; // height: 35px; background-image: none !important; .border_radius_button_lefttop; &:before {content: "+";font-size: 2em;color: @egw_color_1;} .border_radius_button_lefttop; .box_shadow_standard_light; height: 39px; // hieght of add-item .infolog_headertext{color: #FFF !important; font-size: 11px;} &:hover {.box_shadow_standard_light_hover; background-color: @egw_color_blue_lightest !important;} img#infolog-index_add[id="task"] {background-color: @gray-0; } // IMG img { .Complete_Button_Icon_normal; .dimension_width_height_s; margin-right: 0.5em; padding: 2px; margin-top: -2px; vertical-align: middle; &:hover{.Complete_Button_Icon_hover ;} &:active{.Complete_Button_Icon_active ;} } }*/ } .et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] div.et2_box_widget { /*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; background-color: #0c5da5; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjMGM1ZGE1IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMGM1ZGE1IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=); background-image: -moz-linear-gradient(top, #0c5da5, #0c5da5); background-image: -ms-linear-gradient(top, #0c5da5, #0c5da5); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0c5da5), to(#0c5da5)); background-image: -webkit-linear-gradient(top, #0c5da5, #0c5da5); background-image: -o-linear-gradient(top, #0c5da5, #0c5da5); background-image: linear-gradient(top, #0c5da5, #0c5da5); background-repeat: repeat-x; } .et2_container[id^="infolog-index-addressbook"] .et2_hbox_right[id*="_infolog-index-header_right"] div.et2_box_widget img:hover { /*.background_color_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.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); margin: 0.5em; background-color: #0c5da5; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZzc0MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjMGM1ZGE1IiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjMGM1ZGE1IiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc0MykiLz48L3N2Zz4=); background-image: -moz-linear-gradient(top, #0c5da5, #0c5da5); background-image: -ms-linear-gradient(top, #0c5da5, #0c5da5); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0c5da5), to(#0c5da5)); background-image: -webkit-linear-gradient(top, #0c5da5, #0c5da5); background-image: -o-linear-gradient(top, #0c5da5, #0c5da5); background-image: linear-gradient(top, #0c5da5, #0c5da5); background-repeat: repeat-x; } .et2_container[id^="infolog-index-addressbook"] .egwGridView_scrollarea { overflow-y: scroll !important; overflow-x: hidden !important; } /*########################################### # # # dialog-header # ############################################# # # # # # # # # # # # 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.dialog-footer-toolbar 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: 0px; } /*################## # # # # # 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); -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); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #000000; -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 !important; } 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: 10%; } 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: 83%; } 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; background-color: #d9d9d9; -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; background-color: #d9d9d9; -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; } #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(even) { background: #ffffff; } #addressbook-edit_addressbook-edit-general td.addressbook_edit_general_left table.et2_grid div#addressbook-edit_addressbook-edit-name table.et2_grid tr:nth-child(odd) { background: #fafafa; } #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; } #addressbook-edit_addressbook-edit-details table.et2_grid tr:nth-child(even) { background: #ffffff; } #addressbook-edit_addressbook-edit-details table.et2_grid tr:nth-child(odd) { background: #fafafa; } #addressbook-edit_addressbook-edit-details table.et2_grid td { padding: 5px 0px 5px 3px; } /*################## 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: 100% !important; } div#addressbook-edit_addressbook-edit-links div#addressbook-edit_link_to div#addressbook-edit_link_to_link_entry { margin: 1em; } 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: 0.5em; height: 32px; width: 32px; } 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 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 .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; } /*################## 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); -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); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #000000; -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; width: auto; height: 32px; 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%; } .photo img, .iphoto img { width: 60px; } .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; } }