Nettoyage, 1ère passe…
[auf_paf.git] / paf0 / media / css / forms.css
CommitLineData
0ba28d89 1@import url('widgets.css');
2
3/* FORM ROWS */
4
5.form-row {
6 overflow: hidden;
7 padding: 8px 12px;
8 font-size: 11px;
9 border-bottom: 1px solid #eee;
10}
11
12.form-row img, .form-row input {
13 vertical-align: middle;
14}
15
16form .form-row p {
17 padding-left: 0;
18 font-size: 11px;
19}
20
21/* FORM LABELS */
22
23form h4 {
24 margin: 0 !important;
25 padding: 0 !important;
26 border: none !important;
27}
28
29label {
30 font-weight: normal !important;
31 color: #666;
32 font-size: 12px;
33}
34
35.required label, label.required {
36 font-weight: bold !important;
37 color: #333 !important;
38}
39
40/* RADIO BUTTONS */
41
42form ul.radiolist li {
43 list-style-type: none;
44}
45
46form ul.radiolist label {
47 float: none;
48 display: inline;
49}
50
51form ul.inline {
52 margin-left: 0;
53 padding: 0;
54}
55
56form ul.inline li {
57 float: left;
58 padding-right: 7px;
59}
60
61/* ALIGNED FIELDSETS */
62
63.aligned label {
64 display: block;
65 padding: 3px 10px 0 0;
66 float: left;
67 width: 8em;
68}
69
70.aligned ul label {
71 display: inline;
72 float: none;
73 width: auto;
74}
75
76.colMS .aligned .vLargeTextField, .colMS .aligned .vXMLLargeTextField {
77 width: 350px;
78}
79
80form .aligned p, form .aligned ul {
81 margin-left: 7em;
82 padding-left: 30px;
83}
84
85form .aligned table p {
86 margin-left: 0;
87 padding-left: 0;
88}
89
90form .aligned p.help {
91 padding-left: 38px;
92}
93
94.aligned .vCheckboxLabel {
95 float: none !important;
96 display: inline;
97 padding-left: 4px;
98}
99
100.colM .aligned .vLargeTextField, .colM .aligned .vXMLLargeTextField {
101 width: 610px;
102}
103
104.checkbox-row p.help {
105 margin-left: 0;
106 padding-left: 0 !important;
107}
108
109fieldset .field-box {
110 float: left;
111 margin-right: 20px;
112}
113
114/* WIDE FIELDSETS */
115
116.wide label {
117 width: 15em !important;
118}
119
120form .wide p {
121 margin-left: 15em;
122}
123
124form .wide p.help {
125 padding-left: 38px;
126}
127
128.colM fieldset.wide .vLargeTextField, .colM fieldset.wide .vXMLLargeTextField {
129 width: 450px;
130}
131
132/* COLLAPSED FIELDSETS */
133
134fieldset.collapsed * {
135 display: none;
136}
137
138fieldset.collapsed h2, fieldset.collapsed {
139 display: block !important;
140}
141
142fieldset.collapsed h2 {
143 background-image: url(../img/nav-bg.gif);
144 background-position: bottom left;
145 color: #999;
146}
147
148fieldset.collapsed .collapse-toggle {
149 background: transparent;
150 display: inline !important;
151}
152
153/* MONOSPACE TEXTAREAS */
154
155fieldset.monospace textarea {
156 font-family: "Bitstream Vera Sans Mono",Monaco,"Courier New",Courier,monospace;
157}
158
159/* SUBMIT ROW */
160
161.submit-row {
162 padding: 5px 7px;
163 text-align: right;
164 background: white url(../img/nav-bg.gif) 0 100% repeat-x;
165 border: 1px solid #ccc;
166 margin: 5px 0;
167 overflow: hidden;
168}
169
170body.popup .submit-row {
171 overflow: auto;
172}
173
174.submit-row input {
175 margin: 0 0 0 5px;
176}
177
178.submit-row p {
179 margin: 0.3em;
180}
181
182.submit-row p.deletelink-box {
183 float: left;
184}
185
186.submit-row .deletelink {
187 background: url(../img/icon_deletelink.gif) 0 50% no-repeat;
188 padding-left: 14px;
189}
190
191/* CUSTOM FORM FIELDS */
192
193.vSelectMultipleField {
194 vertical-align: top !important;
195}
196
197.vCheckboxField {
198 border: none;
199}
200
201.vDateField, .vTimeField {
202 margin-right: 2px;
203}
204
205.vURLField {
206 width: 30em;
207}
208
209.vLargeTextField, .vXMLLargeTextField {
210 width: 48em;
211}
212
213.flatpages-flatpage #id_content {
214 height: 40.2em;
215}
216
217.module table .vPositiveSmallIntegerField {
218 width: 2.2em;
219}
220
221.vTextField {
222 width: 20em;
223}
224
225.vIntegerField {
226 width: 5em;
227}
228
229.vForeignKeyRawIdAdminField {
230 width: 5em;
231}
232
233/* INLINES */
234
235.inline-group {
236 padding: 0;
237 border: 1px solid #ccc;
238 margin: 10px 0;
239}
240
241.inline-group .aligned label {
242 width: 8em;
243}
244
245.inline-related {
246 position: relative;
247}
248
249.inline-related h3 {
250 margin: 0;
251 color: #666;
252 padding: 3px 5px;
253 font-size: 11px;
254 background: #e1e1e1 url(../img/nav-bg.gif) top left repeat-x;
255 border-bottom: 1px solid #ddd;
256}
257
258.inline-related h3 span.delete {
259 float: right;
260}
261
262.inline-related h3 span.delete label {
263 margin-left: 2px;
264 font-size: 11px;
265}
266
267.inline-related fieldset {
268 margin: 0;
269 background: #fff;
270 border: none;
271}
272
273.inline-related fieldset.module h3 {
274 margin: 0;
275 padding: 2px 5px 3px 5px;
276 font-size: 11px;
277 text-align: left;
278 font-weight: bold;
279 background: #bcd;
280 color: #fff;
281}
282
283.inline-group .tabular fieldset.module {
284 border: none;
285 border-bottom: 1px solid #ddd;
286}
287
288.inline-related.tabular fieldset.module table {
289 width: 100%;
290}
291
292.last-related fieldset {
293 border: none;
294}
295
296.inline-group .tabular tr.has_original td {
297 padding-top: 2em;
298}
299
300.inline-group .tabular tr td.original {
301 padding: 2px 0 0 0;
302 width: 0;
303 _position: relative;
304}
305
306.inline-group .tabular th.original {
307 width: 0px;
308 padding: 0;
309}
310
311.inline-group .tabular td.original p {
312 position: absolute;
313 left: 0;
314 height: 1.1em;
315 padding: 2px 7px;
316 overflow: hidden;
317 font-size: 9px;
318 font-weight: bold;
319 color: #666;
320 _width: 700px;
321}
322
323.inline-group ul.tools {
324 padding: 0;
325 margin: 0;
326 list-style: none;
327}
328
329.inline-group ul.tools li {
330 display: inline;
331 padding: 0 5px;
332}
333
334.inline-group div.add-row,
335.inline-group .tabular tr.add-row td {
336 color: #666;
337 padding: 3px 5px;
338 border-bottom: 1px solid #ddd;
339 background: #e1e1e1 url(../img/nav-bg.gif) top left repeat-x;
340}
341
342.inline-group .tabular tr.add-row td {
343 padding: 4px 5px 3px;
344 border-bottom: none;
345}
346
347.inline-group ul.tools a.add,
348.inline-group div.add-row a,
349.inline-group .tabular tr.add-row td a {
350 background: url(../img/icon_addlink.gif) 0 50% no-repeat;
351 padding-left: 14px;
352 font-size: 11px;
353 outline: 0; /* Remove dotted border around link */
354}
355
356.empty-form {
357 display: none;
358}