← Back to branch summary

~canonical-sysadmins/wordpress/4.6

« back to all changes in this revision

Viewing changes to wp-admin/css/press-this.css

  • Committer: Manuel Seelaus
  • Date: 2015-12-09 17:47:18 UTC
  • mfrom: (1.1.11 upstream)
  • Revision ID: manuel.seelaus@canonical.com-20151209174718-coxethm2swbeqksy
Merge WP4.4 from upstream

Show diffs side-by-side

added added

removed removed

Lines of Context:
wp-admin/css/press-this.css
312
312
* Pushing buttons is what I do.
313
313
*/
314
314
 
315
 
.button-subtle,
316
315
.scan-submit {
317
316
        display: inline-block;
318
317
        margin: 0;
329
328
        -webkit-appearance: none;
330
329
}
331
330
 
332
 
.button-subtle {
333
 
        background: none;
334
 
        border: 0;
335
 
        color: #0073aa;
336
 
}
337
 
 
338
 
.button-subtle:visited {
339
 
        color: #0073aa;
340
 
}
341
 
 
342
 
.button-subtle:focus,
343
 
.button-subtle:hover,
344
 
.button-subtle:active,
345
 
.edit-post-link:focus,
346
 
.edit-post-link:hover,
347
 
.edit-post-link:active {
348
 
        color: #00a0d2;
349
 
}
350
 
 
351
 
.button-subtle:focus,
352
 
.button-subtle:active,
353
 
.edit-post-link:focus,
354
 
.edit-post-link:active {
355
 
        outline: 0;
356
 
        text-decoration: underline;
357
 
}
358
 
 
359
 
.preview-button {
360
 
        margin-right: 5px;
361
 
}
362
 
 
363
 
.button-reset {
364
 
        margin: 0;
365
 
        padding: 0;
366
 
        border: 0;
367
 
        background: none;
368
 
        cursor: pointer;
369
 
        -webkit-appearance: none;
370
 
}
371
 
 
372
 
.button-reset:focus {
373
 
        outline: 0;
374
 
}
375
 
 
376
 
.button-link {
377
 
        margin: 0;
378
 
        padding: 0;
379
 
        border: 0;
380
 
        background: none;
381
 
        color: #0073aa;
382
 
        cursor: pointer;
383
 
        -webkit-appearance: none;
384
 
}
385
 
 
386
 
.button-link:hover,
387
 
.button-link:active,
388
 
.button-link:focus {
389
 
        color: #00a0d2;
390
 
        text-decoration: underline;
391
 
}
392
 
 
393
331
.split-button {
394
332
        position: relative;
395
333
        display: inline-block;
421
359
        height: 0;
422
360
        border-style: solid;
423
361
        border-color: transparent;
424
 
        content: '';
 
362
        content: "";
425
363
}
426
364
 
427
365
.split-button-body:before {
443
381
        margin: 0;
444
382
        width: 100%;
445
383
        text-align: left;
 
384
        line-height: 2;
446
385
}
447
386
 
448
387
.is-open .split-button-body {
462
401
        -webkit-appearance: none;
463
402
        line-height: 2;
464
403
        padding: 0 10px 1px;
465
 
        background: #00a0d2;
466
 
        border-color: #0073aa;
 
404
        background: #0085ba;
 
405
        border-color: #0073aa #006799 #006799;
467
406
        border-width: 1px;
468
407
        border-style: solid;
469
 
        -webkit-box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.5), 0 1px 0 rgba( 0, 0, 0, 0.15 );
470
 
        box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.5 ), 0 1px 0 rgba( 0, 0, 0, 0.15 );
 
408
        -webkit-box-shadow: 0 1px 0 #006799;
 
409
        box-shadow: 0 1px 0 #006799;
471
410
        color: #fff;
 
411
        text-shadow: 0 -1px 1px #006799,
 
412
                1px 0 1px #006799,
 
413
                0 1px 1px #006799,
 
414
                -1px 0 1px #006799;
472
415
}
473
416
 
474
417
.split-button-primary {
486
429
        border-top-right-radius: 3px;
487
430
        -webkit-border-bottom-right-radius: 3px;
488
431
        border-bottom-right-radius: 3px;
489
 
        border-left: 0 none;
 
432
        border-left: 1px solid #006799;
490
433
        float: right;
491
434
}
492
435
 
