A simple system for creating multiple-choice questions for an audience to answer on their phones. Responses are tallied and displayed in real-time. https://openquestion.netsyms.com
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

tables.css 3.6KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120
  1. table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child,
  2. table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child {
  3. position: relative;
  4. padding-left: 30px;
  5. cursor: pointer;
  6. }
  7. table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
  8. table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
  9. top: 10px;
  10. left: initial;
  11. right: 15px;
  12. height: 16px;
  13. width: 16px;
  14. color: initial;
  15. border: initial;
  16. border-radius: initial;
  17. text-align: initial;
  18. line-height: initial;
  19. box-shadow: initial;
  20. box-sizing: initial;
  21. background-color: initial;
  22. display: block;
  23. position: absolute;
  24. background-image: url(../img/search-plus.svg);
  25. background-repeat: no-repeat;
  26. background-size: 16px 16px;
  27. content: '';
  28. }
  29. table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child.dataTables_empty:before,
  30. table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child.dataTables_empty:before {
  31. display: none;
  32. }
  33. table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
  34. table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
  35. background-color: initial;
  36. background-image: url(../img/minus-square.svg);
  37. background-repeat: no-repeat;
  38. background-size: 16px 16px;
  39. content: '';
  40. }
  41. table.dataTable.dtr-inline.collapsed > tbody > tr.child td:before {
  42. display: none;
  43. }
  44. table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child,
  45. table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child {
  46. padding-left: 27px;
  47. }
  48. table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before,
  49. table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before {
  50. top: 5px;
  51. left: 4px;
  52. height: 14px;
  53. width: 14px;
  54. border-radius: 14px;
  55. line-height: 12px;
  56. }
  57. table.dataTable.dtr-column > tbody > tr > td.control,
  58. table.dataTable.dtr-column > tbody > tr > th.control {
  59. position: relative;
  60. cursor: pointer;
  61. width: 15px;
  62. }
  63. table.dataTable.dtr-column > tbody > tr > td.control:before,
  64. table.dataTable.dtr-column > tbody > tr > th.control:before {
  65. top: initial;
  66. left: initial;
  67. height: 16px;
  68. width: 16px;
  69. margin-top: auto;
  70. margin-left: auto;
  71. display: block;
  72. position: absolute;
  73. background-image: url(../img/search-plus.svg);
  74. background-repeat: no-repeat;
  75. background-size: 16px 16px;
  76. content: '';
  77. color: initial;
  78. border: initial;
  79. border-radius: initial;
  80. text-align: initial;
  81. line-height: initial;
  82. box-shadow: initial;
  83. box-sizing: initial;
  84. background-color: initial;
  85. }
  86. table.dataTable.dtr-column > tbody > tr.parent td.control:before,
  87. table.dataTable.dtr-column > tbody > tr.parent th.control:before {
  88. background-color: initial;
  89. background-image: url(../img/minus-square.svg);
  90. background-repeat: no-repeat;
  91. background-size: 16px 16px;
  92. content: '';
  93. }
  94. table.dataTable > tbody > tr.child {
  95. padding: 0.5em 1em;
  96. }
  97. table.dataTable > tbody > tr.child:hover {
  98. background: transparent !important;
  99. }
  100. table.dataTable > tbody > tr.child ul {
  101. display: inline-block;
  102. list-style-type: none;
  103. margin: 0;
  104. padding: 0;
  105. }
  106. table.dataTable > tbody > tr.child ul li {
  107. border-bottom: 1px solid #efefef;
  108. padding: 0.5em 0;
  109. }
  110. table.dataTable > tbody > tr.child ul li:first-child {
  111. padding-top: 0;
  112. }
  113. table.dataTable > tbody > tr.child ul li:last-child {
  114. border-bottom: none;
  115. }
  116. table.dataTable > tbody > tr.child span.dtr-title {
  117. display: inline-block;
  118. min-width: 75px;
  119. font-weight: bold;
  120. }