/** * 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$ */ @import (reference) "../../../pixelegg/less/definitions.less"; @import (reference) "../../../pixelegg/less/def_mobile.less"; @import (less) "../default/app.css"; @media all { /* ############################################################################# // Rahmen + padding**/ /*##############################################*/ /*# # #*/ /*# Bild # #*/ /*# # Infolog #*/ /*# # #*/ /*# # #*/ /*# # #*/ /*# Sidebar # #*/ /*# # #*/ /*# # #*/ /*# # #*/ /*# # #*/ /*# # #*/ /*##############################################*/ // Image + Data div#addressbook_view_sidebox{ //img img.photo { width: 68px; padding-right: 3px; height: auto; vertical-align: top; margin-right: 5px; } // name #addressbook-view_n_fn{ .fontsize_xl; font-weight: bold; padding: 2px 0 2px 0; width: 85%; } // org #addressbook-view_org_name { .fontsize_xl; padding: 2px 0 2px 0; width: 85%; } // Unit #addressbook-view_org_unit { .fontsize_m; padding: 2px 0 2px 0; } // Ort #addressbook-view_adr_one_locality{ .fontsize_m; 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; } #addressbook-index{ // min-height: 700px; // height: auto !important; // ########################### // linke Box // ########################## div.et2_hbox_left{ padding: 0px 17px 0 13px; // Org View select#addressbook-index_org_view{ .Complete_Button_select; .dimension_height_m; margin-top: 0; margin-left: 2px; .box_shadow_none; &:hover{ .Complete_Button_select_hover; } } } // linke Box // ########################### // rechte Box // ########################### // filter div.header_row_right div[id$=favorite_wrapper] {margin-top: 0px; top: 6px;} div.et2_hbox_right { padding: 0px 11px 0px 0px; width: auto; margin-right: 0em; margin-top: -5px; // Typ select.et2_selectbox{ .Complete_Button_select; .dimension_height_m; margin-left: 5px; &:hover{.Complete_Button_select_hover;} &:focus{.Complete_Button_select_focus;} } // hinzufügen button#addressbook-index_add,button#addressbook-index_search{ .Complete_Button_add_only_plus; .dimension_height_m; &:hover {.Complete_Button_add_only_plus_hover;} &:active {background-color: @color_positive_action_active !important;} } button#addressbook-index_add { margin-right: 0px; } } // rechte Box div.filters { // 1 Filter select#infolog-index_cat_id {width: 10%; margin-left: 1em;} // 2 Filter select#infolog-index_filter {width: 10%;} // 3 Filter select#infolog-index_filter2 {width: 10%;} // Suchfeld input#infolog-index_search { } // Suchen Button button.et2_button {} } // Filter .filters{ // #addressbook-index_cat_id{width: 7%;} // #addressbook-index_filter{width:7%;} // #addressbook-index_filter2{width: 10%;} }// Filter /*#############################################################*/ } // iframe /*##################################################################*/ /*Infolog*/ .et2_container[id^="infolog-index-addressbook"] { /*height: auto;*/ /*padding: 1em;*/ /*min-height: 250px;*/ /*ADD Button */ /* div.et2_hbox, div.et2_box_widget*/ .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; .dimension_height_l; margin-top: 5px; background-image: none !important; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; /* Safari */ &:before { content: "+"; font-size: 2em; color: @egw_color_1; line-height: 0.5em; } /*Text ""hinzufügen" "*/ span {display: none;} // IMG img { .Complete_Button_Icon_normal; .dimension_width_height_s; margin-left: 0.5em; padding: 0px; margin-top: 0px; vertical-align: middle; /*.gradient_vertical (@egw_color_2_a, @egw_color_2_a);*/ &:hover{.Complete_Button_Icon_hover ;} &:active { .Complete_Button_Icon_active ;} } img:last-child {margin-right: 5px;}; /*MouseOver*/ &:hover { .box_shadow_standard_light_hover; background-color: @egw_color_2_a !important; .border_radius_button_lefttop; .dimension_height_l; &:before {content: ""; font-size: 1em;padding-left: 5px;} /*Text*/ span {visibility: hidden; display: none;}; img {.scale; margin: 0.5em; background: @gray_0;} } } } // Scrollarea in Infolog .egwGridView_scrollarea{ overflow-y: scroll !important; overflow-x: hidden !important; } } //****************************************************************** // CRM View - Tracking System button#tracker-index-addressbook_add{ .Complete_Button_add_only_plus; .dimension_height_m; &:hover {.Complete_Button_add_only_plus_hover;} &:active {background-color: @color_positive_action_active !important;} } //****************************************************************** // sidebar //****************************************************************** #egw_fw_sidemenu{ //Tabelle mit Ansichten des Kalenders .egw_fw_ui_category_content{ // table {margin-left: -14px;} } // Bilder für Favoriten img.sideboxstar { } // select {margin-top: -5px;} } // ############################################################################# // Addressbook edit dialog /*########################################### # # # dialogHeader # ############################################# # # # # # # # # # # # dialog # # # # # ############################################# # # # buttons # # # # # ##############################################*/ #addressbook-edit.et2_container { } // person image div.addressbook_edit_general_picture img { top: -4px; width: 70px; height: auto; left: 7px; } // general #addressbook-edit_addressbook-edit-general{ .et2_label {margin-right: 6px;} } // END DIALOG ############################################################################# } // Ende Media all /* tablets and smartphones */ @media only screen and (max-device-width:1024px) { #addressbook-index { table.egwGridView_outer tbody { .addressbookCol3 div.avatar { border: 1px solid silver; border-radius: 50%; overflow: hidden; width: 50px; height: 50px; background-image: url(/egroupware/addressbook/templates/pixelegg/images/photo.png); background-size: 35px 35px; background-repeat: no-repeat; background-position: center; position: absolute; bottom:25%; top:25%; img{ padding-top:0; } } span[id^='addressbook-index_'][id$='line1]'] { .mob-fontsize-s; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } span[id^='addressbook-index_'][id$='line2]']{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: bold; } .addressbookCol2 { .et2_box_widget { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width:99%; } } span[id^='addressbook-index_'][id$='adr_one_locality]'] { .mob-fontsize-s; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } a[id^='addressbook-index_'][id$='email]']{ .mob-fontsize-s; padding-left: 3px; display: inline; overflow: hidden; text-overflow: ellipsis; color: #26537c; white-space: nowrap; } a[id^='addressbook-index_'][id$='tel_cell]'], a[id^='addressbook-index_'][id$='tel_work]'] { .mob-fontsize-s; padding-left: 3px; display: inline; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } } } }