← Back to branch summary

~canonical-sysadmins/wordpress/5.1

« back to all changes in this revision

Viewing changes to wp-includes/css/editor-rtl.css

  • Committer: Nick Moffitt
  • Date: 2016-04-14 10:43:32 UTC
  • mto: This revision was merged to the branch mainline in revision 18.
  • Revision ID: nick.moffitt@canonical.com-20160414104332-61kvsia27qpmjquk
new upstream release 4.5

Show diffs side-by-side

added added

removed removed

Lines of Context:
wp-includes/css/editor-rtl.css
37
37
 
38
38
.mce-window .mce-window-head {
39
39
        background: #fcfcfc;
40
 
        border-bottom: 1px solid #dfdfdf;
 
40
        border-bottom: 1px solid #ddd;
41
41
        padding: 0;
42
42
        min-height: 36px;
43
43
}
51
51
        padding: 0 16px 0 36px;
52
52
}
53
53
 
54
 
.mce-window .mce-window-head .mce-close {
 
54
.mce-window .mce-window-head .mce-close,
 
55
.mce-window-head .mce-close .mce-i-remove {
55
56
        color: transparent;
56
57
        top: 0;
57
58
        left: 0;
58
59
        width: 36px;
59
60
        height: 36px;
 
61
        padding: 0;
60
62
        line-height: 36px;
61
63
        text-align: center;
62
64
}
63
65
 
64
 
.mce-window .mce-window-head .mce-close:before {
 
66
.mce-window-head .mce-close .mce-i-remove:before {
65
67
        font: normal 20px/36px dashicons;
66
68
        text-align: center;
67
69
        color: #666;
70
72
        display: block;
71
73
}
72
74
 
73
 
.mce-window .mce-window-head .mce-close:hover:before {
 
75
.mce-window-head .mce-close:hover .mce-i-remove:before,
 
76
.mce-window-head .mce-close:focus .mce-i-remove:before {
74
77
        color: #00a0d2;
75
78
}
76
79
 
 
80
.mce-window-head .mce-close:focus .mce-i-remove,
 
81
div.mce-tab:focus {
 
82
        -webkit-box-shadow: 0 0 0 1px #5b9dd9,
 
83
                0 0 2px 1px rgba(30, 140, 190, .8);
 
84
        box-shadow: 0 0 0 1px #5b9dd9,
 
85
                0 0 2px 1px rgba(30, 140, 190, .8);
 
86
}
 
87
 
77
88
.mce-window .mce-window-head .mce-dragh {
78
89
        width: -webkit-calc( 100% - 36px );
79
90
        width: calc( 100% - 36px );
80
91
}
81
92
 
82
93
.mce-window .mce-foot {
83
 
        border-top: 1px solid #dfdfdf;
 
94
        border-top: 1px solid #ddd;
84
95
}
85
96
 
86
97
.mce-textbox,
137
148
        margin-bottom: 20px;
138
149
}
139
150
 
 
151
.mce-window .wp-editor-help table.wp-help-single {
 
152
        margin: 0 8px 20px;
 
153
}
 
154
 
 
155
.mce-window .wp-editor-help table.fixed {
 
156
        table-layout: fixed;
 
157
}
 
158
 
 
159
.mce-window .wp-editor-help table.fixed th:nth-child(odd),
 
160
.mce-window .wp-editor-help table.fixed td:nth-child(odd) {
 
161
        width: 12%;
 
162
}
 
163
 
 
164
.mce-window .wp-editor-help table.fixed th:nth-child(even),
 
165
.mce-window .wp-editor-help table.fixed td:nth-child(even) {
 
166
        width: 38%;
 
167
}
 
168
 
 
169
.mce-window .wp-editor-help table.fixed th:nth-child(odd) {
 
170
        padding: 5px 0 0;
 
171
}
 
172
 
140
173
.mce-window .wp-editor-help td,
141
174
.mce-window .wp-editor-help th {
142
175
        font-size: 13px;
160
193
        background: rgba(0,0,0,0.08);
161
194
}
162
195
 
163
 
.mce-window .wp-help-header td {
164
 
        font-weight: bold;
165
 
        padding: 0 5px;
166
 
}
167
 
 
168
196
.mce-window .wp-help-th-center td:nth-child(odd),
169
197
.mce-window .wp-help-th-center th:nth-child(odd) {
170
198
    text-align: center;
218
246
 
219
247
/* TinyMCE toolbars */
220
248
div.mce-toolbar-grp {
221
 
        border-bottom: 1px solid #dedede;
 
249
        border-bottom: 1px solid #ddd;
222
250
        background: #f5f5f5;
223
251
        padding: 0;
224
252
        position: relative;
377
405
.qt-dfw:hover,
378
406
.qt-dfw:focus {
379
407
        background: #fafafa;
380
 
        border-color: #999;
 
408
        border-color: #555d66;
381
409
        color: #23282d;
382
410
        -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
383
411
        box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
388
416
.mce-toolbar .mce-btn-group .mce-btn:active,
389
417
.qt-dfw.active {
390
418
        background: #ebebeb;
391
 
        border-color: #999;
 
419
        border-color: #555d66;
392
420
        -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.3 );
393
421
        box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.3 );
394
422
}
395
423
 
396
 
.mce-toolbar .mce-btn-group .mce-btn.mce-active:hover {
397
 
        border-color: #555;
398
 
}
399
 
 
400
 
.mce-toolbar .mce-btn-group .mce-btn.mce-active:hover i.mce-ico {
401
 
        color: #555;
 
424
.mce-toolbar .mce-btn-group .mce-btn.mce-active:hover,
 
425
.mce-toolbar .mce-btn-group .mce-btn.mce-active:focus {
 
426
        border-color: #23282d;
402
427
}
403
428
 
404
429
.mce-toolbar .mce-btn-group .mce-btn.mce-disabled:hover,
411
436
        box-shadow: none;
412
437
}
413
438
 
 
439
.mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus {
 
440
        border-color: #555d66;
 
441
}
 
442
 
414
443
.mce-toolbar .mce-btn-group .mce-first,
415
444
.mce-toolbar .mce-btn-group .mce-last {
416
445
        border-color: transparent;
449
478
        right: 3px;
450
479
        height: 3px;
451
480
        width: 20px;
 
481
        background: #555d66;
 
482
}
 
483
 
 
484
.mce-toolbar .mce-btn-group .mce-btn.mce-primary {
 
485
        min-width: 0;
 
486
        background: #0085ba;
 
487
        border-color: #0073aa #006799 #006799;
 
488
        -webkit-box-shadow: 0 1px 0 #006799;
 
489
        box-shadow: 0 1px 0 #006799;
 
490
        color: #fff;
 
491
        text-decoration: none;
 
492
        text-shadow: none;
 
493
}
 
494
 
 
495
/* Compensate for the extra box shadow at the bottom of .mce-btn.mce-primary */
 
496
.mce-toolbar .mce-btn-group .mce-btn.mce-primary button {
 
497
        padding: 2px 3px 1px;
 
498
}
 
499
 
 
500
.mce-toolbar .mce-btn-group .mce-btn.mce-primary .mce-ico {
 
501
        color: #fff;
 
502
}
 
503
 
 
504
.mce-toolbar .mce-btn-group .mce-btn.mce-primary:hover,
 
505
.mce-toolbar .mce-btn-group .mce-btn.mce-primary:focus {
 
506
        background: #008ec2;
 
507
        border-color: #006799;
 
508
        color: #fff;
 
509
}
 
510
 
 
511
.mce-toolbar .mce-btn-group .mce-btn.mce-primary:focus {
 
512
        -webkit-box-shadow: 0 0 1px 1px #33b3db;
 
513
        box-shadow: 0 0 1px 1px #33b3db;
 
514
}
 
515
 
 
516
.mce-toolbar .mce-btn-group .mce-btn.mce-primary:active {
 
517
        background: #0073aa;
 
518
        border-color: #006799;
 
519
        -webkit-box-shadow: inset 0 2px 0 #006799;
 
520
        box-shadow: inset 0 2px 0 #006799;
452
521
}
453
522
 
454
523
/* mce listbox */
462
531
    box-shadow: inset 0 1px 1px -1px rgba(0, 0, 0, .2);
463
532
}
464
533
 
465
 
.mce-toolbar .mce-btn-group .mce-btn.mce-listbox:hover {
 
534
.mce-toolbar .mce-btn-group .mce-btn.mce-listbox:hover,
 
535
.mce-toolbar .mce-btn-group .mce-btn.mce-listbox:focus {
466
536
        border-color: #b4b9be;
467
537
}
468
538
 
469
539
.mce-panel .mce-btn i.mce-caret {
470
 
        border-top: 6px solid #777;
 
540
        border-top: 6px solid #555d66;
471
541
        margin-right: 2px;
472
542
        margin-left: 2px;
473
543
}
476
546
        left: 4px;
477
547
}
478
548
 
479
 
.mce-panel .mce-btn:hover i.mce-caret {
480
 
        border-top-color: #32373c;
 
549
.mce-panel .mce-btn:hover i.mce-caret,
 
550
.mce-panel .mce-btn:focus i.mce-caret {
 
551
        border-top-color: #23282d;
481
552
}
482
553
 
483
554
.mce-panel .mce-active i.mce-caret {
484
555
        border-top: 0;
485
 
        border-bottom: 6px solid #32373c;
 
556
        border-bottom: 6px solid #23282d;
486
557
        margin-top: 7px;
487
558
}
488
559
 
587
658
        margin: 0;
588
659
        padding: 0;
589
660
        cursor: pointer;
590
 
        border: 1px solid #ccc;
 
661
        border: 1px solid #cccccc;
591
662
        -webkit-appearance: none;
592
663
        -webkit-border-radius: 3px;
593
664
        border-radius: 3px;
594
665
        white-space: nowrap;
595
 
        -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
596
 
        box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
 
666
        -webkit-box-shadow: 0 1px 0 #cccccc;
 
667
        box-shadow: 0 1px 0 #cccccc;
597
668
}
598
669
 
599
670
/* Remove the dotted border on :focus and the extra padding in Firefox */
600
671
.mce-window .mce-btn::-moz-focus-inner {
601
 
        border-width: 1px 0;
602
 
        border-style: solid none;
603
 
        border-color: transparent;
 
672
        border-width: 0;
 
673
        border-style: none;
604
674
        padding: 0;
605
675
}
606
676
 
612
682
}
613
683
 
614
684
.mce-window .mce-btn:focus {
615
 
        -webkit-box-shadow:
616
 
                0 0 0 1px #5b9dd9,
617
 
                0 0 2px 1px rgba( 30, 140, 190, 0.8 );
618
 
        box-shadow:
619
 
                0 0 0 1px #5b9dd9,
620
 
                0 0 2px 1px rgba( 30, 140, 190, 0.8 );
 
685
        border-color: #5b9dd9;
 
686
        -webkit-box-shadow: 0 0 3px rgba( 0, 115, 170, .8 );
 
687
        box-shadow: 0 0 3px rgba( 0, 115, 170, .8 );
621
688
}
622
689
 
623
690
.mce-window .mce-btn:active {
624
691
        background: #eee;
625
692
        border-color: #999;
626
 
        color: #32373c;
627
693
        -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
628
694
        box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
 
695
        -webkit-transform: translateY(1px);
 
696
        -ms-transform: translateY(1px);
 
697
        transform: translateY(1px);
629
698
}
630
699
 
631
700
.mce-window .mce-btn.mce-disabled {
632
 
        color: #a0a5aa;
633
 
        border-color: #ddd;
634
 
        background: #f7f7f7;
635
 
        -webkit-box-shadow: none;
636
 
        box-shadow: none;
637
 
        text-shadow: 0 1px 0 #fff;
 
701
        color: #a0a5aa !important;
 
702
        border-color: #ddd !important;
 
703
        background: #f7f7f7 !important;
 
704
        -webkit-box-shadow: none !important;
 
705
        box-shadow: none !important;
 
706
        text-shadow: 0 1px 0 #fff !important;
638
707
        cursor: default;
 
708
        -webkit-transform: none !important;
 
709
        -ms-transform: none !important;
 
710
        transform: none !important;
639
711
}
640
712
 
641
713
.mce-window .mce-btn.mce-primary {
642
 
        background: #00a0d2;
643
 
        border-color: #0073aa;
644
 
        -webkit-box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.5), 0 1px 0 rgba( 0, 0, 0, 0.15 );
645
 
        box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.5 ), 0 1px 0 rgba( 0, 0, 0, 0.15 );
 
