blob: 180bd2885f8d00c6db3d94d8c330e6a7f9e1ea31 [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 Zhuad4ea392020-08-10 01:24:50 -040044 width: 100%;
Hao Zhud7762a42020-08-10 09:05:47 -040045 margin-bottom: 10px;
Hao Zhu82ee3c42020-08-19 20:24:40 -040046 margin: 10px 5px;
47}
48
49.lightable-classic caption {
50 color: #222222;
Hao Zhuad4ea392020-08-10 01:24:50 -040051}
52
Hao Zhu33b865f2020-08-18 02:10:43 -040053.lightable-classic td {
54 padding-left: 5px;
55 padding-right: 5px;
Hao Zhu82ee3c42020-08-19 20:24:40 -040056 color: #222222;
Hao Zhu33b865f2020-08-18 02:10:43 -040057}
58
59.lightable-classic th {
60 padding-left: 5px;
61 padding-right: 5px;
Hao Zhu82ee3c42020-08-19 20:24:40 -040062 font-weight: normal;
63 color: #222222;
Hao Zhu33b865f2020-08-18 02:10:43 -040064}
65
Hao Zhuad4ea392020-08-10 01:24:50 -040066.lightable-classic thead tr:last-child th {
Hao Zhu82ee3c42020-08-19 20:24:40 -040067 border-bottom: 0.10em solid #111111;
Hao Zhuad4ea392020-08-10 01:24:50 -040068}
69
Hao Zhu8b16a6c2020-08-18 16:59:20 -040070.lightable-classic tbody tr:last-child td {
Hao Zhu82ee3c42020-08-19 20:24:40 -040071 border-bottom: 0.14em solid #111111;
Hao Zhu8b16a6c2020-08-18 16:59:20 -040072}
73
Hao Zhu81c335c2020-08-10 09:20:41 -040074.lightable-classic.lightable-hover tbody tr:hover {
Hao Zhu33b865f2020-08-18 02:10:43 -040075 background-color: #F9EEC1;
Hao Zhuad4ea392020-08-10 01:24:50 -040076}
77
Hao Zhu8b16a6c2020-08-18 16:59:20 -040078.lightable-classic.lightable-striped tbody tr:nth-child(even) {
Hao Zhuad4ea392020-08-10 01:24:50 -040079 background-color: #f5f5f5;
80}
81
Hao Zhud8a2e332020-08-11 01:26:32 -040082.lightable-classic-2 {
83 border-top: 3px double #111111;
Hao Zhud8a2e332020-08-11 01:26:32 -040084 width: 100%;
85 margin-bottom: 10px;
86}
87
Hao Zhu82ee3c42020-08-19 20:24:40 -040088.lightable-classic-2 caption {
89 color: #222222;
90}
91
Hao Zhu33b865f2020-08-18 02:10:43 -040092.lightable-classic-2 td {
93 padding-left: 5px;
94 padding-right: 5px;
Hao Zhu82ee3c42020-08-19 20:24:40 -040095 color: #222222;
Hao Zhu33b865f2020-08-18 02:10:43 -040096}
97
98.lightable-classic-2 th {
99 padding-left: 5px;
100 padding-right: 5px;
Hao Zhu82ee3c42020-08-19 20:24:40 -0400101 font-weight: normal;
102 color: #222222;
Hao Zhu33b865f2020-08-18 02:10:43 -0400103}
104
Hao Zhu8b16a6c2020-08-18 16:59:20 -0400105.lightable-classic-2 tbody tr:last-child td {
106 border-bottom: 3px double #111111;
107}
108
Hao Zhud8a2e332020-08-11 01:26:32 -0400109.lightable-classic-2 thead tr:last-child th {
110 border-bottom: 1px solid #111111;
111}
112
113.lightable-classic-2.lightable-hover tbody tr:hover {
Hao Zhu33b865f2020-08-18 02:10:43 -0400114 background-color: #F9EEC1;
Hao Zhud8a2e332020-08-11 01:26:32 -0400115}
116
Hao Zhu8b16a6c2020-08-18 16:59:20 -0400117.lightable-classic-2.lightable-striped tbody tr:nth-child(even) {
Hao Zhud8a2e332020-08-11 01:26:32 -0400118 background-color: #f5f5f5;
119}
120
Hao Zhuad4ea392020-08-10 01:24:50 -0400121.lightable-material {
122 min-width: 100%;
123 white-space: nowrap;
124 table-layout: fixed;
125 font-family: Roboto, sans-serif;
126 border: 1px solid #EEE;
127 border-collapse: collapse;
Hao Zhud7762a42020-08-10 09:05:47 -0400128 margin-bottom: 10px;
Hao Zhuad4ea392020-08-10 01:24:50 -0400129}
130
131.lightable-material th {
Hao Zhu9bf19982020-08-11 00:50:33 -0400132 height: 56px;
133 padding-left: 16px;
134 padding-right: 16px;
Hao Zhuad4ea392020-08-10 01:24:50 -0400135}
136
137.lightable-material td {
Hao Zhu9bf19982020-08-11 00:50:33 -0400138 height: 52px;
139 padding-left: 16px;
140 padding-right: 16px;
Hao Zhuad4ea392020-08-10 01:24:50 -0400141 border-top: 1px solid #eeeeee;
142}
143
Hao Zhu81c335c2020-08-10 09:20:41 -0400144.lightable-material.lightable-hover tbody tr:hover {
Hao Zhuad4ea392020-08-10 01:24:50 -0400145 background-color: #f5f5f5;
146}
147
Hao Zhu8b16a6c2020-08-18 16:59:20 -0400148.lightable-material.lightable-striped tbody tr:nth-child(even) {
Hao Zhuad4ea392020-08-10 01:24:50 -0400149 background-color: #f5f5f5;
150}
151
Hao Zhu8b16a6c2020-08-18 16:59:20 -0400152.lightable-material.lightable-striped tbody td {
Hao Zhu81c335c2020-08-10 09:20:41 -0400153 border: 0;
Hao Zhuad4ea392020-08-10 01:24:50 -0400154}
155
156.lightable-material.lightable-striped thead tr:last-child th {
157 border-bottom: 1px solid #ddd;
158}
Hao Zhu9bf19982020-08-11 00:50:33 -0400159
160.lightable-material-dark {
161 min-width: 100%;
162 white-space: nowrap;
163 table-layout: fixed;
164 font-family: Roboto, sans-serif;
165 border: 1px solid #FFFFFF12;
166 border-collapse: collapse;
167 margin-bottom: 10px;
168 background-color: #363640;
169}
170
171.lightable-material-dark th {
172 height: 56px;
173 padding-left: 16px;
174 padding-right: 16px;
175 color: #FFFFFF60;
176}
177
178.lightable-material-dark td {
179 height: 52px;
180 padding-left: 16px;
181 padding-right: 16px;
182 color: #FFFFFF;
183 border-top: 1px solid #FFFFFF12;
184}
185
186.lightable-material-dark.lightable-hover tbody tr:hover {
187 background-color: #FFFFFF12;
188}
189
Hao Zhu8b16a6c2020-08-18 16:59:20 -0400190.lightable-material-dark.lightable-striped tbody tr:nth-child(even) {
Hao Zhu9bf19982020-08-11 00:50:33 -0400191 background-color: #FFFFFF12;
192}
193
Hao Zhu8b16a6c2020-08-18 16:59:20 -0400194.lightable-material-dark.lightable-striped tbody td {
Hao Zhu9bf19982020-08-11 00:50:33 -0400195 border: 0;
196}
197
198.lightable-material-dark.lightable-striped thead tr:last-child th {
199 border-bottom: 1px solid #FFFFFF12;
200}
Hao Zhu33b865f2020-08-18 02:10:43 -0400201
202.lightable-paper {
203 width: 100%;
204 margin-bottom: 10px;
205}
206
Hao Zhu8b16a6c2020-08-18 16:59:20 -0400207.lightable-paper thead tr:last-child th {
Hao Zhu33b865f2020-08-18 02:10:43 -0400208 color: #999;
209 vertical-align: bottom;
210 border-bottom: 1px solid #00000020;
211 line-height: 1.15em;
212 padding: 10px 5px;
213}
214
215.lightable-paper td {
216 vertical-align: middle;
217 border-bottom: 1px solid #00000010;
218 line-height: 1.15em;
219 padding: 7px 5px;
220}
221
222.lightable-paper.lightable-hover tbody tr:hover {
223 background-color: #F9EEC1;
224}
225
Hao Zhu8b16a6c2020-08-18 16:59:20 -0400226.lightable-paper.lightable-striped tbody tr:nth-child(even) {
Hao Zhu33b865f2020-08-18 02:10:43 -0400227 background-color: #00000008;
228}
229
Hao Zhu8b16a6c2020-08-18 16:59:20 -0400230.lightable-paper.lightable-striped tbody td {
Hao Zhu33b865f2020-08-18 02:10:43 -0400231 border: 0;
232}
Hao Zhu8b16a6c2020-08-18 16:59:20 -0400233