Projet

Général

Profil

Paste
Télécharger (38,3 ko) Statistiques
| Branche: | Révision:

root / drupal7 / sites / all / themes / adaptivetheme / at_admin / css / at_admin.css @ a08833bd

1
/* AT Admin Styles */
2
html {
3
  font-size: 81.3%;
4
}
5
body,
6
body.section-admin {
7
  background: #fff;
8
  color: #222;
9
  font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Geneva, sans-serif;
10
  margin: 0;
11
  padding: 0;
12
}
13

    
14
/* If gutters are set in theme settings they will override these
15
   values: see Extensions > Modify Output > Design */
16
#main-content,
17
.block-inner,
18
.pane-inner,
19
.menu-wrapper,
20
.branding-elements,
21
.breadcrumb-wrapper,
22
.attribution,
23
.at-panel .rounded-corner,
24
div.messages {
25
  margin-left: 10px;
26
  margin-right: 10px;
27
}
28

    
29
/* Panel pages need negative margin equal to the gutter width applied to #content,
30
  this is taken care of in theme settings as per above for normal gutters */
31
.page-panels #content {
32
  margin-left: -10px;
33
  margin-right: -10px;
34
}
35

    
36
/* Wrangle things in small views */
37
@media only screen and (min-width:320px) and (max-width:768px) {
38
  body.admin-menu {
39
      margin-top: 40px !important;
40
  }
41
  #placeholder {
42
    position: static;
43
  }
44
  #topbar time {
45
    display: none;
46
  }
47
}
48
@media only screen and (min-width:769px) {
49
  body.admin-menu {
50
      margin-top: 20px !important;
51
  }
52
}
53

    
54
pre, code {
55
  font-family: Consolas, Monaco, "Courier New", Courier, monospace;
56
  background: #fff;
57
}
58

    
59
/* Layout */
60
#block-system-main,
61
#skip-nav,
62
#page-title,
63
.local-tasks,
64
#content,
65
#messages-and-help {
66
  padding: 0;
67
}
68
.overlay #page {
69
  background: none;
70
  width: 100%;
71
}
72
.overlay div.add-or-remove-shortcuts {
73
  margin-top: 7px;
74
  position: static;
75
  right: auto;
76
  top: auto;
77
}
78
.content-columns {
79
  margin: 0 15px;
80
}
81

    
82
/* Micro reset */
83
tbody,
84
tfoot,
85
thead,
86
tr,
87
label {
88
  margin: 0;
89
  padding: 0;
90
}
91
label {
92
  margin: 5px 0;
93
}
94
h3 {
95
  font-size: 1.12em;
96
  font-weight: 400;
97
  margin: 1em 0 0;
98
}
99
p {
100
  line-height: 1.4;
101
}
102

    
103
/* Page */
104
h1#page-title {
105
  font-size: 1.33em;
106
  padding: 0;
107
  display: inline-block;
108
}
109
#footer {
110
  margin-left: 10px;
111
  margin-right: 10px;
112
}
113
#columns {
114
  margin-top: 5px;
115
  margin-bottom: 30px;
116
}
117
#content {
118
  padding: 0 10px;
119
}
120
#main-content {
121
  padding-top: 10px;
122
  position: relative;
123
}
124
.content-header {
125
  background: #eee;
126
}
127
#main-content-header {
128
  padding-top: 20px;
129
  position: relative;
130
  min-height: 50px;
131
}
132
#page-footer {
133
  background: #fff;
134
  margin: 0;
135
  padding: 15px 0;
136
}
137
.page-block .region {
138
  margin: .5em 0;
139
}
140
.page-block #content .region-inner {
141
  background: #fff;
142
  border: none;
143
}
144
.page-block .region .block {
145
  background: #fff;
146
}
147
.page-block #main-content .block-region {
148
  padding: 9px 12px;
149
}
150
.block-region {
151
  font-size: 1em;
152
  margin: 10px 0 0;
153
}
154
#blocks tr.region-title {
155
  background: #fff;
156
  color: #333;
157
}
158
#blocks tr.region-title td {
159
  font-weight: bold;
160
  padding-top: 2em;
161
  background: #f9f9f9;
162
}
163
#blocks tr.odd,
164
#blocks tr.even {
165
  background: #fff;
166
}
167
#blocks td,
168
#blocks th {
169
  border-bottom: 1px solid #f9f9f9;
170
}
171
#block-admin-display-form div.messages {
172
  margin-left: 0;
173
  margin-right: 0;
174
}
175

    
176
/* Hyperlinks */
177
a {
178
  text-decoration: none;
179
}
180
a:active,
181
a.active,
182
.block a:active,
183
.block a.active {
184
  color: #222;
185
}
186
a img {
187
  border: none;
188
}
189
a,
190
a:link,
191
a:visited,
192
.block a,
193
.block a:visited,
194
tr #acquia-agent-no-search a:link,
195
tr #acquia-agent-no-search a:visited {
196
  color: #3188D1;
197
}
198
a:hover,
199
a:focus {
200
  text-decoration: underline;
201
}
202
.show-on-focus a,
203
.show-on-focus a:link,
204
.show-on-focus a:visited {
205
  background: #333;
206
}
207

    
208
/* Site name and logo */
209
#site-name a:link,
210
#site-name a:visited {
211
  color: #bbb;
212
}
213
#logo {
214
  float: right;
215
}
216

    
217
/* Topbar */
218
.topbar-wrapper {
219
  position: relative;
220
  background: #555;
221
}
222
#topbar time,
223
#breadcrumb {
224
  padding: 7px 0;
225
  font-size: 0.923em;
226
  line-height: 1.5;
227
}
228
#topbar time {
229
  float: right;
230
}
231
#breadcrumb {
232
  float: left;
233
}
234
#breadcrumb ol {
235
  margin: 0;
236
  padding: 0;
237
}
238
#breadcrumb .breadcrumb-label {
239
  font-size: 1em;
240
  display: inline;
241
  padding-right: 10px;
242
  font-weight: 700;
243
  color: #e7e7e7;
244
}
245
#breadcrumb .breadcrumb-label:after {
246
  content: ":";
247
}
248
#breadcrumb .with-breadcrumb-label ol {
249
  display: inline;
250
}
251
#breadcrumb li {
252
  list-style: none;
253
  display: inline;
254
}
255
#topbar time,
256
ol#crumbs,
257
ol#crumbs a:link,
258
ol#crumbs a:visited {
259
  color: #e7e7e7;
260
}
261
ol#crumbs a:hover,
262
ol#crumbs a:focus,
263
ol#crumbs a:active {
264
  color: #fff;
265
}
266
.crumb-title {
267
  font-style: italic;
268
}
269

    
270
/* Pager */
271
.item-list ul.pager {
272
  margin: 0 0 20px;
273
  padding-bottom: 4px;
274
  padding-top: 15px;
275
  color: #fff;
276
}
277
.item-list ul.pager li {
278
  margin: 0;
279
  color: #fff;
280
}
281
.item-list ul.pager li a {
282
  font-weight: 700;
283
  padding: 6px 10px;
284
}
285
.item-list ul.pager li a:hover,
286
.item-list ul.pager li.pager-current {
287
  font-weight: 700;
288
  background-color: #bbb;
289
  color: #fff;
290
  border-radius: 4px;
291
}
292
.item-list ul.pager li.pager-current {
293
  padding: 6px 10px;
294
}
295
.item-list ul.pager li a:link,
296
.item-list ul.pager li a:visited {
297
  color: #444;
298
}
299

    
300
/* Attribution */
301
#attribution {
302
  font-size: .82em;
