@lidorsystems/integralui-web
Version:
IntegralUI Web - Advanced UI Components for Angular
222 lines (212 loc) • 4.71 kB
CSS
.iui-grid-block-left, .iui-grid-block-right
{
background: #f5f5f5;
}
.iui-grid-block-top-left .iui-grid-column-header,
.iui-grid-block-top-left .iui-grid-column-footer,
.iui-grid-block-top-right .iui-grid-column-header,
.iui-grid-block-top-right .iui-grid-column-footer {
background-color: #eaeaea;
border: thin solid #d4d4d4 ;
color: #000000;
}
.iui-grid-block-top-left .iui-grid-column-header-hovered,
.iui-grid-block-top-right .iui-grid-column-header-hovered {
background-color: #eaeaea;
border: thin solid #d4d4d4 ;
color: #000000;
}
.iui-grid-block-top-left .iui-grid-column-header-selected,
.iui-grid-block-top-right .iui-grid-column-header-selected {
background-color: #c8c8c8;
border: thin solid #b4b4b4 ;
color: #000000;
}
.iui-grid-column-header, .iui-grid-column-footer
{
color: black;
}
.iui-grid-column-header
{
border-bottom: thin solid #d4d4d4 ;
}
.iui-grid-column-footer
{
border-top: thin solid #d4d4d4 ;
}
.iui-grid-column-header-hovered, .iui-grid-column-header-selected, .iui-grid-row-hovered, .iui-grid-row-selected
{
animation-name: none;
}
.iui-grid-column-header-selected
{
color: black ;
}
.iui-grid-row-cell:first-child
{
border-left: thin solid #d4d4d4;
}
.iui-grid-row-cell:last-child
{
border-right: thin solid #d4d4d4;
}
.iui-grid-lines-horizontal:not(:last-child)
{
border-left-color: transparent;
border-right-color: transparent;
border-bottom-color: #d4d4d4;
}
.iui-grid-lines-horizontal:last-child
{
border-left-color: transparent;
border-bottom-color: #d4d4d4;
}
.iui-grid-lines-vertical
{
border-right-color: #d4d4d4;
}
.iui-grid-lines-both
{
border-right-color: #d4d4d4;
border-bottom-color: #d4d4d4;
}
.iui-grid-expand-box-open
{
background: url(../../icons/expandbox-icons.png) no-repeat -32px 0;
opacity: 1;
}
.iui-grid-expand-box-open:hover
{
background: url(../../icons/expandbox-icons.png) no-repeat -32px 0;
opacity: 1;
}
.iui-grid-expand-box-close
{
background: url(../../icons/expandbox-icons.png) no-repeat -32px -16px;
}
.iui-grid-expand-box-close:hover
{
background: url(../../icons/expandbox-icons.png) no-repeat -32px -16px;
}
.iui-grid-row, .iui-grid-row-fixed {
color: black;
}
.iui-grid
{
background-color: white;
border: thin solid #dddddd;
color: #000000;
}
.iui-grid-column-header, .iui-grid-column-footer
{
background-color: #eaeaea;
border-color: #d4d4d4 ;
font-weight: bold;
}
.iui-grid-column-footer
{
font-weight: normal;
}
.iui-grid-column-header-hovered
{
background-color: #eaeaea ;
border-color: #d4d4d4 ;
color: #000000;
}
.iui-grid-column-header-selected
{
background-color: #c8c8c8 ;
border-color: #b4b4b4 ;
color: #000000;
}
.iui-grid-column-header-cell-selected
{
background-color: transparent;
}
.iui-grid-row-hovered
{
background-color: #eaeaea;
color: #333333;
}
.iui-grid-row-selected
{
background-color: #c9dde1;
color: #333333;
}
.iui-grid-row-cell:first-child
{
border-left: thin solid #d4d4d4;
}
.iui-grid-row-cell:last-child
{
border-right: thin solid #d4d4d4;
}
.iui-grid-lines-horizontal
{
border-bottom: thin solid #d4d4d4;
}
.iui-grid-lines-vertical
{
border-right: thin solid #d4d4d4;
}
.iui-grid-lines-both
{
border-right: thin solid #d4d4d4;
border-bottom: thin solid #d4d4d4;
}
.iui-grid-expand-box-open
{
background: url(../../icons/expandbox-icons.png) no-repeat -32px 0;
opacity: 1;
}
.iui-grid-expand-box-close
{
background: url(../../icons/expandbox-icons.png) no-repeat -32px -16px;
}
/* Animation */
.iui-grid-column-animate-select
{
background: #eaeaea;
}
.iui-grid-row-animate-select
{
background: #eaeaea;
}
/* Grouping */
.iui-grid-grouping-panel
{
background-color: #ffffff;
border-bottom: thin solid #d9d9d9;
}
.iui-grid-grouping-panel-item
{
background-color: #e6e6e6;
border: thin solid #adadad;
}
.iui-grid-grouping-panel-toolbar-button-add
{
background: #e6e6e6;
border: thin solid #adadad;
}
.iui-grid-grouping-marker::before
{
border: 6px solid #adadad;
border-color: transparent transparent transparent #adadad;
}
.iui-grid-grouping-marker::after
{
border: 6px solid #adadad;
border-color: transparent transparent transparent #e6e6e6;
}
.iui-grid-grouping-panel-dropdown-list li:hover
{
background: #e5e5e5;
}
.iui-grid .iui-sort-ascending
{
background-position: -48px -80px;
}
.iui-grid .iui-sort-descending
{
background-position: -32px -80px;
}