Mercurial > repos > brasset_jensen > srnapipe
comparison test-data/res_files/css/bootstrap-table.css @ 61:9185ca0a7b43 draft
Updated package according to recommendations.
author | pierre.pouchin |
---|---|
date | Wed, 16 Jan 2019 08:18:13 -0500 |
parents | |
children |
comparison
equal
deleted
inserted
replaced
60:9645d995fb3c | 61:9185ca0a7b43 |
---|---|
1 /** | |
2 * @author zhixin wen <wenzhixin2010@gmail.com> | |
3 * version: 1.11.1 | |
4 * https://github.com/wenzhixin/bootstrap-table/ | |
5 */ | |
6 | |
7 .bootstrap-table .table { | |
8 margin-bottom: 0 !important; | |
9 border-bottom: 1px solid #dddddd; | |
10 border-collapse: collapse !important; | |
11 border-radius: 1px; | |
12 } | |
13 | |
14 .bootstrap-table .table:not(.table-condensed), | |
15 .bootstrap-table .table:not(.table-condensed) > tbody > tr > th, | |
16 .bootstrap-table .table:not(.table-condensed) > tfoot > tr > th, | |
17 .bootstrap-table .table:not(.table-condensed) > thead > tr > td, | |
18 .bootstrap-table .table:not(.table-condensed) > tbody > tr > td, | |
19 .bootstrap-table .table:not(.table-condensed) > tfoot > tr > td { | |
20 padding: 8px; | |
21 } | |
22 | |
23 .bootstrap-table .table.table-no-bordered > thead > tr > th, | |
24 .bootstrap-table .table.table-no-bordered > tbody > tr > td { | |
25 border-right: 2px solid transparent; | |
26 } | |
27 | |
28 .bootstrap-table .table.table-no-bordered > tbody > tr > td:last-child { | |
29 border-right: none; | |
30 } | |
31 | |
32 .fixed-table-container { | |
33 position: relative; | |
34 clear: both; | |
35 border: 1px solid #dddddd; | |
36 border-radius: 4px; | |
37 -webkit-border-radius: 4px; | |
38 -moz-border-radius: 4px; | |
39 } | |
40 | |
41 .fixed-table-container.table-no-bordered { | |
42 border: 1px solid transparent; | |
43 } | |
44 | |
45 .fixed-table-footer, | |
46 .fixed-table-header { | |
47 overflow: hidden; | |
48 } | |
49 | |
50 .fixed-table-footer { | |
51 border-top: 1px solid #dddddd; | |
52 } | |
53 | |
54 .fixed-table-body { | |
55 overflow-x: auto; | |
56 overflow-y: auto; | |
57 height: 100%; | |
58 } | |
59 | |
60 .fixed-table-container table { | |
61 width: 100%; | |
62 } | |
63 | |
64 .fixed-table-container thead th { | |
65 height: 0; | |
66 padding: 0; | |
67 margin: 0; | |
68 border-left: 1px solid #dddddd; | |
69 } | |
70 | |
71 .fixed-table-container thead th:focus { | |
72 outline: 0 solid transparent; | |
73 } | |
74 | |
75 .fixed-table-container thead th:first-child { | |
76 border-left: none; | |
77 border-top-left-radius: 4px; | |
78 -webkit-border-top-left-radius: 4px; | |
79 -moz-border-radius-topleft: 4px; | |
80 } | |
81 | |
82 .fixed-table-container thead th .th-inner, | |
83 .fixed-table-container tbody td .th-inner { | |
84 padding: 8px; | |
85 line-height: 24px; | |
86 vertical-align: top; | |
87 overflow: hidden; | |
88 text-overflow: ellipsis; | |
89 white-space: nowrap; | |
90 } | |
91 | |
92 .fixed-table-container thead th .sortable { | |
93 cursor: pointer; | |
94 background-position: right; | |
95 background-repeat: no-repeat; | |
96 padding-right: 30px; | |
97 } | |
98 | |
99 .fixed-table-container thead th .both { | |
100 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7X QMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC'); | |
101 } | |
102 | |
103 .fixed-table-container thead th .asc { | |
104 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZ0lEQVQ4y2NgGLKgquEuFxBPAGI2ahhWCsS/gDibUoO0gPgxEP8H4ttArEyuQYxAPBdqEAxPBImTY5gjEL9DM+wTENuQahAvEO9DMwiGdwAxOymGJQLxTyD+jgWDxCMZRsEoGAVoAADeemwtPcZI2wAAAABJRU5ErkJggg=='); | |
105 } | |
106 | |
107 .fixed-table-container thead th .desc { | |
108 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZUlEQVQ4y2NgGAWjYBSggaqGu5FA/BOIv2PBIPFEUgxjB+IdQPwfC94HxLykus4GiD+hGfQOiB3J8SojEE9EM2wuSJzcsFMG4ttQgx4DsRalkZENxL+AuJQaMcsGxBOAmGvopk8AVz1sLZgg0bsAAAAASUVORK5CYII= '); | |
109 } | |
110 | |
111 .fixed-table-container th.detail { | |
112 width: 30px; | |
113 } | |
114 | |
115 .fixed-table-container tbody td { | |
116 border-left: 1px solid #dddddd; | |
117 } | |
118 | |
119 .fixed-table-container tbody tr:first-child td { | |
120 border-top: none; | |
121 } | |
122 | |
123 .fixed-table-container tbody td:first-child { | |
124 border-left: none; | |
125 } | |
126 | |
127 /* the same color with .active */ | |
128 .fixed-table-container tbody .selected td { | |
129 background-color: #f5f5f5; | |
130 } | |
131 | |
132 .fixed-table-container .bs-checkbox { | |
133 text-align: center; | |
134 } | |
135 | |
136 .fixed-table-container .bs-checkbox .th-inner { | |
137 padding: 8px 0; | |
138 } | |
139 | |
140 .fixed-table-container input[type="radio"], | |
141 .fixed-table-container input[type="checkbox"] { | |
142 margin: 0 auto !important; | |
143 } | |
144 | |
145 .fixed-table-container .no-records-found { | |
146 text-align: center; | |
147 } | |
148 | |
149 .fixed-table-pagination div.pagination, | |
150 .fixed-table-pagination .pagination-detail { | |
151 margin-top: 10px; | |
152 margin-bottom: 10px; | |
153 } | |
154 | |
155 .fixed-table-pagination div.pagination .pagination { | |
156 margin: 0; | |
157 } | |
158 | |
159 .fixed-table-pagination .pagination a { | |
160 padding: 6px 12px; | |
161 line-height: 1.428571429; | |
162 } | |
163 | |
164 .fixed-table-pagination .pagination-info { | |
165 line-height: 34px; | |
166 margin-right: 5px; | |
167 } | |
168 | |
169 .fixed-table-pagination .btn-group { | |
170 position: relative; | |
171 display: inline-block; | |
172 vertical-align: middle; | |
173 } | |
174 | |
175 .fixed-table-pagination .dropup .dropdown-menu { | |
176 margin-bottom: 0; | |
177 } | |
178 | |
179 .fixed-table-pagination .page-list { | |
180 display: inline-block; | |
181 } | |
182 | |
183 .fixed-table-toolbar .columns-left { | |
184 margin-right: 5px; | |
185 } | |
186 | |
187 .fixed-table-toolbar .columns-right { | |
188 margin-left: 5px; | |
189 } | |
190 | |
191 .fixed-table-toolbar .columns label { | |
192 display: block; | |
193 padding: 3px 20px; | |
194 clear: both; | |
195 font-weight: normal; | |
196 line-height: 1.428571429; | |
197 } | |
198 | |
199 .fixed-table-toolbar .bs-bars, | |
200 .fixed-table-toolbar .search, | |
201 .fixed-table-toolbar .columns { | |
202 position: relative; | |
203 margin-top: 10px; | |
204 margin-bottom: 10px; | |
205 line-height: 34px; | |
206 } | |
207 | |
208 .fixed-table-pagination li.disabled a { | |
209 pointer-events: none; | |
210 cursor: default; | |
211 } | |
212 | |
213 .fixed-table-loading { | |
214 display: none; | |
215 position: absolute; | |
216 top: 42px; | |
217 right: 0; | |
218 bottom: 0; | |
219 left: 0; | |
220 z-index: 99; | |
221 background-color: #fff; | |
222 text-align: center; | |
223 } | |
224 | |
225 .fixed-table-body .card-view .title { | |
226 font-weight: bold; | |
227 display: inline-block; | |
228 min-width: 30%; | |
229 text-align: left !important; | |
230 } | |
231 | |
232 /* support bootstrap 2 */ | |
233 .fixed-table-body thead th .th-inner { | |
234 box-sizing: border-box; | |
235 } | |
236 | |
237 .table th, .table td { | |
238 vertical-align: middle; | |
239 box-sizing: border-box; | |
240 } | |
241 | |
242 .fixed-table-toolbar .dropdown-menu { | |
243 text-align: left; | |
244 max-height: 300px; | |
245 overflow: auto; | |
246 } | |
247 | |
248 .fixed-table-toolbar .btn-group > .btn-group { | |
249 display: inline-block; | |
250 margin-left: -1px !important; | |
251 } | |
252 | |
253 .fixed-table-toolbar .btn-group > .btn-group > .btn { | |
254 border-radius: 0; | |
255 } | |
256 | |
257 .fixed-table-toolbar .btn-group > .btn-group:first-child > .btn { | |
258 border-top-left-radius: 4px; | |
259 border-bottom-left-radius: 4px; | |
260 } | |
261 | |
262 .fixed-table-toolbar .btn-group > .btn-group:last-child > .btn { | |
263 border-top-right-radius: 4px; | |
264 border-bottom-right-radius: 4px; | |
265 } | |
266 | |
267 .bootstrap-table .table > thead > tr > th { | |
268 vertical-align: bottom; | |
269 border-bottom: 1px solid #ddd; | |
270 } | |
271 | |
272 /* support bootstrap 3 */ | |
273 .bootstrap-table .table thead > tr > th { | |
274 padding: 0; | |
275 margin: 0; | |
276 } | |
277 | |
278 .bootstrap-table .fixed-table-footer tbody > tr > td { | |
279 padding: 0 !important; | |
280 } | |
281 | |
282 .bootstrap-table .fixed-table-footer .table { | |
283 border-bottom: none; | |
284 border-radius: 0; | |
285 padding: 0 !important; | |
286 } | |
287 | |
288 .bootstrap-table .pull-right .dropdown-menu { | |
289 right: 0; | |
290 left: auto; | |
291 } | |
292 | |
293 /* calculate scrollbar width */ | |
294 p.fixed-table-scroll-inner { | |
295 width: 100%; | |
296 height: 200px; | |
297 } | |
298 | |
299 div.fixed-table-scroll-outer { | |
300 top: 0; | |
301 left: 0; | |
302 visibility: hidden; | |
303 width: 200px; | |
304 height: 150px; | |
305 overflow: hidden; | |
306 } | |
307 | |
308 /* for get correct heights */ | |
309 .fixed-table-toolbar:after, .fixed-table-pagination:after { | |
310 content: ""; | |
311 display: block; | |
312 clear: both; | |
313 } |