← Back to branch summary

~canonical-sysadmins/wordpress/4.6.1

« back to all changes in this revision

Viewing changes to wp-includes/css/media-views-rtl.css

  • Committer: Nick Moffitt
  • Date: 2016-04-14 10:44:19 UTC
  • mfrom: (1.1.14 upstream)
  • Revision ID: nick.moffitt@canonical.com-20160414104419-w6lxcr3ru4enc2w5
Merge WP4.5 from upstream

Show diffs side-by-side

added added

removed removed

Lines of Context:
wp-includes/css/media-views-rtl.css
22
22
        -webkit-overflow-scrolling: touch;
23
23
}
24
24
 
 
25
.media-modal legend,
 
26
.media-modal label {
 
27
        font-size: 13px;
 
28
}
 
29
 
25
30
.media-frame input,
26
31
.media-frame textarea {
27
32
        padding: 6px 8px;
79
84
        font-size: 12px;
80
85
        border-width: 1px;
81
86
        border-style: solid;
82
 
        border-color: #dfdfdf;
 
87
        border-color: #ddd;
83
88
}
84
89
 
85
90
.media-frame input[type="text"]:focus,
109
114
        -webkit-appearance: textfield;
110
115
}
111
116
 
112
 
.media-frame :-moz-placeholder {
113
 
   color: #a9a9a9;
 
117
.media-frame ::-webkit-input-placeholder {
 
118
        color: #72777c;
 
119
}
 
120
 
 
121
.media-frame ::-moz-placeholder {
 
122
        color: #72777c;
 
123
        opacity: 1;
 
124
}
 
125
 
 
126
.media-frame :-ms-input-placeholder {
 
127
        color: #72777c;
114
128
}
115
129
 
116
130
.media-frame .hidden {
257
271
        z-index: 100;
258
272
        height: 60px;
259
273
        padding: 0 16px;
260
 
        border: 0 solid #dfdfdf;
 
274
        border: 0 solid #ddd;
261
275
        overflow: hidden;
262
276
}
263
277
 
394
408
        color: #666;
395
409
}
396
410
 
397
 
.compat-item label span  {
 
411
.compat-item label span {
398
412
        text-align: left;
399
413
}
400
414
 
708
722
}
709
723
 
710
724
.media-frame.hide-router .media-frame-title {
711
 
        border-bottom: 1px solid #dfdfdf;
 
725
        border-bottom: 1px solid #ddd;
712
726
        -webkit-box-shadow: 0 4px 4px -4px rgba( 0, 0, 0, 0.1 );
713
727
        box-shadow: 0 4px 4px -4px rgba( 0, 0, 0, 0.1 );
714
728
}
792
806
        margin-top: 11px;
793
807
        padding: 4px;
794
808
        font-size: 13px;
795
 
        color: #464646;
 
809
        color: #444;
796
810
        font-family: "Open Sans", sans-serif;
797
811
        -webkit-appearance: none;
798
812
}
817
831
        float: right;
818
832
        padding: 8px;
819
833
        margin: 0;
820
 
        color: #464646;
 
834
        color: #444;
821
835
        cursor: pointer;
822
836
        list-style: none;
823
837
        text-align: center;
1127
1141
 
1128
1142
.uploader-inline .close:before {
1129
1143
        font: normal 30px/50px dashicons !important;
1130
 
        color: #777;
 
1144
        color: #72777c;
1131
1145
        display: inline-block;
1132
1146
        content: "\f335";
1133
1147
        font-weight: 300;
1162
1176
        margin: 10px auto;
1163
1177
        -webkit-border-radius: 10px;
1164
1178
        border-radius: 10px;
1165
 
        background: #dfdfdf;
 
1179
        background: #ddd;
1166
1180
        background: rgba( 0, 0, 0, 0.1 );
1167
1181
}
1168
1182
 
1221
1235
}
1222
1236
 
1223
1237
.media-uploader-status .upload-count {
1224
 
        color: #464646;
 
1238
        color: #444;
1225
1239
}
1226
1240
 
1227
1241
.media-uploader-status .upload-dismiss-errors,
1359
1373
 
1360
1374
.uploader-inline .has-upload-message .upload-instructions {
1361
1375
        font-size: 14px;
1362
 
        color: #464646;
 
1376
        color: #444;
1363
1377
        font-weight: normal;
1364
1378
}
1365
1379
 
1432
1446
        padding: 1px 8px;
1433
1447
        margin: 1px -8px 1px 8px;
1434
1448
        line-height: 16px;
1435
 
        border-left: 1px solid #dfdfdf;
 
1449
        border-left: 1px solid #ddd;
1436
1450
        color: #0073aa;
1437
1451
}
1438
1452
 
1603
1617
 
1604
1618
.attachment-info .filename {
1605
1619
        font-weight: bold;
1606
 
        color: #464646;
 
1620
        color: #444;
1607
1621
        word-wrap: break-word;
1608
1622
}
1609
1623
 
1721
1735
        position: static;
1722
1736
}
1723
1737
 
1724
 
