egroupware/addressbook/templates/pixelegg/app.less

/**
 * 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$
 */


@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-edit {
  height: auto;
  min-height: 390px;
  overflow:    auto;
}



/*##################################################################*/

/*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) {
	.et2_mobile_view {
		div.et2_hbox.avatar {
			width: 100px;
			display: block;
			height: 100px;
			margin: auto;

			img {
				width: 100px;
			}
		}
		.et2_email {
			color:#26537c;
		}
		#addressbook-view_n_fn {
			border: none;
			text-align: center;
			span {
				.mob-fontsize-xl;
			}
			.mob-fontsize-xl;
		}
	}
	#addressbook-edit {
		div.et2_hbox.avatar {
			width: 70px;
			display: block;
			height: 70px;
			margin: auto;

			img {
				width: 70px;
			}
		}
		#addressbook-edit_n_fn {
			border: none;
			text-align: center;
			.mob-fontsize-l;
		}
		#addressbook-edit_adr_one_locality, #addressbook-edit_adr_two_locality, #addressbook-edit_room{
			margin-left:0;
		}
		a.et2_url.url, a.et2_url.phone, a.et2_url.email  {
			display: none !important;
		}
	}

	#addressbook-index {
		table.egwGridView_outer tbody {

			span[id^='addressbook-index_'][id$='line1]'] {
				.mob-fontsize-l;
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
			}
			span[id^='addressbook-index_'][id$='line2]']{
				.mob-fontsize-l;
				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;
			}
		}
	}
}