react-cqtoolbox/lib/table/theme.css

[![Travis][build-badge]][build] [![npm package][npm-badge]][npm] [![Coveralls][coveralls-badge]][coveralls]

.scrollTable {
  overflow: auto;
  overflow-x: hidden;
}
.scrollHeader {
  overflow: scroll;

  margin-bottom: -15px;
}
.scrollBody {
  position: relative;

  overflow-y: scroll;

  background: rgb(255, 255, 255);
}
.table {
  overflow: hidden;

  width: 100%;

  border-spacing: 0;
  border-collapse: separate;

  text-align: left;

  background: rgb(255, 255, 255);

  box-sizing: border-box;

  font-family: Microsoft Yahei,Helvetica Neue,\\5B8B\4F53,Helvetica,Arial,sans-serif;

  -webkit-font-smoothing: antialiased;

  font-smoothing: antialiased;

  -webkit-text-size-adjust: 100%;

      -ms-text-size-adjust: 100%;

          text-size-adjust: 100%;
}
.table *,
    .table *::after,
    .table *::before {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%;
  -webkit-touch-callout: none;
}
.loadWrapper {
  margin: 20px auto;
}
.normal {
}
.normal .th {
  padding: 16px 8px;
}
.normal .td {
  padding: 16px 8px;
}
.small {
}
.small .th {
  padding: 8px 8px;
}
.small .td {
  padding: 8px 8px;
}
.th {
  font-size: 12px;
  font-weight: normal;

  color: rgba(0, 0, 0, .85);
  border-bottom: 1px dashed rgb(238, 238, 238);
  background-color: rgb(242, 246, 250);
}
.td {
  font-size: 12px;

  color: rgba(0, 0, 0, .65);
  border-bottom: 1px dashed rgb(238, 238, 238);
}
.withHover:not(.active):hover {
  background-color: rgb(242, 246, 250);
}
.active {
  background-color: rgb(228, 235, 243);
}