Projet

Général

Profil

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

root / drupal7 / sites / all / themes / adaptivetheme / at_admin / css / at_admin.css @ 74f6bef0

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
.ajax-new-content input.form-submit,
1009
.ajax-new-content input.teaser-button {
1010
  margin: 3px 10px 3px 0;
1011
}
1012
input[value~=Save],
1013
input[value~=Update],
1014
#system-theme-settings input#edit-submit,
1015
.node-form input#edit-submit.form-submit,
1016
input#edit-save.form-submit {
1017
  background-image: url(images/green-button.png);
1018
}
1019
a.button-no,
1020
input[value~=Cancel],
1021
input#edit-delete.form-submit,
1022
#system-modules-uninstall input#edit-submit,
1023
#user-multiple-delete-confirm input#edit-submit {
1024
  background-image: url(images/red-button.png);
1025
}
1026
a.button:hover,
1027
input[value~=Update]:hover,
1028
input[value~=Save]:hover,
1029
#system-theme-settings input#edit-submit:hover,
1030
input.form-submit:hover,
1031
input.teaser-button:hover,
1032
input#edit-save.form-submit:hover,
1033
.node-form input#edit-submit.form-submit:hover,
1034
input#edit-delete.form-submit:hover,
1035
#system-modules-uninstall input#edit-submit:hover,
1036
#user-multiple-delete-confirm input#edit-submit:hover {
1037
  background-position: bottom;
1038
  cursor: pointer;
1039
  text-decoration:none;
1040
}
1041
#edit-views-apply,
1042
#edit-views-reset {
1043
  margin-top: 20px;
1044
}
1045
#views-ui-analyze-view-button {
1046
  margin: 0;
1047
  padding: 6px 0 4px;
1048
}
1049
form#views-add-display-form  {
1050
  padding-bottom: 4px;
1051
}
1052
form#views-add-display-form div.form-item {
1053
  margin-bottom: 4px;
1054
}
1055
#views-live-preview form div.form-item-live-preview  {
1056
  margin: 20px 0 0 0;
1057
}
1058
#views-live-preview form input#preview-submit {
1059
  margin: 25px 0 0 0;
1060
}
1061
.fieldset-block-info {
1062
  margin-bottom: .5em;
1063
}
1064
.fieldset-block-info dt {
1065
  font-size: .846em;
1066
  border-bottom: 1px solid #e5e5e5;
1067
}
1068
.fieldset-block-info dd {
1069
  font-size: .923em;
1070
  margin: 0 0 .3em;
1071
  color: #777;
1072
}
1073
fieldset {
1074
  background: #fafafa;
1075
  border: 0;
1076
  margin: 0 0 15px;
1077
  padding: 10px 0;
1078
  position: relative;
1079
}
1080
.fieldset-wrapper {
1081
  padding: 0 15px;
1082
}
1083
fieldset fieldset {
1084
  background: #ededed;
1085
}
1086
fieldset fieldset .fieldset-wrapper {
1087
  padding: 10px 15px;
1088
}
1089
fieldset fieldset fieldset {
1090
  background: #ededed;
1091
}
1092
fieldset fieldset fieldset .fieldset-wrapper {
1093
  padding: 10px 15px;
1094
}
1095
.filter-wrapper {
1096
  border-top-left-radius: 0;
1097
  border-top-right-radius: 0;
1098
}
1099
html.js fieldset.collapsed {
1100
  height: auto;
1101
}
1102
fieldset.collapsed {
1103
  background: transparent;
1104
  margin-bottom: 0;
1105
  padding-bottom: 0;
1106
  border-radius: 0;
1107
}
1108
fieldset#edit-body-und-0-format {
1109
  border-radius: 0 0 3px 3px;
