/django/contrib/admin/media/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
 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/admin/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/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}
355
356/* IE7 specific bug fixes */
357
358.submit-row input {
359    float: right;
360}