493
436
.split-button-toggle i {
494
437
        margin: 4px 20px 3px 0;
495
438
        padding: 0 10px;
496
 
        border-left: 1px solid #fff;
497
439
}
498
440
 
499
441
.split-button-primary:hover,
500
442
.split-button-toggle:hover {
501
443
        outline: none;
502
 
        background: #0091cd;
503
 
        border-color: #0073aa;
 
444
        background: #008ec2;
 
445
        border-color: #006799;
504
446
}
505
447
 
506
448
.split-button-primary:focus,
507
449
.split-button-toggle:focus {
508
450
        outline: none;
509
 
        border-color: #0e3950;
510
 
        -webkit-box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.6 ),
511
 
                0 0 0 1px #5b9dd9,
512
 
                0 0 2px 1px rgba(30, 140, 190, .8);
513
 
        box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.6 ),
514
 
                0 0 0 1px #5b9dd9,
515
 
                0 0 2px 1px rgba(30, 140, 190, .8);
 
451
        -webkit-box-shadow: 0 1px 0 #0073aa,
 
452
                0 0 2px 1px #33b3db;
 
453
        box-shadow: 0 1px 0 #0073aa,
 
454
                0 0 2px 1px #33b3db;
516
455
}
517
456
 
518
457
.split-button-primary:active,
519
458
.split-button-toggle:active {
520
459
        background: #0073aa;
521
 
        border-color: #005082;
522
 
        color: rgba( 255, 255, 255, 0.95 );
523
 
        -webkit-box-shadow: inset 0 1px 0 rgba( 0, 0, 0, 0.1 );
524
 
        box-shadow: inset 0 1px 0 rgba( 0, 0, 0, 0.1 );
 
460
        border-color: #006799;
 
461
        -webkit-box-shadow: inset 0 2px 10px #006799, 0 1px 0 #0073aa;
 
462
        box-shadow: inset 0 2px 10px #006799, 0 1px 0 #0073aa;
525
463
}
526
464
 
527
465
/**
899
837
}
900
838
 
901
839
.tagchecklist .ntdelbutton:before {
902
 
        content: '\f153';
 
840
        content: "\f153";
903
841
        display: block;
904
842
        margin: 2px 0;
905
843
        height: 20px;
922
860
        margin: 0;
923
861
}
924
862
 
925
 
.tagcloud-link {
 
863
.press-this .tagcloud-link {
926
864
        display: block;
927
 
        padding: 0 16px;
 
865
        margin: 0 16px 5px;
 
866
        padding: 0;
928
867
        text-decoration: none;
929
868
        outline: 0;
930
869
}
991
930
        }
992
931
}
993
932
 
994
 
.add-cat-toggle {
 
933
.press-this .add-cat-toggle {
995
934
        float: right;
996
935
        margin-top: -45px;
997
936
        line-height: 20px;
998
937
        padding: 12px 10px 8px;
 
938
        color: #0073aa;
999
939
}
1000
940
 
1001
 
.add-cat-toggle:focus {
 
941
.press-this .add-cat-toggle:focus {
1002
942
        text-decoration: none;
1003
943
        color: #00a0d2;
1004
944
}
1005
945
 
1006
 
.add-cat-toggle.is-toggled {
 
946
.press-this .add-cat-toggle.is-toggled {
1007
947
        padding: 10px;
1008
948
}
1009
949
 
1010
 
.add-cat-toggle.is-toggled .dashicons:before {
 
950
.press-this .add-cat-toggle.is-toggled .dashicons:before {
1011
951
        content: "\f179";
1012
952
}
1013
953
 
1261
1201
        color: #999;
1262
1202
}
1263
1203
 
1264
 
.adminbar button {
 
1204
.press-this .adminbar button {
1265
1205
        position: absolute;
1266
1206
        top: 50%;
1267
1207
        right: 6px;
1268
1208
        margin-top: -13px;
 
1209
        padding: 0 10px 1px;
 
1210
        font-size: 13px;
1269
1211
}
1270
1212
 
1271
1213
@media (max-width: 320px) {
1364
1306
}
1365
1307
 
1366
1308
.alert:before {
1367
 
        content: '';
 
1309
        content: "";
1368
1310
        position: absolute;
1369
1311
        top: 50%;
1370
1312
        left: 30px;
1438
1380
 
1439
1381
.scan-submit:hover,
1440
1382
.scan-submit:focus {
1441
 
        background: #2991b7;
1442
 
        border-color: #20708e;
 
1383
        background: #008ec2;
 
1384
        border-color: #006799;
1443
1385
        color: #fff;
1444
1386
        outline: 0;
1445
1387
}
1446
1388
 
1447
1389
.scan-submit:active {
1448
 
        background: #2581a2;
1449
 
        border-color: #20708e;
 
1390
        background: #0073aa;
 
1391
        border-color: #006799;
1450
1392
        color: #fff;
1451
1393
}
1452
1394
 
1596
1538
 
1597
1539
.post-title:before {
1598
1540
        /* Keeps empty container from collapsing */
