Projet

Général

Profil

Paste
Télécharger (10,6 ko) Statistiques
| Branche: | Révision:

root / htmltest / sites / all / modules / views / css / views-admin.seven.css @ a5572547

1
/**
2
 * The .seven.css file is intended to contain styles that override declarations
3
 * in the Seven admin theme.
4
 */
5

    
6
/* @group Content */
7

    
8
.views-ui-display-tab-bucket h1,
9
.views-ui-display-tab-bucket h2,
10
.views-ui-display-tab-bucket h3,
11
.views-ui-display-tab-bucket h4,
12
.views-ui-display-tab-bucket h5 {
13
  margin-bottom: 0;
14
  margin-top: 0;
15
}
16

    
17
/* @end */
18

    
19
/* @group Forms */
20

    
21
.views-ui-dialog fieldset {
22
  padding-top: 2.5em;
23
}
24

    
25
fieldset fieldset {
26
  border: medium none;
27
}
28

    
29
/**
30
 * Seven positions the legend absolutely, but does not have a way to ignore
31
 * fieldsets without a legend so we make one up.
32
 */
33
fieldset.fieldset-no-legend {
34
  padding-top: 0;
35
}
36

    
37
/**
38
 * Being extra safe here and scoping this to the add view wizard form (where
39
 * a layout problem occurs for the Display format fieldset if we don't fix its
40
 * padding), but it's probably safe to just let it apply everywhere.
41
 */
42
#views-ui-add-form fieldset fieldset .fieldset-wrapper {
43
  padding-left: 0;
44
  padding-right: 0;
45
}
46

    
47
.views-display-tab fieldset {
48
  padding: 0 12px;
49
}
50

    
51
.views-display-tab .fieldset-wrapper {
52
  padding: 10px 12px 12px;
53
}
54

    
55
.views-display-tab fieldset.box-padding .fieldset-wrapper {
56
  padding: 0;
57
}
58

    
59
.views-display-tab legend + .fieldset-wrapper {
60
  padding-top: 2.5em;
61
}
62

    
63
.views-admin .form-item label.option,
64
#views-ui-preview-form .form-item label.option {
65
  font-size: 1em;
66
}
67

    
68
#views-ui-preview-form .form-submit {
69
  margin-top: 3px;
70
}
71

    
72
.views-admin input.form-submit,
73
.views-ui-dialog input.form-submit,
74
.views-admin a.button,
75
.views-ui-dialog a.button {
76
  margin-bottom: 0;
77
  margin-right: 0; /* LTR */
78
  margin-top: 0;
79
}
80

    
81
/* Override for a button on the edit display screen */
82
#edit-displays-preview-controls .form-submit {
83
  display: inline-block;
84
  margin-right: 1em;
85
}
86

    
87
/* Override for filter button on the views list screen */
88
#ctools-export-ui-list-form .form-submit {
89
  margin-bottom: 0;
90
}
91

    
92
#ctools-export-ui-list-form .ctools-export-ui-first-row .form-item {
93
  margin-top: 3px;
94
  margin-right: 5px; /* LTR */
95
}
96

    
97
.form-item,
98
.form-item .form-item {
99
  margin-bottom: 0;
100
  margin-top: 9px;
101
  padding-bottom: 0;
102
  padding-top: 0;
103
}
104

    
105
.form-actions {
106
  margin-bottom: 0;
107
  margin-top: 0;
108
}
109

    
110
.form-item .form-item {
111
  padding-bottom: 0;
112
  padding-top: 0;
113
}
114

    
115
.form-radios > .form-item {
116
  margin-top: 3px;
117
}
118

    
119
/* @group Dependent options
120
 *
121
 * Dependent options are identified in CTools dependent.js
122
 */
123

    
124
/* The .dependent-options.form-item is necessary to supercede the Seven .form-item
125
 * reset declaration that sets the margin to zero.
126
 */