714
        background: #0085ba;
 
715
        border-color: #0073aa #006799 #006799;
 
716
        -webkit-box-shadow: 0 1px 0 #006799;
 
717
        box-shadow: 0 1px 0 #006799;
646
718
        color: #fff;
647
719
        text-decoration: none;
 
720
        text-shadow: 0 -1px 1px #006799,
 
721
                -1px 0 1px #006799,
 
722
                0 1px 1px #006799,
 
723
                1px 0 1px #006799;
648
724
}
649
725
 
650
726
.mce-window .mce-btn.mce-primary:hover,
651
727
.mce-window .mce-btn.mce-primary:focus {
652
 
        background: #1e8cbe;
653
 
        border-color: #0073aa;
654
 
        -webkit-box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.6 );
655
 
        box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.6 );
 
728
        background: #008ec2;
 
729
        border-color: #006799;
656
730
        color: #fff;
657
731
}
658
732
 
659
733
.mce-window .mce-btn.mce-primary:focus {
660
 
        border-color: #0e3950;
661
 
        -webkit-box-shadow:
662
 
                inset 0 1px 0 rgba( 120, 200, 230, 0.6 ),
663
 
                0 0 0 1px #5b9dd9,
664
 
                0 0 2px 1px rgba( 30, 140, 190, 0.8 );
665
 
        box-shadow:
666
 
                inset 0 1px 0 rgba( 120, 200, 230, 0.6 ),
667
 
                0 0 0 1px #5b9dd9,
668
 
                0 0 2px 1px rgba( 30, 140, 190, 0.8 );
 
734
        -webkit-box-shadow: 0 1px 0 #0073aa,
 
735
                0 0 2px 1px #33b3db;
 
736
        box-shadow: 0 1px 0 #0073aa,
 
737
                0 0 2px 1px #33b3db;
669
738
}
670
739
 
