Projet

Général

Profil

Paste
Télécharger (29,7 ko) Statistiques
| Branche: | Révision:

root / drupal7 / sites / all / themes / rubik / css / core.css @ 5024cef7

1

    
2
/**
3
 * Base Rubik styles.
4
 */
5

    
6
/*******************************************************************************
7
 * General styles
8
 ******************************************************************************/
9
p:last-child {
10
  margin: 0;
11
}
12
hr {
13
  display: none;
14
}
15
/* Toggleables. */
16
.toggleable {
17
  display: none;
18
}
19
/* Generic. */
20
.page-content dl dd,
21
.page-content dl dl {
22
  margin-left: 20px;
23
  margin-bottom: 10px;
24
}
25
/* Console. */
26
div.messages {
27
  color: #036;
28
  background-color: #f8f8f8;
29
  padding: 9px 9px 9px 40px;
30
  border: 1px solid #ccc;
31
  margin: 0 0 10px;
32
}
33
table tr.warning th,
34
div.warning {
35
  color: #a84;
36
  background-color: #fff4c0;
37
}
38
table tr.error th,
39
div.error {
40
  color: #965;
41
  background-color: #ffe4e0;
42
}
43
table tr.ok th,
44
table tr.info th,
45
div.status {
46
  color: #687;
47
  background-color: #ecf8f4;
48
}
49
table tr.merge-down td {border-bottom: 0;}
50
table tr.merge-up td {border-top: 0;}
51
table td.status-description {
52
  padding: 3px 40px;
53
  font-size: .9em;
54
}
55
div.error   {
56
  border-color: #ffd4d0;
57
}
58
div.warning {
59
  border-color: #ffe4b0;
60
}
61
div.status  {
62
  border-color: #dce8e4;
63
}
64
/* Pagers. */
65
.pager {
66
  font-weight: normal;
67
  font-size: 11px;
68
}
69
.pager ul.pager-list {
70
  float: left;
71
}
72
.pager ul.pager-links {
73
  float: right;
74
}
75
/* General styles end */
76

    
77
/*******************************************************************************
78
 * Menus, lists
79
 ******************************************************************************/
80
.admin-block-description,
81
.help-items ul li,
82
.confirmation ul li,
83
.item-list ul li,
84
.prose .item-list li,
85
.menu li {
86
  float: none;
87
  display: block;
88
  padding: 5px 10px 4px;
89
  border-bottom: 1px solid #f4f4f4;
90
}
91
.admin-block-description,
92
.help-items ul li:last-child,
93
.confirmation ul li:last-child,
94
.item-list ul li:last-child,
95
.prose .item-list li:last-child,
96
.menu li:last-child {
97
  border-bottom: 0;
98
  padding-bottom: 5px;
99
}
100
.item-list ul.ui-tabs-nav li:last-child {
101
  padding-bottom: 0;
102
}
103
.admin-panel h3 span.icon,
104
.admin-list li a span.icon {
105
  position: absolute;
106
  left: 10px;
107
  top: 10px;
108
}
109
.admin-list-compact li a span.icon {
110
  top: 5px;
111
}
112
.admin-panel h3,
113
.node-type-list li,
114
.admin-list li {
115
  position: relative;
116
  padding: 10px 5px 9px 50px;
117
  margin: 0;
118
  min-height: 30px;
119
  border-bottom: 1px solid #e8e8e8;
120
}
121
.admin-panel h3 {
122
  background: #f4f4f4;
123
  line-height: 30px;
124
}
125
.admin-list-compact li {
126
  min-height: 20px;
127
}
128
.node-type-list li:last-child,
129
.admin-list li:last-child {
130
  border: 0;
131
}
132
/* Fix default spacing between the links displayed in "Operations" column. */
133
td ul.links.inline.operations li:not(:last-child) {
134
  padding: 0 10px 0 0;
135
  margin: 0 8px 0 0;
136
  border-right: 1px solid #DDD;
137
}
138
/* Menus, lists end */
139

    
140
/*******************************************************************************
141
 * Tables
142
 ******************************************************************************/
143
.tabledrag-toggle-weight-wrapper {
144
  float: right;
145
  font-size: 11px;
146
  margin-bottom: -30px;
147
  height: 20px;
148
  padding: 5px;
149
}
150
.tabledrag-toggle-weight-wrapper a {
151
  display: block;
152
  width: 20px;
153
  height: 20px;
154
  text-indent: -999px;
155
  overflow: hidden;
156
  background: url(../images/bleeds.png) -40px -120px no-repeat;
157
}
158
table {
159
  width: 100%;
160
  margin: 0 0 10px;
161
  background-color: #fff;
162
  border-collapse: collapse;
163
  border-color: #ddd;
164
  border-width: 1px;
165
  border-style: solid;
166
}
167
.fieldset table {
168
  margin: 0;
169
}
170
table td,
171
table th {
172
  vertical-align: top;
173
  border-width: 1px 0;
174
  border-style: solid;
175
  border-color: #ddd;
176
  padding: 5px;
177
}
178
table th {
179
  font-size: 11px;
180
  text-align: left;
181
  font-weight: normal;
182
  color: #666;
183
  background: #eee;
184
}
185
  table thead th {
186
    border-top-color: #ccc;
187
  }
