← Back to branch summary

~canonical-sysadmins/wordpress/4.8.1

« back to all changes in this revision

Viewing changes to wp-admin/css/themes.css

  • Committer: Barry Price
  • Date: 2016-08-17 04:50:12 UTC
  • mfrom: (1.1.18 upstream)
  • Revision ID: barry.price@canonical.com-20160817045012-qfui81zhqnqv2ba9
Merge WP4.6 from upstream

Show diffs side-by-side

added added

removed removed

Lines of Context:
wp-admin/css/themes.css
11
11
        clear: both;
12
12
}
13
13
 
14
 
.themes-php .wrap h1 {
15
 
        float: left;
 
14
.themes-php:not(.network-admin) .wrap h1 {
16
15
        margin-bottom: 15px;
17
16
}
18
17
 
19
 
.network-admin.themes-php .wrap h1 {
20
 
        margin-bottom: 0;
21
 
}
22
 
 
23
18
.themes-php .wrap h1 .button {
24
19
        margin-left: 20px;
25
20
}
37
32
}
38
33
 
39
34
/* Position admin messages */
40
 
.themes-php div.updated,
41
 
.themes-php div.error,
42
 
.themes-php div.notice {
43
 
        margin: 0 0 20px 0;
44
 
        clear: both;
 
35
.theme .notice,
 
36
.theme .notice.is-dismissible {
 
37
        left: 0;
 
38
        margin: 0;
 
39
        position: absolute;
 
40
        right: 0;
 
41
        top: 0;
45
42
}
46
43
 
47
44
/**
168
165
        opacity: 0;
169
166
        position: absolute;
170
167
        top: 35%;
171
 
        right: 25%;
172
 
        left: 25%;
 
168
        right: 20%;
 
169
        left: 20%;
173
170
        background: #23282d;
174
171
        background: rgba(0,0,0,0.7);
175
172
        color: #fff;
207
204
}
208
205
 
209
206
/**
210
 
 * Displays a theme update notice
211
 
 * when an update is available.
212
 
 */
213
 
.theme-browser .theme .theme-update,
214
 
.theme-browser .theme .theme-installed {
215
 
        background: #d54e21;
216
 
        background: rgba(213, 78, 33, 0.95);
217
 
        color: #fff;
218
 
        display: block;
219
 
        font-size: 13px;
220
 
        font-weight: 400;
221
 
        height: 48px;
222
 
        line-height: 48px;
223
 
        padding: 0 10px;
224
 
        position: absolute;
225
 
        top: 0;
226
 
        right: 0;
227
 
        left: 0;
228
 
        border-bottom: 1px solid rgba(0,0,0,0.25);
229
 
        overflow: hidden;
230
 
}
231
 
 
232
 
.theme-browser .theme .theme-update:before,
233
 
.theme-browser .theme .theme-installed:before {
234
 
        content: "\f463";
235
 
        display: inline-block;
236
 
        font: normal 20px/1 dashicons;
237
 
        margin: 0 6px 0 0;
238
 
        opacity: 0.8;
239
 
        position: relative;
240
 
        top: 5px;
241
 
        speak: none;
242
 
        -webkit-font-smoothing: antialiased;
243
 
}
244
 
 
245
 
 
246
 
/**
247
207
 * The currently active theme
248
208
 */
249
209
.theme-browser .theme.active .theme-name {
524
484
        -webkit-overflow-scrolling: touch;
525
485
}
526
486
 
527
 
body.folded .theme-overlay .theme-wrap {
 
487
body.folded .theme-browser ~ .theme-overlay .theme-wrap {
528
488
        left: 70px;
529
489
}
530
490
 
721
681
        font-weight: 100;
722
682
        margin: 10px 0 0;
723
683
        line-height: 1.3;
 
684
        word-wrap: break-word;
 
685
        overflow-wrap: break-word;
724
686
}
725
687
 
726
688
.theme-overlay .theme-version {
763
725
 
764
726
.theme-overlay .theme-tags span {
765
727
        color: #444;
766
 
        font-weight: bold;
 
728
        font-weight: 600;
767
729
        margin-right: 5px;
768
730
}
769
731
 
772
734
        border: 1px solid #eee;
773
735
        border-left: 4px solid #00a0d2;
774
736
        font-size: 14px;
775
 
        font-weight: normal;
 
737
        font-weight: 400;
776
738
        margin-top: 30px;
777
739
        padding: 10px 10px 10px 20px;
778
740
}
951
913
}
952
914
 
