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