egroupware_official/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_sidebox_name {
			.fontsize_xl;
			font-weight: bold;
			padding: 2px 0 2px 0;
			width: 85%;
		}
		// org
		.addressbook_sidebox_org {
			.fontsize_xl;
			padding: 2px 0 2px 0;
			width: 85%;
		}
		// Unit
		span[id^=addressbook-view-addressbook][id $=_org_unit] {
			.fontsize_m;
			padding: 2px 0 2px 0;
		}
	   // Ort
		span[id^=addressbook-view-addressbook][id $=_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;
	}

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

	/*Infolog*/

	.et2_container[id^="infolog-index-addressbook"] {

		/*ADD Button */
		.et2_hbox_right[id*="_infolog-index-header_right"] {
			div.et2_box_widget {
				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;}
	}

	// 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;}
	}

	#addressbook_edit_adr_one_countrycode_chzn,
	#addressbook_edit_adr_two_countrycode_chzn {
		margin-top: 3px;
		a.et2_country-select {
			width: 99%;
			padding-left: 5px;
			left: 1px;
			border-radius: 0;
		}
	}

	#addressbook-edit_adr_one_region,
	#addressbook-edit_adr_two_region {
		.ms-ctn form-control {padding-left: 13px;}
	}
}