953
915
@media only screen and (max-width: 650px) {
954
 
        .theme-overlay .theme-update,
955
916
        .theme-overlay .theme-description {
956
917
                margin-left: 0;
957
918
        }
1041
1002
.theme-browser .theme .theme-installed {
1042
1003
        background: #0073aa;
1043
1004
}
1044
 
.theme-browser .theme .theme-installed:before {
 
1005
.theme-browser .theme .notice-success p:before {
 
1006
        color: #79ba49;
1045
1007
        content: "\f147";
 
1008
        display: inline-block;
 
1009
        font: normal 20px/1 'dashicons';
 
1010
        -webkit-font-smoothing: antialiased;
 
1011
        -moz-osx-font-smoothing: grayscale;
 
1012
        vertical-align: top;
1046
1013
}
1047
 
.theme-browser .theme.is-installed .theme-actions .button-primary {
1048
 
        display: none !important;
 
1014
 
 
1015
.theme-install.updated-message:before {
 
1016
        content: '';
1049
1017
}
1050
1018
 
1051
1019
.theme-install-php .wp-filter {
1056
1024
.theme-install-php a.browse-themes {
1057
1025
        cursor: pointer;
1058
1026
}
1059
 
.theme-install-php a.browse-themes,
1060
 
.theme-install-php.show-upload-theme a.upload {
 
1027
 
 
1028
.upload-view-toggle .browse,
 
1029
.plugin-install-tab-upload .upload-view-toggle .upload {
1061
1030
        display: none;
1062
1031
}
1063
 
.theme-install-php.show-upload-theme a.browse-themes {
 
1032
 
 
1033
.plugin-install-tab-upload .upload-view-toggle .browse {
1064
1034
        display: inline;
1065
1035
}
 
1036
 
1066
1037
.upload-theme,
1067
1038
.upload-plugin {
1068
1039
        -webkit-box-sizing: border-box;
1070
1041
        box-sizing: border-box;
1071
1042
        display: none;
1072
1043
        margin: 0;
1073
 
        padding: 0;
 
1044
        padding: 50px 0;
1074
1045
        width: 100%;
1075
1046
        overflow: hidden;
1076
1047
        position: relative;
1077
1048
        top: 10px;
1078
1049
}
1079
 
body.show-upload-theme .upload-theme,
1080
 
.upload-plugin {
 
1050
 
 
1051
.upload-plugin-wrap {
 
1052
        display: none;
 
1053
}
 
1054
 
 
1055
.show-upload-view .upload-theme,
 
1056
.show-upload-view .upload-plugin,
 
1057
.show-upload-view .upload-plugin-wrap,
 
1058
.plugin-install-tab-upload .upload-plugin {
1081
1059
        display: block;
1082
1060
}
 
1061
 
1083
1062
.upload-theme .wp-upload-form,
1084
1063
.upload-plugin .wp-upload-form {
1085
1064
        background: #fafafa;
1094
1073
        font-size: 18px;
1095
1074
        font-style: normal;
1096
1075
        margin: 0;
1097
 
        padding: 40px 0 0;
 
1076
        padding: 0;
1098
1077
        text-align: center;
1099
1078
}
1100
 
body.show-upload-theme .upload-theme + .wp-filter,
1101
 
body.show-upload-theme .upload-theme + .wp-filter + .theme-browser {
1102
 
        display: none;
1103
 
}
1104
1079
 
1105
1080
p.no-themes {
1106
1081
        clear: both;
1113
1088
        display: none;
1114
1089
}
1115
1090
 
1116
 
body.no-results p.no-themes {
 
1091
.no-results p.no-themes {
1117
1092
        display: block;
1118
1093
}
1119
1094
 
1120
 
body.show-upload-theme p.no-themes {
1121
 
        display: none !important;
1122
 
}
1123
 
 
1124
1095
.theme-install-php .add-new-theme {
1125
1096
        display: none !important;
1126
1097
}
1388
1359
        pointer-events: none;
1389
1360
}
1390
1361
 
 
1362
.theme-install-overlay .close-full-overlay,
 
1363
.theme-install-overlay .previous-theme,
 
1364
.theme-install-overlay .next-theme {
 
1365
        border-left: 0;
 
1366
        border-top: 0;
 
1367
        border-bottom: 0;
 
1368
}
 
1369
 
 
1370
.theme-install-overlay .close-full-overlay:before,
 
1371
.theme-install-overlay .previous-theme:before,
 
1372
.theme-install-overlay .next-theme:before {
 
1373
        top: 2px;
 
1374
        left: 0;
 
1375
}
 
1376
 
1391
1377
/* Collapse Button */
1392
1378
.wp-core-ui .wp-full-overlay .collapse-sidebar {
1393
1379
        position: fixed;
1394
 
        bottom: 8px;
1395
 
        left: 10px;
1396
 
        padding: 0;
 
1380
        bottom: 0;
 
1381
        left: 0;
 
1382
        padding: 9px 0 9px 10px;
 
1383
        height: 45px;
1397
1384
        color: #656a6f;
1398
1385
        outline: 0;
1399
1386
        line-height: 1;
1455
1442
        -moz-osx-font-smoothing: grayscale;
1456
1443
}
1457
1444
 
 
1445
.wp-core-ui .wp-full-overlay.collapsed .collapse-sidebar {
 
1446
        padding: 9px 10px;
 
1447
}
 
1448
 
1458
1449
/* rtl:ignore */
1459
1450
.wp-full-overlay.collapsed .collapse-sidebar-arrow:before,
1460
1451
.rtl .wp-full-overlay .collapse-sidebar-arrow:before {
1497
1488
        width: 300px;
1498
1489
        height: 45px;
1499
1490
        border-top: 1px solid #ddd;
 
1491
        background: #eee;
1500
1492
}
1501
1493
 
1502
1494
.wp-full-overlay-footer .devices {
1696
1688
        max-width: 100%;
1697
1689
}
1698
1690
 
1699
 
.theme-install-overlay .wp-full-overlay-header .theme-install {
 
1691
.theme-install-overlay .wp-full-overlay-header .button {
1700
1692
        float: right;
1701
1693
        margin: 8px 10px 0 0;
1702
1694
        /* For when .theme-install is a span rather than a.button-primary (already installed theme) */
1791
1783
                line-height: normal;
1792
1784
        }
1793
1785
}
 
1786
 
 
1787
@media aural {
 
1788
        .theme .notice:before,
 
1789
        .theme-info .updating-message:before,
 
1790
        .theme-info .updated-message:before,
 
1791
        .theme-install.updating-message:before {
 
1792
                speak: none;
 
1793
        }
 
1794
}