| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596 |
- :root {
- --thead-background: #e2dfdc;
- --thead-background-to-gradient: #fff;
- }
- table.tablesaw tbody th {
- font-weight: bold;
- }
- table.tablesaw thead th,
- table.tablesaw thead td {
- color: #444;
- font-size: .9em;
- }
- .tablesaw th,
- .tablesaw td {
- line-height: 1em;
- text-align: left;
- vertical-align: middle;
- }
- .tablesaw td,
- .tablesaw tbody th {
- vertical-align: middle;
- font-size: 1.17em; /* 19px */
- }
- .tablesaw td .btn,
- .tablesaw tbody th .btn {
- margin:0;
- }
- .tablesaw thead {
- border: 1px solid #e5e5e4;
- background: var(--thead-background);
- background-image: linear-gradient(to bottom, var(--thead-background-to-gradient), var(--thead-background));
- }
- .tablesaw thead th {
- font-weight: 100;
- color: #777;
- text-transform: uppercase;
- text-shadow: 0 1px 0 #fff;
- text-align: left;
- }
- .tablesaw thead tr:first-child th {
- font-weight: normal;
- font-family: sans-serif;
- border-right: 1px solid #e4e1de;
- }
- /* Table rows have a gray bottom stroke by default */
- .tablesaw tbody tr {
- border-bottom: 1px solid #dfdfdf;
- }
- .tablesaw caption {
- text-align: left;
- margin-bottom: 0;
- opacity: .5;
- filter: alpha(opacity=50);
- line-height: 2.4;
- }
- @media (min-width: 25em) {
- .tablesaw caption {
- margin-bottom: .6em;
- line-height: 1.2;
- }
- }
- /* Stack */
- .tablesaw-cell-label-top {
- text-transform: uppercase;
- font-size: .9em;
- font-weight: normal;
- }
- .tablesaw-cell-label {
- font-size: .65em;
- text-transform: uppercase;
- color: #888;
- font-family: sans-serif;
- }
- @media (min-width: 40em) {
- .tablesaw td {
- line-height: 2em;
- }
- }
- @media only all {
- .tablesaw-swipe .tablesaw-cell-persist {
- border-right: 1px solid #e4e1de;
- }
- .tablesaw-swipe .tablesaw-cell-persist {
- box-shadow: 3px 0 4px -1px #e4e1de;
- }
- }
|