303
  padding: 6px 0 10px;
304
  text-align: center;
305
}
306
#attribution a {
307
  color: #999;
308
}
309
#attribution a:hover,
310
#attribution a:focus {
311
  color: #d7d7d7;
312
}
313

    
314
/* Blocks */
315
.block {
316
  margin: 0;
317
}
318
.block-inner {
319
  clear: both;
320
  background: #fff;
321
}
322
.region-sidebar-first .block,
323
.region-sidebar-second .block {
324
  padding: 20px 0 0;
325
}
326
#block-system-main .block-inner {
327
  clear: both;
328
  border: 0;
329
  background: #fff;
330
}
331
.region-help .block {
332
  margin: 0;
333
}
334
.region-help .block-inner {
335
  background: none;
336
  border: 0;
337
  margin-bottom: 0;
338
}
339
#block-system-main .content {
340
  margin: 0;
341
}
342
#block-system-0 .block-inner {
343
  border: none;
344
  text-align: center;
345
}
346
tr .block {
347
  border: 0;
348
}
349
.block h2 {
350
  font-size: 1em;
351
  margin: 0;
352
  padding: 0;
353
}
354
.admin-panel h3 {
355
  display: block;
356
  font-size: 1.12em;
357
  padding: .1em .5em .2em;
358
  background: #d7d7d7;
359
  text-shadow: 0 1px 1px #fff;
360
}
361
.admin-panel h3 {
362
  line-height: 1.75;
363
  margin: 0;
364
}
365
#block-system-powered-by .block-inner {
366
  text-align: center;
367
  background: none;
368
  border: 0;
369
}
370

    
371
/* Item lists, menus etc */
372
.block-search input.form-text {
373
  max-width: 99%;
374
}
375
.block .more-link {
376
  text-align: left;
377
  text-transform: lowercase;
378
}
379
.block .more-link a:after {
380
  content: "...";
381
}
382
#block-user-3 .item-list h3 {
383
  font-size: 1em;
384
}
385
.block ul {
386
  padding: 0;
387
  margin: 0;
388
}
389
.block ul.menu {
390
  margin: 0 0 0 15px;
391
}
392
ul.menu li {
393
  margin: 0;
394
}
395
.block .item-list ul,
396
.block .item-list ol {
397
  margin: 0;
398
}
399
.item-list ul li,
400
.item-list ol li,
401
ul.menu li {
402
  padding: .35em 0 0;
403
}
404
ul.menu li a {
405
  display: block;
406
}
407
#main-content ul.menu,
408
#main-content ul.menu li {
409
  font-weight: 700;
410
  list-style:none;
411
  margin:0;
412
}
413

    
414
/* Index and Tasks */
415
dl.admin-list,
416
dl.node-type-list {
417
  padding: 0;
418
}
419
dl.admin-list{
420
  border-top: 1px solid #eee;
421
  padding-top: 5px;
422
}
423
dl.admin-list dt,
424
dl.node-type-list dt {
425
  background: url("images/circle-arrow-small.png") no-repeat scroll 2px center transparent;
426
  border-bottom: 0;
427
  font-weight: 400;
428
  line-height: 2;
429
  padding: 0 0 0 25px;
430
}
431
dl.admin-list dd,
432
dl.node-type-list dd {
433
  border-bottom: 1px solid #eee;
434
  margin: 0 0 5px;
435
  padding: 0 0 15px 25px;
436
  color: #777;
437
}
438
dl.admin-list.compact dt,
439
dl.node-type-list.compact dt {
440
  width: auto;
441
  float: none;
442
}
443
div.admin-panel dl,
444
div.admin-panel dt {
445
  border: none;
446
}
447
div.admin-panel dt,
448
div.admin-panel dd {
449
  padding: 0 10px 0 25px;
450
  display: block;
451
  float: none;
452
  width: auto;
453
  line-height: 1.5;
454
  border: 0;
455
}
456
div.admin-panel dd {
457
  padding-bottom: 10px;
458
}
459
div.admin-panel {
460
  margin: 0 0 .75em;
461
  padding: 0;
462
  border: 1px solid #d7d7d7;
463
  border-radius: 3px;
464
}
465
div.admin .left,
466
div.admin .right {
467
  margin-left: 0;
468
  margin-right: 0;
469
  width: 49%;
470
}
471
.admin-panel .body {
472
  padding: 0 1em;
473
}
474
.admin-panel p {
475
  margin: 0;
476
  padding: 1em 0 0;
477
}
478
.admin-panel ul,
479
.admin-panel ul.menu,
480
.admin-panel .item-list ul {
481
  padding: 0 0 1em;
482
}
483
.admin-panel dl {
484
  margin: 0;
485
  padding: 1em 0;
486
}
487
.admin-panel dt,
488
.admin-panel ul.menu li,
489
.admin-panel ul.item-list li {
490
  font-weight: 400;
491
}
492
.admin-panel dd {
493
  font-size: .94em;
494
  margin-left: 0;
495
  color: #555;
496
}
497
.admin .compact-link {
498
  margin: 0 0 1em;
499
}
500
.admin .compact-link a {
501
  padding: .3em .5em;
502
}
503
.page-admin-by-module .admin-panel .body p {
504
  font-size: .94em;
505
  color: #555;
506
}
507
#user-admin-filter ul li,
508
#node-admin-filter ul li {
509
  list-style: none;
510
}
511
.more-help-link {
512
  font-size: .94em;
513
  line-height: 1.667em;
514
}
515
#permissions td.permission {
516
  padding-left: .5em;
517
}
518
#permissions td.module {
519
  font-weight: 700;
520
  background: #eee;
521
  color: #222;
522
}
523
div.add-or-remove-shortcuts  {
524
  display: inline-block;
525
}
526
.admin-panel ul li {
527
  color: #555;
528
}
529
a.block-demo-backlink,
530
a.block-demo-backlink:link,
531
a.block-demo-backlink:visited {
532
  padding:4px 10px 2px;
533
}
534

    
535
/* Main, Secondary, local tasks menus */
536
ul.primary {
537
  border-bottom: 0;
538
  margin: 20px 0 0;
539
  padding: 0 0 .4em 0;
540
}
541
ul.primary li a {
542
  background: #bcbcbc;
543
  color: #fff;
544
  border: 0 !important;
545
  margin-right: 3px;
546
  padding: 0 16px;
547
  font-weight: 700;
548
  font-size: 0.923em;
549
  display: block;
550
  float: left;
551
  line-height: 2.25;
552
  text-transform: uppercase;
553
  text-decoration: none;
554
  white-space: normal;
555
  border-radius: 6px 6px 0 0;
556
  -webkit-transition: background 0.2s ease-in;
557
  -moz-transition: background 0.2s ease-in;
558
  -o-transition: background 0.2s ease-in;
559
  -ms-transition: background 0.2s ease-in;
560
  transition: background 0.2s ease-in;
561
}
562
ul.primary li a:hover {
563
  background: #6e6e6e;
564
}
565
ul.primary li a:active {
566
  text-decoration: none;
567
}
568
ul.primary li.active a,
569
ul.primary li.active a:active,
570
ul.primary li.active a:hover,
571
ul.primary li.active a:focus {
572
  background: #fff;
573
  color: #6e6e6e;
574
  text-decoration: none !important;
575
}
576

    
577
@media only screen and (max-width: 600px) {
578
  ul.primary li a {
579
    float: none;
580
    margin-bottom: 6px;
581
    border-radius: 6px;
582
  }
583
}
584

    
585
.secondary-tasks-wrapper {
586
  background: #fff;
587
}
588
#secondary-tasks {
589
  padding: 15px 0 0;