188
table td.active {
189
  background: #e4f0f8;
190
}
191
table tr.odd td.active {
192
  background: #ecf8fc;
193
}
194
table tr.selected td.active,
195
table tr.selected td {
196
  background: #ffc;
197
  border-color: #eeb;
198
}
199
/* Block administration */
200
table tr.region td {
201
  background: #f8f8f8;
202
}
203
/* Hide tabledrag markers */
204
table tr.draggable span.tabledrag-changed {
205
  display: none;
206
}
207
table.field-multiple-table td {
208
  padding: 10px;
209
}
210
/* Stripe administrative tables */
211
.page-admin table tr.even,
212
.page-admin table tr.even td {
213
  background-color: #f9f9f9;
214
}
215
.page-admin table tr.odd,
216
.page-admin table tr.odd td {
217
  background-color: #fff;
218
}
219
.page-admin table tr:hover,
220
.page-admin table tr:hover td {
221
  background-color: #EEE;
222
}
223
/* Use Drupal's default colors for Available Updates page statuses */
224
.page-admin table tr.warning,
225
.page-admin table tr.warning td {
226
  background-color: #ffd;
227
  color: #020;
228
}
229
.page-admin table tr.ok,
230
.page-admin table tr.ok td {
231
  background-color: #dfd;
232
  color: #020;
233
}
234
.page-admin table tr.error,
235
.page-admin table tr.error td {
236
  background-color: #fcc;
237
  color: #020;
238
}
239
/* Overrides the striping with core classes for errors and warnings */
240
.page-admin table tr.error,
241
.page-admin table tr.error td {
242
  background: #FCC;
243
}
244
.page-admin table tr.warning,
245
.page-admin table tr.warning td {
246
  background: #FFD;
247
}
248
/* Tables end */
249

    
250
/*******************************************************************************
251
 * Forms
252
 ******************************************************************************/
253
.block,
254
.item-list,
255
.help-items ul,
256
.form-item,
257
.confirmation ul,
258
.admin-list,
259
.node-type-list,
260
.admin-panel {
261
  background: #fff;
262
  margin: 0 0 10px;
263

    
264
  border-width: 1px;
265
  border-style: solid;
266
  border-color: #ddd;
267
}
268
.form-item {
269
  position: relative;
270
  padding: 9px;
271
}
272
.form-wrapper {
273
  margin-bottom: 10px;
274
}
275
.media-widget.form-wrapper{
276
  padding-bottom: 10px;
277
}
278
.form-wrapper .form-wrapper a.button{
279
  margin-left: 10px;
280
}
281
.admin-list {
282
  margin: 0;
283
}
284
table .form-item,
285
table .item-list,
286
.block .form-item,
287
.block .item-list,
288
.admin-panel .item-list,
289
.admin-panel .admin-list,
290
.fieldset .form-item,
291
.fieldset .form-type-radio,
292
.fieldset .form-type-checkbox,
293
.form-item .form-item,
294
.form-item .form-type-radio,
295
.form.item .form-type-checkbox,
296
.form-checkboxes .form-type-checkbox,
297
.text-format-wrapper .fieldset .form-item {
298
  background: transparent;
299
  padding: 0;
300
  border: 0;
301
}
302
table .form-item,
303
table .item-list,
304
.block .item-list,
305
.admin-panel .item-list,
306
.admin-panel .admin-list,
307
.fieldset .form-type-radio,
308
.fieldset .form-type-checkbox,
309
.form-item .form-type-radio,
310
.form.item .form-type-checkbox,
311
.form-checkboxes .form-type-checkbox {
312
  margin-bottom: 0;
313
}
314
.text-format-wrapper .form-item {
315
  background: #fff;
316
  margin: 0 0 10px;
317
  border-width: 1px;
318
  border-style: solid;
319
  border-color: #ddd;
320
  padding: 9px;
321
}
322
.form-item label {
323
  margin: 0;
324
  padding: 0;
325
  color: #666;
326
  font-weight: bold;
327
  font-size: 10px;
328
}
329
.form-item label.option {
330
  text-transform: none;
331
  font-size: 11px;
332
}
333
input.button-add {
334
  background-position: -801px 50%;
335
  padding-left: 25px;
336
}
337
input.button-add:active {
338
  background-position: -1201px 50%;
339
}
340
input.button-remove {
341
  background-position: -1601px 50%;
342
  padding-left: 25px;
343
}
344
input.button-remove:active {
345
  background-position: -2001px 50%;
346
}
347
.form-item label.option input {
348
  vertical-align: middle;
349
}
350
.page-content .password-description,
351
.page-content .password-strength,
352
.page-content .description,
353
.page-content .form-item .description {
354
  line-height: 15px;
355
  font-size: 11px;
356
  white-space: normal;
357
}
358
.admin-panel p.description {
359
  background: #eee;
360
  border-top: 1px solid #ddd;
361
  border-bottom: 1px solid #fff;
362
  line-height: 20px;
363
  font-size: 11px;
364
  padding: 4px 9px;
365
  margin: 0;
366
}
367
.fieldset .description {
368
  margin: 0 0 10px;
369
}
370
.page-content .form-item .description {
371
  position: absolute;
372
  bottom: 100%;
373
  right: -15px;
374
  z-index: 5;
375
  color: #687;
376
  background: url(../images/popup.png) 50% 100% no-repeat;
377
  border-top: 1px solid #d8e4e0;
378
  width: 240px;
379
  margin: 0 0 -15px;
380
  padding: 9px 10px 20px;
381
  display: none;
382
}
383
.page-content .form-item.form-type-checkbox .description {
384
  bottom: 150%;
385
}
386
.page-content .form-item:hover {
387
  z-index: 10;
388
  height: auto; /* Fix for flicker in IE7 */
389
}
390
.page-content .form-item:hover > .description {
391
  display: block;
392
}
393
.rubik-inline-field-descriptions .page-content .form-item .description {
394
  display: block;
395
  position: relative;
396
  background: none;
397
  margin: 0;
398
  padding: 0.25em 0 0.75em;
399
  border: none;
400
  right: 0;
401
  width: 100%;
402
  z-index: 0;
403
}
404
a.button,
405
input.form-submit,
406
.form-actions #edit-cancel {
407
  display: inline-block
