Projet

Général

Profil

Paste
Télécharger (8,24 ko) Statistiques
| Branche: | Révision:

root / drupal7 / sites / all / themes / corolla / css / forms.css @ 87dbc3bf

1
/* Forms */
2
form {
3
  margin: 0 0 1.5em;
4
  padding: 0;
5
}
6
.form-item label {
7
  font-weight: 400;
8
}
9
input {
10
  margin: 0;
11
}
12
input.title {
13
  font-size: 1.3em;
14
}
15
input.text,
16
input.title,
17
textarea,
18
select {
19
  border: 1px solid #ccc;
20
  margin: 0;
21
}
22
select {
23
  margin-bottom: 3px;
24
  padding: 3px;
25
}
26
input.form-text,
27
input.form-password,
28
input.form-file,
29
textarea {
30
  background-color: #fafafa;
31
  border: 1px solid #ccc;
32
  font-family: inherit;
33
  font-size: inherit;
34
  line-height: inherit;
35
  padding: 4px;
36
  -moz-border-radius: 3px;
37
  -webkit-border-radius: 3px;
38
  border-radius: 3px;
39
  -moz-box-sizing: border-box;
40
  -webkit-box-sizing: border-box;
41
  box-sizing: border-box;
42
}
43
.form-textarea-wrapper.resizable textarea{
44
  -moz-border-radius: 3px 3px 0 0;
45
  -webkit-border-radius: 3px 3px 0 0;
46
  border-radius: 3px 3px 0 0;
47
}
48
input.form-text {
49
  max-width: 100%;
50
}
51
input.form-text,
52
input.form-password,
53
input.form-file {
54
  width: auto;
55
}
56
.block input.form-text,
57
.block input.form-password,
58
.block input.form-file {
59
  max-width: 400px;
60
  width: 100%;
61
}
62
input.form-file,
63
.block input.form-file {
64
  max-width: 240px;
65
  width: 100%;
66
}
67
#block-search-form input.form-text {
68
  width: auto;
69
}
70
input.form-button,
71
input.form-submit {
72
  background: url(images/button.png) repeat-x left top transparent;
73
  border: 1px solid #ccc;
74
  cursor: pointer;
75
  margin: 0 5px 0 0;
76
  padding: 5px 11px;
77
}
78
input.form-button:hover,
79
input.form-submit:hover,
80
input.form-button:focus,
81
input.form-submit:focus {
82
  border-color: #bbb;
83
}
84
textarea,
85
input {
86
  font: 1em normal Arial, Helvetica, sans-serif;
87
}
88
.form-item,
89
.form-action {
90
  margin-top: 10px;
91
  margin-bottom: 10px;
92
}
93
.exposed-filters .form-item {
94
  margin-top: 0;
95
  margin-bottom: 10px;
96
}
97
.form-item textarea.error {
98
  padding: 2px;
99
}
100
.form-item .description,
101
fieldset .description,
102
.fieldset-layout-settings dd {
103
  font-size: 0.85em;
104
}
105
#article-admin-filter ul {
106
  padding: .5em 0;
107
}
108
#edit-operation-wrapper select {
109
  margin: .5em;
