dataTables.responsive.css 2.2 KB

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