egroupware_official/pixelegg/less/layout_table.less
2013-12-30 17:32:42 +00:00

319 lines
7.8 KiB
Plaintext
Executable File

/**
* 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 (reference) "def_design_pattern_color_font_shadow.less";
@import (reference) "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;*/
margin: 2px;
}
// 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 {
.gradient_thead;
/*.background-color-5-gray;*/
/* background: -moz-linear-gradient(top, rgba(240,240,240,0) 0%, rgba(191,191,191,0.65) 100%); FF3.6+
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,240,240,0)), color-stop(100%,rgba(191,191,191,0.65))); Chrome,Safari4+
background: -webkit-linear-gradient(top, rgba(240,240,240,0) 0%,rgba(191,191,191,0.65) 100%); Chrome10+,Safari5.1+
background: -o-linear-gradient(top, rgba(240,240,240,0) 0%,rgba(191,191,191,0.65) 100%); Opera 11.10+
background: -ms-linear-gradient(top, rgba(240,240,240,0) 0%,rgba(191,191,191,0.65) 100%); IE10+
background: linear-gradient(to bottom, rgba(240,240,240,0) 0%,rgba(191,191,191,0.65) 100%); W3C
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f0f0f0', endColorstr='#a6bfbfbf',GradientType=0 ); IE6-9 */
tr {
// .background-color-5-gray;
th {
/*.background-color-50-gray;*/
background: transparent;
.gradient();
font-weight: normal;
padding: 0px;
/* 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;
overflow: auto;
&: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-bottom: 1px solid silver;
}
}
th.optcol {
padding: 0;
text-align: center;
background-image: none;
/*width: 32px !important;*/
&:hover{
background-color: @color_hint;
}
span.selectcols {
height: 9px;
padding: 4px 10px 0px 2px;
margin-top: 4px;
background-image: url(../images/selectcols_small.png);
background-repeat: no-repeat;
background-size: 10px 10px;
display: inline-block;
&:hover{
background-color: @color_hint;
}
}
}
}
}
tbody {
td.frame {
border: 1px solid @gray_100;
padding: 0px 5px;
}
}
}
/*########################################################*/
// 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:nth-child(even) {background: @color_even;}
tr:nth-child(odd) {background: @color_odd;}
tr.selected{
background: fade(@color_selected_row, 20%) !important;
/*.bw-gradient;*/
}
// is active
tr.focused{
background: fade(@color_active_row, 50%) !important;
}
}
tr {
border-bottom: 1px solid;
border-color: @gray_50;
// Hover State
&:hover {background: fade(@color_hover_row, 40%) !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;
}
}
}
}
}
}
/*subentry*/
tr.subentry {
background: fade(@color_selected_row, 20%) !important;
&:hover {background: @color_selected_row !important;}
}
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;
}
//