110
}
111
fieldset {
112
  background: transparent;
113
  border: 1px solid #dadada;
114
  margin: 10px 0;
115
  padding: 10px;
116
  position: relative;
117
}
118
fieldset fieldset:last-child {
119
  margin-bottom: 0;
120
}
121
.form-type-radio .description,
122
.form-type-checkbox .description {
123
  margin-left: 0;
124
}
125
*:first-child+html fieldset {
126
  background-color: transparent;
127
  background-position: 0 10px;
128
  padding: 0 10px 10px;
129
}
130
*:first-child+html fieldset > .description,
131
*:first-child+html fieldset .fieldset-wrapper .description {
132
  padding-top: 10px;
133
}
134
fieldset div.with-legend {
135
  margin-top: 3em;
136
}
137
fieldset legend {
138
  display: block;
139
  font-weight: 400;
140
  padding: 0;
141
  position: absolute;
142
  top: 0;
143
  -moz-border-radius: 3px;
144
  -webkit-border-radius: 3px;
145
  border-radius: 3px;
146
}
147
*:first-child+html fieldset legend,
148
*:first-child+html fieldset.collapsed legend {
149
  display: inline;
150
}
151
fieldset legend span.fieldset-legend {
152
 display: block;
153
 padding: 4px 10px;
154
}
155
html.js fieldset.collapsed {
156
  min-height: 1.85em;
157
}
158
html.js fieldset.collapsible .fieldset-legend {
159
  background: none;
160
}
161
html.js fieldset.collapsible .fieldset-legend {
162
  padding: 2px 4px 2px 10px;
163
}
164
html.js fieldset.collapsible legend a {
165
  padding: 0 15px 0 0;
166
  color: #fff;
167
  background: url(images/arrow-down-white.png) no-repeat right 6px;
168
}
169
html.js fieldset.collapsed legend a {
170
  background: url(images/arrow-right-white.png) no-repeat right 6px;
171
}
172
html.js fieldset.collapsed .fieldset-wrapper,
173
html.js fieldset.collapsed .action {
174
  display: none;
175
}
176
html.js fieldset.collapsed {
177
}
178
html.js fieldset.collapsed {
179
  border-width: 1px;
180
  margin-bottom: 15px;
181
}
182
html.js fieldset.collapsible div.fieldset-wrapper {
183
  margin-top: 3em;
184
}
185
html.js input.form-autocomplete {
186
  background-position: 99% 7px;
187
}
188
html.js input.throbbing {
189
  background-position: 99% -13px;
190
}
191
#autocomplete ul li {
192
  margin: 0;
193
}
194
#autocomplete ul li:hover {
195
  background: none;
196
}
197
#autocomplete ul div {
198
  cursor: pointer;
199
  position: relative;
200
  display: block;
201
  width: 100%;
202
  padding: 3px;
203
}
204
div.resizable-textarea textarea {
205
  margin-top: 0;
206
}
207
.resizable-textarea {
208
  width: 100%;
209
}
210
.resizable-textarea .grippie {
211
  height: 9px;
212
  width: 100%;
213
  background: #ccc url(images/grippie.png) no-repeat center 2px;
214
  border: 1px solid #ccc;
215
  border-top-width: 0;
216
  cursor: s-resize;
217
  margin-top: -6px;
218
  position: relative;
219
  margin-right: 0!important;
220
  -moz-box-sizing: border-box;
221
  -webkit-box-sizing: border-box;
222
  box-sizing: border-box;
223
}
224
#search-block-form {
225
    margin-top: 0.4em;
226
}
227
#search-block-form .form-text {
228
  margin-bottom: 6px;
229
}
230
fieldset#edit-advanced fieldset {
231
  margin: 0 10px 10px 0;
232
}
233
fieldset#edit-advanced fieldset .fieldset-legend {
234
  background: none;
235
  padding-left: 1em;
236
}
237
.advanced-search-submit {
238
  clear: both;
239
}
240
.search-advanced .criterion {
241
  float: none;
242
  margin: 0 5px;
243
}
244
#edit-keywords-fieldset .form-item:first-child {
245
  margin-top: 5px;
246
}
247
#search-form {
248
  margin: 10px 0;
249
}
250
#search-form > div {}
251
#search-form .container-inline {}
252
#search-form #edit-basic label {
253
  clip: rect(1px 1px 1px 1px);
254
  clip: rect(1px, 1px, 1px, 1px);
255
  position: absolute;
256
}
257
.search-advanced .fieldset-wrapper legend {
258
  background: transparent;
259
}
260
#user-login-form ul {
261
  margin: 0;
262
  padding: 0;
263
}
264
#user-login-form li.openid-link,
265
#user-login-form li.user-link {
266
  text-align: center;
267
}
268
#user-login ul {
269
  margin: 0 0 5px;
270
}
271
#user-login ul li {
272
  margin: 0;
273
}
274
#user-login-form .item-list li {
275
  list-style: none;
276
  margin: 0;
277
}
278
#user-login-form li.openid-link,
279
#user-login li.openid-link {
280
  background: none;
281
}
282
.hide-label label {
283
  position: absolute !important;
284
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
285
  clip: rect(1px, 1px, 1px, 1px);
286
  background: none;
287
}
288
#user-admin-filter ul li,
289
#article-admin-filter ul li {
290
  list-style: none;