671
740
.mce-window .mce-btn.mce-primary:active {
672
 
        background: #1b7aa6;
673
 
        border-color: #005684;
674
 
        color: rgba( 255, 255, 255, 0.95 );
675
 
        -webkit-box-shadow: inset 0 1px 0 rgba( 0, 0, 0, 0.1 );
676
 
        box-shadow: inset 0 1px 0 rgba( 0, 0, 0, 0.1 );
 
741
        background: #0073aa;
 
742
        border-color: #006799;
 
743
        -webkit-box-shadow: inset 0 2px 0 #006799;
 
744
        box-shadow: inset 0 2px 0 #006799;
677
745
        vertical-align: top;
678
746
}
679
747
 
680
748
.mce-window .mce-btn.mce-primary.mce-disabled {
681
 
        color: #94cde7;
682
 
        background: #298cba;
683
 
        border-color: #1b607f;
684
 
        -webkit-box-shadow: none;
685
 
        box-shadow: none;
686
 
        text-shadow: 0 -1px 0 rgba( 0, 0, 0, 0.1 );
 
749
        color: #66c6e4 !important;
 
750
        background: #008ec2 !important;
 
751
        border-color: #007cb2 !important;
 
752
        -webkit-box-shadow: none !important;
 
753
        box-shadow: none !important;
 
754
        text-shadow: 0 -1px 0 rgba( 0, 0, 0, 0.1 ) !important;
687
755
        cursor: default;
688
756
}
689
757
 
