egroupware_official/pixelegg/less/layout_table.less

363 lines
8.0 KiB
Plaintext
Raw Normal View History

2013-11-11 19:45:33 +01:00
/**
* 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$
*/
2013-12-12 04:50:22 +01:00
@import (reference) "def_design_pattern_color_font_shadow.less";
@import (reference) "def_buttons.less";
2013-11-11 19:45:33 +01:00
/** #####################################################################################
* et2
* Tabellen
* ######################################################################################
*/
2013-11-25 04:16:41 +01:00
/* TABLE STYLE */
2013-11-11 19:45:33 +01:00
// Header der APP Tabellen
table.et2_grid {
2014-01-08 19:49:09 +01:00
2013-11-11 19:45:33 +01:00
}
2013-11-15 18:05:59 +01:00
.innerContainer{
2014-01-14 17:05:31 +01:00
overflow: hidden;
2013-12-12 10:10:25 +01:00
/*padding: 0;*/
2013-11-15 18:05:59 +01:00
}
2013-11-11 19:45:33 +01:00
// Table Head in Listen
.egwGridView_grid tr.th > td, /*legacy*/
.nextmatch_header {
2013-12-30 18:32:42 +01:00
.background_color_15_gray;
2013-11-25 04:16:41 +01:00
font-weight: normal;
padding: 2px;
border-width: 0;
border-style: solid;
2013-12-30 18:32:42 +01:00
border-color: @gray_30;
2013-11-25 04:16:41 +01:00
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;
2013-11-11 19:45:33 +01:00
}
.egwResizeOverlay{}
// Tabellenkopf
// Spalten mit Border
table.egwGridView_outer{
2013-12-30 18:32:42 +01:00
.background_color_5_gray;
2013-11-25 04:16:41 +01:00
// max-width: 100%;
border-spacing: 0px;
font-size: 0.9em;
thead {
2013-12-30 18:32:42 +01:00
.gradient_thead;
2014-01-14 17:05:31 +01:00
max-height: 118px;
overflow-y: auto;
2013-11-25 04:16:41 +01:00
tr {
th {
2013-12-12 04:50:22 +01:00
2013-12-08 22:36:30 +01:00
background: transparent;
2013-12-12 04:50:22 +01:00
.gradient();
2013-12-08 22:36:30 +01:00
2013-11-25 04:16:41 +01:00
font-weight: normal;
2013-12-12 04:50:22 +01:00
padding: 0px;
2013-12-30 18:32:42 +01:00
border-color: @gray_30;
2013-11-25 04:16:41 +01:00
border-left: 0px solid transparent;
border-top: 0px solid transparent;
border-right: 0px solid transparent;
border-bottom: 0px solid transparent;
vertical-align: top;
2013-12-18 05:33:46 +01:00
overflow: auto;
2013-11-25 04:16:41 +01:00
&:hover {
2013-12-30 18:32:42 +01:00
.background_color_25_gray;
.color_0_gray;
2013-11-25 04:16:41 +01:00
// 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 {
2013-12-30 18:32:42 +01:00
.background_color_15_gray;
2013-11-25 04:16:41 +01:00
.box_shadow_standard_light_inset;
2013-12-12 04:50:22 +01:00
border-bottom: 1px solid silver;
2013-11-25 04:16:41 +01:00
}
div.innerContainer {
max-height: 7em;
overflow-y: auto;
}
2013-11-25 04:16:41 +01:00
}
th.optcol {
padding: 0;
text-align: center;
background-image: none;
2013-12-12 04:50:22 +01:00
/*width: 32px !important;*/
2013-11-25 04:16:41 +01:00
&:hover{
2013-12-30 18:32:42 +01:00
background-color: @color_hint;
2013-11-25 04:16:41 +01:00
}
2013-12-12 04:50:22 +01:00
span.selectcols {
height: 9px;
2013-12-12 10:10:25 +01:00
padding: 4px 10px 0px 2px;
margin-top: 4px;
2013-11-25 04:16:41 +01:00
background-image: url(../images/selectcols_small.png);
background-repeat: no-repeat;
2013-12-12 04:50:22 +01:00
background-size: 10px 10px;
2013-11-25 04:16:41 +01:00
display: inline-block;
2013-12-12 04:50:22 +01:00
2013-11-25 04:16:41 +01:00
&:hover{
2013-12-30 18:32:42 +01:00
background-color: @color_hint;
2013-12-12 10:10:25 +01:00
2013-11-25 04:16:41 +01:00
}
}
}
}
}
2013-12-12 04:50:22 +01:00
2013-11-25 04:16:41 +01:00
tbody {
2013-12-12 04:50:22 +01:00
2013-11-25 04:16:41 +01:00
td.frame {
2013-12-12 04:50:22 +01:00
2014-01-16 18:04:26 +01:00
/*border: 1px solid @gray_10; can't have - breaks grid scroll calculations'
2014-01-08 19:49:09 +01:00
/*padding: 0px 5px; no need*/
2013-12-12 04:50:22 +01:00
}
2014-01-08 19:49:09 +01:00
2014-01-10 06:26:09 +01:00
/*Elements inside td*/
td{
2014-02-03 11:05:36 +01:00
.et2_link {margin-left: 0px; color: @link_color;}
2014-01-10 06:26:09 +01:00
2014-01-23 09:44:38 +01:00
img {border: 1px solid transparent; box-shadow: none;}
2014-01-21 18:30:43 +01:00
time {display: block;}
2014-01-10 06:26:09 +01:00
img[src$="svg"] {
2014-02-11 09:24:40 +01:00
.gradient_vertical (fade(@gray_100,50%), fade(@gray_100,50%));
2014-01-10 06:26:09 +01:00
}
}
2013-11-25 04:16:41 +01:00
}
2013-11-11 19:45:33 +01:00
2013-11-25 04:16:41 +01:00
}
2013-12-08 22:36:30 +01:00
/*########################################################*/
2013-11-11 19:45:33 +01:00
// Tabelle der APP Ausgabe
table.egwGridView_grid{
2013-11-25 04:16:41 +01:00
// border-collapse:collapse;
2014-01-17 09:10:35 +01:00
font-size: 12px;
2013-12-30 18:32:42 +01:00
.background_color_0_gray;
2013-11-25 04:16:41 +01:00
border-spacing: 0px 1px;
width: 100%;
img{ .dimension_height_s;}
img.iphoto {height: 9em;margin: 0.2em; max-height: 60px;}
2013-11-25 04:16:41 +01:00
tbody {
border-bottom: 1px solid @lightgray;
2013-12-12 04:50:22 +01:00
/*padding: 2px 3px 2px 4px;*/
2013-11-25 04:16:41 +01:00
margin: 0;
vertical-align: top;
// Listendarstellung
// Reihen ohne Border left und right
2014-01-14 17:05:31 +01:00
/* tr:nth-child(even) {background: @color_even;}
tr:nth-child(odd) {background: @color_odd;}*/
2013-12-16 10:37:26 +01:00
2014-01-14 17:05:31 +01:00
/*multiple choise*/
2013-11-25 04:16:41 +01:00
tr.selected{
2014-01-08 19:49:09 +01:00
background-image: none;
2014-01-23 09:44:38 +01:00
/*background-color: @egw_color_1_e !important;*/
background-color: fade(@color_active_row, 50%);
2013-11-25 04:16:41 +01:00
}
// is active
tr.focused{
2014-01-23 09:44:38 +01:00
background-image: url(../images/yellow-stripe-a.png);
2014-01-08 19:49:09 +01:00
background-repeat: repeat;
background-color: fade(@color_active_row, 50%);
2014-01-23 09:44:38 +01:00
}
2013-11-25 04:16:41 +01:00
}
tr {
border-bottom: 1px solid;
2013-12-30 18:32:42 +01:00
border-color: @gray_50;
2013-11-11 19:45:33 +01:00
2013-11-25 04:16:41 +01:00
// Hover State
2014-01-14 17:05:31 +01:00
&:hover {background: @color_hover_row;}
2013-11-11 19:45:33 +01:00
2013-11-25 04:16:41 +01:00
td {
border-left: 0px;
border-right: 0px;
2013-11-11 19:45:33 +01:00
2013-12-12 04:50:22 +01:00
/*padding: 0.3em 0 0.3em 0.3em;*/
border-bottom: 1px solid;
2014-01-23 09:44:38 +01:00
color: @gray_10;
2013-11-25 04:16:41 +01:00
/*&:hover {background-color: @egw_color_2_e;} legacy*/
2013-12-12 04:50:22 +01:00
2013-11-25 04:16:41 +01:00
&:active {
/*background-color: @egw_color_2_a;*/
.box_shadow_standard_light_inset;
2013-12-30 18:32:42 +01:00
.color_0_gray;
2013-11-25 04:16:41 +01:00
}
2013-12-12 04:50:22 +01:00
span{
2013-12-30 18:32:42 +01:00
color: @gray_70;
2013-12-12 04:50:22 +01:00
}
2014-01-14 17:05:31 +01:00
span[id*="[info_subject]"]{
margin-right: 30px;
}
2013-12-12 04:50:22 +01:00
table.customfields{
tbody{
border-bottom: 0px;
tr{
border-bottom: 0px;
td{
border-bottom: 0px;
}
}
}
}
2013-11-25 04:16:41 +01:00
}
}
2013-12-12 04:50:22 +01:00
/*subentry*/
tr.subentry {
background: fade(@color_selected_row, 20%) !important;
&:hover {background: @color_selected_row !important;}
2013-11-28 21:20:58 +01:00
}
2013-12-12 04:50:22 +01:00
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;
}
2013-11-11 19:45:33 +01:00
} // table
.nextmatch_header .selectcols {
2013-11-25 04:16:41 +01:00
background: none;
// height: auto;
2013-11-11 19:45:33 +01:00
}
//Reihen
.nextmatch_header tr {
2013-11-25 04:16:41 +01:00
background: none;
2013-11-11 19:45:33 +01:00
}
2013-12-30 18:32:42 +01:00
2014-01-08 19:49:09 +01:00
/*Custom Fields*/
table.customfields{
tbody tr:nth-child(2n) {background: inherit;}
tr {background-color: inherit !important;}
td {
line-height: 11px;
span > div {display: inherit; margin: 0px;}
}
}
/*########################################################*/
// Tabelle der APP Ausgabe
table.nextmatch_header{
img{ .dimension_width_height_s;}
2014-01-17 09:10:35 +01:00
}
2014-01-23 09:44:38 +01:00
2014-02-12 16:50:18 +01:00
.egwGridView_empty {
text-align: center;
border-bottom: 1px solid silver;
font-size: 1.5em;
td{ color: @gray_90 !important;}
}
//
2014-01-23 09:44:38 +01:00
//