← Back to branch summary

~canonical-sysadmins/wordpress/4.2.4

« back to all changes in this revision

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

  • Committer: Paul Gear
  • Date: 2015-04-24 01:35:20 UTC
  • mfrom: (1.1.4 upstream)
  • Revision ID: paul.gear@canonical.com-20150424013520-w4p9ksth76zh6opw
Merge new upstream release 4.2

Show diffs side-by-side

added added

removed removed

Lines of Context:
wp-includes/css/editor-rtl.css
13
13
}
14
14
 
15
15
/* TinyMCE windows */
16
 
#mce-modal-block.mce-in {
 
16
#mce-modal-block,
 
17
#mce-modal-block.mce-fade {
17
18
        opacity: 0.7;
18
19
        filter: alpha(opacity=70);
 
20
        -webkit-transition: none;
 
21
        transition: none;
19
22
}
20
23
 
21
24
.mce-window {
24
27
        -webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
25
28
        box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
26
29
        -webkit-font-smoothing: subpixel-antialiased;
 
30
        -webkit-transition: none;
 
31
        transition: none;
27
32
}
28
33
 
29
34
.mce-window .mce-container-body.mce-abs-layout {
66
71
}
67
72
 
68
73
.mce-window .mce-window-head .mce-close:hover:before {
69
 
        color: #2ea2cc;
 
74
        color: #00a0d2;
70
75
}
71
76
 
72
77
.mce-window .mce-window-head .mce-dragh {
155
160
}
156
161
 
157
162
div.mce-inline-toolbar-grp {
158
 
        border: 1px solid #aaa;
 
163
        border: 1px solid #a0a5aa;
159
164
        -webkit-border-radius: 2px;
160
165
        border-radius: 2px;
161
166
        -webkit-box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.15 );
165
170
        box-sizing: border-box;
166
171
        margin-bottom: 8px;
167
172
        position: absolute;
168
 
        visibility: hidden;
169
173
        -moz-user-select: none;
170
174
        -webkit-user-select: none;
171
175
        -ms-user-select: none;
173
177
        z-index: 100100; /* Same as the other TinyMCE "panels" */
174
178
}
175
179
 
176
 
div.mce-wp-image-toolbar > div.mce-stack-layout {
 
180
div.mce-inline-toolbar-grp > div.mce-stack-layout {
177
181
        padding: 1px;
178
182
}
179
183
 
196
200
 
197
201
div.mce-inline-toolbar-grp.mce-arrow-up:before {
198
202
        top: -18px;
199
 
        border-bottom-color: #aaa;
 
203
        border-bottom-color: #a0a5aa;
200
204
        border-width: 9px;
201
205
        margin-right: -9px;
202
206
}
203
207
 
204
208
div.mce-inline-toolbar-grp.mce-arrow-down:before {
205
209
        bottom: -18px;
206
 
        border-top-color: #aaa;
 
210
        border-top-color: #a0a5aa;
207
211
        border-width: 9px;
208
212
        margin-right: -9px;
209
213
}
257
261
        overflow-x: auto;
258
262
}
259
263
 
260
 