127
.dependent-options,
128
.dependent-options.form-item,
129
.form-item-options-expose-required,
130
.form-item-options-expose-label,
131
.form-item-options-expose-description {
132
  margin-left: 1.5em;
133
}
134

    
135
.views-admin-dependent .form-item .form-item,
136
.views-admin-dependent .form-type-checkboxes,
137
.views-admin-dependent .form-type-radios,
138
.views-admin-dependent .dependent-options,
139
.views-admin-dependent .form-item .form-item,
140
.views-admin-dependent .dependent-options .form-type-select,
141
.views-admin-dependent .dependent-options .form-type-textfield,
142
.form-item-options-expose-required,
143
.form-item-options-expose-label,
144
.form-item-options-expose-description {
145
  margin-bottom: 6px;
146
  margin-top: 6px;
147
}
148

    
149
.views-admin-dependent .form-type-radio,
150
.views-admin-dependent .form-radios .form-item {
151
  margin-bottom: 2px;
152
  margin-top: 2px;
153
}
154

    
155
/* @end */
156

    
157
/* @end */
158

    
159
/* @group Lists */
160

    
161
.views-admin ul.secondary,
162
.views-admin .item-list ul {
163
  margin: 0;
164
  padding: 0;
165
}
166

    
167
.views-admin ul.secondary {
168
  clear: none;
169
}
170

    
171
.views-displays ul.secondary li a,
172
.views-displays ul.secondary li.active a,
173
.views-displays ul.secondary li.active a.active {
174
  padding: 2px 7px 3px;
175
}
176

    
177
.views-displays ul.secondary li.active a,
178
.views-displays ul.secondary li.active a.active {
179
  border: 1px solid transparent;
180
}
181

    
182
.views-admin .links li {
183
  padding-right: 0; /* LTR */
184
}
185

    
186
.views-admin .button .links li {
187
  padding-right: 12px; /* LTR */
188
}
189

    
190
.page-admin-structure-views #content ul.action-links {
191
  padding-left: 0;
192
  padding-right: 0;
193
}
194

    
195
.views-display-top ul.secondary {
196
  background-color: transparent;
197
  float: left
198
}
199

    
200
.views-display-top .secondary .action-list li {
201
  float: none;
202
  margin: 0;
203
}
204

    
205
/* @end */
206

    
207
/* @group Buttons */
208

    
209
.ctools-button-processed ul {
210
  margin: 0;
211
}
212

    
213
/* Override for input elements that are themed like ctools-buttons */
214
.ctools-button-processed input.form-submit:hover {
215
  background-image: none;
216
  color: #0074BD;
217
  text-shadow: none;
218
}
219

    
220
.ctools-button-processed input.form-submit:active {
221
  background: none;
222
  border: medium none;
223
  color: #0074BD;
224
  text-shadow: none;
225
}
226

    
227
/* @end */
228

    
229
/* @group Tables */
230

    
231
table td,
232
table th {
233
  vertical-align: top;
234
}
235

    
236
/* @end */
237

    
238
/* @group Attachment details */
239

    
240
#edit-display-settings-title {
241
  color: #008BCB;
242
}
243

    
244
/* @end */
245

    
246
/* @group Attachment details tabs
247
 *
248
 * The tabs that switch between sections
249
 */
