www.aleph1.co.uk Git - yaffs-website/blob - web/core/themes/classy/css/components/form.css

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