treegrid/treegrid.css

121 lines
2.0 KiB
CSS
Raw Normal View History

2016-02-20 13:31:29 +03:00
/* some common clear */
html, body { font-size: 100%; font-family: sans-serif; width: 100%; height: 100%; padding: 0; margin: 0; }
select, input, textarea { box-sizing: border-box; font-size: 100%; }
table, td, th { vertical-align: top; font-size: 100%; }
img { vertical-align: middle; }
body { -moz-text-size-adjust: none; } /* do not scale fonts in mobile firefox */
table { border-collapse: collapse; }
/* scroll div styles */
.scroller
{
float: left;
position: relative;
height: 100%;
width: 100%;
}
.scroller > .inner
{
position: absolute;
overflow: hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
/* fixed header table styles */
table.grid tbody tr:hover, table.grid tbody tr:hover td
{
background-color: #e2eff8;
}
2016-02-24 18:48:09 +03:00
table.grid tr.selected, table.grid td.selected, table.grid tr.selected:hover,
table.grid tr.selected:hover td, table.grid tr:hover td.selected
2016-02-20 13:31:29 +03:00
{
background-color: #c1ddf1;
2016-02-24 18:48:09 +03:00
box-shadow: inset 0 0 0 1px #3d91cf;
2016-02-20 13:31:29 +03:00
}
table.grid thead th
{
padding: 6px;
}
table.grid th
{
font-weight: normal;
color: #405060;
}
table.grid
{
width: auto;
}
table.grid td, table.grid th
{
border: 1px solid #ccc;
background-clip: padding-box; /* O_o firefox draws background over borders */
padding: 3px;
font-size: 13px;
position: relative;
overflow: visible;
}
/* treegrid styles */
table.grid .collapser
{
width: 16px;
height: 16px;
float: left;
2016-03-09 12:36:51 +03:00
margin: 0 4px 0 -20px;
2016-02-20 13:31:29 +03:00
}
table.grid .collapser-collapsed
{
background: url(unfold2.png);
2016-03-09 12:36:51 +03:00
cursor: pointer;
2016-02-20 13:31:29 +03:00
}
table.grid .collapser-expanded
{
background: url(fold2.png);
2016-03-09 12:36:51 +03:00
cursor: pointer;
2016-02-20 13:31:29 +03:00
}
2016-02-25 12:43:03 +03:00
/* selection rectangle */
.selection-rect
{
position: absolute;
border: 1px solid #003f6e;
background: #0097ff;
opacity: 0.1;
display: none;
}
/* cell editor */
table.grid .celleditor
{
padding: 0;
position: relative;
}
table.grid .celleditor input
{
box-shadow: inset 0 0 0 1px #3d91cf;
margin: 0;
border: 0;
padding: 3px;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
display: block;
}