590
}
591
ul.secondary {
592
  border-bottom: 0;
593
  margin: 0;
594
  padding: 0;
595
  font-size: 0.923em;
596
}
597
ul.secondary li {
598
  border-right: 0;
599
  list-style: none;
600
  padding: 0; /* LTR */
601
  margin: 0 2px 0 0;
602
  display: block;
603
  float: left;
604
}
605
ul.secondary li a {
606
  color: #3188D1;
607
  display: block;
608
  float: left;
609
  font-weight: 600;
610
  font-size: 0.923em;
611
  height: 1.8em;
612
  line-height: 1.8em;
613
  padding: 0 10px;
614
  text-transform: none;
615
}
616
ul.secondary li a:hover,
617
ul.secondary li a:focus {
618
  text-decoration: underline;
619
}
620
ul.secondary li a.active {
621
  border-bottom: 0;
622
  color: #194468;
623
  text-decoration: underline;
624
}
625

    
626
/* Tables */
627
table {
628
  border-spacing: 0;
629
  margin: 0 0 10px;
630
  padding: 0;
631
  border-bottom: 1px solid #eee;
632
  width: 100%;
633
}
634
table.sticky-header {
635
  z-index: 10;
636
}
637
thead label {
638
  padding: 0 10px;
639
}
640
tr.even,
641
tr.odd {
642
  border-bottom: 0;
643
}
644
caption,
645
th {
646
  font-weight: 700;
647
}
648
table,
649
td,
650
th {
651
  vertical-align: middle;
652
}
653
thead tr,
654
thead th {
655
  font-weight: 700;
656
  border-bottom: 0;
657
  color: #494949;
658
  background: #f5f5f5;
659
}
660
tbody {
661
  border-top: 1px solid #eee;
662
}
663
td,th {
664
  margin: 0;
665
  padding: 10px 7px;
666
}
667
th.active a {
668
  padding-right: 25px;
669
  position: relative;
670
}
671
th.active a img {
672
  position: absolute;
673
  top: 0;
674
  right: 3px;
675
}
676
tr.odd,tr.info {
677
  background-color: #fff;
678
}
679
td.region,
680
td.module,
681
td.container td.category {
682
  font-weight: 700;
683
  background-color: #eee;
684
  border-bottom: 1px solid #d7d7d7;
685
  border-top: 1.5em solid #fff;
686
  color: #222;
687
}
688
tr:first-child td.region,
689
tr:first-child td.module,
690
tr:first-child td.container {
691
  border-top-width: 0;
692
}
693
#block-admin-display-form tr .block {
694
  background: transparent;
695
}
696
body div.tabledrag-changed-warning {
697
  margin: 0 0 10px 0;
698
}
699
#system-modules td strong {
700
  display: block;
701
  width: 110px;
702
}
703
#edit-logo-path,
704
#edit-favicon-path {
705
  width: 90%;
706
}
707
#system-theme-settings .button-wrapper {
708
  clear: both;
709
  display: block;
710
}
711
.section-admin table {
712
  width: 100%;
713
}
714
.section-admin table.image-anchor {
715
  width: auto;
716
}
717
.page-admin-build-themes #system-themes-form table {
718
  position: relative;
719
  z-index: 999;
720
}
721
span.tabledrag-changed {
722
  display: none;
723
}
724
tr.even {
725
  background-color: #f9f9f9;
726
}
727
tr.drag,
728
#blocks tr.drag {
729
  background-color: #fffff0;
730
}
731
tr.drag-previous,
732
#blocks tr.drag-previous {
733
  background-color: #ffd;
734
}
735
tr.odd td.active {
736
  background-color: #eee;
737
}
738
tr.even td.active {
739
  background-color: #f5f5f5;
740
}
741
.tabledrag-toggle-weight-wrapper {
742
  padding: 5px 0 2px;
743
}
744
.tabledrag-toggle-weight-wrapper a:focus,
745
.tabledrag-toggle-weight-wrapper a:hover {
746
  text-decoration: underline;
747
  border: 0;
748
  background: none;
749
}
750
a.tabledrag-handle .handle {
751
  margin-top: -0.42em;
752
}
753
#system-modules table th {
754
  min-width: 60px;
755
}
756
#system-modules table th:nth-child(1) {
757
  width: 70px;
758
}
759
#system-modules table th:nth-child(2) {
760
  width: 120px;
761
}
762
#system-modules table th:nth-child(3) {
763
  width: 90px;
764
}
765
#system-modules table th[colspan*="3"] {
766
  width: 260px;
767
}
768
#system-modules table .odd .permissions,
769
#system-modules table .odd .help,
770
#system-modules table .odd .configure {
771
  width: 100px;
772
  background: #fafafa;
773
}
774
#system-modules table .even .permissions,
775
#system-modules table .even .help,
776
#system-modules table .even .configure {
777
  width: 100px;
778
  background: #f5f5f5;
779
}
780
#system-modules table .odd .help,
781
#system-modules table .even .help {
782
  width: 60px;
783
}
784

    
785
/* Message */
786
div.messages {
787
  background-position: 8px 5px;
788
  margin: 10px;
789
  border-radius: 2px;
790
}
791
#block-system-help {
792
  background: url(images/help.png) no-repeat 8px 5px #f0f8ff;
793
  border: 0;
794
  margin: 10px 10px 0;
795
  padding: 0;
796
  border-radius: 2px;
797
}
798
.block-region {
799
  background-color: #f7f8f8;
800
  border: 2px dashed #ddd;
801
  clear: both;
802
  color: #666;
803
  font-family: Consolas, "Lucida Console", Menlo, Monaco, "DejaVu Sans Mono", monospace, sans-serif;
804
  font-size: 1.077em;
805
  font-weight: 400;
806
  margin-bottom: 10px;
807
  margin-top: 5px;
808
  padding: 3px 6px 1px;
809
  border-radius: 6px;
810

    
811
}
812
#page article.article-unpublished,
813
#page article.comment-unpublished {
814
  background-color: #fffce5;
815
}
816
#page .article-unpublished .unpublished,
817
#page .comment-unpublished .unpublished {
818
  background: url("images/warning.png") no-repeat 1px 7px;
819
  color: #625b42;
820
  font-weight: 700;
821
  padding: 5px 10px 10px 20px;
822
}
823
div#acquia-agent-no-search {
824
  padding-left: 3em !important;
825
  margin: 8px 0;
826
}
827
a.block-demo-backlink,
828
a.block-demo-backlink:link,
829
a.block-demo-backlink:visited {
830
  left: 50%;
831
  margin-left: -9em;
832
  text-align: center;
833
  width: 18em;
834
}
835
.vertical-tab-button-error a {
836
  border: 1px solid #FC6F5D;
837
}
838
body.maintenance-page,
839
body.maintenance-page .container {
840
  width: 100%;
841
  max-width: 960px;
842
  margin: 0 auto 30px;
843
}
844
body.maintenance-page #header {
845
  padding-left: 0;
846
  padding-right: 0;
847
}
848
div.region-help,
849
div.messages {
850
  margin-top: 20px;
851
  margin-bottom: 20px;
852
  border: 0;
853
}
854
tr #acquia-agent-no-search {
855
  background-position: 24px 5px;
856
  padding-left: 75px;
