egroupware/pixelegg/less/layout_buttons_global.less

/**
 * EGroupware: CSS with less preprocessor
 *
 * Definitions for apps
 *
 * 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$
 * 
 * definitions of globally used items (buttons, fields, tables)
 * 
 */

@import (reference) "def_design_pattern_color_font_shadow.less";
@import (reference) "def_buttons.less";


//########################################################################################################
// Buttons
//
//########################################################################################################
// #####################################################

//Buttons et2

input[type="submit"],
input[type="button"],
input[type="reset"],
button, .egwbutton {
    background-color: #B9D5E3;
    border: 1px outset #B9D5E3;
    color: #004E7D;
}
.et2_button_text,
input[type="button"] {
    .background-color-10-gray;

    .color-30-gray;

    margin: 5px;
    padding: 3px;
    border-radius: 20px 3px 3px 3px;
    -webkit-border-radius: 20px 3px 3px 3px;
	-moz-border-radius: 20px 3px 3px 3px;

    :before {content: "►"; color: red; font-size: 50px; }
}

/**##################################################################################################
 * Button widget - text only, and icon
 *
 * ##################################################################################################
 */
//.et2_button {
//	cursor: pointer;
//	text-align: center;
//	font-size: 9pt;
//	text-shadow: 1px 1px #E0E0E0;
//}

// Button mit Text

.et2_button_text,
input[type=button] {
		.Complete_Button_text;
	 	.box_shadow_standard_light;

	 &:hover {.Complete_Button_text_hover;}
	 &:active {.Complete_Button_text_active;}
	 &:focus {.Complete_Button_text_active;}
}


// Button mit Bild
//
//.et2_button_icon {
//	border: none;
//	background: transparent;
//	padding: 0px;
//}
//
// #####################################################
/* Button Hinzufügen */
#add.et2_button {
	.Complete_Button_add;
//	&:before {.Complete_Button_add_before;}
	}




// #####################################################
// Button bearbeiten

input[type="submit"][id="edit"],
input[type="button"][id="edit"],
button[id*="edit"],
input[type="submit"][id="edit"]:hover,
input[type="button"][id="edit"]:hover,
button[id*="edit"]:hover {
	background-image:url('../images/edit.png');
	.Complete_Button_text_icon_before;
}

// #####################################################
// Button Kopieren

input[type="submit"][id*="copy"],
input[type="button"][id*="copy"],
button[id*="copy"],
input[type="submit"][id*="copy"]:hover,
input[type="button"][id*="copy"]:hover,
button[id*="copy"]:hover{
	.Complete_Button_text_icon_before;
	background-image:url('../images/copy.png');
}
// #####################################################
// Button Abbruch

input[type="submit"][id*="cancel"],
input[type="button"][id*="cancel"],
button[id*="cancel"],
input[type="submit"][id*="cancel"]:hover,
input[type="button"][id*="cancel"]:hover,
button[id*="cancel"]:hover{
	.Complete_Button_text_icon_before;
	background-image:url('../images/cancel.png');
}

// #####################################################
// Button löschen

input[type="submit"][id*="delete"],
input[type="button"][id*="delete"],
button[id*="delete"]  {
	.Complete_Button_text_icon_before;
	background-image:url('../images/delete.png');
	margin-left: 3em;

}
input[type="submit"][id*="delete"]:hover,
input[type="button"][id*="delete"]:hover,
button[id*="delete"]:hover {
	.Complete_Button_text_icon_before;
	background-image:url('../images/delete.png');
	background-color: red !important;
}
// #####################################################
// Button übernehmen

input[type="submit"][id*="apply"],
input[type="button"][id*="apply"],
button[id*="apply"],
input[type="submit"][id*="apply"]:hover,
input[type="button"][id*="apply"]:hover,
button[id*="apply"]:hover {
	.Complete_Button_text_icon_before;
	background-image:url('../images/apply.png');
}

// #####################################################
// Button speichern

input[type="submit"][id*="save"],
input[type="button"][id*="save"],
button[id*="save"],
input[type="submit"][id*="save"]:hover,
input[type="button"][id*="save"]:hover,
button[id*="save"]:hover

 {
	.Complete_Button_text_icon_before;
	background-image:url('../images/save.png');
}
// #####################################################
// Button Suchen

input[type="submit"][id*="search"],
input[type="button"][id*="search"],
button[id*="search"]{
	.Complete_Button_text_icon_before;

	background-image:url('../images/advanced-search.png');


	&:hover {.box_shadow_standard_light_hover; background-image:url('../images/advanced-search.png');}

	&:focus {.box_shadow_standard_light_inset;}
}

// #####################################################
// Button ok = speichern

button.button_ok {
	.Complete_Button_text_icon_before;
	background-image:url('../images/save.png');
}
button.button_ok:hover {
	.Complete_Button_text_icon_before;
	background-image:url('../images/save.png');
}

// #####################################################
// Button Befehl auswählen (infolog)

button#infolog-index_legacy_actions{

	.Complete_Button_text_icon_before;
	background-image:url('../images/edit.png');

	&:hover {.box_shadow_standard_light_hover; background-image:url('../images/edit.png');}

	&:focus {.box_shadow_standard_light_inset;}

}
// #####################################################
// Button hinzufügen (infolog)

button[id*="note"]{
	.Complete_Button_text_icon_before;

//	&:before {content: "+"; font-size: 2em;}

//	background-image:url('../images/bearbeiten.png');

	&:hover {
		.box_shadow_standard_light_hover;
//		background-image:url('../images/bearbeiten.png');
	}

	&:focus {.box_shadow_standard_light_inset;}

}


// #####################################################
// Senden Button (mail Dialog)

button#mail-compose_button[send],
button#mail-compose_button[id*="send"],
.mail-compose_button {
				.Complete_Button_text_icon_before;
				background-image: url(../../mail/templates/default/images/mail_send.png) !important;
				height: 26px;
				padding: 0 3px 0 0;
				.background-color-15-gray;
				&:hover {.box_shadow_standard_light_hover; }

				&:focus {.box_shadow_standard_light_inset;}

			}
                        
 // Alarm hinzufügen (calendar dialog)    
button[id*="add_alarm"]{
                                .Complete_Button_text_icon_before;
                                .box_shadow_standard_light;
				background-image: url("../images/k_alarm.png") !important;
				height: 26px;
				padding: 0 3px 0 0;
				.background-color-15-gray;
				&:hover {.box_shadow_standard_light_hover; height: 26px;}

				&:focus {.box_shadow_standard_light_inset; height: 26px;}
    
}                       

//