250

    
251
.views-displays .secondary {
252
 text-align: left; /* LTR */
253
}
254

    
255
.views-displays .secondary > li:first-child {
256
 padding-left: 0;
257
}
258

    
259
.views-admin .icon.add {
260
  background-position: center 3px;
261
}
262

    
263
.views-displays .secondary a {
264
  background-color: #f1f1f1;
265
  -moz-border-radius: 7px;
266
  -webkit-border-radius: 7px;
267
  border-radius: 7px;
268
  color: #008BCB;
269
}
270

    
271
.views-displays .secondary a:hover > .icon.add {
272
  background-position: center -25px;
273
}
274

    
275
.views-displays .secondary .open > a {
276
  -moz-border-radius: 7px 7px 0 0;
277
  -webkit-border-radius: 7px 7px 0 0;
278
  border-radius: 7px 7px 0 0;
279
}
280

    
281
.views-displays .secondary .open > a:hover {
282
  background-color: #f1f1f1;
283
  color: #008BCB;
284
}
285

    
286
.views-displays .secondary .action-list  li:first-child {
287
  -moz-border-radius: 0 7px 0 0;
288
  -webkit-border-radius: 0 7px 0 0;
289
  border-radius: 0 7px 0 0;
290
}
291

    
292
.views-displays .secondary .action-list  li:last-child {
293
  -moz-border-radius: 0 0 7px 7px;
294
  -webkit-border-radius: 0 0 7px 7px;
295
  border-radius: 0 0 7px 7px;
296
}
297

    
298
.views-displays .secondary .action-list input.form-submit {
299
  -moz-border-radius: 0;
300
  -webkit-border-radius: 0;
301
  border-radius: 0;
302
  color: #008BCB;
303
}
304

    
305
/* @end */
306

    
307
/* @group Attachment buckets
308
 *
309
 * These are the individual "buckets," or boxes, inside the display settings area
310
 */
311

    
312
.views-ui-display-tab-bucket h3 {
313
  font-size: 12px;
314
  text-transform: uppercase;
315
}
316

    
317
.views-ui-display-tab-bucket .links {
318
  padding: 2px 6px 4px;
319
}
320

    
321
.views-ui-display-tab-bucket .links li + li {
322
  margin-left: 3px;
323
}
324

    
325
/* @end */
326

    
327
/* @group Rearrange filter criteria */
328

    
329
#views-ui-rearrange-filter-form .action-links {
330
  margin: 0;
331
  padding: 0;
332
}
333

    
334
#views-ui-rearrange-filter-form table {
335
  border: medium none;
336
}
337

    
338
#views-ui-rearrange-filter-form [id^="views-row"] {
339
  border: medium none;
340
}
341

    
342
#views-ui-rearrange-filter-form tr td:last-child {
343
  border-right: medium none;
344
}
345

    
346
#views-ui-rearrange-filter-form .filter-group-operator-row {
347
  border-left: 1px solid transparent !important;
348
  border-right: 1px solid transparent !important;
349
}
350

    
351
#views-ui-rearrange-filter-form tr.drag td {
352
  background-color: #FFEE77 !important;
353
}
354

    
355
#views-ui-rearrange-filter-form tr.drag-previous td {
356
  background-color: #FFFFBB !important;
357
}
358

    
359
/* @end */
360

    
361
/* @group Live preview elements */
362

    
363
.views-query-info pre {
364
  margin-bottom: 0;
365
  margin-top: 0;
366
}
367

    
368
/* @group Query info table */
369

    
370
.views-query-info table {
371
  -moz-border-radius: 7px;
372
  -webkit-border-radius: 7px;
373
  border-radius: 7px;
374
  -webkit-border-horizontal-spacing: 1px;
375
  -webkit-border-vertical-spacing: 1px;
376
}
377

    
378
.views-query-info table tr td:last-child {
379
  /* Fixes a Seven style that bleeds down into this table unnecessarily */
380
  border-right: 0 none;
381
}
382

    
383
/* @end */
384

    
385
/* @end */
386

    
387
/* @group Add view */
388

    
389
.form-item-page-create,
390
.form-item-block-create {
391
  margin-top: 13px;
392
}
393

    
394
/* @end */
395

    
396
/* @group Modal dialog box
397
 *
398
 * The contents of the popup dialog on the views edit form.
399
 */