div.mce-inline-toolbar-grp-active {
261
 
        visibility: visible;
262
 
}
263
 
 
264
264
div.mce-toolbar-grp > div {
265
265
        padding: 3px;
266
266
}
319
319
.qt-dfw:focus {
320
320
        background: #fafafa;
321
321
        border-color: #999;
322
 
        color: #222;
 
322
        color: #23282d;
323
323
        -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
324
324
        box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
325
325
        outline: none;
348
348
#wp-fullscreen-buttons .mce-btn.mce-disabled:hover,
349
349
.mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus,
350
350
#wp-fullscreen-buttons .mce-btn.mce-disabled:focus {
351
 
        color: #aaa;
 
351
        color: #a0a5aa;
352
352
        background: none;
353
353
        border-color: #ddd;
354
354
        text-shadow: 0 1px 0 #fff;
402
402
 
403
403
.mce-toolbar .mce-btn-group .mce-btn.mce-listbox:hover {
404
404
    background-image: none;
405
 
    border-color: #bbb;
 
405
    border-color: #b4b9be;
406
406
}
407
407
 
408
408
.mce-toolbar .mce-btn-group .mce-btn.mce-listbox span {
426
426
}
427
427
 
428
428
.mce-panel .mce-btn:hover i.mce-caret {
429
 
        border-top-color: #333;
 
429
        border-top-color: #32373c;
430
430
}
431
431
 
432
432
.mce-panel .mce-active i.mce-caret {
433
433
        border-top: 0;
434
 
        border-bottom: 6px solid #333;
 
434
        border-bottom: 6px solid #32373c;
435
435
        margin-top: 7px;
436
436
}
437
437
 
458
458
.mce-menu .mce-menu-item.mce-selected,
459
459
.mce-menu .mce-menu-item:focus {
460
460
        color: #000;
461
 
        background-color: #bbb;
 
461
        background-color: #b4b9be;
462
462
        background-image: none;
463
463
        -webkit-filter: none;
464
464
        filter: none;
540
540
.mce-window .mce-btn:focus {
541
541
        background: #fafafa;
542
542
        border-color: #999;
543
 
        color: #222;
 
543
        color: #23282d;
544
544
}
545
545
 
546
546
.mce-window .mce-btn:focus {
555
555
.mce-window .mce-btn:active {
556
556
        background: #eee;
557
557
        border-color: #999;
558
 
        color: #333;
 
558
        color: #32373c;
559
559
        -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
560
560
        box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
561
561
}
562
562
 
563
563
.mce-window .mce-btn.mce-disabled {
564
 
        color: #aaa;
 
564
        color: #a0a5aa;
565
565
        border-color: #ddd;
566
566
        background: #f7f7f7;
567
567
        -webkit-box-shadow: none;
571
571
}
572
572
 
573
573
.mce-window .mce-btn.mce-primary {
574
 
        background: #2ea2cc;
575
 
        border-color: #0074a2;
 
574
        background: #00a0d2;
 
575
        border-color: #0073aa;
576
576
        -webkit-box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.5), 0 1px 0 rgba( 0, 0, 0, 0.15 );
577
577
        box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.5 ), 0 1px 0 rgba( 0, 0, 0, 0.15 );
578
578
        color: #fff;
582
582
.mce-window .mce-btn.mce-primary:hover,
583
583
.mce-window .mce-btn.mce-primary:focus {
584
584
        background: #1e8cbe;
585
 
        border-color: #0074a2;
 
585
        border-color: #0073aa;
586
586
        -webkit-box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.6 );
587
587
        box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.6 );
588
588
        color: #fff;
731
731
i.mce-i-ltr,
732
732
i.mce-i-wp_page,
733
733
i.mce-i-hr,
 
734
i.mce-i-wp_code,
734
735
i.mce-i-dashicon,
735
736
.mce-close {
736
737
        font: normal 20px/1 'dashicons';
880
881
        content: '\f158';
881
882
}
882
883
 
883
 
.mce-i-wp_code:before {
 
884
i.mce-i-wp_code:before {
884
885
        content: '\f475';
885
886
}
886
887
 
 
888
/* RTL button icons */
 
889
.rtl i.mce-i-outdent:before {
 
890
        content: '\f222';
 
891
}
 
892
 
 
893
.rtl i.mce-i-indent:before {
 
894
        content: '\f221';
 
895
}
 
896
 
887
897
/* Editors */
888
898
.wp-editor-wrap {
889
899
        position: relative;
963
973
                0 0 0 1px #5b9dd9,
964
974
                0 0 2px 1px rgba(30, 140, 190, .8);
965
975
        outline: none;
966
 
        color: #222;
 
976
        color: #23282d;
967
977
}
968
978
 
969
979
.wp-switch-editor:active,
1179
1189
        -webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
1180
1190
        box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
1181
1191
        width: 500px;
1182
 
        height: 250px;
1183
1192
        overflow: hidden;
1184
1193
        margin-right: -250px;
1185
1194
        margin-top: -125px;
1215
1224
        margin-top: -250px;
1216
1225
}
1217
1226
 
 
1227
#wp-link-wrap .wp-link-text-field {
 
1228
        display: none;
 
1229
}
 
1230
 
 
1231
#wp-link-wrap.has-text-field .wp-link-text-field {
 
1232
        display: block;
 
1233
}
 
1234
 
1218
1235
#link-modal-title {
1219
1236
        background: #fcfcfc;
1220
1237
        border-bottom: 1px solid #dfdfdf;
1255
1272
 
1256
1273
#wp-link-close:hover,
1257
1274
#wp-link-close:focus {
1258
 
        color: #2ea2cc;
 
1275
        color: #00a0d2;
1259
1276
}
1260
1277
 
1261
1278
#wp-link-close:focus {
1273
1290
}
1274
1291
 
1275
1292
#wp-link-wrap.search-panel-visible #link-selector {
 
1293
        -webkit-overflow-scrolling: touch;
1276
1294
        padding: 0 16px;
1277
1295
        position: absolute;
1278
1296
        top: 36px;
1357
1375
}
1358
1376
 
1359
1377
#wp-link .link-search-wrapper .spinner {
1360
 
        display: none;
1361
 
        vertical-align: text-bottom;
 
1378
        margin-top: 5px;
1362
1379
}
1363
1380
 
1364
1381
#wp-link .link-target {
1381
1398
        right: 16px;
