Mercurial > public > madeira

comparison media/django/css/forms.css @ 1:0dcfcdf50c62

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Initial import of Madeira project from the private repository.
author Brian Neal <bgneal@gmail.com>
date Mon, 06 Apr 2009 03:10:59 +0000
parents
children
comparison
equal deleted inserted replaced
0:df0370bfe3f0 1:0dcfcdf50c62
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 .colMS .aligned .vLargeTextField, .colMS .aligned .vXMLLargeTextField {
71 width: 350px;
72 }
73
74 form .aligned p, form .aligned ul {
75 margin-left: 7em;
76 padding-left: 30px;
77 }
78
79 form .aligned table p {
80 margin-left: 0;
81 padding-left: 0;
82 }
83
84 form .aligned p.help {
85 padding-left: 38px;
86 }
87
88 .aligned .vCheckboxLabel {
89 float: none !important;
90 display: inline;
91 padding-left: 4px;
92 }
93
94 .colM .aligned .vLargeTextField, .colM .aligned .vXMLLargeTextField {
95 width: 610px;
96 }
97
98 .checkbox-row p.help {
99 margin-left: 0;
100 padding-left: 0 !important;
101 }
102
103 fieldset .field-box {
104 float: left;
105 margin-right: 20px;
106 }
107
108 /* WIDE FIELDSETS */
109
110 .wide label {
111 width: 15em !important;
112 }
113
114 form .wide p {
115 margin-left: 15em;
116 }
117
118 form .wide p.help {
119 padding-left: 38px;
120 }
121
122 .colM fieldset.wide .vLargeTextField, .colM fieldset.wide .vXMLLargeTextField {
123 width: 450px;
124 }
125
126 /* COLLAPSED FIELDSETS */
127
128 fieldset.collapsed * {
129 display: none;
130 }
131
132 fieldset.collapsed h2, fieldset.collapsed {
133 display: block !important;
134 }
135
136 fieldset.collapsed h2 {
137 background-image: url(../img/admin/nav-bg.gif);
138 background-position: bottom left;
139 color: #999;
140 }
141
142 fieldset.collapsed .collapse-toggle {
143 padding: 3px 5px !important;
144 background: transparent;
145 display: inline !important;
146 }
147
148 /* MONOSPACE TEXTAREAS */
149
150 fieldset.monospace textarea {
151 font-family: "Bitstream Vera Sans Mono",Monaco,"Courier New",Courier,monospace;
152 }
153
154 /* SUBMIT ROW */
155
156 .submit-row {
157 padding: 5px 7px;
158 text-align: right;
159 background: white url(../img/admin/nav-bg.gif) 0 100% repeat-x;
160 border: 1px solid #ccc;
161 margin: 5px 0;
162 overflow: hidden;
163 }
164
165 .submit-row input {
166 margin: 0 0 0 5px;
167 }
168
169 .submit-row p {
170 margin: 0.3em;
171 }
172
173 .submit-row p.deletelink-box {
174 float: left;
175 }
176
177 .submit-row .deletelink {
178 background: url(../img/admin/icon_deletelink.gif) 0 50% no-repeat;
179 padding-left: 14px;
180 }
181
182 /* CUSTOM FORM FIELDS */
183
184 .vSelectMultipleField {
185 vertical-align: top !important;
186 }
187
188 .vCheckboxField {
189 border: none;
190 }
191
192 .vDateField, .vTimeField {
193 margin-right: 2px;
194 }
195
196 .vURLField {
197 width: 30em;
198 }
199
200 .vLargeTextField, .vXMLLargeTextField {
201 width: 48em;
202 }
203
204 .flatpages-flatpage #id_content {
205 height: 40.2em;
206 }
207
208 .module table .vPositiveSmallIntegerField {
209 width: 2.2em;
210 }
211
212 .vTextField {
213 width: 20em;
214 }
215
216 .vIntegerField {
217 width: 5em;
218 }
219
220 .vForeignKeyRawIdAdminField {
221 width: 5em;
222 }
223
224 /* INLINES */
225
226 .inline-group {
227 padding: 0;
228 border: 1px solid #ccc;
229 margin: 10px 0;
230 }
231
232 .inline-group .aligned label {
233 width: 8em;
234 }
235
236 .inline-related {
237 position: relative;
238 }
239
240 .inline-related h3 {
241 margin: 0;
242 color: #666;
243 padding: 3px 5px;
244 font-size: 11px;
245 background: #e1e1e1 url(../img/admin/nav-bg.gif) top left repeat-x;
246 border-bottom: 1px solid #ddd;
247 }
248
249 .inline-related h3 span.delete {
250 padding-left: 20px;
251 position: absolute;
252 top: 2px;
253 right: 10px;
254 }
255
256 .inline-related h3 span.delete label {
257 margin-left: 2px;
258 font-size: 11px;
259 }
260
261 .inline-related fieldset {
262 margin: 0;
263 background: #fff;
264 border: none;
265 }
266
267 .inline-related fieldset.module h3 {
268 margin: 0;
269 padding: 2px 5px 3px 5px;
270 font-size: 11px;
271 text-align: left;
272 font-weight: bold;
273 background: #bcd;
274 color: #fff;
275 }
276
277 .inline-related.tabular fieldset.module table {
278 width: 100%;
279 }
280
281 .last-related fieldset {
282 border: none;
283 }
284
285 .inline-group .tabular tr.has_original td {
286 padding-top: 2em;
287 }
288
289 .inline-group .tabular tr td.original {
290 padding: 2px 0 0 0;
291 width: 0;
292 _position: relative;
293 }
294
295 .inline-group .tabular th.original {
296 width: 0px;
297 padding: 0;
298 }
299
300 .inline-group .tabular td.original p {
301 position: absolute;
302 left: 0;
303 height: 1.1em;
304 padding: 2px 7px;
305 overflow: hidden;
306 font-size: 9px;
307 font-weight: bold;
308 color: #666;
309 _width: 700px;
310 }
311
312 .inline-group ul.tools {
313 padding: 0;
314 margin: 0;
315 list-style: none;
316 }
317
318 .inline-group ul.tools li {
319 display: inline;
320 padding: 0 5px;
321 }
322
323 .inline-group ul.tools a.add {
324 background: url(../img/admin/icon_addlink.gif) 0 50% no-repeat;
325 padding-left: 14px;
326 }
327