Projet

Général

Profil

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

root / drupal7 / sites / all / themes / rubik / css / core.css @ fc457866

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
/* Forms end */
706

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

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

    
877
/*******************************************************************************
878
 * Admin toolbar
879
 ******************************************************************************/
880
body.tao #admin-toolbar a.menu-hover span.menu-description {
881
  padding-left: 50px;
882
}
883
body.tao #admin-toolbar a.menu-hover span.menu-description span.icon {
884
  position: absolute;
885
  left: 10px;
886
  top: 0;
887
}
888
/* Admin toolbar end */
889

    
890

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

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

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

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

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

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

    
1123
/*******************************************************************************
1124
 * Watchdog/dblog
1125
 ******************************************************************************/
1126
#admin-dblog td {
1127
  border-color: #ccc;
1128
}
1129
#admin-dblog .dblog-notice td,
1130
#admin-dblog .dblog-notice .active {
1131
  background-color: #ECF8FC;
1132
}
1133
#admin-dblog .dblog-info td,
1134
#admin-dblog .dblog-info .active {
1135
  background-color: #DFF2BF;
1136
}
1137
#admin-dblog .dblog-warning td,
1138
#admin-dblog .dblog-warning .active {
1139
  background-color: #FEEFB3;
1140
}
1141
#admin-dblog .dblog-error td,
1142
#admin-dblog .dblog-error .active {
1143
  background-color: #FFBABA;
1144
}
1145
/* Watchdog/dblog end */
1146

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

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

    
1248

    
1249
/*******************************************************************************
1250
 * Other contrib modules
1251
 ******************************************************************************/
1252
/* CTools */
1253
td.ctools-export-ui-operations {
1254
  position: relative;
1255
}
1256
/* Adminimal Administration Menu. */
1257
body.adminimal-menu {
1258
  margin-top: 29px!important;
1259
}
1260
body.adminimal-menu .admin-menu-search > .form-item {
1261
  border: none;
1262
  position: static;
1263
}
1264
body.adminimal-menu #admin-menu-search input[type="text"] {
1265
  height: 28px;
1266
  padding-top: 0;
1267
  padding-bottom: 0;
1268
}
1269
body.adminimal-menu #admin-menu-search input[type="text"]:hover,
1270
body.adminimal-menu #admin-menu-search input[type="text"]:focus {
1271
  outline: none;
1272
  -webkit-box-shadow: 0 0 0;
1273
     -moz-box-shadow: 0 0 0;
1274
          box-shadow: 0 0 0;
1275
}
1276
body.adminimal-menu #admin-menu-search input[type="text"]:focus {
1277
  background: #666;
1278
}
1279
/* Other contrib modules end */