408
}
409
a.button,
410
input.teaser-button,
411
input.form-submit,
412
.form-actions #edit-cancel {
413
  cursor: pointer;
414
  padding: 3px 10px;
415
  color: #333;
416
  font-size: 13px;
417
  text-align: center;
418
  font-weight: normal;
419
  border-width: 1px;
420
  border-style: solid;
421
  border-color: #ddd #ddd #ccc;
422
  background: #fff url(../images/buttons.png) -1px 50% no-repeat;
423
}
424
input.form-submit:hover,
425
a.button:hover,
426
.form-actions #edit-cancel:hover {
427
  border-color: #ace;
428
  -webkit-box-shadow: #ace 0 0 5px;
429
     -moz-box-shadow: #ace 0 0 5px;
430
          box-shadow: #ace 0 0 5px;
431
}
432
input.form-submit:active,
433
a.button:active,
434
.form-actions #edit-cancel:active {
435
  border-color: #666 #666 #555;
436
  background: #666 url(../images/buttons.png) -401px 50% no-repeat;
437
  color: #222;
438
  text-shadow: #999 0 1px 0;
439
}
440
input.button-yes,
441
a.button-yes {
442
  background-position: -2401px 50%;
443
  padding-left: 25px;
444
}
445
input.button-yes:active,
446
a.button-yes:active {
447
  background-position: -2801px 50%;
448
}
449
input.button-no,
450
a.button-no{
451
  background-position: -3201px 50%;
452
  padding-left: 25px;
453
}
454
input.button-no:active,
455
a.button-no:active{
456
  background-position: -3601px 50%;
457
}
458
input.button.launcher,
459
a.button.launcher {
460
  background-position: -4800px 50%;
461
  padding-left: 25px;
462
}
463
input.button.launcher:active,
464
a.button.launcher:active {
465
  background-position: -1200px 50%;
466
}
467
input.button.edit,
468
a.button.edit {
469
  background-position: -2400px 50%;
470
  padding-left: 25px;
471
}
472
input.button.edit:active,
473
a.button.edit:active {
474
  background-position: -2800px 50%;
475
}
476
input.button.remove,
477
a.button.remove {
478
  background-position: -3200px 50%;
479
  padding-left: 25px;
480
}
481
input.button.remove:active,
482
a.button.remove:active {
483
  background-position: -3600px 50%;
484
}
485
.media-widget a.button.remove {
486
  padding-top: 4px;
487
  padding-bottom: 4px;
488
}
489
.media-widget .preview {
490
  min-height: 35px;
491
}
492
select:not([multiple]).form-select {
493
  height: 28px;
494
}
495
input.form-autocomplete,
496
input.form-text,
497
input.form-file,
498
textarea.form-textarea,
499
select.form-select {
500
  padding: 3px;
501
  border-width: 1px;
502
  border-style: solid;
503
  border-color: #ddd;
504
  background: #fff;
505
  color: #666;
506
  max-width: 100%;
507
}
508
input.form-autocomplete:hover,
509
input.form-text:hover,
510
input.form-file:hover,
511
textarea.form-textarea:hover,
512
select.form-select:hover,
513
input.form-autocomplete:focus,
514
input.form-text:focus,
515
input.form-file:focus,
516
input.form-checkbox:focus,
517
input.form-radio:focus,
518
textarea.form-textarea:focus,
519
select.form-select:focus {
520
  color: #333;
521
  border-color: #ace;
522
  -webkit-box-shadow: #ace 0 0 5px;
523
     -moz-box-shadow: #ace 0 0 5px;
524
          box-shadow: #ace 0 0 5px;
525
}
526
input.fluid {
527
  -webkit-box-sizing: border-box;
528
     -moz-box-sizing: border-box;
529
      -ms-box-sizing: border-box;
530
          box-sizing: border-box;
531
  width: 100%;
532
}
533
input.form-file {
534
  padding: 1px;
535
  margin-right: 3px;
536
}
537
html.js input.form-autocomplete {
538
  background-position: 100% 7px;
539
}
540
html.js input.throbbing {
541
  background-position: 100% -2px;
542
}
543
#search-block-form .form-wrapper.form-actions {
544
  background: none;
