You are here

tables.css in AT Tools 8.3

@charset "UTF-8";
/**
 * Table Base
 * Set base styles for table elements.
 ============================================================================ */
table {
  padding: 0;
  border: 0;
  border-collapse: collapse;
}

table caption {
  font-size: 0.875rem;
  font-style: italic;
}

tr {
  border: 1px solid;
}

caption,
th,
td {
  text-align: left;
}

thead tr {
  font-weight: 600;
}

tr,
td,
th {
  border: 1px solid;
}

td,
th {
  padding: 0.5rem;
  vertical-align: middle;
}

/**
 * Table Theme
 * Style Drupal selectors for tables.
 ============================================================================ */
.path-admin table {
  width: 100%;
}

table.sticky-header {
  z-index: 10;
}

table .view-table__details {
  padding: 0;
  margin: 0 0 1rem;
  font-size: 1rem;
}

table .view-table__details,
table .view-table__details--summary {
  border: 0;
}

table .view-table__details--description {
  font-style: italic;
}

table ul {
  margin: 0;
}

table[align='right'] {
  margin-left: 1rem;
}

table[align='left'] {
  margin-right: 1rem;
}

@media screen and (max-width: 45em) {
  table[align='right'], table[align='left'] {
    margin-left: 0;
    margin-right: 0;
  }
}

thead, tbody, tr, th, td {
  border-width: 1px;
}

[border='2'] thead, [border='2'] tbody, [border='2'] tr, [border='2'] th, [border='2'] td {
  border-width: 2px;
}

[border='3'] thead, [border='3'] tbody, [border='3'] tr, [border='3'] th, [border='3'] td {
  border-width: 3px;
}

[border='4'] thead, [border='4'] tbody, [border='4'] tr, [border='4'] th, [border='4'] td {
  border-width: 4px;
}

[border='5'] thead, [border='5'] tbody, [border='5'] tr, [border='5'] th, [border='5'] td {
  border-width: 5px;
}

[border='6'] thead, [border='6'] tbody, [border='6'] tr, [border='6'] th, [border='6'] td {
  border-width: 6px;
}

[border='7'] thead, [border='7'] tbody, [border='7'] tr, [border='7'] th, [border='7'] td {
  border-width: 7px;
}

[border='8'] thead, [border='8'] tbody, [border='8'] tr, [border='8'] th, [border='8'] td {
  border-width: 8px;
}

[border='9'] thead, [border='9'] tbody, [border='9'] tr, [border='9'] th, [border='9'] td {
  border-width: 9px;
}

[border='10'] thead, [border='10'] tbody, [border='10'] tr, [border='10'] th, [border='10'] td {
  border-width: 10px;
}

thead .active img {
  display: inline;
}

/**
 * Table sort indicators.
 ============================================================================ */
.tablesort {
  height: 1rem;
  width: 1rem;
  display: inline-block;
}

.tablesort--asc:after, .tablesort--desc:after {
  font-family: FontAwesome, sans-serif;
  height: 1rem;
  width: 1rem;
  padding: 0 0.1875rem;
  background-image: none;
  display: none;
}

.fa-loaded .tablesort--asc:after, .fa-loaded .tablesort--desc:after {
  display: inline-block;
}

.tablesort--asc:after {
  content: "";
}

.tablesort--desc:after {
  content: "";
}
/*# sourceMappingURL=tables.css.map */

File

at_theme_generator/starterkits/starterkit/styles/css/components/tables.css
View source
  1. @charset "UTF-8";
  2. /**
  3. * Table Base
  4. * Set base styles for table elements.
  5. ============================================================================ */
  6. table {
  7. padding: 0;
  8. border: 0;
  9. border-collapse: collapse;
  10. }
  11. table caption {
  12. font-size: 0.875rem;
  13. font-style: italic;
  14. }
  15. tr {
  16. border: 1px solid;
  17. }
  18. caption,
  19. th,
  20. td {
  21. text-align: left;
  22. }
  23. thead tr {
  24. font-weight: 600;
  25. }
  26. tr,
  27. td,
  28. th {
  29. border: 1px solid;
  30. }
  31. td,
  32. th {
  33. padding: 0.5rem;
  34. vertical-align: middle;
  35. }
  36. /**
  37. * Table Theme
  38. * Style Drupal selectors for tables.
  39. ============================================================================ */
  40. .path-admin table {
  41. width: 100%;
  42. }
  43. table.sticky-header {
  44. z-index: 10;
  45. }
  46. table .view-table__details {
  47. padding: 0;
  48. margin: 0 0 1rem;
  49. font-size: 1rem;
  50. }
  51. table .view-table__details,
  52. table .view-table__details--summary {
  53. border: 0;
  54. }
  55. table .view-table__details--description {
  56. font-style: italic;
  57. }
  58. table ul {
  59. margin: 0;
  60. }
  61. table[align='right'] {
  62. margin-left: 1rem;
  63. }
  64. table[align='left'] {
  65. margin-right: 1rem;
  66. }
  67. @media screen and (max-width: 45em) {
  68. table[align='right'], table[align='left'] {
  69. margin-left: 0;
  70. margin-right: 0;
  71. }
  72. }
  73. thead, tbody, tr, th, td {
  74. border-width: 1px;
  75. }
  76. [border='2'] thead, [border='2'] tbody, [border='2'] tr, [border='2'] th, [border='2'] td {
  77. border-width: 2px;
  78. }
  79. [border='3'] thead, [border='3'] tbody, [border='3'] tr, [border='3'] th, [border='3'] td {
  80. border-width: 3px;
  81. }
  82. [border='4'] thead, [border='4'] tbody, [border='4'] tr, [border='4'] th, [border='4'] td {
  83. border-width: 4px;
  84. }
  85. [border='5'] thead, [border='5'] tbody, [border='5'] tr, [border='5'] th, [border='5'] td {
  86. border-width: 5px;
  87. }
  88. [border='6'] thead, [border='6'] tbody, [border='6'] tr, [border='6'] th, [border='6'] td {
  89. border-width: 6px;
  90. }
  91. [border='7'] thead, [border='7'] tbody, [border='7'] tr, [border='7'] th, [border='7'] td {
  92. border-width: 7px;
  93. }
  94. [border='8'] thead, [border='8'] tbody, [border='8'] tr, [border='8'] th, [border='8'] td {
  95. border-width: 8px;
  96. }
  97. [border='9'] thead, [border='9'] tbody, [border='9'] tr, [border='9'] th, [border='9'] td {
  98. border-width: 9px;
  99. }
  100. [border='10'] thead, [border='10'] tbody, [border='10'] tr, [border='10'] th, [border='10'] td {
  101. border-width: 10px;
  102. }
  103. thead .active img {
  104. display: inline;
  105. }
  106. /**
  107. * Table sort indicators.
  108. ============================================================================ */
  109. .tablesort {
  110. height: 1rem;
  111. width: 1rem;
  112. display: inline-block;
  113. }
  114. .tablesort--asc:after, .tablesort--desc:after {
  115. font-family: FontAwesome, sans-serif;
  116. height: 1rem;
  117. width: 1rem;
  118. padding: 0 0.1875rem;
  119. background-image: none;
  120. display: none;
  121. }
  122. .fa-loaded .tablesort--asc:after, .fa-loaded .tablesort--desc:after {
  123. display: inline-block;
  124. }
  125. .tablesort--asc:after {
  126. content: "";
  127. }
  128. .tablesort--desc:after {
  129. content: "";
  130. }
  131. /*# sourceMappingURL=tables.css.map */