form.css 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104
  1. /**
  2. * @file
  3. * Visual styles for form components.
  4. */
  5. form .field-multiple-table {
  6. margin: 0;
  7. }
  8. form .field-multiple-table .field-multiple-drag {
  9. width: 30px;
  10. padding-right: 0; /* LTR */
  11. }
  12. [dir="rtl"] form .field-multiple-table .field-multiple-drag {
  13. padding-left: 0;
  14. }
  15. form .field-multiple-table .field-multiple-drag .tabledrag-handle {
  16. padding-right: 0.5em; /* LTR */
  17. }
  18. [dir="rtl"] form .field-multiple-table .field-multiple-drag .tabledrag-handle {
  19. padding-right: 0;
  20. padding-left: 0.5em;
  21. }
  22. form .field-add-more-submit {
  23. margin: 0.5em 0 0;
  24. }
  25. /**
  26. * Markup generated by Form API.
  27. */
  28. .form-item,
  29. .form-actions {
  30. margin-top: 1em;
  31. margin-bottom: 1em;
  32. }
  33. tr.odd .form-item,
  34. tr.even .form-item {
  35. margin-top: 0;
  36. margin-bottom: 0;
  37. }
  38. .form-composite > .fieldset-wrapper > .description,
  39. .form-item .description {
  40. font-size: 0.85em;
  41. }
  42. label.option {
  43. display: inline;
  44. font-weight: normal;
  45. }
  46. .form-composite > legend,
  47. .label {
  48. display: inline;
  49. font-size: inherit;
  50. font-weight: bold;
  51. margin: 0;
  52. padding: 0;
  53. }
  54. .form-checkboxes .form-item,
  55. .form-radios .form-item {
  56. margin-top: 0.4em;
  57. margin-bottom: 0.4em;
  58. }
  59. .form-type-radio .description,
  60. .form-type-checkbox .description {
  61. margin-left: 2.4em; /* LTR */
  62. }
  63. [dir="rtl"] .form-type-radio .description,
  64. [dir="rtl"] .form-type-checkbox .description {
  65. margin-left: 0;
  66. margin-right: 2.4em;
  67. }
  68. .marker {
  69. color: #e00;
  70. }
  71. .form-required:after {
  72. content: '';
  73. vertical-align: super;
  74. display: inline-block;
  75. /* Use a background image to prevent screen readers from announcing the text. */
  76. background-image: url(../../../../misc/icons/ee0000/required.svg);
  77. background-repeat: no-repeat;
  78. background-size: 6px 6px;
  79. width: 6px;
  80. height: 6px;
  81. margin: 0 0.3em;
  82. }
  83. abbr.tabledrag-changed,
  84. abbr.ajax-changed {
  85. border-bottom: none;
  86. }
  87. .form-item input.error,
  88. .form-item textarea.error,
  89. .form-item select.error {
  90. border: 2px solid red;
  91. }
  92. /* Inline error messages. */
  93. .form-item--error-message:before {
  94. content: '';
  95. display: inline-block;
  96. height: 14px;
  97. width: 14px;
  98. vertical-align: sub;
  99. background: url(../../../../misc/icons/e32700/error.svg) no-repeat;
  100. background-size: contain;
  101. }