545
  border: none;
546
  padding: 0;
547
  margin-top: 0;
548
}
549
/* Fieldsets */
550
.fieldset,
551
.fieldset-title,
552
.fieldset-title a,
553
.fieldset-content {
554
  display: block;
555
}
556
.fieldset {
557
  margin: 0 0 10px;
558
  display: block;
559
  position: relative;
560
  min-height: 28px;
561
  border: 1px solid #CCCCCC;
562
}
563
fieldset legend {
564
  display: block;
565
  float: left;
566
  width: 100%;
567
}
568
.fieldset-content .fieldset {
569
  margin: 0;
570
}
571
.fieldset-content .fieldset + .fieldset,
572
.fieldset-content .fieldset + .form-wrapper {
573
  margin-top: 10px;
574
}
575
body.page-admin div.vertical-tabs .vertical-tabs-panes .vertical-tabs-pane fieldset {
576
  padding: 0;
577
}
578
.fieldset-legend {
579
  display: block;
580
}
581
.container-inline .fieldset-legend .fieldset-content,
582
.fieldset.titled > .fieldset-content {
583
  display: block;
584
  padding-top: 40px;
585
}
586
.item-list h3,
587
.block .block-title,
588
.fieldset-title,
589
.collapsible .fieldset-legend a {
590
  display: block;
591
  font-size: 11px;
592
  margin: 0;
593
  padding: 4px 9px 5px;
594
  color: #333;
595
  background: #f6f6f6;
596
}
597
.fieldset-legend,
598
.collapsible .fieldset-legend a {
599
  padding-bottom: 4px;
600
}
601
/* Explicit height for IE */
602
.collapsible .fieldset-legend a {
603
  height: 20px;
604
  padding-left: 28px;
605
}
606
.collapsible .fieldset-legend span.icon {
607
  position: absolute;
608
  left: 6px;
609
  top: 6px;
610
  background: url(../images/bleeds.png) -80px -120px no-repeat;
611
  width: 15px;
612
  height: 15px;
613
  display: block;
614
  cursor: pointer;
615
}
616
html.js .collapsed .fieldset-legend span.icon {
617
  background-position: -60px -120px;
618
}
619
.collapsed .fieldset-legend a {
620
  background: #eee;
621
  color: #484848;
622
}
623
.collapsed .fieldset-legend a:hover {
624
  color: #666;
625
}
626
.collapsible .fieldset-legend {
627
  padding: 0;
628
  background: transparent;
629
}
630
.collapsed .fieldset-legend a {
631
  padding-bottom: 4px;
632
}
633
.block .block-content,
634
.container-inline .fieldset-content,
635
.fieldset-content {
636
  padding: 10px 9px 9px;
637
  background: #fff;
638
}
639
html.js .collapsed .fieldset-content {
640
  display: none;
641
}
642
.fieldset .fieldset .fieldset-content {
643
  background: #fff;
644
}
645
/* Filter form */
646
.filter-wrapper {
647
  font-size: 11px;
648
  margin-top: -10px;
649
  border-top: none;
650
}
651
.text-format-wrapper .filter-wrapper {
652
  border-top: 1px solid #CCC;
653
  margin-top: 0;
654
}
655
.text-format-wrapper .filter-wrapper .form-type-select .filter-list {
656
  max-height: 22px;
657
}
658
.text-format-wrapper .filter-wrapper .form-type-select,
659
.text-format-wrapper .filter-wrapper .filter-guidelines {
660
  margin: 0;
661
  overflow: auto;
662
}
663
.filter-wrapper .fieldset-content,
664
.fieldset .fieldset.filter-wrapper .fieldset-content  {
665
  background: #f8f8f8;
666
  border-top: 0;
667
  padding: 5px 9px 4px;
668
}
669
.filter-wrapper .form-type-select {
670
  padding: 0;
671
}
672
.filter-wrapper .form-type-select * {
673
  float: left;
674
  margin-right: 5px;
675
}
676
.filter-wrapper select {
677
  padding: 0;
678
  font-size: 11px;
679
}
680
.filter-wrapper .filter-help {
681
  float: right;
682
  font-size: 11px;
683
  margin: 0;
684
  padding: 0;
685
}
686
.form-type-date-popup label {
687
  padding: 10px 10px 0 10px;
688
}
689
.form-type-date-popup .date-padding label {
690
  padding: 0;
691
}
692
.form-type-date-popup .date-padding {
693
  padding-top: 0;
694
}
695
/* Form containers. */
696
.container-inline div {
697
  display: inline;
698
  border: 0;
699
  padding: 0;
700
  background: transparent;
701
}
702
.container-inline {
703
  margin: 0 0 10px;
704
}
705
/* File uploads. */
706
.form-type-managed-file input[type="submit"].progress-disabled {
707
  float: none;
708
}
709
.form-type-managed-file .ajax-progress-throbber {
710
  margin-top: 5px;
711
}
712
/* Forms end */
713

    
714
/*******************************************************************************
715
 * Form layout: default
716
 ******************************************************************************/
