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;
    padding: 0.2em;
}
// 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;
    font-size: 0.9em;

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

                }
            }
        }
    }
    
    tbody {
        
        td.frame {
            
             /*BUG*/
//            div.egwGridView_scrollarea {min-height: 500px !important;}
    }
}

}
// Tabelle der APP Ausgabe

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

    img{ height: 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_selected_row !important;
        }

        // is active
        tr.focused{
            .background_linear_gradient;

            background: @color_active_row !important;
        }
    }

    tr {

        border-bottom: 1px solid;
        border-color: @gray-50;

        // Hover State
        &:hover {background: @color_hover_row !important;}



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

            padding: 0.3em 0 0.3em 0.3em;
			border-bottom: 1px solid;
			color: #bfbfbf;
            /*&:hover {background-color: @egw_color_2_e;} legacy*/
			
            &:active {
                /*background-color: @egw_color_2_a;*/
                .box_shadow_standard_light_inset;
                .color-0-gray;
            }
			span{
				color: @gray-70;
			}
			table.customfields{
				tbody{
					border-bottom: 0px; 
					tr{
						border-bottom: 0px;
						td{
							border-bottom: 0px;
						}
					}
					
			}
			
			}
        }
    }

span.arrow {
    -moz-user-select: none;
    background-repeat: no-repeat;
    display: inline-block;
    height: 8px;
    margin-right: 2px;
    vertical-align: middle;
    width: 8px;
    }
    
span.arrow.opened {
		    background-image: url("../images/egw_action/arrows.png");
		    background-position: -8px 0;
		    cursor: pointer;
		}
		span.arrow.closed {
		    background-image: url("../images/egw_action/arrows.png");
		    background-position: 0 0;
		    cursor: pointer;
		}
		span.arrow.loading {
		    background-image: url("../egw_action/ajax-loader.gif");
		    background-position: 0 0;
		    cursor: pointer;
		}



} // table


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


//Reihen

.nextmatch_header tr {
    background: none;
}
//
//