egroupware_official/etemplate/templates/pixelegg/app.less

/**
 * EGroupware - CSS Styles used by old eTemplate widgets
 *
 * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
 * @link http://www.egroupware.org
 * @author Ralf Becker <RalfBecker@outdoor-training.de>
 * @author Stefan Reinhard <stefan.reinhard@pixelegg.de>
 * @package etemplate
 * @version $Id$
 */

@import (reference) "../../../phpgwapi/templates/default/def_buttons.less";
@import (reference) "../../../phpgwapi/templates/default/def_design_pattern_color_font_shadow.less";

.redItalic, .message {
    color: red;
    font-style: italic;
}
.gray {
    color: gray;
}
.leftPad5 {
    padding-left: 5px;
}
.inputFullWidth input {
    width: 100%;
}
.selectboxFullWidth select {
    width: 100%;
}
.inputRequired input, .inputRequired select, .inputRequired textarea {
    background-color: #FFFFD0;
    border: 1px solid gray;
}
.clickWidgetToEdit {
    cursor: pointer;
    display: inline;
}
.clickWidgetToEdit:hover {
    background-color: pink;
}
.activ_sortcolumn {
    font-weight: bold;
}
.inactiv_sortcolumn {
    font-weight: normal;
}
.selectcols {
    position: relative;
}
.colselection {
    background-color: white;
    display: none;
    position: absolute;
    right: 0;
    top: 16px;
    z-index: 1;
}

// Tabelle
// Tabs
table.TabHeader{
	.background-color-15-gray;
}

// Tabs
.etemplate_tab {
//    border-color: black;
//    border-style: solid;
//    border-width: 1px 1px 0;
//    padding: 3px 6px;
    white-space: nowrap;
    width: auto;

    	display: inline-block;
	margin: 1em 5px 1em 0;
	padding: 5px;
	cursor: pointer;

	.background-color-10-gray;
	.border_radius_button_normal;
	.border_normal;
	.box_shadow_standard_light;


	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;

	&:hover {.Complete_Button_hover;}
	&:focus {.Complete_Button_focus;}

}

.etemplate_tab_active {

			 white-space: nowrap;
   			 width: auto;

    		display: inline-block;
			margin: 1em 5px 1em 0;
			padding: 5px;
			cursor: pointer;

//			.background-color-10-gray;
			.border_radius_button_normal;
			.border_normal;
			.box_shadow_standard_light;


			-webkit-user-select: none;
			-moz-user-select: none;
			user-select: none;

			.background-color-50-gray;
			border-width: 0 0 3px 0;
			border-style: solid;
			border-spacing: 0px;
			border-color: @active_button_border_bottom;
			.color-5-gray;

		.th {
			.background-color-50-gray;
			border-width: 0 0 3px 0;
			border-style: solid;
			border-spacing: 0px;
			border-color: @active_button_border_bottom;
			.color-5-gray;
			}


}






.etemplate_tab row_on,
td.etemplate_tab_active:focus {
	.background-color-50-gray;
	border-width: 0 0 3px 0;
	border-style: solid;
	border-spacing: 0px;
	border-color: @active_button_border_bottom;
	.color-5-gray;




}
// Inhalte der Tabs
.tab_body {
    border: 2px solid none;
    .border-color-10-gray;
}
.nextmatch_header {
    border: 1px solid black;
}
.nextmatch_header select {
    width: 140px;
}
.nm_num_rows select {
    width: 40px;
}
.vfsMode {
    font-family: monospace;
    font-weight: bold;
}
.vfsMimeIcon img {
    max-height: 16px;
    max-width: 16px;
}
.vfsFilename {
    white-space: nowrap;
}
.vfsIsLink img {
    background-image: url("images/link.png");
    background-position: right bottom;
    background-repeat: no-repeat;
    padding-right: 8px;
}
.vfsIsLink img:after {
    content: url("../../../filemanager/templates/default/images/link.png");
}
.vfsIsBrokenLink img {
    background-image: url("images/link_broken.png");
    background-position: right bottom;
    background-repeat: no-repeat;
    padding-right: 8px;
}
.cf_header_height_limit {
    max-height: 6.75em;
    overflow: auto;
    padding-right: 15px;
}
.eTdate {
    white-space: nowrap;
}