717
.form-layout-default {
718
  background: url(../images/vrule.png) 65% 0% repeat-y;
719
}
720
.column-main {
721
  float: left;
722
  width: 65%;
723
}
724
.column-main .column-wrapper {
725
  padding-right: 10px;
726
}
727
.column-side {
728
  float: right;
729
  width: 34.99%;
730
}
731
.column-side .column-wrapper {
732
  padding-left: 10px;
733
}
734
.column-footer {
735
  clear: both;
736
}
737
.form-wrapper.form-actions {
738
  background: #eee;
739
  border: 1px solid #ddd;
740
  padding: 9px;
741
  margin-top: 10px;
742
  margin-bottom: 0;
743
}
744
form .form-actions.container-inline {
745
  background: transparent;
746
  border: 0;
747
  padding: 0;
748
}
749
.form-wrapper.form-actions input.form-submit,
750
.form-wrapper.form-actions a.button {
751
  margin-right: 5px;
752
}
753
.form-layout-default .column-main .column-wrapper > .form-actions {
754
  display: none;
755
}
756
.form-layout-default .column-side .form-actions {
757
  margin: 0 0 10px;
758
}
759
.form-layout-default .column-side .form-actions input.form-submit,
760
.form-layout-deafult .column-side .form-actions a.button {
761
  margin: 1px 5px 1px 0;
762
}
763
/* "Boxes" aka generic wrappers. */
764
.box-title {
765
  font-weight: normal;
766
  font-size: 10px;
767
  background: #eee;
768
  border: 1px solid #ddd;
769
  padding: 4px 9px;
770
  margin: 0 0 10px;
771
}
772
/* Form layout: default end */
773

    
774
/*******************************************************************************
775
 * System
776
 ******************************************************************************/
777
.admin .right {
778
  padding-left: 5px;
779
  float: right;
780
}
781
.admin .left {
782
  padding-right: 5px;
783
  float: left;
784
}
785
.admin .right,
786
.admin .left {
787
  -webkit-box-sizing: border-box;
788
     -moz-box-sizing: border-box;
789
      -ms-box-sizing: border-box;
790
          box-sizing: border-box;
791
  width: 50%;
792
  margin: 0;
793
}
794
/* admin/appearance */
795
.theme-selector {
796
  position: relative;
797
  padding: 9px 9px 9px 314px;
798
  border: 1px solid #ddd;
799
  margin: 10px 0;
800
  min-height: 224px;
801
  text-shadow: #fff 0 1px 0;
802
}
803
.theme-selector img {
804
  clip: rect(0px, 294px, 219px, 0);
805
  height: auto;
806
  left: 10px;
807
  position: absolute;
808
  top: 10px;
809
  width: 294px;
810
}
811
.theme-selector .operations a {
812
  margin-right: 20px;
813
}
814
.system-themes-list-disabled .theme-selector {
815
  background: #eee;
816
  color: #676767;
817
  padding: 9px 9px 9px 162px;
818
  min-height: 110px;
819
}
820
.system-themes-list-disabled .theme-selector img {
821
  width: 142px;
822
}
823
/* admin/content/node & admin/user/user */
824
.exposed-filters .form-item label {
825
  float: left;
826
  width: 120px;
827
}
828
.exposed-filters .additional-filters {
829
  padding: 5px;
830
  font-size: 11px;
831
  color: #666;
832
}
833
/* Update options. */
834
.admin-options {
835
  background: #f8f8f8;
836
  line-height: 30px;
837
  height: 30px;
838
  padding: 9px;
839
  border: 1px solid #ddd;
840
  margin: 0 0 10px;
841
}
842
.admin-options label,
843
.admin-options .form-item {
844
  margin-right: 10px;
845
  float: left;
846
}
847
.admin-options .form-item {
848
  padding: 0;
849
  border: 0;
850
}
851
/* Dependency colors. */
852
.admin-dependencies,
853
.admin-required {
854
  color: #666;
855
}
856
.admin-disabled {
857
  color: #900;
858
}
859
.admin-enabled {
860
  color: #099;
861
}
862
.admin-missing {
863
  color: #c30;
864
}
865
/* Progressbar styles. */
866
.progress .bar {
867
  -webkit-box-shadow: inset #ddd 0 1px 3px;
868
     -moz-box-shadow: inset #ddd 0 1px 3px;
869
          background: #eee;
870
  border: 1px solid #ccc;
871
}
872
.progress .filled {
873
  background: #666;
874
}
875
/* Help pages. */
876
.help-items {
877
  float: left; width: 25%;
878
}
879
.help-items ul {
880
  margin: 10px 5px;
881
}
882
/* System end */
883

    
884
/*******************************************************************************
885
 * Admin toolbar
886
 ******************************************************************************/
887
body.tao #admin-toolbar a.menu-hover span.menu-description {
888
  padding-left: 50px;
889
}
890
body.tao #admin-toolbar a.menu-hover span.menu-description span.icon {
891
  position: absolute;
892
  left: 10px;
893
  top: 0;
