@table-header-bg:@widget-blue; @table-sort-active:#307ECC; @table-sort-hover:#547EA8; @table-labels-grad-color1:#F8F8F8; @table-labels-grad-color2:#ECECEC; /* tables */ th, td , .table-bordered { border-radius: 0 !important; } .table { > thead > tr { color: #707070; font-weight: normal; background: #F2F2F2; #gradient > .vertical(@table-labels-grad-color1 , @table-labels-grad-color2); > th { border-color: @table-border-color; font-weight: bold; .@{icon}:first-child { margin-right: 2px; } &:first-child { border-left-color: #F1F1F1; } &:last-child { border-right-color: #F1F1F1; } } } &.table-bordered > thead > tr > th { /* border-color: @table-border-color; */ vertical-align: middle; &:first-child { border-left-color: @table-border-color; } } } th , td { &.center { text-align: center; } .lbl { margin-bottom: 0; &:only-child { vertical-align: top; } } } .table-header { background-color: @table-header-bg; color: #FFF; font-size: @base-font-size + 1; line-height: 38px; padding-left: 12px; margin-bottom: 1px; } .table-header .close { margin-right: 8px; margin-top: 0; .opacity(0.45); &:hover { .opacity(0.75); } } //table details th.detail-col { width: 48px; text-align: center; } tr.detail-row { display: none; &.open { display: block; display: table-row; } > td { background-color: #f1f6f8; border-top: 3px solid #d1e1ea !important; } } .table-detail { background-color: #fff; border: 1px solid #dcebf7; width: 100%; padding: 12px; td > .profile-user-info { width: 100%; } }
|