700
768
 
701
769
.mce-charmap td {
702
770
        padding: 0;
703
 
        border-color: #dfdfdf;
 
771
        border-color: #ddd;
704
772
        cursor: pointer;
705
773
}
706
774
 
738
806
}
739
807
 
740
808
.mce-toolbar .mce-ico {
741
 
        color: #777;
 
809
        color: #555d66;
742
810
        line-height: 20px;
743
811
        width: 20px;
744
812
        height: 20px;
749
817
}
750
818
 
751
819
.qt-dfw {
752
 
        color: #777;
 
820
        color: #555d66;
753
821
        line-height: 20px;
754
822
        width: 28px;
755
823
        height: 26px;
764
832
.mce-toolbar .mce-btn:hover .mce-open,
765
833
.mce-toolbar .mce-btn:focus .mce-open,
766
834
.mce-toolbar .mce-btn.mce-active .mce-open {
767
 
        border-right-color: #999;
 
835
        border-right-color: #23282d;
 
836
}
 
837
 
 
838
.mce-notification button.mce-close {
 
839
        left: 6px;
 
840
        top: 3px;
 
841
        font-weight: normal;
 
842
        color: #555d66;
 
843
}
 
844
 
 
845
.mce-notification button.mce-close:hover,
 
846
.mce-notification button.mce-close:focus {
 
847
        color: #000;
768
848
}
769
849
 
770
850
i.mce-i-bold,
804
884
i.mce-i-hr,
805
885
i.mce-i-wp_code,
806
886
i.mce-i-dashicon,
807
 
.mce-close {
 
887
i.mce-i-remove {
808
888
        font: normal 20px/1 dashicons;
809
889
        padding: 0;
810
890
        vertical-align: top;
948
1028
        content: "\f460";
949
1029
}
950
1030
 
951
 
.mce-close:before {
 
1031
i.mce-i-remove:before {
952
1032
        content: "\f158";
953
1033
}
954
1034
 
991
1071
        padding: 10px;
992
1072
        margin: 1px 0 0;
993
1073
        line-height: 150%;
994
 
        border: 0 none;
 
1074
        border: 0;
995
1075
        outline: none;
996
1076
        display: block;
997
1077
        resize: vertical;
1027
1107
        position: relative;
1028
1108
        top: 1px;
1029
1109
        background: #ebebeb;
1030
 
        color: #777;
 
1110
        color: #666;
1031
1111
        cursor: pointer;
1032
1112
        font: 13px/19px "Open Sans", sans-serif;
1033
1113
        height: 20px;
1099
1179
 
1100
1180
.wp-media-buttons a {
1101
1181
        text-decoration: none;
1102
 
        color: #464646;
 
1182
        color: #444;
1103
1183
        font-size: 12px;
1104
1184
}
1105
1185
 
1135
1215
.quicktags-toolbar {
1136
1216
        padding: 3px;
1137
1217
        position: relative;
1138
 
        border-bottom: 1px solid #dedede;
 
1218
        border-bottom: 1px solid #ddd;
1139
1219
        background: #f5f5f5;
1140
1220
        min-height: 30px;
1141
1221
}
1183
1263
                padding: 6px 7px;
1184
1264
        }
1185
1265
 
 
1266
        /* Compensate for the extra box shadow at the bottom of .mce-btn.mce-primary */
 
1267
        .mce-toolbar .mce-btn-group .mce-btn.mce-primary button {
 
1268
                padding: 6px 7px 5px;
 
1269
        }
 
1270
 
1186
1271
        .mce-toolbar .mce-btn-group .mce-btn {
1187
1272
                margin: 1px;
1188
1273
        }
1290
1375
        height: 100%;
1291
1376
}
1292
1377
 
1293
 
#wp-link-wrap.search-panel-visible {
 
1378
#wp-link-wrap {
1294
1379
        height: 500px;
1295
1380
        margin-top: -250px;
1296
1381
}
1305
1390
 
