blob: 3be3be90462c419dff0f832188898efbc842f34a [file] [log] [blame]
Hao Zhuad4ea392020-08-10 01:24:50 -04001/*!
2 * lightable v0.0.1
3 * Copyright 2020 Hao Zhu
4 * Licensed under MIT (https://github.com/haozhu233/kableExtra/blob/master/LICENSE)
5 */
6
7.lightable-minimal {
8 border-collapse: separate;
9 border-spacing: 16px 1px;
10 width: 100%;
Hao Zhud7762a42020-08-10 09:05:47 -040011 margin-bottom: 10px;
Hao Zhuad4ea392020-08-10 01:24:50 -040012}
13
Hao Zhu33b865f2020-08-18 02:10:43 -040014.lightable-minimal td {
15 margin-left: 5px;
16 margin-right: 5px;
17}
18
19.lightable-minimal th {
20 margin-left: 5px;
21 margin-right: 5px;
22}
23
Hao Zhu8b16a6c2020-08-18 16:59:20 -040024.lightable-minimal thead tr:last-child th {
25 border-bottom: 2px solid #00000050;
Hao Zhuad4ea392020-08-10 01:24:50 -040026 empty-cells: hide;
Hao Zhu33b865f2020-08-18 02:10:43 -040027
Hao Zhuad4ea392020-08-10 01:24:50 -040028}
29
30.lightable-minimal tbody tr:first-child td {
31 padding-top: 0.5em;
32}
33
Hao Zhu81c335c2020-08-10 09:20:41 -040034.lightable-minimal.lightable-hover tbody tr:hover {
Hao Zhuad4ea392020-08-10 01:24:50 -040035 background-color: #f5f5f5;
36}
37
Hao Zhu8b16a6c2020-08-18 16:59:20 -040038.lightable-minimal.lightable-striped tbody tr:nth-child(even) {
Hao Zhuad4ea392020-08-10 01:24:50 -040039 background-color: #f5f5f5;
40}
41
42.lightable-classic {
Hao Zhu82ee3c42020-08-19 20:24:40 -040043 border-top: 0.16em solid #111111;
Hao Zhu33387bc2020-10-05 22:52:43 -040044 border-bottom: 0.16em solid #111111;
Hao Zhuad4ea392020-08-10 01:24:50 -040045 width: 100%;
Hao Zhud7762a42020-08-10 09:05:47 -040046 margin-bottom: 10px;
Hao Zhu82ee3c42020-08-19 20:24:40 -040047 margin: 10px 5px;
48}
49
Hao Zhu94dd9ef2020-10-05 23:02:09 -040050.lightable-classic tfoot tr td {
51 border: 0;
52}
53
54.lightable-classic tfoot tr:first-child td {
55 border-top: 0.14em solid #111111;
56}
57
Hao Zhu82ee3c42020-08-19 20:24:40 -040058.lightable-classic caption {
59 color: #222222;
Hao Zhuad4ea392020-08-10 01:24:50 -040060}
61
Hao Zhu33b865f2020-08-18 02:10:43 -040062.lightable-classic td {
63 padding-left: 5px;
64 padding-right: 5px;
Hao Zhu82ee3c42020-08-19 20:24:40 -040065 color: #222222;
Hao Zhu33b865f2020-08-18 02:10:43 -040066}
67
68.lightable-classic th {
69 padding-left: 5px;
70 padding-right: 5px;
Hao Zhu82ee3c42020-08-19 20:24:40 -040071 font-weight: normal;
72 color: #222222;
Hao Zhu33b865f2020-08-18 02:10:43 -040073}
74
Hao Zhuad4ea392020-08-10 01:24:50 -040075.lightable-classic thead tr:last-child th {
Hao Zhu82ee3c42020-08-19 20:24:40 -040076 border-bottom: 0.10em solid #111111;
Hao Zhuad4ea392020-08-10 01:24:50 -040077}
78
Hao Zhu81c335c2020-08-10 09:20:41 -040079.lightable-classic.lightable-hover tbody tr:hover {
Hao Zhu33b865f2020-08-18 02:10:43 -040080 background-color: #F9EEC1;
Hao Zhuad4ea392020-08-10 01:24:50 -040081}
82
Hao Zhu8b16a6c2020-08-18 16:59:20 -040083.lightable-classic.lightable-striped tbody tr:nth-child(even) {
Hao Zhuad4ea392020-08-10 01:24:50 -040084 background-color: #f5f5f5;
85}
86
Hao Zhud8a2e332020-08-11 01:26:32 -040087.lightable-classic-2 {
88 border-top: 3px double #111111;
Hao Zhu94dd9ef2020-10-05 23:02:09 -040089 border-bottom: 3px double #111111;
Hao Zhud8a2e332020-08-11 01:26:32 -040090 width: 100%;
91 margin-bottom: 10px;
92}
93
Hao Zhu94dd9ef2020-10-05 23:02:09 -040094.lightable-classic-2 tfoot tr td {
95 border: 0;
96}
97
98.lightable-classic-2 tfoot tr:first-child td {
99 border-top: 3px double #111111;
100}
101
Hao Zhu82ee3c42020-08-19 20:24:40 -0400102.lightable-classic-2 caption {
103 color: #222222;
104}
105
Hao Zhu33b865f2020-08-18 02:10:43 -0400106.lightable-classic-2 td {
107 padding-left: 5px;
108 padding-right: 5px;
Hao Zhu82ee3c42020-08-19 20:24:40 -0400109 color: #222222;
Hao Zhu33b865f2020-08-18 02:10:43 -0400110}
111
112.lightable-classic-2 th {
113 padding-left: 5px;
114 padding-right: 5px;
Hao Zhu82ee3c42020-08-19 20:24:40 -0400115 font-weight: normal;
116 color: #222222;
Hao Zhu33b865f2020-08-18 02:10:43 -0400117}
118
Hao Zhu8b16a6c2020-08-18 16:59:20 -0400119.lightable-classic-2 tbody tr:last-child td {
120 border-bottom: 3px double #111111;
121}
122
Hao Zhud8a2e332020-08-11 01:26:32 -0400123.lightable-classic-2 thead tr:last-child th {
124 border-bottom: 1px solid #111111;
125}
126
127.lightable-classic-2.lightable-hover tbody tr:hover {
Hao Zhu33b865f2020-08-18 02:10:43 -0400128 background-color: #F9EEC1;
Hao Zhud8a2e332020-08-11 01:26:32 -0400129}
130
Hao Zhu8b16a6c2020-08-18 16:59:20 -0400131.lightable-classic-2.lightable-striped tbody tr:nth-child(even) {
Hao Zhud8a2e332020-08-11 01:26:32 -0400132 background-color: #f5f5f5;
133}
134
Hao Zhuad4ea392020-08-10 01:24:50 -0400135.lightable-material {
136 min-width: 100%;
137 white-space: nowrap;
138 table-layout: fixed;
139 font-family: Roboto, sans-serif;
140 border: 1px solid #EEE;
141 border-collapse: collapse;
Hao Zhud7762a42020-08-10 09:05:47 -0400142 margin-bottom: 10px;
Hao Zhuad4ea392020-08-10 01:24:50 -0400143}
144
Hao Zhu94dd9ef2020-10-05 23:02:09 -0400145.lightable-material tfoot tr td {
146 border: 0;
147}
148
149.lightable-material tfoot tr:first-child td {
150 border-top: 1px solid #EEE;
151}
152
Hao Zhuad4ea392020-08-10 01:24:50 -0400153.lightable-material th {
Hao Zhu9bf19982020-08-11 00:50:33 -0400154 height: 56px;
155 padding-left: 16px;
156 padding-right: 16px;
Hao Zhuad4ea392020-08-10 01:24:50 -0400157}
158
159.lightable-material td {
Hao Zhu9bf19982020-08-11 00:50:33 -0400160 height: 52px;
161 padding-left: 16px;
162 padding-right: 16px;
Hao Zhuad4ea392020-08-10 01:24:50 -0400163 border-top: 1px solid #eeeeee;
164}
165
Hao Zhu81c335c2020-08-10 09:20:41 -0400166.lightable-material.lightable-hover tbody tr:hover {
Hao Zhuad4ea392020-08-10 01:24:50 -0400167 background-color: #f5f5f5;
168}
169
Hao Zhu8b16a6c2020-08-18 16:59:20 -0400170.lightable-material.lightable-striped tbody tr:nth-child(even) {
Hao Zhuad4ea392020-08-10 01:24:50 -0400171 background-color: #f5f5f5;
172}
173
Hao Zhu8b16a6c2020-08-18 16:59:20 -0400174.lightable-material.lightable-striped tbody td {
Hao Zhu81c335c2020-08-10 09:20:41 -0400175 border: 0;
Hao Zhuad4ea392020-08-10 01:24:50 -0400176}
177
178.lightable-material.lightable-striped thead tr:last-child th {
179 border-bottom: 1px solid #ddd;
180}
Hao Zhu9bf19982020-08-11 00:50:33 -0400181
182.lightable-material-dark {
183 min-width: 100%;
184 white-space: nowrap;
185 table-layout: fixed;
186 font-family: Roboto, sans-serif;
187 border: 1px solid #FFFFFF12;
188 border-collapse: collapse;
189 margin-bottom: 10px;
190 background-color: #363640;
191}
192
Hao Zhu94dd9ef2020-10-05 23:02:09 -0400193.lightable-material-dark tfoot tr td {
194 border: 0;
195}
196
197.lightable-material-dark tfoot tr:first-child td {
198 border-top: 1px solid #FFFFFF12;
199}
200
Hao Zhu9bf19982020-08-11 00:50:33 -0400201.lightable-material-dark th {
202 height: 56px;
203 padding-left: 16px;
204 padding-right: 16px;
205 color: #FFFFFF60;
206}
207
208.lightable-material-dark td {
209 height: 52px;
210 padding-left: 16px;
211 padding-right: 16px;
212 color: #FFFFFF;
213 border-top: 1px solid #FFFFFF12;
214}
215
216.lightable-material-dark.lightable-hover tbody tr:hover {
217 background-color: #FFFFFF12;
218}
219
Hao Zhu8b16a6c2020-08-18 16:59:20 -0400220.lightable-material-dark.lightable-striped tbody tr:nth-child(even) {
Hao Zhu9bf19982020-08-11 00:50:33 -0400221 background-color: #FFFFFF12;
222}
223
Hao Zhu8b16a6c2020-08-18 16:59:20 -0400224.lightable-material-dark.lightable-striped tbody td {
Hao Zhu9bf19982020-08-11 00:50:33 -0400225 border: 0;
226}
227
228.lightable-material-dark.lightable-striped thead tr:last-child th {
229 border-bottom: 1px solid #FFFFFF12;
230}
Hao Zhu33b865f2020-08-18 02:10:43 -0400231
232.lightable-paper {
233 width: 100%;
234 margin-bottom: 10px;
Hao Zhu9399dcc2020-08-26 17:27:38 -0400235 color: #444;
Hao Zhu33b865f2020-08-18 02:10:43 -0400236}
237
Hao Zhu94dd9ef2020-10-05 23:02:09 -0400238.lightable-paper tfoot tr td {
239 border: 0;
240}
241
242.lightable-paper tfoot tr:first-child td {
243 border-top: 1px solid #00000020;
244}
245
Hao Zhu8b16a6c2020-08-18 16:59:20 -0400246.lightable-paper thead tr:last-child th {
Hao Zhu9399dcc2020-08-26 17:27:38 -0400247 color: #666;
Hao Zhu33b865f2020-08-18 02:10:43 -0400248 vertical-align: bottom;
249 border-bottom: 1px solid #00000020;
250 line-height: 1.15em;
251 padding: 10px 5px;
252}
253
254.lightable-paper td {
255 vertical-align: middle;
256 border-bottom: 1px solid #00000010;
257 line-height: 1.15em;
258 padding: 7px 5px;
259}
260
261.lightable-paper.lightable-hover tbody tr:hover {
262 background-color: #F9EEC1;
263}
264
Hao Zhu8b16a6c2020-08-18 16:59:20 -0400265.lightable-paper.lightable-striped tbody tr:nth-child(even) {
Hao Zhu33b865f2020-08-18 02:10:43 -0400266 background-color: #00000008;
267}
268
Hao Zhu8b16a6c2020-08-18 16:59:20 -0400269.lightable-paper.lightable-striped tbody td {
Hao Zhu33b865f2020-08-18 02:10:43 -0400270 border: 0;
271}
Hao Zhu8b16a6c2020-08-18 16:59:20 -0400272