← Back to branch summary

~chipaca/unity-lens-video/custom-user-agent

« back to all changes in this revision

Viewing changes to media/css/forms.css

  • Committer: Janos Gyerik
  • Date: 2012-04-03 20:38:05 UTC
  • Revision ID: janos@axiom-20120403203805-d2e6j78xee1dhttx
renamed "main" module to "oneliners"

Show diffs side-by-side

added added

removed removed

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