1306
1391
#link-modal-title {
1307
1392
        background: #fcfcfc;
1308
 
        border-bottom: 1px solid #dfdfdf;
 
1393
        border-bottom: 1px solid #ddd;
1309
1394
        height: 36px;
1310
1395
        font-size: 18px;
1311
1396
        font-weight: 600;
1312
1397
        line-height: 36px;
 
1398
        margin: 0;
1313
1399
        padding: 0 16px 0 36px;
1314
 
        top: 0;
1315
 
        left: 0;
1316
 
        right: 0;
1317
1400
}
1318
1401
 
1319
1402
#wp-link-close {
1356
1439
                0 0 2px 1px rgba(30, 140, 190, .8);
1357
1440
}
1358
1441
 
1359
 
#link-selector {
1360
 
        padding: 0 16px 50px;
1361
 
}
1362
 
 
1363
 
#wp-link-wrap.search-panel-visible #link-selector {
 
1442
#wp-link-wrap #link-selector {
1364
1443
        -webkit-overflow-scrolling: touch;
1365
1444
        padding: 0 16px;
1366
1445
        position: absolute;
1367
 
        top: 36px;
 
1446
        top: 37px;
1368
1447
        right: 0;
1369
1448
        left: 0;
1370
1449
        bottom: 44px;
