egroupware/pixelegg/less/def_buttons.less

/**
 * EGroupware: CSS with less preprocessor
 *
 * Definitions for buttons
 *
 * Please do NOT change css-files directly, instead change less-files and compile them!
 *
 * @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 phpgwapi
 * @version $Id$
 */

@import (reference) "def_design_pattern_color_font_shadow.less";


//#####################
//# Complete Button   #
//#####################

.Complete_Button_normal{
	.border_normal;
	.box_shadow_standard_light;
	.color-100-gray;
}

.Complete_Button_hover{
//	.border_hover;
	.box_shadow_standard_light_hover;
	background-color: inherit !important;
}

.Complete_Button_active{
//	.border_hover;
	.box_shadow_standard_light_inset;
}

.Complete_Button_focus{
//	.border_hover;
	.box_shadow_standard_light_inset;
}

// komplette Schaltflächen

.Complete_Button_add {
	background-color: @egw_color_blue_lighter;
	color: #FFF;
	text-shadow: none;
	height: 35px;
	background-image: none !important;
	.border_radius_button_lefttop;

	&:before {content: "+";font-size: 2em;color: @egw_color_1;}
}

.Complete_Button_add_hover {
			background-color: @egw_color_blue_lightest !important;
			color: @egw_color_1;
			.box_shadow_standard_light_hover;
			.border_radius_button_lefttop;
}

//.Complete_Button_add_before {content: "+";font-size: 2em;}


.Complete_Button_hinweis{
	.Button_size_square_32;
	.border_normal;
	padding: 0 0.2em;
	border-left: 3px solid;
	border-left-color: @lightgray;
}


// select

.Complete_Button_select{
	.box_shadow_standard_light;
	width: auto;
	margin: 0.5em 0em 0.5em 0.5em;
	 padding:3px;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
	}
.Complete_Button_select_hover {
	.box_shadow_standard_light_hover;
}

.Complete_Button_select_focus {
				 outline:0;
				 border-width:1px;
	    		 border-style: solid;
				 .border-color-25-gray;
				 -webkit-box-shadow: 0 0 2px 1px rgba(0,0,0, 0.10);
				 -moz-box-shadow: 0 0 2px 1px rgba(0,0,0, 0.10);
				 box-shadow: 0 0 2px 1px rgba(0,0,0, 0.10);
			}




// Input

.Complete_Button_input{
	.border_normal;
	.border-color-25-gray;
	.box_shadow_standard_light;
	width: auto;
	margin: 0.5em 0em 0.5em 0;
	.border_radius_button_normal;

//		.gradient(#000, #333, #FFF);
//	.gradient(#F5F5F5, #EEE, #FFF);

}

.Complete_Button_input_hover{
	.box_shadow_standard_light_hover;
}

.Complete_Button_input_focus {
				 outline:0;
				 border-width:1px;
	    		 border-style: solid;
				 .border-color-25-gray;
				 -webkit-box-shadow: 0 0 2px 1px rgba(0,0,0, 0.10);
				 -moz-box-shadow: 0 0 2px 1px rgba(0,0,0, 0.10);
				 box-shadow: 0 0 2px 1px rgba(0,0,0, 0.10);
}



// Suchen button

.Complete_Button_search_action{
	.border_normal;
	.border-color-25-gray;
	.box_shadow_standard_light;
	width: 3em;
//	height: 2.5em;
//	margin: 0.5em 1em 0.5em 1;
	.border_radius_button_lefttop;

	.background-color-search;

 	 color: #FFFFFF;
    text-decoration: none;

    cursor: pointer;
	padding: 3px;
	margin-left: 5px;
}


.Complete_Button_search_action_hover{
	.box_shadow_standard_light_hover;
	background-color: @yellow !important;
	.border_radius_button_lefttop;


}

.Complete_Button_search_action_active{
	.box_shadow_standard_light_hover;
	.background-color-search;
	.border_radius_button_lefttop;

}


.Complete_Button_search_action_reset{
	.Complete_Button_search_action;
    .background_verlauf_diagonal_gray;
}


// Buchstaben

.Complete_Button_lettersearch{
	.border_radius_button_normal;
	.box_shadow_standard_light;
	.border_normal;
//	border: 1px solid #D3DCE3;
	text-align: center;
	cursor: pointer;
}


// Text

.Complete_Button_text{
	.border_radius_button_normal;
	.background-color-10-gray;
	.border-color-50-gray;
	cursor: pointer;

}

.Complete_Button_text_hover {
	.border_radius_button_normal;
	.border_hover;
	text-align: center;
	cursor: pointer;
	.background-color-30-gray;
}
.Complete_Button_text_active{
	color: @gray;
}


.Complete_Button_text_icon_before{
	.Complete_Button_normal;
	padding-left: 30px !important;
	background-position: 6px center;
	background-repeat: no-repeat;
	background-size: 20px auto;
	.Button_size_h32_auto;
}

.Complete_Button_text_icon_before_hover{
	.Complete_Button_text_icon_before;
	.box_shadow_standard_light_hover;
}

.Complete_Button_text_icon_before_active{
	.Complete_Button_text_icon_before;
	.box_shadow_standard_light_hover;

}

// Buttons nur Icon

.Complete_Button_Icon_normal {
	.background-color-10-gray;
	.box_shadow_standard_light;
	.border_normal;
	.border_radius_button_normal;
}

.Complete_Button_Icon_hover  {
	.background-color-30-gray;
	.box_shadow_standard_light_hover;
	.border_hover;
	.border_radius_button_normal;
}

.Complete_Button_Icon_active {
	.background-color-50-gray;
	.box_shadow_standard_light_hover;
	.border_active;
	.border_radius_button_normal;
}

// #############################
// Button Sub Menupunkte

.Complete_Button_Module_Menu_Links{
		.background-color-10-gray;
}

.Complete_Button_Module_Menu_Links_Hover{
		.background-color-30-gray;
		.color-5-gray;
}

.Complete_Button_Module_Menu_Links_active{
		.background-color-10-gray;
}


// Button Sub Sub Menupunkte

.Complete_Button_Module_Menu_Links_Sub_Hover {
	margin-left: 2px;
	padding-top: 0px;
	padding-bottom: 5px;
		.border_normal;
		.background-color-15-gray;
}

.Complete_Button_Module_Menu_Links_Sub {
	margin-left: 3px;
	padding-top: 0px;
	padding-bottom: 5px;
	.border_normal;
	border-top-width: 0px;
		.background-color-10-gray;

	margin-top: -7px;
	padding-left: 14px;

	width: 93%;
	}
//.Complete_Button_Module_Menu_Links_Sub {
//	margin-left: 3px;
//	padding-top: 0px;
//	padding-bottom: 5px;
//	.border_normal;
//	border-top-width: 0px;
//		.background-color-10-gray;
//
//	margin-top: -7px;
//	padding-left: 14px;
//
//	width: 93%;
//}