400

    
401
.views-ui-dialog .ui-dialog-titlebar-close {
402
  -moz-box-shadow: none;
403
  -webkit-box-shadow: none;
404
  box-shadow: none;
405
  border-color: #cccccc;
406
  right: -27px;
407
  top: -1px;
408
}
409

    
410
.views-ui-dialog fieldset.collapsible {
411
  padding-top: 1.5em;
412
}
413

    
414
.views-ui-dialog fieldset.collapsed {
415
  padding-top: 2.5em;
416
}
417

    
418
.filterable-option .form-item.form-type-checkbox {
419
  /* This selector is aggressive because Seven's reset for .form-items is aggressive. */
420
  padding-bottom: 4px;
421
  padding-left: 4px;
422
  padding-top: 4px;
423
}
424

    
425
/* @end */
426

    
427
/* @group CTools */
428

    
429
/* @group Buttons */
430

    
431
.ctools-button-processed {
432
  background-image:
433
    -moz-linear-gradient(
434
      -90deg,
435
      #ffffff 0px,
436
      #f9f9f9 100%);
437
  background-image:
438
    -webkit-gradient(
439
      linear,
440
      left top,
441
      left bottom,
442
      color-stop(0.0, rgba(255, 255, 255, 1.0)),
443
      color-stop(1.0, rgba(249, 249, 249, 1.0))
444
    );
445
  background-image:
446
    -webkit-linear-gradient(
447
      -90deg,
448
      #ffffff 0px,
449
      #f9f9f9 100%);
450
  background-image:
451
    linear-gradient(
452
      -90deg,
453
      #ffffff 0px,
454
      #f9f9f9 100%);
455
  -moz-border-radius: 11px 11px 11px 11px;
456
  -webkit-border-radius: 11px 11px 11px 11px;
457
  border-radius: 11px 11px 11px 11px;
458
}
459

    
460
.ctools-button-processed:hover {
461
  background-image:
462
    -moz-linear-gradient(
463
      -90deg,
464
      #ffffff 0px,
465
      #f1f1f1 100%);
466
  background-image:
467
    -webkit-gradient(
468
      linear,
469
      left top,
470
      left bottom,
471
      color-stop(0.0, rgba(255, 255, 255, 1.0)),
472
      color-stop(1.0, rgba(241, 241, 241, 1.0))
473
    );
474
  background-image:
475
    -webkit-linear-gradient(
476
      -90deg,
477
      #ffffff 0px,
478
      #f1f1f1 100%);
479
  background-image:
480
    linear-gradient(
481
      -90deg,
482
      #ffffff 0px,
483
      #f1f1f1 100%);
484
}
485

    
486
.ctools-dropbutton-processed.open:hover {
487
  background-image:
488
    -moz-linear-gradient(
489
      -90deg,
490
      #ffffff 0px,
491
      #f9f9f9 100%);
492
  background-image:
493
    -webkit-gradient(
494
      linear,
495
      left top,
496
      left bottom,
497
      color-stop(0.0, rgba(255, 255, 255, 1.0)),
498
      color-stop(1.0, rgba(249, 249, 249, 1.0))
499
    );
500
  background-image:
501
    -webkit-linear-gradient(
502
      -90deg,
503
      #ffffff 0px,
504
      #f9f9f9 100%);
505
  background-image:
506
    linear-gradient(
507
      -90deg,
508
      #ffffff 0px,
509
      #f9f9f9 100%);
510
}
511

    
512
.ctools-dropbutton-processed.open {
513
  -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.25);
514
  -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.25);
515
  box-shadow: 1px 1px 2px rgba(0,0,0,0.25);
516
}
517

    
518
/* @end */
519

    
520
/* @group Collapsible */
521

    
522
.ctools-toggle {
523
  margin-top: 0.6667em;
524
}
525

    
526
.ctools-toggle.ctools-toggle-collapsed {
527
  margin-top: 0.5em;
528
}
529

    
530
.views-display-settings .ctools-toggle {
531
  color: #008BCB;
532
}
533

    
534
.views-display-column > .ctools-toggle {
535
  margin-top: 14px;
536
}
537

    
538
.views-display-column > .ctools-toggle.ctools-toggle-collapsed {
539
  margin-top: 12px;
540
}
541

    
542
.views-display-column > .ctools-collapsible-handle {
543
  color: #008BCB;
544
}
545

    
546
.views-ui-display-tab-actions .ctools-button-processed input {
547
  color: #0074BD;
548
}
549

    
550
/* @end */
551

    
552
/* @end */