dataTables.semanticui.css 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  1. /*
  2. * Styling for DataTables with Semantic UI
  3. */
  4. table.dataTable.table {
  5. margin: 0;
  6. }
  7. table.dataTable.table thead th,
  8. table.dataTable.table thead td {
  9. position: relative;
  10. }
  11. table.dataTable.table thead th.sorting, table.dataTable.table thead th.sorting_asc, table.dataTable.table thead th.sorting_desc,
  12. table.dataTable.table thead td.sorting,
  13. table.dataTable.table thead td.sorting_asc,
  14. table.dataTable.table thead td.sorting_desc {
  15. padding-right: 20px;
  16. }
  17. table.dataTable.table thead th.sorting:after, table.dataTable.table thead th.sorting_asc:after, table.dataTable.table thead th.sorting_desc:after,
  18. table.dataTable.table thead td.sorting:after,
  19. table.dataTable.table thead td.sorting_asc:after,
  20. table.dataTable.table thead td.sorting_desc:after {
  21. position: absolute;
  22. top: 12px;
  23. right: 8px;
  24. display: block;
  25. font-family: Icons;
  26. }
  27. table.dataTable.table thead th.sorting:after,
  28. table.dataTable.table thead td.sorting:after {
  29. content: "\f0dc";
  30. color: #ddd;
  31. font-size: 0.8em;
  32. }
  33. table.dataTable.table thead th.sorting_asc:after,
  34. table.dataTable.table thead td.sorting_asc:after {
  35. content: "\f0de";
  36. }
  37. table.dataTable.table thead th.sorting_desc:after,
  38. table.dataTable.table thead td.sorting_desc:after {
  39. content: "\f0dd";
  40. }
  41. table.dataTable.table td,
  42. table.dataTable.table th {
  43. -webkit-box-sizing: content-box;
  44. -moz-box-sizing: content-box;
  45. box-sizing: content-box;
  46. }
  47. table.dataTable.table td.dataTables_empty,
  48. table.dataTable.table th.dataTables_empty {
  49. text-align: center;
  50. }
  51. table.dataTable.table.nowrap th,
  52. table.dataTable.table.nowrap td {
  53. white-space: nowrap;
  54. }
  55. div.dataTables_wrapper div.dataTables_length select {
  56. vertical-align: middle;
  57. min-height: 2.7142em;
  58. }
  59. div.dataTables_wrapper div.dataTables_length .ui.selection.dropdown {
  60. min-width: 0;
  61. }
  62. div.dataTables_wrapper div.dataTables_filter input {
  63. margin-left: 0.5em;
  64. }
  65. div.dataTables_wrapper div.dataTables_info {
  66. padding-top: 13px;
  67. white-space: nowrap;
  68. }
  69. div.dataTables_wrapper div.dataTables_processing {
  70. position: absolute;
  71. top: 50%;
  72. left: 50%;
  73. width: 200px;
  74. margin-left: -100px;
  75. text-align: center;
  76. }
  77. div.dataTables_wrapper div.row.dt-table {
  78. padding: 0;
  79. }
  80. div.dataTables_wrapper div.dataTables_scrollHead table.dataTable {
  81. border-bottom-right-radius: 0;
  82. border-bottom-left-radius: 0;
  83. border-bottom: none;
  84. }
  85. div.dataTables_wrapper div.dataTables_scrollBody thead .sorting:after,
  86. div.dataTables_wrapper div.dataTables_scrollBody thead .sorting_asc:after,
  87. div.dataTables_wrapper div.dataTables_scrollBody thead .sorting_desc:after {
  88. display: none;
  89. }
  90. div.dataTables_wrapper div.dataTables_scrollBody table.dataTable {
  91. border-radius: 0;
  92. border-top: none;
  93. border-bottom-width: 0;
  94. }
  95. div.dataTables_wrapper div.dataTables_scrollBody table.dataTable.no-footer {
  96. border-bottom-width: 1px;
  97. }
  98. div.dataTables_wrapper div.dataTables_scrollFoot table.dataTable {
  99. border-top-right-radius: 0;
  100. border-top-left-radius: 0;
  101. border-top: none;
  102. }