1382
1399
        left: 16px;
1383
1400
        bottom: 16px;
 
1401
        top: 172px;
 
1402
}
 
1403
 
 
1404
.has-text-field #wp-link .query-results {
1384
1405
        top: 205px;
1385
1406
}
1386
1407
 
1388
1409
        clear: both;
1389
1410
        margin-bottom: 0;
1390
1411
        border-bottom: 1px solid #f1f1f1;
1391
 
        color: #333;
 
1412
        color: #32373c;
1392
1413
        padding: 4px 10px 4px 6px;
1393
1414
        cursor: pointer;
1394
1415
        position: relative;
1405
1426
#wp-link .query-notice .query-notice-hint {
1406
1427
        display: block;
1407
1428
        padding: 6px;
1408
 
        border-right: 4px solid #2ea2cc;
 
1429
        border-right: 4px solid #00a0d2;
1409
1430
}
1410
1431
 
1411
1432
#wp-link .unselectable.no-matches-found {
1436
1457
#wp-link li.unselectable:hover {
1437
1458
        background: #fff;
1438
1459
        cursor: auto;
1439
 
        color: #333;
 
1460
        color: #32373c;
1440
1461
}
1441
1462
 
1442
1463
#wp-link li.selected {
1443
1464
        background: #ddd;
1444
 
        color: #333;
 
1465
        color: #32373c;
1445
1466
}
1446
1467
 
1447
1468
#wp-link li.selected .item-title {
1457
1478
        width: 80%;
1458
1479
        width: -webkit-calc(100% - 68px);
1459
1480
        width: calc(100% - 68px);
 
1481
        word-wrap: break-word;
1460
1482
}
1461
1483
 
1462
1484
#wp-link .item-info {
1482
1504
        padding: 10px 0;
1483
1505
}
1484
1506
 
1485
 
#wp-link .river-waiting .spinner {
1486
 
        margin: 0 auto;
1487
 
        display: block;
1488
 
        float: none;
1489
 
}
1490
 
 
1491
1507
#wp-link .submitbox {
1492
1508
        padding: 8px 16px;
1493
1509
        background: #fcfcfc;
1515
1531
 
1516
1532
@media screen and ( max-width: 782px ) {
1517
1533
        #wp-link-wrap {
1518
 
                height: 280px;
1519
1534
                margin-top: -140px;
1520
1535
        }
1521
1536
 
1522
1537
        #wp-link-wrap.search-panel-visible .query-results {
 
1538
                top: 195px;
 
1539
        }
 
1540
 
 
1541
        #wp-link-wrap.search-panel-visible.has-text-field .query-results {
1523
1542
                top: 235px;
1524
1543
        }
1525
1544
 
1675
1694
 
1676
1695
.clearlooks2 .mceTop span,
1677
1696
.clearlooks2 .mceFocus .mceTop span {
1678
 
        color: #222;
 
1697
        color: #23282d;
1679
1698
}
1680
1699
 
1681
1700
.clearlooks2 .mceClose:before {
1683
1702
}
1684
1703
 
1685
1704
.clearlooks2 .mceClose:hover:before {
1686
 
        color: #2ea2cc;
 
1705
        color: #00a0d2;
1687
1706
}
1688
1707
*/
1689
1708
/* Distraction-Free Writing mode
1798
1817
}
1799
1818
 
1800
1819
#wp-fullscreen-tagline {
1801
 
        color: #888;
 
1820
        color: #82878c;
1802
1821
        font-size: 18px;
1803
1822
        float: left;
1804
1823
        padding: 4px 0 0;
1882
1901
    white-space: nowrap;
1883
1902
    width: auto;
1884
1903
    background: none;
1885
 
        color: #333333;
 
1904
        color: #32373c;
1886
1905
    cursor: pointer;
1887
1906
    font-size: 18px;
1888
1907
    line-height: 20px;
2098
2117
        font-family: Tahoma, sans-serif;
2099
2118
}
2100
2119
 
2101
 
/* @noflip */
 
2120
/* rtl:ignore */
2102
2121
.mce-rtl .mce-flow-layout .mce-flow-layout-item > div {
2103
2122
        direction: rtl;
2104
2123
}
2105
2124
 
2106
 
/* @noflip */
 
2125
/* rtl:ignore */
2107
2126
.mce-rtl .mce-listbox i.mce-caret {
2108
2127
        left: 6px;
2109
2128
}
2115
2134
 
2116
2135
/* HiDPI */
2117
2136
@media print,
2118
 
  (-o-min-device-pixel-ratio: 5/4),
2119
2137
  (-webkit-min-device-pixel-ratio: 1.25),
2120
2138
  (min-resolution: 120dpi) {
2121
2139
        .wp-media-buttons .add_media span.wp-media-buttons-icon,