857
}
858
div.error a:hover,
859
div.error a:focus,
860
div.status a:hover,
861
div.status a:focus,
862
div.help a:hover,
863
div.help a:focus,
864
div.warning a:hover,
865
div.warning a:focus {
866
  text-decoration: underline;
867
}
868
div.admin-requirements,div.admin-required {
869
  color: #666;
870
  line-height: 1.5;
871
  padding: 0;
872
}
873
#block-system-help .content {
874
  margin: 0;
875
  padding: 7px 0 10px 40px;
876
}
877
#block-system-help code,
878
div.messages code,
879
div.error a:link,
880
div.error a:visited,
881
div.status a:link,
882
div.status a:visited,
883
div.help a:link,
884
div.help a:visited,
885
div.warning a:link,
886
div.warning a:visited {
887
  font-weight: 700;
888
}
889
#block-system-help p:last-child,
890
#block-system-help ul:last-child,
891
#block-system-help .content p:last-child {
892
  margin-bottom: 0;
893
}
894
#block-system-help p:first-child,
895
#block-system-help .content p:first-child {
896
  margin-top: 0;
897
}
898

    
899
/* Forms - hodge podge of styles and targets */
900
form {
901
  margin: 0 0 18px;
902
  padding: 0;
903
}
904
input {
905
  border-radius: 2px;
906
}
907
.form-actions {
908
  margin-bottom: 10px;
909
  margin-top: 10px;
910
}
911
input.text,
912
input.title,
913
textarea,
914
select {
915
  margin: 0;
916
  border: 1px solid #d7d7d7;
917
  padding: 3px 3px 4px;
918
}
919
select {
920
  padding: 2px 2px 2px 3px;
921
}
922
input.form-text,
923
textarea {
924
  height: auto;
925
  padding: 3px;
926
  border: 1px solid #d7d7d7;
927
}
928
input.form-checkbox,
929
input.form-radio {
930
  margin: 0 3px;
931
}
932
.form-item label.option,
933
.form-item label.option input {
934
  vertical-align: middle;
935
}
936
td div.description,
937
.form-item .description,
938
.description {
939
  padding: 4px 0;
940
  color: #666;
941
}
942
#user-admin-settings fieldset .fieldset-description {
943
  font-size: 1em;
944
  padding-bottom: 5px;
945
  color: #666;
946
}
947
.form-type-radio .description,
948
.form-type-checkbox .description {
949
  margin-left: 0;
950
}
951
textarea,
952
input {
953
  font: 1em Verdana, Arial, "Bitstream Vera Sans", sans-serif;
954
  max-width: 100%;
955
}
956
div.form-item {
957
  margin-bottom: 15px;
958
  margin-top: 10px;
959
}
960
tr.odd .ajax-new-content .form-item,
961
tr.even .ajax-new-content .form-item {
962
  margin-bottom: 5px;
963
  margin-top: 5px;
964
}
965
.form-item textarea.error {
966
  padding: 2px;
967
}
968
abbr.form-required,
969
span.form-required,
970
span.marker {
971
  border: 0;
972
  color: #8a1a11;
973
  font-weight: 700;
974
}
975
#node-admin-filter ul {
976
  padding: 4px 0;
977
}
978
#edit-operation-wrapper select {
979
  margin: 4px;
980
}
981
div.resizable-textarea textarea {
982
  margin-top: 0;
983
}
984
#edit-title {
985
  width: 98.5%;
986
  font-size: 1.231em;
987
}
988
a.button,
989
input.form-submit,
990
input.teaser-button {
991
  background-color: transparent;
992
  background-image: url(images/blue-button.png);
993
  background-repeat: no-repeat;
994
  background-position: 0 0;
995
  border: 1px solid #fff;
996
  color: #fff;
997
  cursor: pointer;
998
  font-size: 1em;
999
  font-weight: 700;
1000
  margin: 3px 10px 3px 0;
1001
  outline: 1px solid #9babb0;
1002
  padding: 2px 6px;
1003
  -webkit-background-size: 100% 200%;
1004
  -moz-background-size: 100% 200%;
1005
  background-size: 100% 200%;
1006
  border-radius: 4px;
1007
}
1008
a.button:link,
1009
a.button:visited,
1010
a.button:hover,
1011
a.button:active {
1012
  color: #fff;
1013
  text-decoration: none;
1014
}
1015
.ajax-new-content input.form-submit,
1016
.ajax-new-content input.teaser-button {
1017
  margin: 3px 10px 3px 0;
1018
}
1019
input[value~=Save],
1020
input[value~=Update],
1021
#system-theme-settings input#edit-submit,
1022
.node-form input#edit-submit.form-submit,
1023
input#edit-save.form-submit {
1024
  background-image: url(images/green-button.png);
1025
}
1026
a.button-no,
1027
input[value~=Cancel],
1028
input#edit-delete.form-submit,
1029
#system-modules-uninstall input#edit-submit,
1030
#user-multiple-delete-confirm input#edit-submit {
1031
  background-image: url(images/red-button.png);
1032
}
1033
a.button:hover,
1034
input[value~=Update]:hover,
1035
input[value~=Save]:hover,
1036
#system-theme-settings input#edit-submit:hover,
1037
input.form-submit:hover,
1038
input.teaser-button:hover,
1039
input#edit-save.form-submit:hover,
1040
.node-form input#edit-submit.form-submit:hover,
1041
input#edit-delete.form-submit:hover,
1042
#system-modules-uninstall input#edit-submit:hover,
1043
#user-multiple-delete-confirm input#edit-submit:hover {
1044
  background-position: bottom;
1045
  cursor: pointer;
1046
  text-decoration:none;
1047
}
1048
#edit-views-apply,
1049
#edit-views-reset {
1050
  margin-top: 20px;
1051
}
1052
#views-ui-analyze-view-button {
1053
  margin: 0;
1054
  padding: 6px 0 4px;
1055
}
1056
form#views-add-display-form  {
1057
  padding-bottom: 4px;
1058
}
1059
form#views-add-display-form div.form-item {
1060
  margin-bottom: 4px;
1061
}
1062
#views-live-preview form div.form-item-live-preview  {
1063
  margin: 20px 0 0 0;
1064
}
1065
#views-live-preview form input#preview-submit {
1066
  margin: 25px 0 0 0;
1067
}
1068
.fieldset-block-info {
1069
  margin-bottom: .5em;
1070
}
1071
.fieldset-block-info dt {
1072
  font-size: .846em;
1073
  border-bottom: 1px solid #e5e5e5;
1074
}
1075
.fieldset-block-info dd {
1076
  font-size: .923em;
1077
  margin: 0 0 .3em;
1078
  color: #777;
1079
}
1080
fieldset {
1081
  background: #fafafa;
1082
  border: 0;
1083
  margin: 0 0 15px;
1084
  padding: 10px 0;
1085
  position: relative;
1086
}
1087
.fieldset-wrapper {
1088
  padding: 0 15px;
1089
}
1090
fieldset fieldset {
1091
  background: #ededed;
1092
}
1093
fieldset fieldset .fieldset-wrapper {
1094
  padding: 10px 15px;
1095
}
1096
fieldset fieldset fieldset {
1097
  background: #ededed;
1098
}
1099
fieldset fieldset fieldset .fieldset-wrapper {
1100
  padding: 10px 15px;
1101
}
1102
.filter-wrapper {
1103
  border-top-left-radius: 0;
1104
  border-top-right-radius: 0;
1105
}
1106
html.js fieldset.collapsed {
1107
  height: auto;
1108
}
1109
fieldset.collapsed {
1110
  background: transparent;
1111
  margin-bottom: 0;
1112
  padding-bottom: 0;
1113
  border-radius: 0;
1114
}
1115
fieldset#edit-body-und-0-format {
1116
  border-radius: 0 0 3px 3px;