1110
}
1111
.vertical-tabs fieldset {
1112
  border-radius: 0;
1113
  background: #fff;
1114
}
1115
.vertical-tabs-panes > fieldset > .fieldset-wrapper {
1116
  padding: 10px 15px;
1117
}
1118
.vertical-tabs-panes fieldset fieldset .fieldset-wrapper {
1119
  padding-top: 0 !important;
1120
}
1121
legend {
1122
  font-size: 1em;
1123
  border: 0;
1124
  background: #d4d4d4;
1125
  display: block;
1126
  padding: 7px 1%;
1127
  width: 98%;
1128
  border-radius: 2px;
1129
}
1130
fieldset legend,
1131
fieldset legend a:link,
1132
fieldset legend a:visited,
1133
fieldset legend a:hover,
1134
fieldset legend a:focus,
1135
fieldset legend a:active {
1136
  font-weight: 600;
1137
  color: #424242;
1138
}
1139
html.js fieldset span.fieldset-legend {
1140
  background-image: none !important;
1141
  padding-left: 0 !important;
1142
}
1143
html.js fieldset.collapsible .fieldset-legend a {
1144
  background: url('images/menu-expanded.png') no-repeat scroll 5px 65% transparent;
1145
  padding-left: 15px;
1146
}
1147
html.js fieldset.collapsed .fieldset-legend a {
1148
  background-image: url('images/menu-collapsed.png');
1149
  background-position: 5px 50%;
1150
}
1151
html.js #edit-css-settings > legend > .fieldset-legend {
1152
  padding-left: 0;
1153
  background-image: none;
1154
}
1155
table fieldset,
1156
table legend {
1157
  background: transparent;
1158
  border: 0;
1159
}
1160
table legend {
1161
  font-weight: 700;
1162
  padding: 4px 15px;
1163
  text-transform: uppercase;
1164
}
1165
input.form-text:focus,
1166
input.text:focus,
1167
input.title:focus,
1168
select:focus {
1169
  background: #ffffdf;
1170
  border: 1px solid #fc0;
1171
}
1172
textarea:focus {
1173
  border: 1px solid #fc0;
1174
}
1175
.filter-wrapper {
1176
  background: #f9f9f9;
1177
  border-width: 0 1px 1px 1px;
1178
  border-color: #d7d7d7;
1179
  border-style: solid;
1180
  border-radius: 0 0 3px 3px;
1181
}
1182
.text-format-wrapper .description {
1183
  margin: 3px 0 15px;
1184
}
1185
#search-theme-form,
1186
.fieldset-block-info dl,
1187
.at-admin-block-edit-links ul,
1188
.admin-panel .item-list ul,
1189
.page-admin-by-module .admin-panel .body,
1190
div.form-item div.description img {
1191
  margin: 0;
1192
}
1193
#node-form #edit-title,
1194
input.title {
1195
  font-size: 1.25em;
1196
  width: 85%;
1197
}
1198
.form-item strong.error {
1199
  display: block;
1200
}
1201
#system-themes-form td:first-child {
1202
  vertical-align: top;
1203
}
1204
#block-system-0 .fieldset-block-info,
1205
caption,
1206
th,
1207
td {
1208
  text-align: left;
1209
}
1210
div.vertical-tabs ul.vertical-tabs-list li {
1211
  background: #f5f5f5;
1212
}
1213
.fieldset-description h3 {
1214
  margin: 0 0 10px;
1215
  padding: 0;
1216
  font-weight: 700;
1217
}
1218
#system-theme-settings #edit-font .fieldset-wrapper legend {
1219
  padding-top: 4px;
1220
}
1221
#system-theme-settings #edit-font label {
1222
  width: 3.6em;
1223
}
1224
html.js input.form-autocomplete {
1225
  background-position: 100% 4px;
1226
}
1227
html.js input.throbbing {
1228
  background-position: 100% -16px;
1229
}
1230
div.form-type-textfield {
1231
  position: relative;
1232
}
1233

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

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

    
1302
/* Themes list */
1303
.system-themes-list h2 {
1304
  margin:1em 0 0;
1305
}
1306

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

    
1341
/* Dashboard */
1342
#dashboard #disabled-blocks .block {
1343
  clear: none;
