blob: 1b65905d8d72a7aa7796bb58987b3843eff7b7f6 [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
50.lightable-classic caption {
51 color: #222222;
Hao Zhuad4ea392020-08-10 01:24:50 -040052}
53
Hao Zhu33b865f2020-08-18 02:10:43 -040054.lightable-classic td {
55 padding-left: 5px;
56 padding-right: 5px;
Hao Zhu82ee3c42020-08-19 20:24:40 -040057 color: #222222;
Hao Zhu33b865f2020-08-18 02:10:43 -040058}
59
60.lightable-classic th {
61 padding-left: 5px;
62 padding-right: 5px;
Hao Zhu82ee3c42020-08-19 20:24:40 -040063 font-weight: normal;
64 color: #222222;
Hao Zhu33b865f2020-08-18 02:10:43 -040065}
66
Hao Zhuad4ea392020-08-10 01:24:50 -040067.lightable-classic thead tr:last-child th {
Hao Zhu82ee3c42020-08-19 20:24:40 -040068 border-bottom: 0.10em solid #111111;
Hao Zhuad4ea392020-08-10 01:24:50 -040069}
70
Hao Zhu33387bc2020-10-05 22:52:43 -040071.lightable-classic tfoot tr td {
72 border: 0;
Hao Zhu8b16a6c2020-08-18 16:59:20 -040073}
74
Hao Zhu33387bc2020-10-05 22:52:43 -040075.lightable-classic tfoot tr:first-child td {
76 border-top: 0.14em solid #111111;
77}
78
79
80
Hao Zhu81c335c2020-08-10 09:20:41 -040081.lightable-classic.lightable-hover tbody tr:hover {
Hao Zhu33b865f2020-08-18 02:10:43 -040082 background-color: #F9EEC1;
Hao Zhuad4ea392020-08-10 01:24:50 -040083}
84
Hao Zhu8b16a6c2020-08-18 16:59:20 -040085.lightable-classic.lightable-striped tbody tr:nth-child(even) {
Hao Zhuad4ea392020-08-10 01:24:50 -040086 background-color: #f5f5f5;
87}
88
Hao Zhud8a2e332020-08-11 01:26:32 -040089.lightable-classic-2 {
90 border-top: 3px double #111111;
Hao Zhud8a2e332020-08-11 01:26:32 -040091 width: 100%;
92 margin-bottom: 10px;
93}
94
Hao Zhu82ee3c42020-08-19 20:24:40 -040095.lightable-classic-2 caption {
96 color: #222222;
97}
98
Hao Zhu33b865f2020-08-18 02:10:43 -040099.lightable-classic-2 td {
100 padding-left: 5px;
101 padding-right: 5px;
Hao Zhu82ee3c42020-08-19 20:24:40 -0400102 color: #222222;
Hao Zhu33b865f2020-08-18 02:10:43 -0400103}
104
105.lightable-classic-2 th {
106 padding-left: 5px;
107 padding-right: 5px;
Hao Zhu82ee3c42020-08-19 20:24:40 -0400108 font-weight: normal;
109 color: #222222;
Hao Zhu33b865f2020-08-18 02:10:43 -0400110}
111
Hao Zhu8b16a6c2020-08-18 16:59:20 -0400112.lightable-classic-2 tbody tr:last-child td {
113 border-bottom: 3px double #111111;
114}
115
Hao Zhud8a2e332020-08-11 01:26:32 -0400116.lightable-classic-2 thead tr:last-child th {
117 border-bottom: 1px solid #111111;
118}
119
120.lightable-classic-2.lightable-hover tbody tr:hover {
Hao Zhu33b865f2020-08-18 02:10:43 -0400121 background-color: #F9EEC1;
Hao Zhud8a2e332020-08-11 01:26:32 -0400122}
123
Hao Zhu8b16a6c2020-08-18 16:59:20 -0400124.lightable-classic-2.lightable-striped tbody tr:nth-child(even) {
Hao Zhud8a2e332020-08-11 01:26:32 -0400125 background-color: #f5f5f5;
126}
127
Hao Zhuad4ea392020-08-10 01:24:50 -0400128.lightable-material {
129 min-width: 100%;
130 white-space: nowrap;
131 table-layout: fixed;
132 font-family: Roboto, sans-serif;
133 border: 1px solid #EEE;
134 border-collapse: collapse;
Hao Zhud7762a42020-08-10 09:05:47 -0400135 margin-bottom: 10px;
Hao Zhuad4ea392020-08-10 01:24:50 -0400136}
137
138.lightable-material th {
Hao Zhu9bf19982020-08-11 00:50:33 -0400139 height: 56px;
140 padding-left: 16px;
141 padding-right: 16px;
Hao Zhuad4ea392020-08-10 01:24:50 -0400142}
143
144.lightable-material td {
Hao Zhu9bf19982020-08-11 00:50:33 -0400145 height: 52px;
146 padding-left: 16px;
147 padding-right: 16px;
Hao Zhuad4ea392020-08-10 01:24:50 -0400148 border-top: 1px solid #eeeeee;
149}
150
Hao Zhu81c335c2020-08-10 09:20:41 -0400151.lightable-material.lightable-hover tbody tr:hover {
Hao Zhuad4ea392020-08-10 01:24:50 -0400152 background-color: #f5f5f5;
153}
154
Hao Zhu8b16a6c2020-08-18 16:59:20 -0400155.lightable-material.lightable-striped tbody tr:nth-child(even) {
Hao Zhuad4ea392020-08-10 01:24:50 -0400156 background-color: #f5f5f5;
157}
158
Hao Zhu8b16a6c2020-08-18 16:59:20 -0400159.lightable-material.lightable-striped tbody td {
Hao Zhu81c335c2020-08-10 09:20:41 -0400160 border: 0;
Hao Zhuad4ea392020-08-10 01:24:50 -0400161}
162
163.lightable-material.lightable-striped thead tr:last-child th {
164 border-bottom: 1px solid #ddd;
165}
Hao Zhu9bf19982020-08-11 00:50:33 -0400166
167.lightable-material-dark {
168 min-width: 100%;
169 white-space: nowrap;
170 table-layout: fixed;
171 font-family: Roboto, sans-serif;
172 border: 1px solid #FFFFFF12;
173 border-collapse: collapse;
174 margin-bottom: 10px;
175 background-color: #363640;
176}
177
178.lightable-material-dark th {
179 height: 56px;
180 padding-left: 16px;
181 padding-right: 16px;
182 color: #FFFFFF60;
183}
184
185.lightable-material-dark td {
186 height: 52px;
187 padding-left: 16px;
188 padding-right: 16px;
189 color: #FFFFFF;
190 border-top: 1px solid #FFFFFF12;
191}
192
193.lightable-material-dark.lightable-hover tbody tr:hover {
194 background-color: #FFFFFF12;
195}
196
Hao Zhu8b16a6c2020-08-18 16:59:20 -0400197.lightable-material-dark.lightable-striped tbody tr:nth-child(even) {
Hao Zhu9bf19982020-08-11 00:50:33 -0400198 background-color: #FFFFFF12;
199}
200
Hao Zhu8b16a6c2020-08-18 16:59:20 -0400201.lightable-material-dark.lightable-striped tbody td {
Hao Zhu9bf19982020-08-11 00:50:33 -0400202 border: 0;
203}
204
205.lightable-material-dark.lightable-striped thead tr:last-child th {
206 border-bottom: 1px solid #FFFFFF12;
207}
Hao Zhu33b865f2020-08-18 02:10:43 -0400208
209.lightable-paper {
210 width: 100%;
211 margin-bottom: 10px;
Hao Zhu9399dcc2020-08-26 17:27:38 -0400212 color: #444;
Hao Zhu33b865f2020-08-18 02:10:43 -0400213}
214
Hao Zhu8b16a6c2020-08-18 16:59:20 -0400215.lightable-paper thead tr:last-child th {
Hao Zhu9399dcc2020-08-26 17:27:38 -0400216 color: #666;
Hao Zhu33b865f2020-08-18 02:10:43 -0400217 vertical-align: bottom;
218 border-bottom: 1px solid #00000020;
219 line-height: 1.15em;
220 padding: 10px 5px;
221}
222
223.lightable-paper td {
224 vertical-align: middle;
225 border-bottom: 1px solid #00000010;
226 line-height: 1.15em;
227 padding: 7px 5px;
228}
229
230.lightable-paper.lightable-hover tbody tr:hover {
231 background-color: #F9EEC1;
232}
233
Hao Zhu8b16a6c2020-08-18 16:59:20 -0400234.lightable-paper.lightable-striped tbody tr:nth-child(even) {
Hao Zhu33b865f2020-08-18 02:10:43 -0400235 background-color: #00000008;
236}
237
Hao Zhu8b16a6c2020-08-18 16:59:20 -0400238.lightable-paper.lightable-striped tbody td {
Hao Zhu33b865f2020-08-18 02:10:43 -0400239 border: 0;
240}
Hao Zhu8b16a6c2020-08-18 16:59:20 -0400241