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.

81 lines
1.8 KiB

9 years ago
  1. /*!
  2. Pure v0.6.0
  3. Copyright 2014 Yahoo! Inc. All rights reserved.
  4. Licensed under the BSD License.
  5. https://github.com/yahoo/pure/blob/master/LICENSE.md
  6. */
  7. .pure-table {
  8. /* Remove spacing between table cells (from Normalize.css) */
  9. border-collapse: collapse;
  10. border-spacing: 0;
  11. empty-cells: show;
  12. border: 1px solid #cbcbcb;
  13. }
  14. .pure-table caption {
  15. color: #000;
  16. font: italic 85%/1 arial, sans-serif;
  17. padding: 1em 0;
  18. text-align: center;
  19. }
  20. .pure-table td,
  21. .pure-table th {
  22. border-left: 1px solid #cbcbcb;/* inner column border */
  23. border-width: 0 0 0 1px;
  24. font-size: inherit;
  25. margin: 0;
  26. overflow: visible; /*to make ths where the title is really long work*/
  27. padding: 0.5em 1em; /* cell padding */
  28. }
  29. /* Consider removing this next declaration block, as it causes problems when
  30. there's a rowspan on the first cell. Case added to the tests. issue#432 */
  31. .pure-table td:first-child,
  32. .pure-table th:first-child {
  33. border-left-width: 0;
  34. }
  35. .pure-table thead {
  36. background-color: #e0e0e0;
  37. color: #000;
  38. text-align: left;
  39. vertical-align: bottom;
  40. }
  41. /*
  42. striping:
  43. even - #fff (white)
  44. odd - #f2f2f2 (light gray)
  45. */
  46. .pure-table td {
  47. background-color: transparent;
  48. }
  49. .pure-table-odd td {
  50. background-color: #f2f2f2;
  51. }
  52. /* nth-child selector for modern browsers */
  53. .pure-table-striped tr:nth-child(2n-1) td {
  54. background-color: #f2f2f2;
  55. }
  56. /* BORDERED TABLES */
  57. .pure-table-bordered td {
  58. border-bottom: 1px solid #cbcbcb;
  59. }
  60. .pure-table-bordered tbody > tr:last-child > td {
  61. border-bottom-width: 0;
  62. }
  63. /* HORIZONTAL BORDERED TABLES */
  64. .pure-table-horizontal td,
  65. .pure-table-horizontal th {
  66. border-width: 0 0 1px 0;
  67. border-bottom: 1px solid #cbcbcb;
  68. }
  69. .pure-table-horizontal tbody > tr:last-child > td {
  70. border-bottom-width: 0;
  71. }