1117
}
1118
.vertical-tabs fieldset {
1119
  border-radius: 0;
1120
  background: #fff;
1121
}
1122
.vertical-tabs-panes > fieldset > .fieldset-wrapper {
1123
  padding: 10px 15px;
1124
}
1125
.vertical-tabs-panes fieldset fieldset .fieldset-wrapper {
1126
  padding-top: 0 !important;
1127
}
1128
legend {
1129
  font-size: 1em;
1130
  border: 0;
1131
  background: #d4d4d4;
1132
  display: block;
1133
  padding: 7px 1%;
1134
  width: 98%;
1135
  border-radius: 2px;
1136
}
1137
fieldset legend,
1138
fieldset legend a:link,
1139
fieldset legend a:visited,
1140
fieldset legend a:hover,
1141
fieldset legend a:focus,
1142
fieldset legend a:active {
1143
  font-weight: 600;
1144
  color: #424242;
1145
}
1146
html.js fieldset span.fieldset-legend {
1147
  background-image: none !important;
1148
  padding-left: 0 !important;
1149
}
1150
html.js fieldset.collapsible .fieldset-legend a {
1151
  background: url('images/menu-expanded.png') no-repeat scroll 5px 65% transparent;
1152
  padding-left: 15px;
1153
}
1154
html.js fieldset.collapsed .fieldset-legend a {
1155
  background-image: url('images/menu-collapsed.png');
1156
  background-position: 5px 50%;
1157
}
1158
html.js #edit-css-settings > legend > .fieldset-legend {
1159
  padding-left: 0;
1160
  background-image: none;
1161
}
1162
table fieldset,
1163
table legend {
1164
  background: transparent;
1165
  border: 0;
1166
}
1167
table legend {
1168
  font-weight: 700;
1169
  padding: 4px 15px;
1170
  text-transform: uppercase;
1171
}
1172
input.form-text:focus,
1173
input.text:focus,
1174
input.title:focus,
1175
select:focus {
1176
  background: #ffffdf;
1177
  border: 1px solid #fc0;
1178
}
1179
textarea:focus {
1180
  border: 1px solid #fc0;
1181
}
1182
.filter-wrapper {
1183
  background: #f9f9f9;
1184
  border-width: 0 1px 1px 1px;
1185
  border-color: #d7d7d7;
1186
  border-style: solid;
1187
  border-radius: 0 0 3px 3px;
1188
}
1189
.text-format-wrapper .description {
1190
  margin: 3px 0 15px;
1191
}
1192
#search-theme-form,
1193
.fieldset-block-info dl,
1194
.at-admin-block-edit-links ul,
1195
.admin-panel .item-list ul,
1196
.page-admin-by-module .admin-panel .body,
1197
div.form-item div.description img {
1198
  margin: 0;
1199
}
1200
#node-form #edit-title,
1201
input.title {
1202
  font-size: 1.25em;
1203
  width: 85%;
1204
}
1205
.form-item strong.error {
1206
  display: block;
1207
}
1208
#system-themes-form td:first-child {
1209
  vertical-align: top;
1210
}
1211
#block-system-0 .fieldset-block-info,
1212
caption,
1213
th,
1214
td {
1215
  text-align: left;
1216
}
1217
div.vertical-tabs ul.vertical-tabs-list li {
1218
  background: #f5f5f5;
1219
}
1220
.fieldset-description h3 {
1221
  margin: 0 0 10px;
1222
  padding: 0;
1223
  font-weight: 700;
1224
}
1225
#system-theme-settings #edit-font .fieldset-wrapper legend {
1226
  padding-top: 4px;
1227
}
1228
#system-theme-settings #edit-font label {
1229
  width: 3.6em;
1230
}
1231
html.js input.form-autocomplete {
1232
  background-position: 100% 4px;
1233
}
1234
html.js input.throbbing {
1235
  background-position: 100% -16px;
1236
}
1237
div.form-type-textfield {
1238
  position: relative;
1239
}
1240

    
1241
/* Panels layout page TODO: check accessibility regarding width settings */
1242
.panels-layouts-checkboxes .form-checkboxes .form-item,
1243
#panels-choose-layout .form-radios .form-item {
1244
  margin-right: 10px;
1245
  width: 120px;
1246
  text-align: center;
1247
}
1248
.panels-layouts-checkboxes .form-checkboxes .form-item .layout-icon,
1249
#panels-choose-layout .form-radios .form-item .layout-icon {
1250
  height: 13em;
1251
  width: 120px;
1252
}
1253
.panels-layouts-checkboxes .form-checkboxes .option,
1254
#panels-choose-layout .form-radios .form-item .option {
1255
  text-align: center;
1256
  width: 120px;
1257
}
1258
#panels-choose-layout .layout-icon .caption {
1259
  font-size: 0.9em;
1260
  padding: 0 4px;
1261
  width: 112px;
1262
}
1263
#update-manager-install-form p {
1264
  margin-top: .75em;
1265
}
1266

    
1267
/* Action links */
1268
nav.action-links-wrapper {}
1269
ul.action-links {
1270
  margin: 20px 10px 0;
1271
  padding: 0;
1272
  list-style: none;
1273
}
1274
ul.action-links li {
1275
  margin-bottom: 5px;
1276
  display: block;
1277
  float: left;
1278
}
1279
ul.action-links li a {
1280
  background: #f5f5f5;
1281
  border-bottom: 1px solid #eee;
1282
  color: #666;
1283
  display: block;
1284
  float: left;
1285
  font-size: 1em;
1286
  font-weight: 600;
1287
  line-height: 2em;
1288
  margin: 0 10px 0 0;
1289
  padding: 0 10px;
1290
  text-shadow: 0 1px 1px #fff;
1291
  border-radius: 12px;
1292
  -webkit-transition: background 0.2s ease-in;
1293
  -moz-transition: background 0.2s ease-in;
1294
  -o-transition: background 0.2s ease-in;
1295
  -ms-transition: background 0.2s ease-in;
1296
  transition: background 0.2s ease-in;
1297
}
1298
ul.action-links li a:before {
1299
  content: "+ ";
1300
}
1301
ul.action-links li a:hover,
1302
ul.action-links li a:focus {
1303
  background: #ddd;
1304
  color: #666;
1305
  text-decoration: none;
1306
  border-bottom-color: #ccc;
1307
}
1308

    
1309
/* Themes list */
1310
.system-themes-list h2 {
1311
  margin:1em 0 0;
1312
}
1313

    
1314
/* Content exposed filters */
1315
.block .item-list ul.current-filters {
1316
  margin: 0 0 15px;
1317
  padding: 0;
1318
}
1319
.exposed-filters .additional-filters {
1320
  font-style: italic;
1321
  margin: 0 1.5em 0 0.5em;
1322
}
1323
.exposed-filters .form-item label {
1324
  float: left;
1325
  font-weight: bold;
1326
  margin: 4px 0;
1327
  padding: 0;
1328
  text-transform: capitalize;
1329
  width: 14em;
1330
}
1331
.exposed-filters .filters {
1332
  width: auto;
1333
}
1334
.exposed-filters .form-item {
1335
  background:#F9F9F9;
1336
  margin: 0 0 1px;
1337
  padding: 3px 3px 3px 10px;
1338
}
1339
.exposed-filters .form-item label {
1340
  float: left;
1341
  font-weight: bold;
1342
  text-transform: capitalize;
1343
  width: 14em;
1344
  margin: 4px 0;
1345
  padding: 0;
1346
}
1347

    
1348
/* Dashboard */
1349
#dashboard #disabled-blocks .block {
1350
  clear: none;
