source: sapic/static/plugins/datatables/jquery.dataTables_themeroller.css @ cd20b73

Last change on this file since cd20b73 was cd20b73, checked in by ltroconis <ltroconis@…>, 6 años ago

Funcionalidad de modificación de las organizaciones comunales, cambios en las disposiciones de los menús principales y de usuarios

  • Propiedad mode establecida a 100644
File size: 13.9 KB
Línea 
1/*
2 * Table styles
3 */
4table.dataTable {
5  width: 100%;
6  margin: 0 auto;
7  clear: both;
8  border-collapse: separate;
9  border-spacing: 0;
10  /*
11   * Header and footer styles
12   */
13  /*
14   * Body styles
15   */
16}
17table.dataTable thead th,
18table.dataTable thead td,
19table.dataTable tfoot th,
20table.dataTable tfoot td {
21  padding: 4px 10px;
22}
23table.dataTable thead th,
24table.dataTable tfoot th {
25  font-weight: bold;
26}
27table.dataTable thead th:active,
28table.dataTable thead td:active {
29  outline: none;
30}
31table.dataTable thead .sorting_asc,
32table.dataTable thead .sorting_desc,
33table.dataTable thead .sorting {
34  cursor: pointer;
35  *cursor: hand;
36}
37table.dataTable thead th div.DataTables_sort_wrapper {
38  position: relative;
39  padding-right: 10px;
40}
41table.dataTable thead th div.DataTables_sort_wrapper span {
42  position: absolute;
43  top: 50%;
44  margin-top: -8px;
45  right: -5px;
46}
47table.dataTable thead th.ui-state-default {
48  border-right-width: 0;
49}
50table.dataTable thead th.ui-state-default:last-child {
51  border-right-width: 1px;
52}
53table.dataTable tbody tr {
54  background-color: #ffffff;
55}
56table.dataTable tbody tr.selected {
57  background-color: #B0BED9;
58}
59table.dataTable tbody th,
60table.dataTable tbody td {
61  padding: 8px 10px;
62}
63table.dataTable th.center,
64table.dataTable td.center,
65table.dataTable td.dataTables_empty {
66  text-align: center;
67}
68table.dataTable th.right,
69table.dataTable td.right {
70  text-align: right;
71}
72table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
73  border-top: 1px solid #ddd;
74}
75table.dataTable.row-border tbody tr:first-child th,
76table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th,
77table.dataTable.display tbody tr:first-child td {
78  border-top: none;
79}
80table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
81  border-top: 1px solid #ddd;
82  border-right: 1px solid #ddd;
83}
84table.dataTable.cell-border tbody tr th:first-child,
85table.dataTable.cell-border tbody tr td:first-child {
86  border-left: 1px solid #ddd;
87}
88table.dataTable.cell-border tbody tr:first-child th,
89table.dataTable.cell-border tbody tr:first-child td {
90  border-top: none;
91}
92table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
93  background-color: #f9f9f9;
94}
95table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
96  background-color: #abb9d3;
97}
98table.dataTable.hover tbody tr:hover,
99table.dataTable.hover tbody tr.odd:hover,
100table.dataTable.hover tbody tr.even:hover, table.dataTable.display tbody tr:hover,
101table.dataTable.display tbody tr.odd:hover,
102table.dataTable.display tbody tr.even:hover {
103  background-color: whitesmoke;
104}
105table.dataTable.hover tbody tr:hover.selected,
106table.dataTable.hover tbody tr.odd:hover.selected,
107table.dataTable.hover tbody tr.even:hover.selected, table.dataTable.display tbody tr:hover.selected,
108table.dataTable.display tbody tr.odd:hover.selected,
109table.dataTable.display tbody tr.even:hover.selected {
110  background-color: #a9b7d1;
111}
112table.dataTable.order-column tbody tr > .sorting_1,
113table.dataTable.order-column tbody tr > .sorting_2,
114table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1,
115table.dataTable.display tbody tr > .sorting_2,
116table.dataTable.display tbody tr > .sorting_3 {
117  background-color: #f9f9f9;
118}
119table.dataTable.order-column tbody tr.selected > .sorting_1,
120table.dataTable.order-column tbody tr.selected > .sorting_2,
121table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1,
122table.dataTable.display tbody tr.selected > .sorting_2,
123table.dataTable.display tbody tr.selected > .sorting_3 {
124  background-color: #acbad4;
125}
126table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
127  background-color: #f1f1f1;
128}
129table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
130  background-color: #f3f3f3;
131}
132table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
133  background-color: whitesmoke;
134}
135table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
136  background-color: #a6b3cd;
137}
138table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
139  background-color: #a7b5ce;
140}
141table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
142  background-color: #a9b6d0;
143}
144table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
145  background-color: #f9f9f9;
146}
147table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
148  background-color: #fbfbfb;
149}
150table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
151  background-color: #fdfdfd;
152}
153table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
154  background-color: #acbad4;
155}
156table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
157  background-color: #adbbd6;
158}
159table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
160  background-color: #afbdd8;
161}
162table.dataTable.display tbody tr:hover > .sorting_1,
163table.dataTable.display tbody tr.odd:hover > .sorting_1,
164table.dataTable.display tbody tr.even:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1,
165table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_1,
166table.dataTable.order-column.hover tbody tr.even:hover > .sorting_1 {
167  background-color: #eaeaea;
168}
169table.dataTable.display tbody tr:hover > .sorting_2,
170table.dataTable.display tbody tr.odd:hover > .sorting_2,
171table.dataTable.display tbody tr.even:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2,
172table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_2,
173table.dataTable.order-column.hover tbody tr.even:hover > .sorting_2 {
174  background-color: #ebebeb;
175}
176table.dataTable.display tbody tr:hover > .sorting_3,
177table.dataTable.display tbody tr.odd:hover > .sorting_3,
178table.dataTable.display tbody tr.even:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3,
179table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_3,
180table.dataTable.order-column.hover tbody tr.even:hover > .sorting_3 {
181  background-color: #eeeeee;
182}
183table.dataTable.display tbody tr:hover.selected > .sorting_1,
184table.dataTable.display tbody tr.odd:hover.selected > .sorting_1,
185table.dataTable.display tbody tr.even:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1,
186table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_1,
187table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_1 {
188  background-color: #a1aec7;
189}
190table.dataTable.display tbody tr:hover.selected > .sorting_2,
191table.dataTable.display tbody tr.odd:hover.selected > .sorting_2,
192table.dataTable.display tbody tr.even:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2,
193table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_2,
194table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_2 {
195  background-color: #a2afc8;
196}
197table.dataTable.display tbody tr:hover.selected > .sorting_3,
198table.dataTable.display tbody tr.odd:hover.selected > .sorting_3,
199table.dataTable.display tbody tr.even:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3,
200table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_3,
201table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_3 {
202  background-color: #a4b2cb;
203}
204table.dataTable.nowrap th, table.dataTable.nowrap td {
205  white-space: nowrap;
206}
207table.dataTable.compact thead th,
208table.dataTable.compact thead td {
209  padding: 5px 9px;
210}
211table.dataTable.compact tfoot th,
212table.dataTable.compact tfoot td {
213  padding: 5px 9px 3px 9px;
214}
215table.dataTable.compact tbody th,
216table.dataTable.compact tbody td {
217  padding: 4px 5px;
218}
219table.dataTable th.dt-left,
220table.dataTable td.dt-left {
221  text-align: left;
222}
223table.dataTable th.dt-center,
224table.dataTable td.dt-center,
225table.dataTable td.dataTables_empty {
226  text-align: center;
227}
228table.dataTable th.dt-right,
229table.dataTable td.dt-right {
230  text-align: right;
231}
232table.dataTable th.dt-justify,
233table.dataTable td.dt-justify {
234  text-align: justify;
235}
236table.dataTable th.dt-nowrap,
237table.dataTable td.dt-nowrap {
238  white-space: nowrap;
239}
240table.dataTable thead th.dt-head-left,
241table.dataTable thead td.dt-head-left,
242table.dataTable tfoot th.dt-head-left,
243table.dataTable tfoot td.dt-head-left {
244  text-align: left;
245}
246table.dataTable thead th.dt-head-center,
247table.dataTable thead td.dt-head-center,
248table.dataTable tfoot th.dt-head-center,
249table.dataTable tfoot td.dt-head-center {
250  text-align: center;
251}
252table.dataTable thead th.dt-head-right,
253table.dataTable thead td.dt-head-right,
254table.dataTable tfoot th.dt-head-right,
255table.dataTable tfoot td.dt-head-right {
256  text-align: right;
257}
258table.dataTable thead th.dt-head-justify,
259table.dataTable thead td.dt-head-justify,
260table.dataTable tfoot th.dt-head-justify,
261table.dataTable tfoot td.dt-head-justify {
262  text-align: justify;
263}
264table.dataTable thead th.dt-head-nowrap,
265table.dataTable thead td.dt-head-nowrap,
266table.dataTable tfoot th.dt-head-nowrap,
267table.dataTable tfoot td.dt-head-nowrap {
268  white-space: nowrap;
269}
270table.dataTable tbody th.dt-body-left,
271table.dataTable tbody td.dt-body-left {
272  text-align: left;
273}
274table.dataTable tbody th.dt-body-center,
275table.dataTable tbody td.dt-body-center {
276  text-align: center;
277}
278table.dataTable tbody th.dt-body-right,
279table.dataTable tbody td.dt-body-right {
280  text-align: right;
281}
282table.dataTable tbody th.dt-body-justify,
283table.dataTable tbody td.dt-body-justify {
284  text-align: justify;
285}
286table.dataTable tbody th.dt-body-nowrap,
287table.dataTable tbody td.dt-body-nowrap {
288  white-space: nowrap;
289}
290
291table.dataTable,
292table.dataTable th,
293table.dataTable td {
294  -webkit-box-sizing: content-box;
295  -moz-box-sizing: content-box;
296  box-sizing: content-box;
297}
298
299/*
300 * Control feature layout
301 */
302.dataTables_wrapper {
303  position: relative;
304  clear: both;
305  *zoom: 1;
306  zoom: 1;
307}
308.dataTables_wrapper .dataTables_length {
309  float: left;
310}
311.dataTables_wrapper .dataTables_filter {
312  float: right;
313  text-align: right;
314}
315.dataTables_wrapper .dataTables_filter input {
316  margin-left: 0.5em;
317}
318.dataTables_wrapper .dataTables_info {
319  clear: both;
320  float: left;
321  padding-top: 0.55em;
322}
323.dataTables_wrapper .dataTables_paginate {
324  float: right;
325  text-align: right;
326}
327.dataTables_wrapper .dataTables_paginate .fg-button {
328  box-sizing: border-box;
329  display: inline-block;
330  min-width: 1.5em;
331  padding: 0.5em;
332  margin-left: 2px;
333  text-align: center;
334  text-decoration: none !important;
335  cursor: pointer;
336  *cursor: hand;
337  color: #333 !important;
338  border: 1px solid transparent;
339}
340.dataTables_wrapper .dataTables_paginate .fg-button:active {
341  outline: none;
342}
343.dataTables_wrapper .dataTables_paginate .fg-button:first-child {
344  border-top-left-radius: 3px;
345  border-bottom-left-radius: 3px;
346}
347.dataTables_wrapper .dataTables_paginate .fg-button:last-child {
348  border-top-right-radius: 3px;
349  border-bottom-right-radius: 3px;
350}
351.dataTables_wrapper .dataTables_processing {
352  position: absolute;
353  top: 50%;
354  left: 50%;
355  width: 100%;
356  height: 40px;
357  margin-left: -50%;
358  margin-top: -25px;
359  padding-top: 20px;
360  text-align: center;
361  font-size: 1.2em;
362  background-color: white;
363  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
364  /* Chrome,Safari4+ */
365  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
366  /* Chrome10+,Safari5.1+ */
367  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
368  /* FF3.6+ */
369  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
370  /* IE10+ */
371  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
372  /* Opera 11.10+ */
373  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
374  /* W3C */
375}
376.dataTables_wrapper .dataTables_length,
377.dataTables_wrapper .dataTables_filter,
378.dataTables_wrapper .dataTables_info,
379.dataTables_wrapper .dataTables_processing,
380.dataTables_wrapper .dataTables_paginate {
381  color: #333;
382}
383.dataTables_wrapper .dataTables_scroll {
384  clear: both;
385}
386.dataTables_wrapper .dataTables_scrollBody {
387  *margin-top: -1px;
388  -webkit-overflow-scrolling: touch;
389}
390.dataTables_wrapper .ui-widget-header {
391  font-weight: normal;
392}
393.dataTables_wrapper .ui-toolbar {
394  padding: 8px;
395}
396.dataTables_wrapper:after {
397  visibility: hidden;
398  display: block;
399  content: "";
400  clear: both;
401  height: 0;
402}
403
404@media screen and (max-width: 767px) {
405  .dataTables_wrapper .dataTables_length,
406  .dataTables_wrapper .dataTables_filter,
407  .dataTables_wrapper .dataTables_info,
408  .dataTables_wrapper .dataTables_paginate {
409    float: none;
410    text-align: center;
411  }
412  .dataTables_wrapper .dataTables_filter,
413  .dataTables_wrapper .dataTables_paginate {
414    margin-top: 0.5em;
415  }
416}
Nota: Vea TracBrowser para ayuda de uso del navegador del repositorio.