1599
 
        content: '\a0';
 
1541
        content: "\a0";
1600
1542
        display: inline-block;
1601
1543
        width: 0;
1602
1544
        speak: none;
1799
1741
                -ms-transform: translateY(0);
1800
1742
                transform: translateY(0);
1801
1743
                -webkit-transition: -webkit-transform .3s ease-in-out;
 
1744
                transition: -webkit-transform .3s ease-in-out;
1802
1745
                transition: transform .3s ease-in-out;
 
1746
                transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
1803
1747
        }
1804
1748
        .press-this-actions.is-hidden {
1805
1749
                -webkit-transform: translateY(100%);
1879
1823
        }
1880
1824
}
1881
1825
 
1882
 
.edit-post-link {
1883
 
        font-size: 13px;
1884
 
        display: inline-block;
1885
 
        text-decoration: none;
1886
 
        padding: 0 10px;
1887
 
}
1888
 
 
1889
1826
.publish-button .saving-draft,
1890
1827
.publish-button.is-saving .publish {
1891
1828
        display: none;
2010
1947
                -ms-transform: translateX(-100%);
2011
1948
                transform: translateX(-100%);
2012
1949
                -webkit-transition: -webkit-transform .3s ease-in-out;
 
1950
                transition: -webkit-transform .3s ease-in-out;
2013
1951
                transition: transform .3s ease-in-out;
 
1952
                transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
2014
1953
        }
2015
1954
 
2016
1955
        .options-panel.is-hidden {
2088
2027
        white-space: nowrap;
2089
2028
        overflow: hidden;
2090
2029
        -webkit-transition: -webkit-transform .3s ease-in-out;
 
2030
        transition: -webkit-transform .3s ease-in-out;
2091
2031
        transition: transform .3s ease-in-out;
 
2032
        transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
2092
2033
}
2093
2034
 
2094
2035
.post-options .post-option:focus {
2095
2036
        outline: 0;
2096
2037
        -webkit-box-shadow: inset 5px 0 0 #00a0d2;
2097
2038
        box-shadow: inset 5px 0 0 #00a0d2;
 
2039
        border-color: #e5e5e5;
2098
2040
}
2099
2041
 
2100
2042
.is-off-screen > .post-option {
2128
2070
        width: 100%;
2129
2071
        overflow: hidden;
2130
2072
        -webkit-transition: -webkit-transform .3s ease-in-out;
 
2073
        transition: -webkit-transform .3s ease-in-out;
2131
2074
        transition: transform .3s ease-in-out;
 
2075
        transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
2132
2076
}
2133
2077
 
2134
2078
.setting-modal.is-hidden {
2149
2093
        }
2150
2094
}
2151
2095
 
2152
 
.modal-close {
 
2096
.press-this .modal-close {
2153
2097
        display: block;
2154
2098
        width: 100%;
2155
2099
        padding: 13px 14px;
2159
2103
        text-align: left;
2160
2104
}
2161
2105
 
2162
 
.modal-close:focus {
 
2106
.press-this .modal-close:focus {
2163
2107
        outline: 0;
2164
2108
        -webkit-box-shadow: inset 5px 0 0 #00a0d2;
2165
2109
        box-shadow: inset 5px 0 0 #00a0d2;
 
2110
        border-color: #e5e5e5;
2166
2111
}
2167
2112
 
2168
2113
.setting-title {