894
}
895
/* Admin toolbar end */
896

    
897

    
898
/*******************************************************************************
899
 * Form description exceptions
900
 *
901
 * Some form elements are either too weirdly positioned or really benefit
902
 * from persistent descriptions. Reset for all of these.
903
 ******************************************************************************/
904
.page-content .form-item-files-feeds,
905
.page-content .form-item-files-feeds .description,
906
.ctools-export-ui-row .form-item,
907
.ctools-export-ui-row .form-item .description,
908
.multiselect .form-item,
909
.multiselect .form-item .description,
910
.page-content table .form-item,
911
.page-content table .form-item .description,
912
.page-content .form-item .widget-edit .description,
913
#upload-attachments .description,
914
#views-ajax-pad .form-item,
915
#views-ajax-pad .form-item .description {
916
  width: auto;
917
  padding: 0;
918
  margin: 0;
919
  border: 0;
920
  background: transparent;
921
  position: static;
922
  display: block;
923
}
924
.page-content .form-item-files-feeds:hover,
925
.ctools-export-ui-row .form-item:hover,
926
.multiselect .form-item:hover,
927
.page-content table .form-item:hover,
928
#views-ajax-pad .form-item:hover {
929
  position: static;
930
}
931
.page-content .form-item-files-feeds .description,
932
.page-content table .form-item .description,
933
#upload-attachments .description,
934
#views-ajax-pad .form-item .description {
935
  padding: 0;
936
  color: #666;
937
  display: block;
938
  max-width: none;
939
}
940
/* Form description exceptions end */
941

    
942
/*******************************************************************************
943
 * Vertical tabs
944
 ******************************************************************************/
945
.vertical-tabs {
946
  background: #fff url(../images/vtabs.png) 0 0 repeat-y;
947
  border: 1px solid #ddd;
948
  margin: 0 0 10px;
949
  position: relative;
950
}
951
.vertical-tabs .fieldset-content,
952
.vertical-tabs fieldset.titled .fieldset-content {
953
  border: 0;
954
  padding: 10px;
955
}
956
.vertical-tabs .fieldset-content .fieldset-content {
957
  margin-top: 20px;
958
}
959
.vertical-tabs-list li a {
960
  display: block;
961
  text-shadow: #fff 0 1px 0;
962
  padding: 5px 10px 4px 10px;
963
  border-bottom: 1px solid #ddd;
964
  color: #666;
965
}
966
.vertical-tabs-list .selected a {
967
  background: #fff;
968
  color: #333;
969
}
970
.vertical-tabs-list .summary {
971
  font-size: 11px;
972
}
973
.vertical-tabs .vertical-tabs-panes .vertical-tabs-pane .fieldset legend {
974
  display: block;
975
}
976
.vertical-tabs .vertical-tabs-panes .vertical-tabs-pane fieldset.collapsible {
977
  border: 1px solid #CCCCCC;
978
  margin: 1em 0;
979
  position: relative;
980
  padding-top: 0;
981
}
982
/* Vertical tabs end */
983

    
984
/* Action links. */
985
.action-links a {
986
  -webkit-border-radius: 5px;
987
     -moz-border-radius: 5px;
988
          border-radius: 5px;
989
  margin: 0 5px 0 0;
990
  padding: 0 5px 0 25px;
991
  background: #999 url(../images/buttons.png) -800px 50% no-repeat;
992
  color: #fff;
993
  text-shadow: #666 0 1px 0;
994
}
995
.action-links a:active {
996
  color: #222;
997
  background-color: #666;
998
  background-position: -1200px 50%;
999
  text-shadow: #999 0 1px 0;
1000
}
1001
/* Color module fix. */
1002
#palette .form-item {
1003
  width: 20em !important;
1004
  height: 2em;
1005
  line-height: 2em;
1006
  margin: 0.5em 0;
1007
  padding: 0.2em;
1008
}
1009
#palette .lock {
1010
  z-index: 2;
1011
}
1012
.page-content .color-form .form-item:hover {
1013
  height: 2em;
1014
}
1015
/* Panels stylizer color fix. */
1016
div.ctools-modal-content #palette .form-item label {
1017
  clear: none;
1018
  float: left;
1019
  width: 14em;
1020
}
1021
div.ctools-modal-content .color-form .form-item input {
1022
  margin-top: 0;
1023
}
1024
/**
1025
 * ORPHANED MARKUP ====================================================
1026
 * The following selectors target markup generated by Drupal that have
1027
 * exactly 1 or extremely few instances. It will make a great future
1028
 * hitlist of markup to consolidate and generalize.
1029
 */
1030
.compact-link {
1031
  font-size: 11px;
1032
  height: 20px;
1033
  margin: 0 0 10px;
1034
}
1035
.compact-link a {
1036
  float: left;
1037
  line-height: 18px;
1038
  padding: 0 9px;
1039
  border: 1px solid #ddd;
1040
  color: #666;
1041
  background: #fff;
1042
}
1043

    
1044
/*******************************************************************************
1045
 * Display suit
1046
 ******************************************************************************/
