build
[semainetech_django.git] / project / media / django / 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/admin/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/admin/nav-bg.gif) 0 100% repeat-x;
165 border: 1px solid #ccc;
166 margin: 5px 0;
167 overflow: hidden;
168 }
169
170 .submit-row input {
171 margin: 0 0 0 5px;
172 }
173
174 .submit-row p {
175 margin: 0.3em;
176 }
177
178 .submit-row p.deletelink-box {
179 float: left;
180 }
181
182 .submit-row .deletelink {
183 background: url(../img/admin/icon_deletelink.gif) 0 50% no-repeat;
184 padding-left: 14px;
185 }
186
187 /* CUSTOM FORM FIELDS */
188
189 .vSelectMultipleField {
190 vertical-align: top !important;
191 }
192
193 .vCheckboxField {
194 border: none;
195 }
196
197 .vDateField, .vTimeField {
198 margin-right: 2px;
199 }
200
201 .vURLField {
202 width: 30em;
203 }
204
205 .vLargeTextField, .vXMLLargeTextField {
206 width: 48em;
207 }
208
209 .flatpages-flatpage #id_content {
210 height: 40.2em;
211 }
212
213 .module table .vPositiveSmallIntegerField {
214 width: 2.2em;
215 }
216
217 .vTextField {
218 width: 20em;
219 }
220
221 .vIntegerField {
222 width: 5em;
223 }
224
225 .vForeignKeyRawIdAdminField {
226 width: 5em;
227 }
228
229 /* INLINES */
230
231 .inline-group {
232 padding: 0;
233 border: 1px solid #ccc;
234 margin: 10px 0;
235 }
236
237 .inline-group .aligned label {
238 width: 8em;
239 }
240
241 .inline-related {
242 position: relative;
243 }
244
245 .inline-related h3 {
246 margin: 0;
247 color: #666;
248 padding: 3px 5px;
249 font-size: 11px;
250 background: #e1e1e1 url(../img/admin/nav-bg.gif) top left repeat-x;
251 border-bottom: 1px solid #ddd;
252 }
253
254 .inline-related h3 span.delete {
255 float: right;
256 }
257
258 .inline-related h3 span.delete label {
259 margin-left: 2px;
260 font-size: 11px;
261 }
262
263 .inline-related fieldset {
264 margin: 0;
265 background: #fff;
266 border: none;
267 }
268
269 .inline-related fieldset.module h3 {
270 margin: 0;
271 padding: 2px 5px 3px 5px;
272 font-size: 11px;
273 text-align: left;
274 font-weight: bold;
275 background: #bcd;
276 color: #fff;
277 }
278
279 .inline-group .tabular fieldset.module {
280 border: none;
281 border-bottom: 1px solid #ddd;
282 }
283
284 .inline-related.tabular fieldset.module table {
285 width: 100%;
286 }
287
288 .last-related fieldset {
289 border: none;
290 }
291
292 .inline-group .tabular tr.has_original td {
293 padding-top: 2em;
294 }
295
296 .inline-group .tabular tr td.original {
297 padding: 2px 0 0 0;
298 width: 0;
299 _position: relative;
300 }
301
302 .inline-group .tabular th.original {
303 width: 0px;
304 padding: 0;
305 }
306
307 .inline-group .tabular td.original p {
308 position: absolute;
309 left: 0;
310 height: 1.1em;
311 padding: 2px 7px;
312 overflow: hidden;
313 font-size: 9px;
314 font-weight: bold;
315 color: #666;
316 _width: 700px;
317 }
318
319 .inline-group ul.tools {
320 padding: 0;
321 margin: 0;
322 list-style: none;
323 }
324
325 .inline-group ul.tools li {
326 display: inline;
327 padding: 0 5px;
328 }
329
330 .inline-group div.add-row,
331 .inline-group .tabular tr.add-row td {
332 color: #666;
333 padding: 3px 5px;
334 border-bottom: 1px solid #ddd;
335 background: #e1e1e1 url(../img/admin/nav-bg.gif) top left repeat-x;
336 }
337
338 .inline-group .tabular tr.add-row td {
339 padding: 4px 5px 3px;
340 border-bottom: none;
341 }
342
343 .inline-group ul.tools a.add,
344 .inline-group div.add-row a,
345 .inline-group .tabular tr.add-row td a {
346 background: url(../img/admin/icon_addlink.gif) 0 50% no-repeat;
347 padding-left: 14px;
348 font-size: 11px;
349 outline: 0; /* Remove dotted border around link */
350 }
351
352 .empty-form {
353 display: none;
354 }