dataTables.semanticui.css 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  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. box-sizing: content-box;
  45. }
  46. table.dataTable.table td.dataTables_empty,
  47. table.dataTable.table th.dataTables_empty {
  48. text-align: center;
  49. }
  50. table.dataTable.table.nowrap th,
  51. table.dataTable.table.nowrap td {
  52. white-space: nowrap;
  53. }
  54. div.dataTables_wrapper div.dataTables_length select {
  55. vertical-align: middle;
  56. min-height: 2.7142em;
  57. }
  58. div.dataTables_wrapper div.dataTables_length .ui.selection.dropdown {
  59. min-width: 0;
  60. }
  61. div.dataTables_wrapper div.dataTables_filter input {
  62. margin-left: 0.5em;
  63. }
  64. div.dataTables_wrapper div.dataTables_info {
  65. padding-top: 13px;
  66. white-space: nowrap;
  67. }
  68. div.dataTables_wrapper div.dataTables_processing {
  69. position: absolute;
  70. top: 50%;
  71. left: 50%;
  72. width: 200px;
  73. margin-left: -100px;
  74. text-align: center;
  75. }
  76. div.dataTables_wrapper div.row.dt-table {
  77. padding: 0;
  78. }
  79. div.dataTables_wrapper div.dataTables_scrollHead table.dataTable {
  80. border-bottom-right-radius: 0;
  81. border-bottom-left-radius: 0;
  82. border-bottom: none;
  83. }
  84. div.dataTables_wrapper div.dataTables_scrollBody thead .sorting:after,
  85. div.dataTables_wrapper div.dataTables_scrollBody thead .sorting_asc:after,
  86. div.dataTables_wrapper div.dataTables_scrollBody thead .sorting_desc:after {
  87. display: none;
  88. }
  89. div.dataTables_wrapper div.dataTables_scrollBody table.dataTable {
  90. border-radius: 0;
  91. border-top: none;
  92. border-bottom-width: 0;
  93. }
  94. div.dataTables_wrapper div.dataTables_scrollBody table.dataTable.no-footer {
  95. border-bottom-width: 1px;
  96. }
  97. div.dataTables_wrapper div.dataTables_scrollFoot table.dataTable {
  98. border-top-right-radius: 0;
  99. border-top-left-radius: 0;
  100. border-top: none;
  101. }