egroupware/pixelegg/less/et2_table.css

/**
 * 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$
 */
/** #####################################################################################
 * et2
 * Tabellen
 * ######################################################################################
 */
/* TABLE STYLE */
table.et2_grid {
  border-top: 3px solid;
  border-color: #f0f0f0;
  border-collapse: collapse;
  width: 100% !important;
}
.egwGridView_grid tr.th > td,
.nextmatch_header {
  background-color: #d9d9d9;
  font-weight: normal;
  padding: 2px;
  border-width: 0;
  border-style: solid;
  border-color: #d9d9d9;
  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;
}
table.egwGridView_outer {
  background-color: #fafafa;
  max-width: 100%;
}
table.egwGridView_outer thead {
  background-color: #fafafa;
}
table.egwGridView_outer thead tr th {
  background-color: #d9d9d9;
  font-weight: normal;
  padding: 2px;
  border-width: 1px;
  border-style: solid;
  border-color: #bfbfbf;
  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;
}
table.egwGridView_outer thead tr th:hover {
  background-color: #bfbfbf;
  color: #ffffff;
  background-image: url(images/hint-arrow-right.png);
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: 15px 15px;
}
table.egwGridView_outer thead tr th:active {
  background-color: #d9d9d9;
  -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
  box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
}
table.egwGridView_outer thead tr th.optcol {
  padding: 0;
  text-align: center;
  background-image: none;
}
table.egwGridView_outer thead tr th.optcol:hover {
  background-color: #d9d9d9;
}
table.egwGridView_outer thead tr th.optcol .selectcols {
  position: fixed;
  background-color: #f0f0f0;
  -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  right: 15px;
  border: 1px solid;
  background-image: url(images/slidedown.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}
table.egwGridView_outer thead tr th.optcol .selectcols:hover {
  background-color: #b3b3b3 !important;
  -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
  -moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.9);
  border: 1px solid rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-image: url(images/slidedown.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 17px 17px;
}
table.egwGridView_grid {
  border-collapse: collapse;
  font-size: 1.3em;
  background-color: #ffffff;
  width: 100%;
}
table.egwGridView_grid img {
  width: 16px;
}
table.egwGridView_grid tbody {
  border-bottom: 1px solid #e4e7ea;
  padding: 2px 3px 2px 4px;
  margin: 0;
  vertical-align: top;
}
table.egwGridView_grid tbody tr.selected {
  background: -webkit-gradient(linear, 0 0, 0 bottom, #ffb76b, #ff7f04), -moz-linear-gradient(#ffb76b, #ff7f04), -o-linear-gradient(#ffb76b, #ff7f04), linear-gradient(#ffb76b, #ff7f04);
  -pie-background: linear-gradient(#ffb76b, #ff7f04);
  behavior: url(/PIE.htc);
  background-color: #bfbfbf;
}
table.egwGridView_grid tbody tr.focused {
  background: -webkit-gradient(linear, 0 0, 0 bottom, #ffb76b, #ff7f04), -moz-linear-gradient(#ffb76b, #ff7f04), -o-linear-gradient(#ffb76b, #ff7f04), linear-gradient(#ffb76b, #ff7f04);
  -pie-background: linear-gradient(#ffb76b, #ff7f04);
  behavior: url(/PIE.htc);
  background-color: #bfbfbf;
  background: #679fd2 !important;
}
table.egwGridView_grid tr {
  border-bottom: 1px solid;
  border-color: #f0f0f0;
}
table.egwGridView_grid tr:hover {
  background-color: #f0f0f0;
}
table.egwGridView_grid tr:active {
  background-color: #d9d9d9;
}
table.egwGridView_grid tr td {
  border-left: 0px;
  border-right: 0px;
  padding: 0.3em 0 1em 0.3em;
  /*legacy*/
}
table.egwGridView_grid tr td:hover {
  background-color: #679fd2;
}
table.egwGridView_grid tr td:active {
  background-color: #0c5da5;
  -webkit-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
  box-shadow: inset 1px 2px 1px rgba(0, 0, 0, 0.5);
  color: #ffffff;
}
.nextmatch_header .selectcols {
  background: none;
  height: auto;
}
.nextmatch_header tr {
  background: none;
}
.nextmatch_header {
  padding: 0px;
}
div.egwGridView_scrollarea {
  overflow: auto;
}