.media-modal .imgedit-wait {
1725
 
        height: auto !important;
1726
 
        left: 0;
1727
 
        bottom: 0;
1728
 
        right: 0;
1729
 
}
1730
 
 
1731
1738
.media-modal .imgedit-wrap .imgedit-panel-content {
1732
1739
        padding: 16px;
1733
1740
        position: absolute;
1741
1748
.media-modal .imgedit-wrap .imgedit-settings {
1742
1749
        background: #f3f3f3;
1743
1750
        border-right: 1px solid #ddd;
1744
 
        padding: 0 16px 16px;
 
1751
        padding: 20px 16px 16px;
1745
1752
        position: absolute;
1746
1753
        top: 0;
1747
1754
        left: 0;
1769
1776
        padding: 0;
1770
1777
}
1771
1778
 
 
1779
.media-modal .imgedit-group-top {
 
1780
        margin: 0;
 
1781
}
 
1782
 
1772
1783
.media-modal .imgedit-group-top h3, /* Back-compat for pre-4.4 */
1773
 
.media-modal .imgedit-group-top h2 {
 
1784
.media-modal .imgedit-group-top h2,
 
1785
.media-modal .imgedit-group-top h2 .button-link {
 
1786
        display: inline-block;
1774
1787
        text-transform: uppercase;
1775
1788
        font-size: 12px;
1776
1789
        color: #666;
1777
1790
        margin: 0;
1778
 
        margin-top: 24px;
 
1791
        margin-top: 3px;
1779
1792
}
1780
1793
 
1781
1794
.media-modal .imgedit-group-top h3 a, /* Back-compat for pre-4.4 */
1782
 
.media-modal .imgedit-group-top h2 a {
 
1795
.media-modal .imgedit-group-top h2 a,
 
1796
.media-modal .imgedit-group-top h2 .button-link {
1783
1797
        text-decoration: none;
1784
1798
        color: #666;
1785
1799
}
1786
1800
 
1787
 
.media-modal .imgedit-help-toggle {
 
1801
/* higher specificity than media.css */
 
1802
.wp-core-ui.media-modal .image-editor .imgedit-help-toggle,
 
1803
.wp-core-ui.media-modal .image-editor .imgedit-help-toggle:hover,
 
1804
.wp-core-ui.media-modal .image-editor .imgedit-help-toggle:active {
 
1805
        border: 1px solid transparent;
 
1806
        margin: 0;
 
1807
        padding: 0;
 
1808
        background: transparent;
 
1809
        color: #0074a2;
 
1810
        font-size: 20px;
 
1811
        line-height: 1;
 
1812
        cursor: pointer;
 
1813
        -webkit-box-sizing: content-box;
 
1814
        -moz-box-sizing: content-box;
 
1815
        box-sizing: content-box;
 
1816
        -webkit-box-shadow: none;
 
1817
        box-shadow: none;
 
1818
}
 
1819
 
 
1820
.wp-core-ui.media-modal .image-editor .imgedit-help-toggle:focus {
 
1821
        color: #0074a2;
 
1822
        border-color: #5b9dd9;
 
1823
        outline: none;
 
1824
        -webkit-box-shadow: 0 0 3px rgba( 0, 115, 170, .8 );
 
1825
        box-shadow: 0 0 3px rgba( 0, 115, 170, .8 );
 
1826
}
 
1827
 
 
1828
.wp-core-ui.media-modal .imgedit-group-top .dashicons-arrow-down.imgedit-help-toggle {
 
1829
        margin-top: -3px;
 
1830
}
 
1831
 
 
1832
.wp-core-ui.media-modal .image-editor h3 .imgedit-help-toggle {
1788
1833
        margin-top: -2px;
1789
 
        cursor: pointer;
1790
 
        color: #666;
1791
1834
}
1792
1835
 
1793
1836
.media-modal .imgedit-help-toggled span.dashicons:before {
1794
1837
        content: "\f142";
1795
1838
}
1796
1839
 
1797
 
.media-modal .imgedit-group img {
1798
 
        margin-top: 5px;
 
1840
.media-modal .imgedit-thumbnail-preview {
 
1841
        margin: 10px 0 0 8px;
 
1842
}
 
1843
 
 
1844
.imgedit-thumbnail-preview-caption {
 
1845
        display: block;
1799
1846
}
1800
1847
 
1801
1848
.media-modal .imgedit-wrap div.updated {
1968
2015
}
1969
2016
 
1970
2017
.image-details .custom-size span small {
1971
 
        color: #999;
 
2018
        color: #555d66; /* #f3f3f3 background */
1972
2019
        font-size: inherit;
1973
2020
}
1974
2021
 
2569
2616
  (-webkit-min-device-pixel-ratio: 1.25),
2570
2617
  (min-resolution: 120dpi) {
2571
2618
 
2572
 
        .media-modal-icon {
 
2619
        .wp-core-ui .media-modal-icon {
2573
2620
                background-image: url(../images/uploader-icons-2x.png);
2574
2621
                -webkit-background-size: 134px 15px;
2575
2622
                background-size: 134px 15px;