egroupware_official/pixelegg/less/layout_table.less

/**
 * EGroupware: Stylite Pixelegg template
 *
 * et2 table
 *
 * 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 Reinhard <stefan.reinhard@pixelegg.de>
 * @package pixelegg
 * @version $Id$
 */

@import "def_buttons.less";

/** #####################################################################################
 * et2
 * Tabellen
 * ######################################################################################
 */

 /* TABLE STYLE */

// Header der APP Tabellen

table.et2_grid {
/*	border-top: 3px solid;
	border-color: @gray-10;*/
//	border-collapse: collapse;
//	.background-color-0-gray;
//	width: 100% !important;
//	display: block;
}


.innerContainer{
	overflow:hidden;
}
// Table Head in Listen

.egwGridView_grid tr.th > td, /*legacy*/
.nextmatch_header {
	.background-color-15-gray;
	font-weight: normal;
	padding: 2px;
	border-width: 0;
	border-style: solid;
	border-color: @gray-30;
	border-left: 0px solid transparent;
	border-top: 0px solid transparent;
	border-right: 0px solid transparent;
	border-bottom: 0px solid transparent;
	background-image: none;
	background-position: center;
	background-repeat: repeat-x;
	vertical-align: top;
}



.egwResizeOverlay{}


// Tabellenkopf
// Spalten mit Border

table.egwGridView_outer{
	.background-color-5-gray;
//	max-width: 100%;
	border-spacing: 0px;

	thead {
			.background-color-5-gray;

		tr {
//			.background-color-5-gray;

			th {
					.background-color-15-gray;
					font-weight: normal;
					padding: 2px;
					border-width: 1px;
					border-style: solid;
					border-color: @gray-30;
					border-left: 0px solid transparent;
					border-top: 0px solid transparent;
					border-right: 0px solid transparent;
					border-bottom: 0px solid transparent;

					background-image: none;
					background-position: center;
					background-repeat: repeat-x;
					vertical-align: top;


					&:hover {
						.background-color-25-gray;
						.color-0-gray;
//						border-right: 5px solid white;
						background-image: url(../images/hint-arrow-right.png);
						background-position: right bottom;
						background-repeat: no-repeat;
						background-size: 15px 15px;

					}

					&:active {
							.background-color-15-gray;
							.box_shadow_standard_light_inset;
//							border-left: 1px solid gray;
//							border-top: 1px solid gray;
//							border-right: 1px solid silver;
//							border-bottom: 1px solid silver;
							}




			}

			th.optcol {
								padding: 0;
								text-align: center;
								background-image: none;
//								width: 32px;

								&:hover{
									background-color: #d9d9d9;
								}

								.selectcols {
											
									position: fixed;
//									.Complete_Button_normal;
									.Complete_Button_Icon_normal;
									right: 5px;
									border: 1px solid;
//									background-color: yellow;
									background-image: url(../images/selectcols_small.png);
									background-position: center center;
									background-repeat: no-repeat;
									background-size: 9px 9px;
									display: inline-block;
									width: 10px;
									height: 10px;
									margin: 0;
									padding: 0;
//									vertical-align: middle;

									&:hover{
									.Complete_Button_Icon_hover;
									background-image: url(../images/selectcols.png);
									background-position: center center;
									background-repeat: no-repeat;
									background-size: 19px 19px;
									display: inline-block;
									width: 20px;
									height: 20px;
									}

								}
					}
		}
	}
}

// Tabelle der APP Ausgabe

table.egwGridView_grid{
//	border-collapse:collapse;
	font-size: 0.95em;
	.background-color-0-gray;
	border-spacing: 0px 1px;
	width: 100%;

	img{ width: 16px;}

	tbody {
			border-bottom: 1px solid @lightgray;
			padding: 2px 3px 2px 4px;
			margin: 0;
			vertical-align: top;

	// Listendarstellung
	// Reihen ohne Border left und right

                        tr.selected{
                                .background_linear_gradient; .background-color-25-gray;
                        }
                        tr.focused{
                                .background_linear_gradient;
                                .background-color-25-gray;
                                background: @active_row !important;
                        }
                }

	tr {

		border-bottom: 1px solid;
		border-color: @gray-50;
                
			&:hover {background-color: @egw_color_2_a;}
			&:active {background-color: @egw_color_2_a;}


		td {
			border-left: 0px;
			border-right: 0px;

			padding: 0.3em 0 1em 0.3em;

			/*&:hover {background-color: @egw_color_2_e;} legacy*/

			&:active {
					/*background-color: @egw_color_2_a;*/
					.box_shadow_standard_light_inset;
					.color-0-gray;
					}


			}
	}




} // table


.nextmatch_header .selectcols {
	background: none;
//	height: auto;
}


//Reihen

.nextmatch_header tr {
	background: none;
}
//