blob: ae1fb539e73635606db24c74a36952c81ff82f30 [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 Zhuad4ea392020-08-10 01:24:50 -040024.lightable-minimal thead tr th {
25 border-bottom: 2px solid black;
26 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
38.lightable-minimal.lightable-striped tr:nth-child(even) {
39 background-color: #f5f5f5;
40}
41
42.lightable-classic {
43 border-top: 2px solid #111111;
44 border-bottom: 2px solid #111111;
45 width: 100%;
Hao Zhud7762a42020-08-10 09:05:47 -040046 margin-bottom: 10px;
Hao Zhuad4ea392020-08-10 01:24:50 -040047}
48
Hao Zhu33b865f2020-08-18 02:10:43 -040049.lightable-classic td {
50 padding-left: 5px;
51 padding-right: 5px;
52}
53
54.lightable-classic th {
55 padding-left: 5px;
56 padding-right: 5px;
57}
58
Hao Zhuad4ea392020-08-10 01:24:50 -040059.lightable-classic thead tr:last-child th {
60 border-bottom: 1px solid #111111;
61}
62
Hao Zhu81c335c2020-08-10 09:20:41 -040063.lightable-classic.lightable-hover tbody tr:hover {
Hao Zhu33b865f2020-08-18 02:10:43 -040064 background-color: #F9EEC1;
Hao Zhuad4ea392020-08-10 01:24:50 -040065}
66
67.lightable-classic.lightable-striped tr:nth-child(even) {
68 background-color: #f5f5f5;
69}
70
Hao Zhud8a2e332020-08-11 01:26:32 -040071.lightable-classic-2 {
72 border-top: 3px double #111111;
73 border-bottom: 3px double #111111;
74 width: 100%;
75 margin-bottom: 10px;
76}
77
Hao Zhu33b865f2020-08-18 02:10:43 -040078.lightable-classic-2 td {
79 padding-left: 5px;
80 padding-right: 5px;
81}
82
83.lightable-classic-2 th {
84 padding-left: 5px;
85 padding-right: 5px;
86}
87
Hao Zhud8a2e332020-08-11 01:26:32 -040088.lightable-classic-2 thead tr:last-child th {
89 border-bottom: 1px solid #111111;
90}
91
92.lightable-classic-2.lightable-hover tbody tr:hover {
Hao Zhu33b865f2020-08-18 02:10:43 -040093 background-color: #F9EEC1;
Hao Zhud8a2e332020-08-11 01:26:32 -040094}
95
96.lightable-classic-2.lightable-striped tr:nth-child(even) {
97 background-color: #f5f5f5;
98}
99
Hao Zhuad4ea392020-08-10 01:24:50 -0400100.lightable-material {
101 min-width: 100%;
102 white-space: nowrap;
103 table-layout: fixed;
104 font-family: Roboto, sans-serif;
105 border: 1px solid #EEE;
106 border-collapse: collapse;
Hao Zhud7762a42020-08-10 09:05:47 -0400107 margin-bottom: 10px;
Hao Zhuad4ea392020-08-10 01:24:50 -0400108}
109
110.lightable-material th {
Hao Zhu9bf19982020-08-11 00:50:33 -0400111 height: 56px;
112 padding-left: 16px;
113 padding-right: 16px;
Hao Zhuad4ea392020-08-10 01:24:50 -0400114}
115
116.lightable-material td {
Hao Zhu9bf19982020-08-11 00:50:33 -0400117 height: 52px;
118 padding-left: 16px;
119 padding-right: 16px;
Hao Zhuad4ea392020-08-10 01:24:50 -0400120 border-top: 1px solid #eeeeee;
121}
122
Hao Zhu81c335c2020-08-10 09:20:41 -0400123.lightable-material.lightable-hover tbody tr:hover {
Hao Zhuad4ea392020-08-10 01:24:50 -0400124 background-color: #f5f5f5;
125}
126
127.lightable-material.lightable-striped tr:nth-child(even) {
128 background-color: #f5f5f5;
129}
130
131.lightable-material.lightable-striped td {
Hao Zhu81c335c2020-08-10 09:20:41 -0400132 border: 0;
Hao Zhuad4ea392020-08-10 01:24:50 -0400133}
134
135.lightable-material.lightable-striped thead tr:last-child th {
136 border-bottom: 1px solid #ddd;
137}
Hao Zhu9bf19982020-08-11 00:50:33 -0400138
139.lightable-material-dark {
140 min-width: 100%;
141 white-space: nowrap;
142 table-layout: fixed;
143 font-family: Roboto, sans-serif;
144 border: 1px solid #FFFFFF12;
145 border-collapse: collapse;
146 margin-bottom: 10px;
147 background-color: #363640;
148}
149
150.lightable-material-dark th {
151 height: 56px;
152 padding-left: 16px;
153 padding-right: 16px;
154 color: #FFFFFF60;
155}
156
157.lightable-material-dark td {
158 height: 52px;
159 padding-left: 16px;
160 padding-right: 16px;
161 color: #FFFFFF;
162 border-top: 1px solid #FFFFFF12;
163}
164
165.lightable-material-dark.lightable-hover tbody tr:hover {
166 background-color: #FFFFFF12;
167}
168
169.lightable-material-dark.lightable-striped tr:nth-child(even) {
170 background-color: #FFFFFF12;
171}
172
173.lightable-material-dark.lightable-striped td {
174 border: 0;
175}
176
177.lightable-material-dark.lightable-striped thead tr:last-child th {
178 border-bottom: 1px solid #FFFFFF12;
179}
Hao Zhu33b865f2020-08-18 02:10:43 -0400180
181.lightable-paper {
182 width: 100%;
183 margin-bottom: 10px;
184}
185
186.lightable-paper th {
187 color: #999;
188 vertical-align: bottom;
189 border-bottom: 1px solid #00000020;
190 line-height: 1.15em;
191 padding: 10px 5px;
192}
193
194.lightable-paper td {
195 vertical-align: middle;
196 border-bottom: 1px solid #00000010;
197 line-height: 1.15em;
198 padding: 7px 5px;
199}
200
201.lightable-paper.lightable-hover tbody tr:hover {
202 background-color: #F9EEC1;
203}
204
205.lightable-paper.lightable-striped tr:nth-child(even) {
206 background-color: #00000008;
207}
208
209.lightable-material-dark.lightable-striped td {
210 border: 0;
211}