131 lines
2.3 KiB
CSS
131 lines
2.3 KiB
CSS
/* 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
|
|
{
|
|
height: 100%;
|
|
width: 100%;
|
|
overflow: auto;
|
|
}
|
|
|
|
/* fixed header table styles */
|
|
table.grid tbody tr:hover, table.grid tbody tr:hover td
|
|
{
|
|
background-color: #e2eff8;
|
|
}
|
|
|
|
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
|
|
{
|
|
background-color: #c1ddf1;
|
|
box-shadow: inset 0 0 0 1px #3d91cf;
|
|
}
|
|
|
|
table.grid thead th
|
|
{
|
|
padding: 6px;
|
|
}
|
|
|
|
table.grid th
|
|
{
|
|
font-weight: normal;
|
|
color: #405060;
|
|
}
|
|
|
|
table.grid
|
|
{
|
|
border-collapse: separate;
|
|
border-spacing: 0;
|
|
border-left: 1px solid #ccc;
|
|
border-top: 1px solid #ccc;
|
|
}
|
|
|
|
table.grid, table.grid tr, table.grid td, table.grid th
|
|
{
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
}
|
|
|
|
table.grid td, table.grid th
|
|
{
|
|
border-right: 1px solid #ccc;
|
|
border-bottom: 1px solid #ccc;
|
|
background-clip: padding-box; /* O_o firefox draws background over borders */
|
|
padding: 3px;
|
|
font-size: 13px;
|
|
overflow: visible;
|
|
background: white;
|
|
}
|
|
|
|
/* treegrid styles */
|
|
table.grid .collapser
|
|
{
|
|
width: 16px;
|
|
height: 16px;
|
|
float: left;
|
|
margin: 0 4px 0 -20px;
|
|
}
|
|
|
|
table.grid .collapser-collapsed
|
|
{
|
|
background: url(unfold2.png);
|
|
cursor: pointer;
|
|
}
|
|
|
|
table.grid .collapser-expanded
|
|
{
|
|
background: url(fold2.png);
|
|
cursor: pointer;
|
|
}
|
|
|
|
/* selection rectangle */
|
|
.selection-rect
|
|
{
|
|
position: absolute;
|
|
border: 1px solid #003f6e;
|
|
background: #0097ff;
|
|
opacity: 0.1;
|
|
display: none;
|
|
z-index: 10;
|
|
}
|
|
|
|
.disable-text-select
|
|
{
|
|
-webkit-touch-callout: none;
|
|
-webkit-user-select: none;
|
|
-khtml-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: 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;
|
|
}
|