tables.css 7.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234
  1. table {
  2. background-color: transparent;
  3. }
  4. th {
  5. text-align: left;
  6. }
  7. .table {
  8. width: 100%;
  9. max-width: 100%;
  10. margin-bottom: 20px;
  11. }
  12. .table > thead > tr > th,
  13. .table > tbody > tr > th,
  14. .table > tfoot > tr > th,
  15. .table > thead > tr > td,
  16. .table > tbody > tr > td,
  17. .table > tfoot > tr > td {
  18. padding: 8px;
  19. line-height: 1.42857143;
  20. vertical-align: top;
  21. border-top: 1px solid #ddd;
  22. }
  23. .table > thead > tr > th {
  24. vertical-align: bottom;
  25. border-bottom: 2px solid #ddd;
  26. }
  27. .table > caption + thead > tr:first-child > th,
  28. .table > colgroup + thead > tr:first-child > th,
  29. .table > thead:first-child > tr:first-child > th,
  30. .table > caption + thead > tr:first-child > td,
  31. .table > colgroup + thead > tr:first-child > td,
  32. .table > thead:first-child > tr:first-child > td {
  33. border-top: 0;
  34. }
  35. .table > tbody + tbody {
  36. border-top: 2px solid #ddd;
  37. }
  38. .table .table {
  39. background-color: #fff;
  40. }
  41. .table-condensed > thead > tr > th,
  42. .table-condensed > tbody > tr > th,
  43. .table-condensed > tfoot > tr > th,
  44. .table-condensed > thead > tr > td,
  45. .table-condensed > tbody > tr > td,
  46. .table-condensed > tfoot > tr > td {
  47. padding: 5px;
  48. }
  49. .table-bordered {
  50. border: 1px solid #ddd;
  51. }
  52. .table-bordered > thead > tr > th,
  53. .table-bordered > tbody > tr > th,
  54. .table-bordered > tfoot > tr > th,
  55. .table-bordered > thead > tr > td,
  56. .table-bordered > tbody > tr > td,
  57. .table-bordered > tfoot > tr > td {
  58. border: 1px solid #ddd;
  59. }
  60. .table-bordered > thead > tr > th,
  61. .table-bordered > thead > tr > td {
  62. border-bottom-width: 2px;
  63. }
  64. .table-striped > tbody > tr:nth-child(odd) > td,
  65. .table-striped > tbody > tr:nth-child(odd) > th {
  66. background-color: #f9f9f9;
  67. }
  68. .table-hover > tbody > tr:hover > td,
  69. .table-hover > tbody > tr:hover > th {
  70. background-color: #f5f5f5;
  71. }
  72. table col[class*="col-"] {
  73. position: static;
  74. display: table-column;
  75. float: none;
  76. }
  77. table td[class*="col-"],
  78. table th[class*="col-"] {
  79. position: static;
  80. display: table-cell;
  81. float: none;
  82. }
  83. .table > thead > tr > td.active,
  84. .table > tbody > tr > td.active,
  85. .table > tfoot > tr > td.active,
  86. .table > thead > tr > th.active,
  87. .table > tbody > tr > th.active,
  88. .table > tfoot > tr > th.active,
  89. .table > thead > tr.active > td,
  90. .table > tbody > tr.active > td,
  91. .table > tfoot > tr.active > td,
  92. .table > thead > tr.active > th,
  93. .table > tbody > tr.active > th,
  94. .table > tfoot > tr.active > th {
  95. background-color: #f5f5f5;
  96. }
  97. .table-hover > tbody > tr > td.active:hover,
  98. .table-hover > tbody > tr > th.active:hover,
  99. .table-hover > tbody > tr.active:hover > td,
  100. .table-hover > tbody > tr:hover > .active,
  101. .table-hover > tbody > tr.active:hover > th {
  102. background-color: #e8e8e8;
  103. }
  104. .table > thead > tr > td.success,
  105. .table > tbody > tr > td.success,
  106. .table > tfoot > tr > td.success,
  107. .table > thead > tr > th.success,
  108. .table > tbody > tr > th.success,
  109. .table > tfoot > tr > th.success,
  110. .table > thead > tr.success > td,
  111. .table > tbody > tr.success > td,
  112. .table > tfoot > tr.success > td,
  113. .table > thead > tr.success > th,
  114. .table > tbody > tr.success > th,
  115. .table > tfoot > tr.success > th {
  116. background-color: #dff0d8;
  117. }
  118. .table-hover > tbody > tr > td.success:hover,
  119. .table-hover > tbody > tr > th.success:hover,
  120. .table-hover > tbody > tr.success:hover > td,
  121. .table-hover > tbody > tr:hover > .success,
  122. .table-hover > tbody > tr.success:hover > th {
  123. background-color: #d0e9c6;
  124. }
  125. .table > thead > tr > td.info,
  126. .table > tbody > tr > td.info,
  127. .table > tfoot > tr > td.info,
  128. .table > thead > tr > th.info,
  129. .table > tbody > tr > th.info,
  130. .table > tfoot > tr > th.info,
  131. .table > thead > tr.info > td,
  132. .table > tbody > tr.info > td,
  133. .table > tfoot > tr.info > td,
  134. .table > thead > tr.info > th,
  135. .table > tbody > tr.info > th,
  136. .table > tfoot > tr.info > th {
  137. background-color: #d9edf7;
  138. }
  139. .table-hover > tbody > tr > td.info:hover,
  140. .table-hover > tbody > tr > th.info:hover,
  141. .table-hover > tbody > tr.info:hover > td,
  142. .table-hover > tbody > tr:hover > .info,
  143. .table-hover > tbody > tr.info:hover > th {
  144. background-color: #c4e3f3;
  145. }
  146. .table > thead > tr > td.warning,
  147. .table > tbody > tr > td.warning,
  148. .table > tfoot > tr > td.warning,
  149. .table > thead > tr > th.warning,
  150. .table > tbody > tr > th.warning,
  151. .table > tfoot > tr > th.warning,
  152. .table > thead > tr.warning > td,
  153. .table > tbody > tr.warning > td,
  154. .table > tfoot > tr.warning > td,
  155. .table > thead > tr.warning > th,
  156. .table > tbody > tr.warning > th,
  157. .table > tfoot > tr.warning > th {
  158. background-color: #fcf8e3;
  159. }
  160. .table-hover > tbody > tr > td.warning:hover,
  161. .table-hover > tbody > tr > th.warning:hover,
  162. .table-hover > tbody > tr.warning:hover > td,
  163. .table-hover > tbody > tr:hover > .warning,
  164. .table-hover > tbody > tr.warning:hover > th {
  165. background-color: #faf2cc;
  166. }
  167. .table > thead > tr > td.danger,
  168. .table > tbody > tr > td.danger,
  169. .table > tfoot > tr > td.danger,
  170. .table > thead > tr > th.danger,
  171. .table > tbody > tr > th.danger,
  172. .table > tfoot > tr > th.danger,
  173. .table > thead > tr.danger > td,
  174. .table > tbody > tr.danger > td,
  175. .table > tfoot > tr.danger > td,
  176. .table > thead > tr.danger > th,
  177. .table > tbody > tr.danger > th,
  178. .table > tfoot > tr.danger > th {
  179. background-color: #f2dede;
  180. }
  181. .table-hover > tbody > tr > td.danger:hover,
  182. .table-hover > tbody > tr > th.danger:hover,
  183. .table-hover > tbody > tr.danger:hover > td,
  184. .table-hover > tbody > tr:hover > .danger,
  185. .table-hover > tbody > tr.danger:hover > th {
  186. background-color: #ebcccc;
  187. }
  188. @media screen and (max-width: 767px) {
  189. .table-responsive {
  190. width: 100%;
  191. margin-bottom: 15px;
  192. overflow-x: auto;
  193. overflow-y: hidden;
  194. -webkit-overflow-scrolling: touch;
  195. -ms-overflow-style: -ms-autohiding-scrollbar;
  196. border: 1px solid #ddd;
  197. }
  198. .table-responsive > .table {
  199. margin-bottom: 0;
  200. }
  201. .table-responsive > .table > thead > tr > th,
  202. .table-responsive > .table > tbody > tr > th,
  203. .table-responsive > .table > tfoot > tr > th,
  204. .table-responsive > .table > thead > tr > td,
  205. .table-responsive > .table > tbody > tr > td,
  206. .table-responsive > .table > tfoot > tr > td {
  207. white-space: nowrap;
  208. }
  209. .table-responsive > .table-bordered {
  210. border: 0;
  211. }
  212. .table-responsive > .table-bordered > thead > tr > th:first-child,
  213. .table-responsive > .table-bordered > tbody > tr > th:first-child,
  214. .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  215. .table-responsive > .table-bordered > thead > tr > td:first-child,
  216. .table-responsive > .table-bordered > tbody > tr > td:first-child,
  217. .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  218. border-left: 0;
  219. }
  220. .table-responsive > .table-bordered > thead > tr > th:last-child,
  221. .table-responsive > .table-bordered > tbody > tr > th:last-child,
  222. .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  223. .table-responsive > .table-bordered > thead > tr > td:last-child,
  224. .table-responsive > .table-bordered > tbody > tr > td:last-child,
  225. .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  226. border-right: 0;
  227. }
  228. .table-responsive > .table-bordered > tbody > tr:last-child > th,
  229. .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  230. .table-responsive > .table-bordered > tbody > tr:last-child > td,
  231. .table-responsive > .table-bordered > tfoot > tr:last-child > td {
  232. border-bottom: 0;
  233. }
  234. }