1344
}
1345
.dashboard-region ul {
1346
  padding: 5px 0;
1347
}
1348

    
1349
/* Block search */
1350
#block-search-form .block-inner {
1351
  background: none;
1352
  border: none;
1353
}
1354

    
1355
/* Tips */
1356
#edit-body-und-0-format {
1357
  padding-top: 0;
1358
}
1359
#edit-body-und-0-format-help {
1360
  padding-top: 1.7em;
1361
}
1362
.tips {
1363
  font-size: 0.95em;
1364
  margin: 0;
1365
  padding: 0 0 0 1.5em;
1366
}
1367

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

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

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

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

    
1526
/* Vertical tabs */
1527
.vertical-tabs ul.vertical-tabs-list strong {
1528
  font-weight: 600;
1529
  font-size: 0.923em;
1530
}
1531
.vertical-tabs ul.vertical-tabs-list li a:focus,
1532
.vertical-tabs ul.vertical-tabs-list li a:active,
1533
.vertical-tabs ul.vertical-tabs-list li a:hover {
1534
  background: #fafafa;
1535
}
1536
.vertical-tabs ul.vertical-tabs-list li.selected a:focus,
1537
.vertical-tabs ul.vertical-tabs-list li.selected a:active,
1538
.vertical-tabs ul.vertical-tabs-list li.selected a:hover {
1539
  background: #fff;
1540
}
1541
.vertical-tabs ul.vertical-tabs-list li a:focus strong,
1542
.vertical-tabs ul.vertical-tabs-list li a:active strong,
1543
.vertical-tabs ul.vertical-tabs-list li a:hover strong {
1544
  text-decoration: none;
1545
}
1546

    
1547
/* Appearance list */
1548
.theme-selector .operations li {
1549
  border-right: 0;
1550
  padding: 0;
1551
  margin-right: 15px;
1552
}
1553
.vertical-tabs-panes .at-media-queries label {
1554
  display: block;
1555
}
1556

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

    
1649
/* Advanced help */
1650
.advanced-help-link {
1651
  -webkit-transition: none;
1652
  -moz-transition: none;
1653
  -o-transition: none;
1654
  -ms-transition: none;
1655
  transition: none;
1656
}
1657
.views-ui-display-tab-bucket .advanced-help-link {
1658
  margin-top: 6px;
1659
}
1660

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

    
1782
/* Module Filter */
1783
#module-filter-squeeze {
1784
  padding: 10px 10px 5px;
1785
}
1786

    
1787
/* Admin menu */
1788
#admin-menu, #admin-menu ul {
1789
  font-size: x-small;
1790
  line-height: 1.3;
1791
}
1792

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

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

    
1936
.dev-query {
1937
  padding: 20px 20px 100px;
1938
  background: #eee;
1939
}
1940

    
1941

    
1942
/* Media query test for vertical tabs */
1943

    
1944
/* Tablet landscape */
1945
@media only screen and (min-width:769px) and (max-width:1024px) {
1946
  div.vertical-tabs  {
1947
    margin-left: 200px;
1948
  }
1949
  .vertical-tabs ul.vertical-tabs-list {
1950
    margin-left: -200px;
1951
    width: 200px;
1952
  }
1953
}
1954

    
1955
/* Standard layout */
1956
@media only screen and (min-width:1025px) {
1957
  div.vertical-tabs  {
1958
    margin-left: 240px;
1959
  }
1960
  .vertical-tabs ul.vertical-tabs-list {
1961
    margin-left: -240px;
1962
    width: 240px;
1963
  }
1964
}
1965

    
1966
/* Helpful classes for hiding content */
1967
.offscreen {
1968
  position: absolute;
1969
  top: -99999em;
1970
  width: 1px;
1971
  height: 1px;
1972
  overflow: hidden;
1973
  outline: 0;
1974
}
1975
.element-hidden {
1976
  display: none;
1977
}
1978

    
1979
/* Experimental */
1980
input[type="radio"],
1981
input[type="checkbox"] {
1982
}