1047
.field-formatter-settings-edit-form.ds-ft-processed {
1048
  -webkit-box-sizing: border-box;
1049
     -moz-box-sizing: border-box;
1050
      -ms-box-sizing: border-box;
1051
          box-sizing: border-box;
1052
  padding: 0.5em 1em 0;
1053
}
1054
.field-formatter-settings-edit-form.ds-ft-processed .ft-group {
1055
  overflow: auto;
1056
  margin-bottom: 1em !important;
1057
  border-bottom: 1px solid #CCC;
1058
}
1059
.field-formatter-settings-edit-form.ds-ft-processed .ft-group.fi {
1060
  border-bottom: 0;
1061
}
1062
.field-formatter-settings-edit-form.ds-ft-processed .ft-group > .form-item {
1063
  margin: 0.25em 1em 0.5em 0 !important;
1064
}
1065
.field-formatter-settings-edit-form.ds-ft-processed .ft-group > .form-item .description {
1066
  max-width: 120px !important;
1067
}
1068
.field-formatter-settings-edit-form.ds-ft-processed .ft-group > .form-item.form-type-checkbox {
1069
  clear: both;
1070
  margin-right: 0 !important;
1071
}
1072
.field-formatter-settings-edit-form.ds-ft-processed .ft-group.ow .form-type-textfield,
1073
.field-formatter-settings-edit-form.ds-ft-processed .ft-group.fis .form-type-textfield,
1074
.field-formatter-settings-edit-form.ds-ft-processed .ft-group.fi .form-type-textfield {
1075
  clear: left;
1076
}
1077
.field-formatter-settings-edit-form.ds-ft-processed .ft-group.ow .form-type-textfield ~ .form-type-textfield,
1078
.field-formatter-settings-edit-form.ds-ft-processed .ft-group.fis .form-type-textfield ~ .form-type-textfield,
1079
.field-formatter-settings-edit-form.ds-ft-processed .ft-group.fi .form-type-textfield ~ .form-type-textfield {
1080
  clear: none;
1081
}
1082
/* Display suit end */
1083

    
1084
/*******************************************************************************
1085
 * Search API
1086
 ******************************************************************************/
1087
#facetapi-facet-display-form .fieldset-content > .form-item {
1088
  -webkit-box-sizing: border-box;
1089
     -moz-box-sizing: border-box;
1090
      -ms-box-sizing: border-box;
1091
          box-sizing: border-box;
1092
  float: left;
1093
  width: 50% !important;
1094
}
1095
#facetapi-facet-display-form .fieldset-content .facetapi-sort-table {
1096
  -webkit-box-sizing: border-box;
1097
     -moz-box-sizing: border-box;
1098
      -ms-box-sizing: border-box;
1099
          box-sizing: border-box;
1100
  margin-top: 0 !important;
1101
  position: static !important;
1102
  width: 50% !important;
1103
  z-index: 1 !important;
1104
}
1105
/* Search API end */
1106

    
1107
/*******************************************************************************
1108
 * Sidebar scroll
1109
 ******************************************************************************/
1110
#content .column-side .column-wrapper {
1111
  padding-bottom: 5px;
1112
}
1113
#content .column-side .column-wrapper.fixed {
1114
  -webkit-box-sizing: border-box;
1115
     -moz-box-sizing: border-box;
1116
      -ms-box-sizing: border-box;
1117
          box-sizing: border-box;
1118
  display: inline-block;
1119
  position: fixed;
1120
  top: 5px;
1121
  z-index: 11;
1122
  /* Necessary to avoid overlap with the left column upon scrolling. */
1123
  margin-left: 1px;
1124
}
1125
.admin-menu #content .column-side .column-wrapper.fixed {
1126
  top: 40px;
1127
}
1128
/* Sidebar scroll end */
1129

    
1130
/*******************************************************************************
1131
 * Watchdog/dblog
1132
 ******************************************************************************/
1133
#admin-dblog td {
1134
  border-color: #ccc;
1135
}
1136
#admin-dblog .dblog-notice td,
1137
#admin-dblog .dblog-notice .active {
1138
  background-color: #ECF8FC;
1139
}
1140
#admin-dblog .dblog-info td,
1141
#admin-dblog .dblog-info .active {
1142
  background-color: #DFF2BF;
1143
}
1144
#admin-dblog .dblog-warning td,
1145
#admin-dblog .dblog-warning .active {
1146
  background-color: #FEEFB3;
1147
}
1148
#admin-dblog .dblog-error td,
1149
#admin-dblog .dblog-error .active {
1150
  background-color: #FFBABA;
1151
}
1152
/* Watchdog/dblog end */
1153

    
1154
/*******************************************************************************
1155
 * Breakpoints
1156
 ******************************************************************************/
1157
#breakpoints-admin-breakpoints #edit-buttons input,
1158
#breakpoints-admin-breakpoints #edit-buttons a {
1159
  margin-bottom: 1em;
1160
  margin-right: 1em;
