dataTables.responsive.css 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. table.dataTable.dtr-inline.collapsed tbody td:first-child,
  2. table.dataTable.dtr-inline.collapsed tbody th:first-child {
  3. position: relative;
  4. padding-left: 30px;
  5. cursor: pointer;
  6. }
  7. table.dataTable.dtr-inline.collapsed tbody td:first-child:before,
  8. table.dataTable.dtr-inline.collapsed tbody th:first-child:before {
  9. top: 8px;
  10. left: 4px;
  11. height: 16px;
  12. width: 16px;
  13. display: block;
  14. position: absolute;
  15. color: white;
  16. border: 2px solid white;
  17. border-radius: 16px;
  18. text-align: center;
  19. line-height: 14px;
  20. box-shadow: 0 0 3px #444;
  21. box-sizing: content-box;
  22. content: '+';
  23. background-color: #31b131;
  24. }
  25. table.dataTable.dtr-inline.collapsed tbody td:first-child.dataTables_empty:before,
  26. table.dataTable.dtr-inline.collapsed tbody th:first-child.dataTables_empty:before {
  27. display: none;
  28. }
  29. table.dataTable.dtr-inline.collapsed tbody tr.parent td:first-child:before,
  30. table.dataTable.dtr-inline.collapsed tbody tr.parent th:first-child:before {
  31. content: '-';
  32. background-color: #d33333;
  33. }
  34. table.dataTable.dtr-inline.collapsed tbody tr.child td:before {
  35. display: none;
  36. }
  37. table.dataTable.dtr-column tbody td.control,
  38. table.dataTable.dtr-column tbody th.control {
  39. position: relative;
  40. cursor: pointer;
  41. }
  42. table.dataTable.dtr-column tbody td.control:before,
  43. table.dataTable.dtr-column tbody th.control:before {
  44. top: 50%;
  45. left: 50%;
  46. height: 16px;
  47. width: 16px;
  48. margin-top: -10px;
  49. margin-left: -10px;
  50. display: block;
  51. position: absolute;
  52. color: white;
  53. border: 2px solid white;
  54. border-radius: 16px;
  55. text-align: center;
  56. line-height: 14px;
  57. box-shadow: 0 0 3px #444;
  58. box-sizing: content-box;
  59. content: '+';
  60. background-color: #31b131;
  61. }
  62. table.dataTable.dtr-column tbody tr.parent td.control:before,
  63. table.dataTable.dtr-column tbody tr.parent th.control:before {
  64. content: '-';
  65. background-color: #d33333;
  66. }
  67. table.dataTable tr.child {
  68. padding: 0.5em 1em;
  69. }
  70. table.dataTable tr.child:hover {
  71. background: transparent !important;
  72. }
  73. table.dataTable tr.child ul {
  74. display: inline-block;
  75. list-style-type: none;
  76. margin: 0;
  77. padding: 0;
  78. }
  79. table.dataTable tr.child ul li {
  80. border-bottom: 1px solid #efefef;
  81. padding: 0.5em 0;
  82. }
  83. table.dataTable tr.child ul li:first-child {
  84. padding-top: 0;
  85. }
  86. table.dataTable tr.child ul li:last-child {
  87. border-bottom: none;
  88. }
  89. table.dataTable tr.child span.dtr-title {
  90. display: inline-block;
  91. min-width: 75px;
  92. font-weight: bold;
  93. }