1351
}
1352
.dashboard-region ul {
1353
  padding: 5px 0;
1354
}
1355

    
1356
/* Block search */
1357
#block-search-form .block-inner {
1358
  background: none;
1359
  border: none;
1360
}
1361

    
1362
/* Tips */
1363
#edit-body-und-0-format {
1364
  padding-top: 0;
1365
}
1366
#edit-body-und-0-format-help {
1367
  padding-top: 1.7em;
1368
}
1369
.tips {
1370
  font-size: 0.95em;
1371
  margin: 0;
1372
  padding: 0 0 0 1.5em;
1373
}
1374

    
1375
/* Skip Navigation */
1376
#skip-link {
1377
  left: 50%;
1378
  margin-left: -5.25em;
1379
  margin-top: 0;
1380
  position: absolute;
1381
  width: auto;
1382
  z-index: 50;
1383
}
1384
#skip-link a,
1385
#skip-link a:link,
1386
#skip-link a:visited {
1387
  background: #444;
1388
  background: rgba(0, 0, 0, 0.6);
1389
  color: #fff;
1390
  display: block;
1391
  font-size: 0.94em;
1392
  line-height: 1.7;
1393
  padding: 1px 10px 2px 10px;
1394
  text-decoration: none;
1395
  border-radius: 0 0 10px 10px;
1396
}
1397
#skip-link a:hover,
1398
#skip-link a:active,
1399
#skip-link a:focus {
1400
  outline: 0;
1401
}
1402

    
1403
/* Overlay overrides */
1404
#overlay .content-columns {
1405
  margin: 0;
1406
}
1407
#overlay .topbar-wrapper {
1408
  background: transparent;
1409
}
1410
#overlay #topbar,
1411
#overlay  #banner {
1412
  padding-left: 0;
1413
  padding-right: 0;
1414
}
1415
#overlay #main-content {
1416
  padding-top: 0;
1417
}
1418
#overlay dl.admin-list,
1419
#overlay dl.node-type-list {
1420
  padding: 0;
1421
}
1422
#overlay ol#crumbs,
1423
#overlay ol#crumbs a:link,
1424
#overlay ol#crumbs a:visited {
1425
  color: #666;
1426
}
1427
#overlay ol#crumbs a:hover,
1428
#overlay ol#crumbs a:focus,
1429
#overlay ol#crumbs a:active {
1430
  color: #333;
1431
}
1432
#overlay-tabs li a,
1433
#overlay-tabs li a:active,
1434
#overlay-tabs li a:visited,
1435
#overlay-tabs li a:hover {
1436
  background-color:#aaa;
1437
}
1438
#overlay div.add-or-remove-shortcuts {
1439
  padding-top: 0.6em;
1440
  position:static;
1441
  right:auto;
1442
  top:auto;
1443
}
1444
#overlay #skip-nav,
1445
#overlay header,
1446
#overlay footer,
1447
#overlay h1#page-title,
1448
#overlay #primary-tasks,
1449
#overlay #topbar time {
1450
  display: none;
1451
}
1452
#overlay ul.secondary li a {
1453
  padding: 0 20px 0 0;
1454
}
1455
#overlay-titlebar {
1456
  padding: 0 14px;
1457
}
1458
#overlay div.region-help,
1459
#overlay div.messages {
1460
  margin: 20px 0;
1461
}
1462

    
1463
/* Color form */
1464
#color_scheme_form .form-item-scheme label, #color_scheme_form .color-form #palette label {
1465
  font-size: 0.923em;
1466
  width: 17.3em;
1467
}
1468
#color_scheme_form .color-form  #palette .form-item {
1469
  margin: 4px 0;
1470
  padding: 5px 2px 3px 7px;
1471
  width: 23em;
1472
}
1473
#color_scheme_form #palette .unlocked,
1474
#color_scheme_form #palette .hook,
1475
#color_scheme_form #palette .lock {
1476
  display: none;
1477
}
1478
#color_scheme_form #palette .color-form .form-text {
1479
  margin-right: 0;
1480
}
1481
#color_scheme_form .color-form .form-item {
1482
  padding-left: 7px;
1483
}
1484

    
1485
/* Themes list */
1486
.theme-selector .screenshot, .theme-selector .no-screenshot,
1487
.system-themes-list-enabled .theme-selector .screenshot,
1488
.system-themes-list-enabled .theme-selector .no-screenshot,
1489
.system-themes-list-disabled .theme-selector .screenshot,
1490
.system-themes-list-disabled .theme-selector .no-screenshot {
1491
  height: auto;
1492
  line-height: 1;
1493
  width: 140px;
1494
  float: left;
1495
  margin: 10px 20px 10px 10px;
1496
}
1497
.theme-default .screenshot {
1498
  border: 1px solid #E0E0D8;
1499
}
1500
.system-themes-list-disabled .theme-selector {
1501
  float: none;
1502
  padding: 0;
1503
  width: auto;
1504
  clear: both;
1505
  display: block;
1506
}
1507
.system-themes-list-disabled .theme-info {
1508
  min-height: 1px;
1509
}
1510
.theme-selector {
1511
  padding: 15px 0;
1512
}
1513
.system-themes-list-enabled .theme-default {
1514
  background-color: #f8fff0;
1515
  margin-top: 10px;
1516
}
1517
.system-themes-list-enabled .theme-info,
1518
.system-themes-list-disabled .theme-info {
1519
  padding: 8px;
1520
}
1521
#system-themes-page .theme-info h3 {
1522
  font-weight: bold;
1523
  margin-bottom: 0.5em;
1524
  margin-top: 0;
1525
}
1526
#system-themes-page .theme-info .theme-description {
1527
  color: #666;
1528
}
1529
.system-themes-list-disabled h2 {
1530
  margin-bottom: 10px;
1531
}
1532

    
1533
/* Vertical tabs */
1534
.vertical-tabs ul.vertical-tabs-list strong {
1535
  font-weight: 600;
1536
  font-size: 0.923em;
1537
}
1538
.vertical-tabs ul.vertical-tabs-list li a:focus,
1539
.vertical-tabs ul.vertical-tabs-list li a:active,
1540
.vertical-tabs ul.vertical-tabs-list li a:hover {
1541
  background: #fafafa;
1542
}
1543
.vertical-tabs ul.vertical-tabs-list li.selected a:focus,
1544
.vertical-tabs ul.vertical-tabs-list li.selected a:active,
1545
.vertical-tabs ul.vertical-tabs-list li.selected a:hover {
1546
  background: #fff;
1547
}
1548
.vertical-tabs ul.vertical-tabs-list li a:focus strong,
1549
.vertical-tabs ul.vertical-tabs-list li a:active strong,
1550
.vertical-tabs ul.vertical-tabs-list li a:hover strong {
1551
  text-decoration: none;
1552
}
1553

    
1554
/* Appearance list */
1555
.theme-selector .operations li {
1556
  border-right: 0;
1557
  padding: 0;
1558
  margin-right: 15px;
1559
}
1560
.vertical-tabs-panes .at-media-queries label {
1561
  display: block;
1562
}
1563

    
1564
/* Views UI */
1565
.views-display-top .secondary > li {
1566
  margin: 2px 5px 1px 0;
1567
  padding-left: 0;
1568
}
1569
.views-displays ul.secondary a {
1570
  border: 1px solid #d7d7d7;
1571
  line-height: 1.5;
1572
  padding: 3px 5px 0;
1573
  margin: 0;
1574
  border-radius: 2px;
1575
}
1576
.views-displays ul.secondary li.open a {
1577
  border-radius: 2px 2px 0 0 !important;
1578
}
1579
.views-admin .icon.add {
1580
  background-position: -2px 6px;
1581
}
1582
.views-displays .secondary a:hover > .icon.add {
1583
  background-position: -2px -23px;
1584
}
1585
.views-displays .secondary .open a:hover > .icon.add {
1586
  background-position: -2px 6px;
1587
}
1588
.views-display-top .ctools-button-processed {
1589
  top: 10px;
1590
}
1591
#edit-display-settings-title {
1592
  background: transparent;
