Première version en Python-Django.
[auf_paf.git] / static / admin / css / forms.css
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
16 form .form-row p {
17 padding-left: 0;
18 font-size: 11px;
19 }
20
21 /* FORM LABELS */
22
23 form h4 {
24 margin: 0 !important;
25 padding: 0 !important;
26 border: none !important;
27 }
28
29 label {
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
42 form ul.radiolist li {
43 list-style-type: none;
44 }
45
46 form ul.radiolist label {
47 float: none;
48 display: inline;
49 }
50
51 form ul.inline {
52 margin-left: 0;
53 padding: 0;
54 }
55
56 form 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
80 form .aligned p, form .aligned ul {
81 margin-left: 7em;
82 padding-left: 30px;
83 }
84
85 form .aligned table p {
86 margin-left: 0;
87 padding-left: 0;
88 }
89
90 form .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
109 fieldset .field-box {
110 float: left;
111 margin-right: 20px;
112 }
113
114 /* WIDE FIELDSETS */
115
116 .wide label {
117 width: 15em !important;
118 }
119
120 form .wide p {
121 margin-left: 15em;
122 }
123
124 form .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
134 fieldset.collapsed * {
135 display: none;
136 }
137
138 fieldset.collapsed h2, fieldset.collapsed {
139 display: block !important;
140 }
141
142 fieldset.collapsed h2 {
143 background-image: url(../img/nav-bg.gif);
144 background-position: bottom left;
145 color: #999;
146 }
147
148 fieldset.collapsed .collapse-toggle {
149 background: transparent;
150 display: inline !important;
151 }
152
153 /* MONOSPACE TEXTAREAS */
154
155 fieldset.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
170 body.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 }