1377
1456
        padding: 0;
1378
1457
}
1379
1458
 
1380
 
#wp-link-search-toggle:after {
1381
 
        display: inline-block;
1382
 
        font: normal 20px/1 dashicons;
1383
 
        vertical-align: top;
1384
 
        speak: none;
1385
 
        -webkit-font-smoothing: antialiased;
1386
 
        -moz-osx-font-smoothing: grayscale;
1387
 
        content: "\f140";
1388
 
}
1389
 
 
1390
 
.search-panel-visible #wp-link-search-toggle:after {
1391
 
        content: "\f142";
1392
 
}
1393
 
 
1394
1459
#wp-link input[type="text"] {
1395
1460
        -webkit-box-sizing: border-box;
1396
1461
        -moz-box-sizing: border-box;
1410
1475
        color: inherit;
1411
1476
}
1412
1477
 
1413
 
#wp-link-search-toggle {
1414
 
        cursor: pointer;
1415
 
}
1416
 
 
1417
1478
#wp-link label input[type="text"] {
1418
1479
        margin-top: 5px;
1419
1480
        width: 70%;
1464
1525
 
1465
1526
#wp-link .query-results {
1466
1527
        border: 1px #dfdfdf solid;
1467
 
        margin: 0;
 
1528
        margin: 0 0 12px;
1468
1529
        background: #fff;
1469
1530
        overflow: auto;
1470
1531
        position: absolute;
1471
1532
        right: 16px;
1472
1533
        left: 16px;
1473
 
        bottom: 16px;
1474
 
        top: 172px;
 
1534
        bottom: 0;
 
1535
        top: 166px;
1475
1536
}
1476
1537
 
1477
1538
.has-text-field #wp-link .query-results {
1478
 
        top: 205px;
 
1539
        top: 200px;
1479
1540
}
1480
1541
 
1481
1542
#wp-link li {
1563
1624
        top: 5px;
1564
1625
}
1565
1626
 
1566
 
#wp-link #search-results,
1567
 
#wp-link #search-panel {
1568
 
        display: none;
1569
 
}
1570
 
 
1571
 
#wp-link-wrap.search-panel-visible #search-panel {
1572
 
        display: block;
1573
 
}
1574
 
 
1575
1627
#wp-link .river-waiting {
1576
1628
        display: none;
1577
1629
        padding: 10px 0;
1580
1632
#wp-link .submitbox {
1581
1633
        padding: 8px 16px;
1582
1634
        background: #fcfcfc;
1583
 
        border-top: 1px solid #dfdfdf;
 
1635
        border-top: 1px solid #ddd;
1584
1636
        position: absolute;
1585
1637
        bottom: 0;
1586
1638
        right: 0;
1599
1651
 
1600
1652
#wp-link-submit {
1601
1653
        float: left;
1602
 
        margin-bottom: 0;
1603
1654
}
1604
1655
 
1605
1656
@media screen and ( max-width: 782px ) {
1607
1658
                margin-top: -140px;
1608
1659
        }
1609
1660
 
1610
 
        #wp-link-wrap.search-panel-visible .query-results {
 
1661
        #wp-link-wrap .query-results {
1611
1662
                top: 195px;
1612
1663
        }
1613
1664
 
1614
 
        #wp-link-wrap.search-panel-visible.has-text-field .query-results {
 
1665
        #wp-link-wrap.has-text-field .query-results {
1615
1666
                top: 235px;
1616
1667
        }
1617
1668
 
1619
1670
                padding: 0 16px 60px;
1620
1671
        }
1621
1672
 
1622
 
        #wp-link-wrap.search-panel-visible #link-selector {
 
1673
        #wp-link-wrap #link-selector {
1623
1674
                bottom: 52px;
1624
1675
        }
1625
1676
 
1626
1677
        #wp-link-cancel {
1627
1678
                line-height: 32px;
1628
1679
        }
 
1680
 
 
1681
        #wp-link .link-target {
 
1682
                padding-top: 10px;
 