1593
  display: inline-block;
1594
  font-size: inherit;
1595
  line-height: inherit;
1596
  margin: 0;
1597
}
1598
.views-displays ul.secondary .action-list {
1599
  top: 27px;
1600
}
1601
.views-displays ul.secondary .action-list li {
1602
  width: 100%;
1603
}
1604
.ctools-toggle {
1605
  margin-top: 0.615em;
1606
}
1607
.views-display-column > .ctools-toggle {
1608
  margin-top: 0.923em;
1609
}
1610
.views-display-column > .ctools-toggle.ctools-toggle-collapsed {
1611
  margin-top: 0.769em;
1612
}
1613
.ctools-button-processed {
1614
  background-color: #fdfdfd;
1615
  border-color: #d7d7d7;
1616
  font-size: 0.823em;
1617
  padding-bottom: 2px;
1618
  padding-top: 2px;
1619
  border-radius: 4px;
1620
}
1621
.views-display-top .ctools-button-processed,
1622
.views-display-top ul.secondary a {
1623
  background-color: #fff;
1624
}
1625
.views-displays .secondary a:hover, .views-displays .secondary .active a {
1626
  background-color: #d7d7d7;
1627
  border-bottom-width: 1px;
1628
  color: #666;
1629
}
1630
.views-ui-dialog #views-ajax-popup {
1631
  -webkit-box-shadow: 0 4px 4px 4px rgba(0,0,0,0.4);
1632
  box-shadow: 0 4px 4px 4px rgba(0,0,0,0.4);
1633
}
1634
.views-ui-dialog input.form-submit {
1635
  margin: 3px 10px 3px 0;
1636
}
1637
.views-edit-view .ctools-dropbutton .ctools-content input,
1638
.views-edit-view .action-list input {
1639
  color: #3188D1;
1640
  font-weight: 300;
1641
  margin: 0;
1642
  outline: 0 none;
1643
  padding: 0 12px;
1644
  text-align: left;
1645
}
1646
.ctools-dropbutton-processed .ctools-content ul {
1647
  margin: 0;
1648
  padding: 0;
1649
  min-width: 65px;
1650
}
1651
.ctools-dropbutton-processed .ctools-twisty,
1652
.ctools-dropbutton-processed.open .ctools-twisty {
1653
  top: 0.75em;
1654
}
1655

    
1656
/* Advanced help */
1657
.advanced-help-link {
1658
  -webkit-transition: none;
1659
  -moz-transition: none;
1660
  -o-transition: none;
1661
  -ms-transition: none;
1662
  transition: none;
1663
}
1664
.views-ui-display-tab-bucket .advanced-help-link {
1665
  margin-top: 6px;
1666
}
1667

    
1668
/* Fix Panels whacky CSS */
1669
#page-manager-edit .page-manager-ajax-pad .content-title {
1670
  font-size: 1em;
1671
  line-height: 1.8em;
1672
  padding: 0 5px 0 20px;
1673
}
1674
.page-manager-ajax-pad .content-header {
1675
  background: transparent;
1676
}
1677
#page-manager-edit .secondary-actions {
1678
  border-bottom: 0;
1679
}
1680
#page-manager-edit .page-manager-tabs ul.page-manager-operations {
1681
  border-right: 0;
1682
  line-height: 2em;
1683
  border-bottom: 1px solid #aaa;
1684
}
1685
#page-manager-edit .page-manager-edit-operations a[title="Get a summary of the information about this page."] {
1686
  padding-left: 5px;
1687
}
1688
#page-manager-edit .page-manager-edit-operations ul.page-manager-operations {
1689
  border-bottom: 0;
1690
}
1691
#page-manager-edit .page-manager-edit-operations li ul {
1692
  margin-left: 0;
1693
}
1694
#page-manager-edit .page-manager-edit-operations li li {
1695
  margin-left: 5px;
1696
}
1697
#page-manager-edit .page-manager-edit-operations li a {
1698
  color: #3188d1;
1699
  padding: 0;
1700
}
1701
#page-manager-edit .page-manager-edit-operations li li.active {
1702
  border-right: 1px solid #fff;
1703
  left: 1px;
1704
  margin-left: 4px;
1705
  position: relative;
1706
}
1707
#page-manager-edit .page-manager-edit-operations li.active-group .page-manager-group-title {
1708
  background-image: none;
1709
}
1710
#page-manager-edit .page-manager-tabs #page-manager-page-summary  ul.page-manager-operations {
1711
  border-right: 1px solid #ddd;
1712
  border-bottom: 0;
1713
}
1714
#page-manager-edit .page-manager-tabs #page-manager-page-summary  ul.page-manager-operations li {
1715
  border-color: #ddd;
1716
}
1717
.handler-summary .handler-title {
1718
  border-bottom: 0 none;
1719
}
1720
#page-manager-edit .page-manager-wrapper  ul.links {
1721
  list-style: none;
1722
  margin: 10px 0 5px;
1723
  padding: 0;
1724
  font-weight: 700;
1725
}
1726
.panels-layouts-checkboxes .form-checkboxes .form-item,
1727
#panels-choose-layout .form-type-radio,
1728
.panels-choose-layout .form-type-radio {
1729
  float: left;
1730
  margin-right: 10px;
1731
  width: 120px;
1732
}
1733
.panels-layouts-checkboxes .form-checkboxes .option input,
1734
#panels-choose-layout .form-type-radio input,
1735
.panels-choose-layout .form-type-radio input {
1736
  display: block;
1737
  text-align: center;
1738
  width: 120px;
1739
  margin: 3px 0;
1740
}
1741
#page-manager-edit .description {
1742
  margin-bottom: 1em;
1743
}
1744
#ctools-context-handler-edit-context th,
1745
#ctools-context-handler-edit-context td {
1746
  width: 50%;
1747
  text-align: left;
1748
}
1749
#page-manager-edit .page-manager-edit-operations li.active,
1750
#page-manager-edit .page-manager-edit-operations li.active-group .page-manager-group-title,
1751
#page-manager-edit .page-manager-edit-operations li.active a,
1752
#page-manager-edit .page-manager-edit-operations li.active a:hover {
1753
  background-position: 98% center;
1754
  color: inherit;
1755
}
1756
#page-manager-edit .changed-notification {
1757
  background-color: #fffce5;
1758
  border-color: #ed5;
1759
  color: #840;
1760
  margin: 15px 0 10px;
1761
  padding: 10px;