291
}
292
.description {
293
  color: #555;
294
}
295
.field-type-text-long fieldset {
296
  padding: 10px 0;
297
}
298
.field-type-text-long fieldset .form-item {
299
  margin: 0;
300
  padding: 0 0 0 15px;
301
}
302
fieldset .filter-help {
303
  padding: 0 15px 5px;
304
}
305
.filter-guidelines {
306
  font-size: .9em;
307
  margin: 0;
308
  padding: 5px 18px 10px;
309
}
310
#devel-switch-user-form {
311
  margin-bottom: 0;
312
}
313
fieldset.filter-wrapper {
314
  margin: 0 0 12px 0;
315
  border-top: none;
316
  width: auto;
317
}
318
.filter-help {
319
  float: right;
320
  margin: 0;
321
}
322
.filter-help a {
323
  background: none;
324
  padding: 0;
325
}
326
.filter-wrapper .form-item {
327
  margin-top: 0;
328
}
329
.filter-guidelines {
330
  padding-top: 6px;
331
  font-size: 0.8em;
332
}
333
.filter-guidelines ul {
334
  margin: 0;
335
}
336
.block .filter-guidelines ul li {
337
  list-style: none;
338
  margin: 0;
339
  padding: 0;
340
}
341
body.page-filter-tips #block-system-main ul {
342
  margin: 0;
343
  list-style: none;
344
}
345
body.page-filter-tips #block-system-main li {
346
  margin: 10px 0;
347
}
348
body.page-filter-tips #block-system-main table {
349
  margin: 10px 0;
350
}
351
div.vertical-tabs {
352
  border: 1px solid #ccc;
353
}
354
div.vertical-tabs ul.vertical-tabs-list {
355
  list-style-position: outside;
356
}
357
.vertical-tabs-panes {
358
  padding: 9px 5px;
359
}
360
div.vertical-tabs fieldset {
361
  background: none;
362
}
363
ul.vertical-tabs-list li a {
364
  display: block;
365
  border: none;
366
  padding: 7px 12px;
367
  color: inherit;
368
}
369
ul.vertical-tabs-list li.selected a {
370
  background-color: #fff;
371
}
372
.vertical-tabs input {
373
  width: 100%;
374
}
375
.vertical-tabs input.form-checkbox,
376
.vertical-tabs input.form-radio {
377
  width: auto;
378
}
379
.marker {
380
  color: #e25401;
381
  text-transform: capitalize;
382
  margin-left: 3px;
383
}
384
.marker:before {
385
  content: "(";
386
}
387
.marker:after {
388
  content: ")";
389
}
390
.farbtastic .marker:before {
391
  content: "";
392
}
393
.farbtastic .marker:after {
394
  content: "";
395
}
396
#palette .form-item {
397
  width: auto;
398
}
399
.color-form .form-item {
400
  height: 3em;
401
}
402
#palette .item-selected {
403
  background: none;
404
}
405
#palette .lock {
406
  background-position: 50% 2px;
407
}
408
#palette .unlocked {
409
  background-position: 50% -22px;
410
}
411
#palette .hook {
412
  margin-top: 0.6em;
413
}
414
.password-parent,
415
div.form-item div.password-suggestions {
416
  position: relative;
417
  width: auto;
418
}
419
#password-strength {
420
  float: none;
421
  left: 16em;
422
  position: absolute;
423
  width: 11.5em;
424
}
425
#password-strength-text,
426
.password-strength-title,
427
div.password-confirm {
428
  font-size: 0.8em;
429
}
430
#password-strength-text {
431
  margin-top: 0.2em;
432
}
433
input.password-confirm,
434
input.password-field {
435
  width: 15em;
436
  margin-bottom: 0.4em;
437
}
438
div.form-item div.password-suggestions {
439
  padding: 8px 9px;
440
  margin: 10px 0;
441
  background-color: #f3fcdb;
442
  border: 1px solid #b8e643;
443
}
444

    
445
/* Reset textarea backgrounds in WYSIWYG module text editors */
446
body.wysiwygeditor {
447
  background-color: #fff;
448
  background-image: none;
449
}