You are here

Home » API reference » TableField 7.3

tablefield.css in TableField 7.3

Styles for Table fields themselves and the form field as well.

File

css/tablefield.css
View source 
  1. /**

  2.  * @file

  3.  * Styles for Table fields themselves and the form field as well.

  4.  */

  5. 

  6. .field-widget-tablefield .form-tablefield table,

  7. .form-tablefield table {

  8.   width: 100%;

  9. }

  10. .field-widget-tablefield .form-tablefield table tr td,

  11. .form-tablefield table tr td {

  12.   margin: 0;

  13.   padding: 2px 0;

  14.   text-align: center;

  15. }

  16. .form-tablefield table tr td.tablefield-row-count {

  17.   color: #cccccc;

  18.   vertical-align: middle;

  19.   max-width: 20px;

  20. }

  21. .field-widget-tablefield .draggable a.tabledrag-handle {

  22.   margin-left: 0;

  23. }

  24. .field-widget-tablefield .form-type-textfield {

  25.   overflow: hidden;

  26.   width: 98%;

  27. }

  28. .table-no-headers input.tablefield-row-0 {

  29.   font-weight: normal !important;

  30. }

  31. .form-tablefield input {

  32.   background-color: transparent;

  33.   width: 100%;

  34. }

  35. .form-tablefield table,

  36. .form-tablefield fieldset {

  37.   margin: 0.5em 0;

  38. }

  39. /* To have an input value close to its unit for the field 'Maximum cell length'.*/

  40. .tablefield-form-align {

  41.   text-align: right; /* LTR */

  42. }

  43. /* Styling headers on the tablefield widget. */

  44. .form-tablefield.tablefield-header-orientation-horizontal input.tablefield-row-0 {

  45.   font-weight: bold;

  46. }

  47. .form-tablefield.tablefield-header-orientation-vertical td.col-0 input {

  48.   font-weight: bold;

  49. }