Projet

Général

Profil

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

root / drupal7 / sites / all / themes / adminimal_theme / skins / dark / ckeditor / dialog.css @ 0a17cb7f

1
/*
2
Copyright (c) 2003-2016, CKSource - Frederico Knabben. All rights reserved.
3
For licensing, see LICENSE.md or http://ckeditor.com/license
4
*/
5

    
6
.cke_dialog {
7
  visibility: visible
8
}
9

    
10
.cke_dialog_body {
11
  z-index: 1;
12
  background: #fff
13
}
14

    
15
#main > div.cke_dialog_background_cover {
16
  background-color: #000 !important;
17
}
18

    
19
.cke_dialog strong {
20
  font-weight: bold
21
}
22

    
23
.cke_dialog_title {
24
  font-weight: bold;
25
  font-size: 12px;
26
  cursor: move;
27
  position: relative;
28
  color: #d8d8d8;
29
  padding: 12px 19px 12px 12px;
30
  background: #333;
31
  letter-spacing: .3px
32
}
33

    
34
.cke_dialog_spinner {
35
  border-radius: 50%;
36
  width: 12px;
37
  height: 12px;
38
  overflow: hidden;
39
  text-indent: -9999em;
40
  border: 2px solid rgba(102, 102, 102, 0.2);
41
  border-left-color: rgba(102, 102, 102, 1);
42
  -webkit-animation: dialog_spinner 1s infinite linear;
43
  animation: dialog_spinner 1s infinite linear
44
}
45

    
46
.cke_browser_ie8 .cke_dialog_spinner,
47
.cke_browser_ie9 .cke_dialog_spinner {
48
  background: url(images/spinner.gif) center top no-repeat;
49
  width: 16px;
50
  height: 16px;
51
  border: 0
52
}
53

    
54
@-webkit-keyframes dialog_spinner {
55
  0% {
56
    -webkit-transform: rotate(0deg);
57
    transform: rotate(0deg)
58
  }
59
  100% {
60
    -webkit-transform: rotate(360deg);
61
    transform: rotate(360deg)
62
  }
63
}
64

    
65
@keyframes dialog_spinner {
66
  0% {
67
    -webkit-transform: rotate(0deg);
68
    transform: rotate(0deg)
69
  }
70
  100% {
71
    -webkit-transform: rotate(360deg);
72
    transform: rotate(360deg)
73
  }
74
}
75

    
76
.cke_dialog_contents {
77
  background-color: #fff;
78
  overflow: auto;
79
  padding: 15px 10px 5px 10px;
80
  margin-top: 43px;
81
  border-top: 1px solid #d1d1d1
82
}
83

    
84
.cke_dialog_contents_body {
85
  overflow: auto;
86
  padding: 9px 10px 5px 10px;
87
  margin-top: 22px
88
}
89

    
90
.cke_dialog_footer {
91
  text-align: right;
92
  position: relative;
93
  border-top: 1px solid #d1d1d1;
94
  background: #f8f8f8
95
}
96

    
97
.cke_rtl .cke_dialog_footer {
98
  text-align: left
99
}
100

    
101
.cke_hc .cke_dialog_footer {
102
  outline: 0;
103
  border-top: 1px solid #fff
104
}
105

    
106
.cke_dialog .cke_resizer {
107
  margin-top: 22px
108
}
109

    
110
.cke_dialog .cke_resizer_rtl {
111
  margin-left: 5px
112
}
113

    
114
.cke_dialog .cke_resizer_ltr {
115
  margin-right: 5px
116
}
117

    
118
.cke_dialog_tabs {
119
  height: 33px;
120
  display: inline-block;
121
  margin: 9px 0 0;
122
  position: absolute;
123
  z-index: 2;
124
  left: 11px
125
}
126

    
127
.cke_rtl .cke_dialog_tabs {
128
  left: auto;
129
  right: 11px
130
}
131

    
132
a.cke_dialog_tab {
133
  height: 25px;
134
  padding: 4px 8px;
135
  display: inline-block;
136
  cursor: pointer;
137
  line-height: 26px;
138
  outline: 0;
139
  color: #484848;
140
  border: 1px solid #d1d1d1;
141
  border-radius: 3px 3px 0 0;
142
  background: #f8f8f8;
143
  min-width: 90px;
144
  text-align: center;
145
  margin-left: -1px;
146
  letter-spacing: .3px
147
}
148

    
149
a.cke_dialog_tab:hover {
150
  background-color: #fff
151
}
152

    
153
a.cke_dialog_tab:focus {
154
  border: 2px solid #139ff7;
155
  border-bottom-color: #d1d1d1;
156
  padding: 3px 7px;
157
  position: relative;
158
  z-index: 1
159
}
160

    
161
a.cke_dialog_tab_selected {
162
  background: #fff;
163
  border-bottom-color: #fff;
164
  cursor: default;
165
  filter: none
166
}
167

    
168
a.cke_dialog_tab_selected:hover,
169
a.cke_dialog_tab_selected:focus {
170
  border-bottom-color: #fff
171
}
172

    
173
.cke_hc a.cke_dialog_tab:hover,
174
.cke_hc a.cke_dialog_tab:focus,
175
.cke_hc a.cke_dialog_tab_selected {
176
  border: 3px solid;
177
  padding: 2px 6px
178
}
179

    
180
a.cke_dialog_tab_disabled {
181
  color: #bababa;
182
  cursor: default
183
}
184

    
185
.cke_single_page .cke_dialog_tabs {
186
  display: none
187
}
188

    
189
.cke_single_page .cke_dialog_contents {
190
  padding-top: 5px;
191
  margin-top: 0;
192
  border-top: 0
193
}
194

    
195
a.cke_dialog_close_button {
196
  background-image: url(images/close.png);
197
  background-repeat: no-repeat;
198
  background-position: 50%;
199
  position: absolute;
200
  cursor: pointer;
201
  text-align: center;
202
  height: 16px;
203
  width: 16px;
204
  top: 11px;
205
  z-index: 5;
206
  opacity: .5;
207
  -webkit-filter: invert(100%);
208
  filter: invert(100%);
209
}
210

    
211
.cke_rtl .cke_dialog_close_button {
212
  left: 12px
213
}
214

    
215
.cke_ltr .cke_dialog_close_button {
216
  right: 12px
217
}
218

    
219
.cke_hc a.cke_dialog_close_button {
220
  background-image: none
221
}
222

    
223
.cke_hidpi a.cke_dialog_close_button {
224
  background-image: url(images/hidpi/close.png);
225
  background-size: 16px
226
}
227

    
228
a.cke_dialog_close_button:hover {
229
  opacity: 1;
230
}
231

    
232
a.cke_dialog_close_button span {
233
  display: none
234
}
235

    
236
.cke_hc a.cke_dialog_close_button span {
237
  display: inline;
238
  cursor: pointer;
239
  font-weight: bold;
240
  position: relative;
241
  top: 3px
242
}
243

    
244
div.cke_disabled .cke_dialog_ui_labeled_content div * {
245
  background-color: #ddd;
246
  cursor: default
247
}
248

    
249
.cke_dialog_ui_vbox table,
250
.cke_dialog_ui_hbox table {
251
  margin: auto
252
}
253

    
254
.cke_dialog_ui_vbox_child {
255
  padding: 5px 0
256
}
257

    
258
.cke_dialog_ui_hbox {
259
  width: 100%;
260
  margin-top: 12px
261
}
262

    
263
.cke_dialog_ui_hbox_first,
264
.cke_dialog_ui_hbox_child,
265
.cke_dialog_ui_hbox_last {
266
  vertical-align: top
267
}
268

    
269
.cke_ltr .cke_dialog_ui_hbox_first,
270
.cke_ltr .cke_dialog_ui_hbox_child {
271
  padding-right: 10px
272
}
273

    
274
.cke_rtl .cke_dialog_ui_hbox_first,
275
.cke_rtl .cke_dialog_ui_hbox_child {
276
  padding-left: 10px
277
}
278

    
279
.cke_ltr .cke_dialog_footer_buttons .cke_dialog_ui_hbox_first,
280
.cke_ltr .cke_dialog_footer_buttons .cke_dialog_ui_hbox_child {
281
  padding-right: 5px
282
}
283

    
284
.cke_rtl .cke_dialog_footer_buttons .cke_dialog_ui_hbox_first,
285
.cke_rtl .cke_dialog_footer_buttons .cke_dialog_ui_hbox_child {
286
  padding-left: 5px;
287
  padding-right: 0
288
}
289

    
290
.cke_hc div.cke_dialog_ui_input_text,
291
.cke_hc div.cke_dialog_ui_input_password,
292
.cke_hc div.cke_dialog_ui_input_textarea,
293
.cke_hc div.cke_dialog_ui_input_select,
294
.cke_hc div.cke_dialog_ui_input_file {
295
  border: 1px solid
296
}
297

    
298
textarea.cke_dialog_ui_input_textarea {
299
  overflow: auto;
300
  resize: none
301
}
302

    
303
input.cke_dialog_ui_input_text,
304
input.cke_dialog_ui_input_password,
305
textarea.cke_dialog_ui_input_textarea {
306
  background-color: #fff;
307
  border: 1px solid #bcbcbc;
308
  padding: 4px 6px;
309
  outline: 0;
310
  width: 100%;
311
  *width: 95%;
312
  box-sizing: border-box;
313
  border-radius: 2px;
314
  min-height: 28px;
315
  margin-left: 1px
316
}
317

    
318
input.cke_dialog_ui_input_text:hover,
319
input.cke_dialog_ui_input_password:hover,
320
textarea.cke_dialog_ui_input_textarea:hover {
321
  border: 1px solid #aeb3b9
322
}
323

    
324
input.cke_dialog_ui_input_text:focus,
325
input.cke_dialog_ui_input_password:focus,
326
textarea.cke_dialog_ui_input_textarea:focus,
327
select.cke_dialog_ui_input_select:focus {
328
  outline: 0;
329
  border: 2px solid #139ff7
330
}
331

    
332
input.cke_dialog_ui_input_text:focus {
333
  padding-left: 5px
334
}
335

    
336
textarea.cke_dialog_ui_input_textarea:focus {
337
  padding: 3px 5px
338
}
339

    
340
select.cke_dialog_ui_input_select:focus {
341
  margin: 0;
342
  width: 100%!important
343
}
344

    
345
input.cke_dialog_ui_checkbox_input,
346
input.cke_dialog_ui_radio_input {
347
  margin-left: 1px;
348
  margin-right: 2px
349
}
350

    
351
input.cke_dialog_ui_checkbox_input:focus,
352
input.cke_dialog_ui_checkbox_input:active,
353
input.cke_dialog_ui_radio_input:focus,
354
input.cke_dialog_ui_radio_input:active {
355
  border: 0;
356
  outline: 2px solid #139ff7
357
}
358

    
359
a.cke_dialog_ui_button {
360
  display: inline-block;
361
  *display: inline;
362
  *zoom: 1;
363
  padding: 4px 1px;
364
  margin: 0;
365
  text-align: center;
366
  color: #484848;
367
  vertical-align: middle;
368
  cursor: pointer;
369
  border: 1px solid #bcbcbc;
370
  border-radius: 2px;
371
  background: #f8f8f8;
372
  letter-spacing: .3px;
373
  line-height: 18px;
374
  box-sizing: border-box
375
}
376

    
377
.cke_hc a.cke_dialog_ui_button {
378
  border-width: 3px
379
}
380

    
381
span.cke_dialog_ui_button {
382
  padding: 0 10px;
383
  cursor: pointer
384
}
385

    
386
a.cke_dialog_ui_button:hover {
387
  background: #fff
388
}
389

    
390
a.cke_dialog_ui_button:focus,
391
a.cke_dialog_ui_button:active {
392
  border: 2px solid #139ff7;
393
  outline: 0;
394
  padding: 3px 0
395
}
396

    
397
.cke_hc a.cke_dialog_ui_button:hover,
398
.cke_hc a.cke_dialog_ui_button:focus,
399
.cke_hc a.cke_dialog_ui_button:active {
400
  border: 3px solid
401
}
402

    
403
.cke_dialog_footer_buttons a.cke_dialog_ui_button span {
404
  color: inherit;
405
  font-size: 12px;
406
  font-weight: bold;
407
  padding: 0 12px
408
}
409

    
410
a.cke_dialog_ui_button_ok {
411
  color: #fff;
412
  background: #09863e;
413
  border: 1px solid #09863e
414
}
415

    
416
.cke_hc a.cke_dialog_ui_button {
417
  border: 3px solid #bcbcbc
418
}
419

    
420
a.cke_dialog_ui_button_ok:hover {
421
  background: #53aa78;
422
  border-color: #53aa78
423
}
424

    
425
a.cke_dialog_ui_button_ok:focus {
426
  box-shadow: inset 0 0 0 2px #FFF
427
}
428

    
429
a.cke_dialog_ui_button_ok:focus,
430
a.cke_dialog_ui_button_ok:active {
431
  border-color: #139ff7
432
}
433

    
434
.cke_hc a.cke_dialog_ui_button_ok:hover,
435
.cke_hc a.cke_dialog_ui_button_ok:focus,
436
.cke_hc a.cke_dialog_ui_button_ok:active {
437
  border-color: #484848
438
}
439

    
440
a.cke_dialog_ui_button_ok.cke_disabled {
441
  background: #d1d1d1;
442
  border-color: #d1d1d1;
443
  cursor: default
444
}
445

    
446
a.cke_dialog_ui_button_ok.cke_disabled span {
447
  cursor: default
448
}
449

    
450
.cke_dialog_footer_buttons {
451
  display: inline-table;
452
  margin: 5px;
453
  width: auto;
454
  position: relative;
455
  vertical-align: middle
456
}
457

    
458
div.cke_dialog_ui_input_select {
459
  display: table
460
}
461

    
462
select.cke_dialog_ui_input_select {
463
  height: 28px;
464
  line-height: 28px;
465
  background-color: #fff;
466
  border: 1px solid #bcbcbc;
467
  padding: 3px 3px 3px 6px;
468
  outline: 0;
469
  border-radius: 2px;
470
  margin: 0 1px;
471
  box-sizing: border-box;
472
  width: calc(100% - 2px)!important
473
}
474

    
475
.cke_dialog_ui_input_file {
476
  width: 100%;
477
  height: 25px
478
}
479

    
480
.cke_hc .cke_dialog_ui_labeled_content input:focus,
481
.cke_hc .cke_dialog_ui_labeled_content select:focus,
482
.cke_hc .cke_dialog_ui_labeled_content textarea:focus {
483
  outline: 1px dotted
484
}
485

    
486
.cke_dialog_ui_labeled_label {
487
  margin-left: 1px
488
}
489

    
490
.cke_dialog .cke_dark_background {
491
  background-color: transparent
492
}
493

    
494
.cke_dialog .cke_light_background {
495
  background-color: #ebebeb
496
}
497

    
498
.cke_dialog .cke_centered {
499
  text-align: center
500
}
501

    
502
.cke_dialog a.cke_btn_reset {
503
  float: right;
504
  background: url(images/refresh.png) top left no-repeat;
505
  width: 16px;
506
  height: 16px;
507
  border: 1px none;
508
  font-size: 1px
509
}
510

    
511
.cke_hidpi .cke_dialog a.cke_btn_reset {
512
  background-size: 16px;
513
  background-image: url(images/hidpi/refresh.png)
514
}
515

    
516
.cke_rtl .cke_dialog a.cke_btn_reset {
517
  float: left
518
}
519

    
520
.cke_dialog a.cke_btn_locked,
521
.cke_dialog a.cke_btn_unlocked {
522
  float: left;
523
  width: 16px;
524
  height: 16px;
525
  background-repeat: no-repeat;
526
  border: none 1px;
527
  font-size: 1px
528
}
529

    
530
.cke_dialog a.cke_btn_locked,
531
.cke_dialog a.cke_btn_unlocked,
532
.cke_dialog a.cke_btn_reset {
533
  margin: 2px
534
}
535

    
536
.cke_dialog a.cke_btn_locked {
537
  background-image: url(images/lock.png)
538
}
539

    
540
.cke_dialog a.cke_btn_unlocked {
541
  background-image: url(images/lock-open.png)
542
}
543

    
544
.cke_rtl .cke_dialog a.cke_btn_locked,
545
.cke_rtl .cke_dialog a.cke_btn_unlocked {
546
  float: right
547
}
548

    
549
.cke_hidpi .cke_dialog a.cke_btn_unlocked,
550
.cke_hidpi .cke_dialog a.cke_btn_locked {
551
  background-size: 16px
552
}
553

    
554
.cke_hidpi .cke_dialog a.cke_btn_locked {
555
  background-image: url(images/hidpi/lock.png)
556
}
557

    
558
.cke_hidpi .cke_dialog a.cke_btn_unlocked {
559
  background-image: url(images/hidpi/lock-open.png)
560
}
561

    
562
.cke_dialog a.cke_btn_locked .cke_icon {
563
  display: none
564
}
565

    
566
.cke_dialog a.cke_btn_over,
567
.cke_dialog a.cke_btn_locked:hover,
568
.cke_dialog a.cke_btn_locked:focus,
569
.cke_dialog a.cke_btn_locked:active,
570
.cke_dialog a.cke_btn_unlocked:hover,
571
.cke_dialog a.cke_btn_unlocked:focus,
572
.cke_dialog a.cke_btn_unlocked:active,
573
.cke_dialog a.cke_btn_reset:hover,
574
.cke_dialog a.cke_btn_reset:focus,
575
.cke_dialog a.cke_btn_reset:active {
576
  cursor: pointer;
577
  outline: 0;
578
  margin: 0;
579
  border: 2px solid #139ff7
580
}
581

    
582
.cke_dialog fieldset {
583
  border: 1px solid #bcbcbc
584
}
585

    
586
.cke_dialog fieldset legend {
587
  padding: 0 6px
588
}
589

    
590
.cke_dialog_ui_checkbox,
591
.cke_dialog fieldset .cke_dialog_ui_vbox .cke_dialog_ui_checkbox {
592
  display: inline-block
593
}
594

    
595
.cke_dialog fieldset .cke_dialog_ui_vbox .cke_dialog_ui_checkbox {
596
  padding-top: 5px
597
}
598

    
599
.cke_dialog_ui_checkbox .cke_dialog_ui_checkbox_input,
600
.cke_dialog_ui_checkbox .cke_dialog_ui_checkbox_input+label,
601
.cke_dialog fieldset .cke_dialog_ui_vbox .cke_dialog_ui_checkbox .cke_dialog_ui_checkbox_input,
602
.cke_dialog fieldset .cke_dialog_ui_vbox .cke_dialog_ui_checkbox .cke_dialog_ui_checkbox_input+label {
603
  vertical-align: middle
604
}
605

    
606
.cke_dialog .ImagePreviewBox {
607
  border: 1px ridge #bcbcbc;
608
  overflow: scroll;
609
  height: 200px;
610
  width: 300px;
611
  padding: 2px;
612
  background-color: white
613
}
614

    
615
.cke_dialog .ImagePreviewBox table td {
616
  white-space: normal
617
}
618

    
619
.cke_dialog .ImagePreviewLoader {
620
  position: absolute;
621
  white-space: normal;
622
  overflow: hidden;
623
  height: 160px;
624
  width: 230px;
625
  margin: 2px;
626
  padding: 2px;
627
  opacity: .9;
628
  filter: alpha(opacity=90);
629
  background-color: #e4e4e4
630
}
631

    
632
.cke_dialog .FlashPreviewBox {
633
  white-space: normal;
634
  border: 1px solid #bcbcbc;
635
  overflow: auto;
636
  height: 160px;
637
  width: 390px;
638
  padding: 2px;
639
  background-color: white
640
}
641

    
642
.cke_dialog .cke_pastetext {
643
  width: 346px;
644
  height: 170px
645
}
646

    
647
.cke_dialog .cke_pastetext textarea {
648
  width: 340px;
649
  height: 170px;
650
  resize: none
651
}
652

    
653
.cke_dialog iframe.cke_pasteframe {
654
  width: 346px;
655
  height: 130px;
656
  background-color: white;
657
  border: 1px solid #aeb3b9;
658
  border-radius: 3px
659
}
660

    
661
.cke_dialog .cke_hand {
662
  cursor: pointer
663
}
664

    
665
.cke_disabled {
666
  color: #a0a0a0
667
}
668

    
669
.cke_dialog_body .cke_label {
670
  display: none
671
}
672

    
673
.cke_dialog_body label {
674
  display: inline;
675
  cursor: default;
676
  letter-spacing: .3px
677
}
678

    
679
.cke_dialog_body label+.cke_dialog_ui_labeled_content {
680
  margin-top: 2px
681
}
682

    
683
.cke_dialog_contents_body .cke_dialog_ui_text,
684
.cke_dialog_contents_body .cke_dialog_ui_select,
685
.cke_dialog_contents_body .cke_dialog_ui_hbox_last>a.cke_dialog_ui_button {
686
  margin-top: 4px
687
}
688

    
689
a.cke_smile {
690
  overflow: hidden;
691
  display: block;
692
  text-align: center;
693
  padding: .3em 0
694
}
695

    
696
a.cke_smile img {
697
  vertical-align: middle
698
}
699

    
700
a.cke_specialchar {
701
  cursor: inherit;
702
  display: block;
703
  height: 1.25em;
704
  padding: .2em .3em;
705
  text-align: center
706
}
707

    
708
a.cke_smile,
709
a.cke_specialchar {
710
  border: 2px solid transparent
711
}
712

    
713
a.cke_smile:hover,
714
a.cke_smile:focus,
715
a.cke_smile:active,
716
a.cke_specialchar:hover,
717
a.cke_specialchar:focus,
718
a.cke_specialchar:active {
719
  background: #fff;
720
  outline: 0
721
}
722

    
723
a.cke_smile:hover,
724
a.cke_specialchar:hover {
725
  border-color: #888
726
}
727

    
728
a.cke_smile:focus,
729
a.cke_smile:active,
730
a.cke_specialchar:focus,
731
a.cke_specialchar:active {
732
  border-color: #139ff7
733
}
734

    
735
.cke_dialog_contents a.colorChooser {
736
  display: block;
737
  margin-top: 6px;
738
  margin-left: 10px;
739
  width: 80px
740
}
741

    
742
.cke_rtl .cke_dialog_contents a.colorChooser {
743
  margin-right: 10px
744
}
745

    
746
.cke_iframe_shim {
747
  display: block;
748
  position: absolute;
749
  top: 0;
750
  left: 0;
751
  z-index: -1;
752
  filter: alpha(opacity=0);
753
  width: 100%;
754
  height: 100%
755
}
756

    
757
.cke_dialog_contents_body .cke_accessibility_legend {
758
  margin: 2px 7px 2px 2px
759
}
760

    
761
.cke_dialog_contents_body .cke_accessibility_legend:focus,
762
.cke_dialog_contents_body .cke_accessibility_legend:active {
763
  outline: 0;
764
  border: 2px solid #139ff7;
765
  margin: 0 5px 0 0
766
}
767

    
768
.cke_dialog_contents_body input[type=file]:focus,
769
.cke_dialog_contents_body input[type=file]:active {
770
  border: 2px solid #139ff7
771
}
772

    
773
.cke_dialog_find_fieldset {
774
  margin-top: 10px!important
775
}
776

    
777
.cke_dialog_image_ratiolock {
778
  margin-top: 52px!important
779
}
780

    
781
.cke_dialog_forms_select_order label.cke_dialog_ui_labeled_label {
782
  margin-left: 0
783
}
784

    
785
.cke_dialog_forms_select_order div.cke_dialog_ui_input_select {
786
  width: 100%
787
}
788

    
789
.cke_dialog_forms_select_order_txtsize .cke_dialog_ui_hbox_last {
790
  padding-top: 4px
791
}
792

    
793
.cke_dialog_image_url .cke_dialog_ui_hbox_last,
794
.cke_dialog_flash_url .cke_dialog_ui_hbox_last {
795
  vertical-align: bottom
796
}
797

    
798
a.cke_dialog_ui_button.cke_dialog_image_browse {
799
  margin-top: 10px
800
}
801

    
802
.cke_dialog_contents_body .cke_tpl_list {
803
  border: #bcbcbc 1px solid;
804
  margin: 1px
805
}
806

    
807
.cke_dialog_contents_body .cke_tpl_list:focus,
808
.cke_dialog_contents_body .cke_tpl_list:active {
809
  outline: 0;
810
  margin: 0;
811
  border: 2px solid #139ff7
812
}
813

    
814
.cke_dialog_contents_body .cke_tpl_list a:focus,
815
.cke_dialog_contents_body .cke_tpl_list a:active {
816
  outline: 0
817
}
818

    
819
.cke_dialog_contents_body .cke_tpl_list a:focus .cke_tpl_item,
820
.cke_dialog_contents_body .cke_tpl_list a:active .cke_tpl_item {
821
  border: 2px solid #139ff7;
822
  padding: 6px
823
}