1762
}
1763
.wizard-trail {
1764
  font-size: 1em;
1765
  margin-bottom: 1em;
1766
  color: #aaa;
1767
}
1768
.wizard-trail-current {
1769
  color: #41a61e;
1770
}
1771
.page-manager-tabs div.messages {
1772
  margin: 15px 0;
1773
}
1774
#panels-dnd-main div.panel-region h2.label {
1775
  font-size: 1em;
1776
  margin: 4px 0;
1777
}
1778
#panels-dnd-main .panel-pane .pane-title {
1779
  padding: 2px 0 5px;
1780
  font-size: 1em;
1781
}
1782
.panels-add-content-modal {
1783
  background-repeat: repeat-y;
1784
}
1785
.content-type-button div {
1786
  top: auto;
1787
}
1788

    
1789
/* Module Filter */
1790
#module-filter-squeeze {
1791
  padding: 10px 10px 5px;
1792
}
1793

    
1794
/* Admin menu */
1795
#admin-menu, #admin-menu ul {
1796
  font-size: x-small;
1797
  line-height: 1.3;
1798
}
1799

    
1800
/* Context module */
1801
table.context-admin td.ctools-export-ui-operations {
1802
  padding-top: 15px;
1803
}
1804
.context-plugin-title {
1805
        margin-top: 5px;
1806
}
1807
.page-admin-structure-context #edit-info {
1808
        margin-bottom: 0;
1809
        padding-bottom: 0;
1810
}
1811
.page-admin-structure-context .form-item-condition-mode {
1812
        padding: 0 15px;
1813
        margin: 0 0 30px;
1814
}
1815
.page-admin-structure-context .context-plugins {
1816
        margin: 0 10px 15px;
1817
}
1818
.page-admin-structure-context .buttons {
1819
        margin: 0 10px 15px;
1820
}
1821
.context-plugins .context-plugin-selector {
1822
        background: #f0f0f0;
1823
        width: 24%;
1824
        border-color: #fff;
1825
        border-style: solid solid none;
1826
        border-width: 1px 1px 0;
1827
}
1828
.page-admin-structure-context .context-plugins .context-plugin-forms {
1829
        background: #fff;
1830
        border: 1px solid #e8e8e8;
1831
        min-height: 148px;
1832
}
1833
.page-admin-structure-context .context-plugins .context-plugin-forms .context-plugin-form {
1834
  padding: 10px 10px 10px 20px;
1835
}
1836
.page-admin-structure-context .context-plugins .context-plugin-info {
1837
        border-top: 1px solid #e8e8e8;
1838
        border-bottom: 0 none;
1839
        min-height: 130px;
1840
}
1841
.page-admin-structure-context .context-plugin-list {
1842
        border-top: 0;
1843
        border-bottom: 0;
1844
        margin: 0;
1845
        padding: 0;
1846
}
1847
.page-admin-structure-context .context-plugin-list li a {
1848
        padding: 10px;
1849
        outline: 0;
1850
        background: #fff;
1851
}
1852
.page-admin-structure-context .context-plugin-list li a.active-form {
1853
  background: #fff;
1854
}
1855
.page-admin-structure-context .context-plugins .context-plugin-list li span.remove {
1856
        background: #ddd;
1857
        border-radius: 5px;
1858
        font-size: 0.8em;
1859
        font-weight: 400;
1860
        padding: 0 5px;
1861
        right: 10px;
1862
        top: 12px;
1863
}
1864
/* Very specific form items */
1865
.form-item-conditions-plugins-menu-values select {
1866
        min-height: 200px;
1867
}
1868
.context-plugin-form-block table {
1869
        border: 0;
1870
}
1871
.context-plugin-form-block tbody {
1872
  border-top: 0;
1873
}
1874
#context-blockform td.blocks, #context-blockform td.selector {
1875
        border: 0;
1876
        padding: 0 15px 10px 0;
1877
        width: 50%;
1878
}
1879
#context-blockform td.selector {
1880
        padding: 0 0 10px 0;
1881
}
1882
#context-blockform td.blocks, #context-blockform td.selector {
1883
  vertical-align: top;
1884
}
1885
#context-blockform .context-blockform-selector {
1886
  border: 1px solid #ddd;
1887
  height: 30em;
1888
  padding: 10px;
1889
}
1890
#context-blockform .context-blockform-selector label {
1891
  margin-bottom: 2px;
1892
}
1893
#context-blockform .context-blockform-selector .form-checkboxes {
1894
  margin-bottom: 20px;
1895
}
1896

    
1897
/* @font-your-face has fragile styles for tabs, bash them until they submit! */
1898
.view-fontyourface-browse ul.tabs {
1899
  border-bottom: 1px solid #BCBCBC;
1900
  font-size: 0.923em;
1901
  line-height: 2.25em;
1902
  min-height: 2.25em;
1903
  margin: 0;
1904
  padding: 5px 0 0;
1905
}
1906
.view-fontyourface-browse ul.tabs li {
1907
  display: inline-block;
1908
  float: left;
1909
  list-style: none;
1910
  position: static;
1911
  top: auto;
1912
}
1913
.view-fontyourface-browse ul.tabs li a {
1914
  background: #bcbcbc;
1915
  border-color: #bcbcbc;
1916
  border-style: solid;
1917
  border-width: 1px 1px 0;
1918
  color: #fff;
1919
  display: inline-block;
1920
  font-weight: 700;
1921
  line-height: 2.25em;
1922
  margin-right: 3px;
1923
  padding: 0 16px;
1924
  text-decoration: none;
1925
  white-space: normal;
1926
  border-radius: 6px 6px 0 0;
1927
}
1928
.view-fontyourface-browse ul.tabs li a:hover,
1929
.view-fontyourface-browse ul.tabs li a:focus {
1930
  background: #6e6e6e;
1931
  border-color: #6e6e6e;
1932
  color: #fff;
1933
}
1934
.view-fontyourface-browse ul.tabs li a.active,
1935
.view-fontyourface-browse ul.tabs li a.active:active,
1936
.view-fontyourface-browse ul.tabs li a.active:hover,
1937
.view-fontyourface-browse ul.tabs li a.active:focus {
1938
  background: #fff;
1939
  color: #6e6e6e;
1940
  border-color: #bcbcbc;
1941
}
1942

    
1943
.dev-query {
1944
  padding: 20px 20px 100px;
1945
  background: #eee;
1946
}
1947

    
1948

    
1949
/* Media query test for vertical tabs */
1950

    
1951
/* Tablet landscape */
1952
@media only screen and (min-width:769px) and (max-width:1024px) {
1953
  div.vertical-tabs  {
1954
    margin-left: 200px;
1955
  }
1956
  .vertical-tabs ul.vertical-tabs-list {
1957
    margin-left: -200px;
1958
    width: 200px;
1959
  }
1960
}
1961

    
1962
/* Standard layout */
1963
@media only screen and (min-width:1025px) {
1964
  div.vertical-tabs  {
1965
    margin-left: 240px;
1966
  }
1967
  .vertical-tabs ul.vertical-tabs-list {
1968
    margin-left: -240px;
1969
    width: 240px;
1970
  }
1971
}
1972

    
1973
/* Helpful classes for hiding content */
1974
.offscreen {
1975
  position: absolute;
1976
  top: -99999em;
1977
  width: 1px;
1978
  height: 1px;
1979
  overflow: hidden;
1980
  outline: 0;
1981
}
1982
.element-hidden {
1983
  display: none;
1984
}
1985

    
1986
/* Experimental */
1987
input[type="radio"],
1988
input[type="checkbox"] {
1989
}