table.css

Same filename in this branch
  1. 9 core/themes/bartik/css/components/table.css
Same filename in other branches
  1. 8.9.x core/themes/bartik/css/components/table.css
  2. 10 core/misc/dialog/off-canvas/css/table.css
  3. 10 core/themes/olivero/css/components/table.css
  4. 10 core/modules/ckeditor5/css/table.css
  5. 11.x core/misc/dialog/off-canvas/css/table.css
  6. 11.x core/themes/olivero/css/components/table.css
  7. 11.x core/modules/ckeditor5/css/table.css

User generated tables.

File

core/themes/olivero/css/components/table.css

View source 
  1. /*

  2.  * DO NOT EDIT THIS FILE.

  3.  * See the following change record for more information,

  4.  * https://www.drupal.org/node/3084859

  5.  * @preserve

  6.  */

  7. 

  8. /**

  9.  * @file

  10.  * User generated tables.

  11.  */

  12. 

  13. .forum table,

  14. .text-content table,

  15. .views-table,

  16. .draggable-table {

  17.   margin-top: 2.25rem;

  18.   margin-bottom: 2.25rem;

  19.   border-spacing: 0;

  20.   color: #313637;

  21.   border: 0;

  22.   border-collapse: collapse;

  23.   font-family: metropolis, sans-serif;

  24.   font-size: 1rem;

  25.   line-height: 1.6875rem;

  26. }

  27. 

  28. [dir="ltr"] .forum table caption,

  29. [dir="ltr"] .text-content table caption,

  30. [dir="ltr"] .views-table caption,

  31. [dir="ltr"] .draggable-table caption {

  32.   text-align: left;

  33. }

  34. 

  35. [dir="rtl"] .forum table caption,

  36. [dir="rtl"] .text-content table caption,

  37. [dir="rtl"] .views-table caption,

  38. [dir="rtl"] .draggable-table caption {

  39.   text-align: right;

  40. }

  41. 

  42. .forum table caption,

  43. .text-content table caption,

  44. .views-table caption,

  45. .draggable-table caption {

  46.   margin-bottom: 1.125rem;

  47.   color: #313637;

  48.   font-family: Lora, georgia, serif;

  49.   font-size: 0.875rem;

  50.   font-style: italic;

  51.   line-height: 1.125rem;

  52. }

  53. 

  54. .forum table tr:last-child td,

  55. .text-content table tr:last-child td,

  56. .views-table tr:last-child td,

  57. .draggable-table tr:last-child td {

  58.   border-bottom: 0;

  59. }

  60. 

  61. [dir="ltr"] .forum table td,

  62. [dir="ltr"] .text-content table td,

  63. [dir="ltr"] .views-table td,

  64. [dir="ltr"] .draggable-table td,

  65. [dir="ltr"] .forum table th,

  66. [dir="ltr"] .text-content table th,

  67. [dir="ltr"] .views-table th,

  68. [dir="ltr"] .draggable-table th {

  69.   padding-left: 0;

  70. }

  71. 

  72. [dir="rtl"] .forum table td,

  73. [dir="rtl"] .text-content table td,

  74. [dir="rtl"] .views-table td,

  75. [dir="rtl"] .draggable-table td,

  76. [dir="rtl"] .forum table th,

  77. [dir="rtl"] .text-content table th,

  78. [dir="rtl"] .views-table th,

  79. [dir="rtl"] .draggable-table th {

  80.   padding-right: 0;

  81. }

  82. 

  83. [dir="ltr"] .forum table td,

  84. [dir="ltr"] .text-content table td,

  85. [dir="ltr"] .views-table td,

  86. [dir="ltr"] .draggable-table td,

  87. [dir="ltr"] .forum table th,

  88. [dir="ltr"] .text-content table th,

  89. [dir="ltr"] .views-table th,

  90. [dir="ltr"] .draggable-table th {

  91.   padding-right: 1.125rem;

  92. }

  93. 

  94. [dir="rtl"] .forum table td,

  95. [dir="rtl"] .text-content table td,

  96. [dir="rtl"] .views-table td,

  97. [dir="rtl"] .draggable-table td,

  98. [dir="rtl"] .forum table th,

  99. [dir="rtl"] .text-content table th,

  100. [dir="rtl"] .views-table th,

  101. [dir="rtl"] .draggable-table th {

  102.   padding-left: 1.125rem;

  103. }

  104. 

  105. .forum table td,

  106. .text-content table td,

  107. .views-table td,

  108. .draggable-table td,

  109. .forum table th,

  110. .text-content table th,

  111. .views-table th,

  112. .draggable-table th {

  113.   padding-top: 1.125rem;

  114.   padding-bottom: 1.125rem;

  115.   vertical-align: top;

  116. }

  117. 

  118. [dir="ltr"] .forum table th,

  119. [dir="ltr"] .text-content table th,

  120. [dir="ltr"] .views-table th,

  121. [dir="ltr"] .draggable-table th {

  122.   margin-left: 0;

  123. }

  124. 

  125. [dir="rtl"] .forum table th,

  126. [dir="rtl"] .text-content table th,

  127. [dir="rtl"] .views-table th,

  128. [dir="rtl"] .draggable-table th {

  129.   margin-right: 0;

  130. }

  131. 

  132. [dir="ltr"] .forum table th,

  133. [dir="ltr"] .text-content table th,

  134. [dir="ltr"] .views-table th,

  135. [dir="ltr"] .draggable-table th {

  136.   margin-right: 0;

  137. }

  138. 

  139. [dir="rtl"] .forum table th,

  140. [dir="rtl"] .text-content table th,

  141. [dir="rtl"] .views-table th,

  142. [dir="rtl"] .draggable-table th {

  143.   margin-left: 0;

  144. }

  145. 

  146. [dir="ltr"] .forum table th,

  147. [dir="ltr"] .text-content table th,

  148. [dir="ltr"] .views-table th,

  149. [dir="ltr"] .draggable-table th {

  150.   text-align: left;

  151. }

  152. 

  153. [dir="rtl"] .forum table th,

  154. [dir="rtl"] .text-content table th,

  155. [dir="rtl"] .views-table th,

  156. [dir="rtl"] .draggable-table th {

  157.   text-align: right;

  158. }

  159. 

  160. .forum table th,

  161. .text-content table th,

  162. .views-table th,

  163. .draggable-table th {

  164.   margin-top: 0;

  165.   margin-bottom: 0;

  166.   letter-spacing: 0.02em;

  167.   color: #0d1214;

  168.   border-bottom: 2px solid #2494db;

  169.   font-family: metropolis, sans-serif;

  170.   font-size: 0.875rem;

  171.   line-height: 1.125rem;

  172. 

  173.   /**

  174.      * Fixes for styles injected by CKEditor

  175.      */

  176. }

  177. 

  178. [dir="ltr"] .forum table th.text-align-left,

  179. [dir="ltr"] .text-content table th.text-align-left,

  180. [dir="ltr"] .views-table th.text-align-left,

  181. [dir="ltr"] .draggable-table th.text-align-left {

  182.   text-align: left;

  183. }

  184. 

  185. [dir="rtl"] .forum table th.text-align-left,

  186. [dir="rtl"] .text-content table th.text-align-left,

  187. [dir="rtl"] .views-table th.text-align-left,

  188. [dir="rtl"] .draggable-table th.text-align-left {

  189.   text-align: right;

  190. }

  191. 

  192. [dir="ltr"] .forum table th.text-align-right,

  193. [dir="ltr"] .text-content table th.text-align-right,

  194. [dir="ltr"] .views-table th.text-align-right,

  195. [dir="ltr"] .draggable-table th.text-align-right {

  196.   text-align: right;

  197. }

  198. 

  199. [dir="rtl"] .forum table th.text-align-right,

  200. [dir="rtl"] .text-content table th.text-align-right,

  201. [dir="rtl"] .views-table th.text-align-right,

  202. [dir="rtl"] .draggable-table th.text-align-right {

  203.   text-align: left;

  204. }

  205. 

  206. .forum table th.text-align-center,

  207. .text-content table th.text-align-center,

  208. .views-table th.text-align-center,

  209. .draggable-table th.text-align-center {

  210.   text-align: center;

  211. }

  212. 

  213. .forum table th.text-align-justify,

  214. .text-content table th.text-align-justify,

  215. .views-table th.text-align-justify,

  216. .draggable-table th.text-align-justify {

  217.   text-align: justify;

  218. }

  219. 

  220. .forum table td,

  221. .text-content table td,

  222. .views-table td,

  223. .draggable-table td {

  224.   white-space: normal;

  225.   border-bottom: 2px solid #98abb9;

  226. }

  227. 

  228. .forum table th.checkbox,

  229. .text-content table th.checkbox,

  230. .views-table th.checkbox,

  231. .draggable-table th.checkbox,

  232. .forum table td.checkbox,

  233. .text-content table td.checkbox,

  234. .views-table td.checkbox,

  235. .draggable-table td.checkbox {

  236.   text-align: center;

  237. }

  238. 

  239. .draggable-table {

  240.   width: 100%;

  241. }

  242. 

  243. .draggable-table .form-item {

  244.   margin-top: 0;

  245. }

  246. 

  247. .tablesort {

  248.   vertical-align: middle;

  249. }

  250. 

  251. .sticky-header {

  252.   z-index: 0;

  253.   margin: 0;

  254.   border-bottom: 0.25rem solid #2494db;

  255. }

  256. 

  257. /* Properly align VBO checkboxes. */

  258. 

  259. .views-field-node-bulk-form .form-item {

  260.   margin: 0;

  261. }

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.