1683
        }
 
1684
 
 
1685
        #wp-link .submitbox .button {
 
1686
                margin-bottom: 0;
 
1687
        }
1629
1688
}
1630
1689
 
1631
1690
@media screen and ( max-width: 520px ) {
1642
1701
        #wp-link-wrap {
1643
1702
                -webkit-transition: none;
1644
1703
                transition: none;
1645
 
        }
1646
 
 
1647
 
        #wp-link-wrap.search-panel-visible {
1648
1704
                height: auto;
1649
1705
                margin-top: 0;
1650
1706
                top: 10px;
1651
1707
                bottom: 10px;
1652
1708
        }
1653
1709
 
1654
 
        .search-panel-visible #link-selector {
 
1710
        #link-selector {
1655
1711
                overflow: auto;
1656
1712
        }
1657
1713
 
1658
 
        .search-panel-visible #search-panel .query-results {
 
1714
        #search-panel .query-results {
1659
1715
                position: static;
1660
1716
        }
1661
1717
}
1700
1756
        cursor: pointer;
1701
1757
}
1702
1758
 
 
1759
div.wp-link-input {
 
1760
        float: right;
 
1761
        margin: 2px;
 
1762
        max-width: 694px;
 
1763
}
 
1764
 
 
1765
div.wp-link-input input {
 
1766
        width: 300px;
 
1767
        padding: 3px;
 
1768
        -webkit-box-sizing: border-box;
 
1769
        -moz-box-sizing: border-box;
 
1770
        box-sizing: border-box;
 
1771
}
 
1772
 
 
1773
.mce-toolbar div.wp-link-preview ~ .mce-btn,
 
1774
.mce-toolbar div.wp-link-input ~ .mce-btn {
 
1775
        margin: 2px 1px;
 
1776
}
 
1777
 
 
1778
.mce-inline-toolbar-grp .mce-btn-group .mce-btn:last-child {
 
1779
        margin-left: 2px;
 
1780
}
 
1781
 
 
1782
.ui-autocomplete.wplink-autocomplete {
 
1783
        z-index: 100110;
 
1784
        max-height: 200px;
 
1785
        overflow-y: auto;
 
1786
        padding: 0;
 
1787
        margin: 0;
 
1788
        list-style: none;
 
1789
        position: absolute;
 
1790
        border: 1px solid #5b9dd9;
 
1791
        -webkit-box-shadow: 0 1px 2px rgba( 30, 140, 190, 0.8 );
 
1792
        box-shadow: 0 1px 2px rgba( 30, 140, 190, 0.8 );
 
1793
        background-color: #fff;
 
1794
}
 
1795
 
 
1796
.ui-autocomplete.wplink-autocomplete li {
 
1797
        margin-bottom: 0;
 
1798
        padding: 4px 10px;
 
1799
        clear: both;
 
1800
        white-space: normal;
 
1801
        text-align: right;
 
1802
}
 
1803
 
 
1804
.ui-autocomplete.wplink-autocomplete li .wp-editor-float-right {
 
1805
        float: left;
 
1806
}
 
1807
 
 
1808
.ui-autocomplete.wplink-autocomplete li.ui-state-focus {
 
1809
        background-color: #ddd;
 
1810
        cursor: pointer;
 
1811
}
 
1812
 
1703
1813
@media screen and ( max-width: 782px ) {
1704
 
        div.wp-link-preview {
1705
 
                margin: 8px 5px 8px 0;
 
1814
        div.wp-link-preview,
 
1815
        div.wp-link-input {
1706
1816
                max-width: 70%;
1707
1817
                max-width: -webkit-calc(100% - 86px);
1708
1818
                max-width: calc(100% - 86px);
1709
1819
        }
 
1820
 
 
1821
        div.wp-link-preview {
 
1822
                margin: 8px 5px 8px 0;
 
1823
        }
 
1824
 
 
1825
        div.wp-link-input {
 
1826
                width: 300px;
 
1827
        }
 
1828
 
 
1829
        div.wp-link-input input {
 
1830
                width: 100%;
 
1831
                font-size: 16px;
 
1832
                padding: 5px;
 
1833
        }
1710
1834
}
1711
1835
 
1712
1836
/* =Overlay Body