1161
}
1162
.breakpoints-group-operations-link {
1163
  display: inline-block;
1164
  cursor: pointer;
1165
  padding: 3px 10px;
1166
  color: #333;
1167
  font-size: 13px;
1168
  text-align: center;
1169
  font-weight: normal;
1170
  border-width: 1px;
1171
  border-style: solid;
1172
  border-color: #ddd #ddd #ccc;
1173
  background: #fff url(../images/buttons.png) -1px 50% no-repeat;
1174
  -webkit-border-radius: 3px;
1175
     -moz-border-radius: 3px;
1176
          border-radius: 3px;
1177
  -webkit-box-shadow: #ddd 0 1px 1px;
1178
     -moz-box-shadow: #ddd 0 1px 1px;
1179
          box-shadow: #ddd 0 1px 1px;
1180
}
1181
.breakpoints-group-operations-link:hover {
1182
  border-color: #ace;
1183
  -webkit-box-shadow: #ace 0 0 5px;
1184
     -moz-box-shadow: #ace 0 0 5px;
1185
          box-shadow: #ace 0 0 5px;
1186
}
1187
.breakpoints-group-operations-link:active {
1188
  border-color: #666 #666 #555;
1189
  background: #666 url(../images/buttons.png) -401px 50% no-repeat;
1190
  color: #222;
1191
  text-shadow: #999 0 1px 0;
1192
}
1193
/* Breakpoints end */
1194

    
1195
/*******************************************************************************
1196
 * Media
1197
 ******************************************************************************/
1198
.page-media-browser {
1199
  overflow: hidden;
1200
}
1201
.page-media-browser #block-system-main {
1202
  border: none;
1203
}
1204
.media-widget .preview {
1205
  background-color: #CCC;
1206
  min-width: 50px;
1207
  min-height: 50px;
1208
}
1209
.media-widget .preview .media-item {
1210
  margin: 0;
1211
}
1212
.media-widget .preview.launcher > .form-item {
1213
  padding: 0; border: 0;
1214
}
1215
.media-widget.form-wrapper {
1216
  margin-bottom: 0;
1217
}
1218
.media-widget > .form-item:last-child {display: none;}
1219
.field-widget-media-generic > div > .form-item {
1220
  border: 0;
1221
  padding: 0;
1222
}
1223
.field-widget-media-generic .field-multiple-table thead .field-label {
1224
  padding-left: 5px;
1225
}
1226
.media-item .label-wrapper label {
1227
  display: block;
1228
}
1229
#media-browser-page {
1230
  overflow: hidden;
1231
}
1232
#media-browser-page .form-actions {
1233
  margin-bottom: 0;
1234
}
1235
#media-browser-tabset {
1236
  border: none;
1237
}
1238
#media-browser-tabset #branding {
1239
  padding: 8px 10px 2px 10px; height: 20px;
1240
}
1241
#media-browser-tabset #branding h1 {
1242
  margin-top: -3px;
1243
}
1244
#media-tabs-wrapper .tabs.primary {
1245
  margin-right: 10px;
1246
}
1247
.media-browser-tab.ui-tabs-panel {
1248
  border: none; padding-bottom: 0;
1249
}
1250
.view-media-default #edit-filename-wrapper {
1251
  max-width: 200px;
1252
}
1253
/* Media end */
1254

    
1255

    
1256
/*******************************************************************************
1257
 * Other contrib modules
1258
 ******************************************************************************/
1259
/* CTools */
1260
td.ctools-export-ui-operations {
1261
  position: relative;
1262
}
1263
/* Administration Menu. */
1264
#admin-menu-wrapper {
1265
  overflow: visible;
1266
}
1267
#admin-menu .admin-menu-search .form-item {
1268
  border: 0;
1269
}
1270
#admin-menu .admin-menu-search input.admin-menu-search {
1271
  height: 19px;
1272
  padding: 0 5px;
1273
  border-radius: 0;
1274
}
1275
#admin-menu .dropdown .admin-menu-search-results {
1276
  top: 21px;
1277
}
1278
body.adminimal-menu #admin-menu .dropdown .admin-menu-search-results {
1279
  top: 29px;
1280
}
1281
#admin-menu .dropdown li ul,
1282
#admin-menu .dropdown li li {
1283
  width: 160px!important;
1284
}
1285
/* Adminimal Administration Menu. */
1286
body.adminimal-menu {
1287
  margin-top: 29px!important;
1288
}
1289
body.adminimal-menu .admin-menu-search > .form-item {
1290
  border: none;
1291
  position: static;
1292
}
1293
#admin-menu .admin-menu-search input,
1294
body.adminimal-menu #admin-menu-search input[type="text"] {
1295
  height: 28px;
1296
  padding-top: 0;
1297
  padding-bottom: 0;
1298
  width: 160px;
1299
}
1300
body.adminimal-menu #admin-menu-search input[type="text"]:hover,
1301
body.adminimal-menu #admin-menu-search input[type="text"]:focus {
1302
  outline: none;
1303
  -webkit-box-shadow: 0 0 0;
1304
     -moz-box-shadow: 0 0 0;
1305
          box-shadow: 0 0 0;
1306
}
1307
body.adminimal-menu #admin-menu-search input[type="text"]:focus {
1308
  background: #666;
1309
}
1310
/* Date. */
1311
fieldset.date-combo .container-inline-date .date-padding {
1312
  padding: 0;
1313
}
1314
fieldset.date-combo .container-inline-date > .form-item {
1315
  margin-bottom: 0;
1316
}
1317
/* Other contrib modules end */