tiny-tables/large-table-styling.css at main · phseiff/tiny-tables · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
/*!
 * LICENSE INFORMATION:
 * -------------------
 *
 * GitHub README CSS:
 * -----------------
 * GitHub Light v0.4.1
 * Copyright (c) 2012 - 2017 GitHub, Inc.
 * Licensed under MIT (https://github.com/primer/github-syntax-theme-generator/blob/master/LICENSE)
 *
 * Materialize CSS:
 * ---------------
 * Copyright (c) 2018 Materialize
 * Licensed under MIT (https://github.com/Dogfalo/materialize#copyright-and-license)
 *
 * Modifications by phseiff:
 * ------------------------
 * Copyright (c) 2021 phseiff
 * Licensed under MIT (https://github.com/phseiff/tiny-tables/LICENSE)
 */

/* The default table style: */
/* ************************ */

table {
    border-collapse: collapse;
    border-spacing: 0;
    display: block; /* <- This part is actually important */
    margin-bottom: 16px;
    margin-top: 0;
    max-width: 100%;
    overflow: auto;
    width: 100%;
}

/* Table row colors (and giving every second row a different color): */
table tr {
  background-color: #fff;
  border-top: 1px solid #c6cbd1;
}
table tr:nth-child(2n) {
  background-color: #f6f8fa;
}

/* Borders: */
table td,
table th {
  border: 1px solid #dfe2e5;
  padding: 6px 13px;
}

/* Table head: */
table th {
  font-weight: 600;
}

/* Table cells: */
td,
th {
  border-radius: 2px;
  display: table-cell;
  padding: 15px 5px;
  text-align: left;
  vertical-align: middle;
}

/* Some font and style definitions to make the demo look good: */
/* *********************************************************** */

html {
  -webkit-text-size-adjust: 100%;
  color: #333;
  color: rgba(0, 0, 0, 0.87);
  direction: ltr;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial,
    sans-serif, Apple Color Emoji, Segoe UI Emoji;
  font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.15;
  max-width: 100%;
  text-align: left;
}