← Back to branch summary

~canonical-sysadmins/wordpress/4.5.3

« back to all changes in this revision

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

  • Committer: Ryan Finnie
  • Date: 2015-08-31 16:09:47 UTC
  • mfrom: (1.1.9 upstream)
  • Revision ID: ryan.finnie@canonical.com-20150831160947-1h6rfxby9z1ec62u
Merge WP4.3 from upstream

Show diffs side-by-side

added added

removed removed

Lines of Context:
wp-admin/css/press-this.css
390
390
        text-decoration: underline;
391
391
}
392
392
 
 
393
.split-button {
 
394
        position: relative;
 
395
        display: inline-block;
 
396
        vertical-align: middle;
 
397
}
 
398
 
 
399
.split-button-body {
 
400
        display: none;
 
401
        position: absolute;
 
402
        bottom: 39px;
 
403
        right: 0;
 
404
        border: 1px solid #ddd;
 
405
        background-color: #fff;
 
406
        min-width: 180px;
 
407
        max-width: 100%;
 
408
        margin: 0;
 
409
        padding: 8px;
 
410
        list-style: none;
 
411
        -webkit-box-shadow: 1px 0 4px rgba( 0, 0, 0, 0.15 );
 
412
        box-shadow: 1px 0 4px rgba( 0, 0, 0, 0.15 );
 
413
}
 
414
 
 
415
.split-button-body:before,
 
416
.split-button-body:after {
 
417
        position: absolute;
 
418
        right: 12px;
 
419
        display: block;
 
420
        width: 0;
 
421
        height: 0;
 
422
        border-style: solid;
 
423
        border-color: transparent;
 
424
        content: '';
 
425
}
 
426
 
 
427
.split-button-body:before {
 
428
        bottom: -18px;
 
429
        border-top-color: #ccc;
 
430
        border-width: 9px;
 
431
        right: 11px;
 
432
}
 
433
 
 
434
.split-button-body:after {
 
435
        bottom: -16px;
 
436
        border-top-color: #fff;
 
437
        border-width: 8px;
 
438
}
 
439
 
 
440
.split-button-body .split-button-option {
 
441
        display: block;
 
442
        padding: 5px 15px;
 
443
        margin: 0;
 
444
        width: 100%;
 
445
        text-align: left;
 
446
}
 
447
 
 
448
.is-open .split-button-body {
 
449
        display: block;
 
450
}
 
451
 
 
452
.split-button-primary,
 
453
.split-button-toggle {
 
454
        -webkit-border-radius: 0;
 
455
        border-radius: 0;
 
456
        display: block;
 
457
        margin: 0;
 
458
        font-size: 13px;
 
459
        text-decoration: none;
 
460
        white-space: nowrap;
 
461
        cursor: pointer;
 
462
        -webkit-appearance: none;
 
463
        line-height: 2;
 
464
        padding: 0 10px 1px;
 
465
        background: #00a0d2;
 
466
        border-color: #0073aa;
 
467
        border-width: 1px;
 
468
        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 );
 
471
        color: #fff;
 
472
}
 
473
 
 
474
.split-button-primary {
 
475
        -webkit-border-top-left-radius: 3px;
 
476
        border-top-left-radius: 3px;
 
477
        -webkit-border-bottom-left-radius: 3px;
 
478
        border-bottom-left-radius: 3px;
 
479
        border-right: 0 none;
 
480
        float: left;
 
481
}
 
482
 
 
483
.split-button-toggle {
 
484
        padding: 0;
 
485
        -webkit-border-top-right-radius: 3px;
 
486
        border-top-right-radius: 3px;
 
487
        -webkit-border-bottom-right-radius: 3px;
 
488
        border-bottom-right-radius: 3px;
 
489
        border-left: 0 none;
 
490
        float: right;
 
491
}
 
492
 
 
493
.split-button-toggle i {
 
494
        margin: 4px 20px 3px 0;
 
495
        padding: 0 10px;
 
496
        border-left: 1px solid #fff;
 
497
}
 
498
 
 
499
.split-button-primary:hover,
 
500
.split-button-toggle:hover {
 
501
        outline: none;
 
502
        background: #0091cd;
 
503
        border-color: #0073aa;
 
504
}
 
505
 
 
506
.split-button-primary:focus,
 
507
.split-button-toggle:focus {
 
508
        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);
 
516
}
 
517
 
 
518
.split-button-primary:active,
 
519
.split-button-toggle:active {
 
520
        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 );
 
525
}
393
526
 
394
527
/**
395
528
* Forms
1753
1886
        padding: 0 10px;
1754
1887
}
1755
1888
 
1756
 
.draft-button.is-hidden,
1757
 
.draft-button .saving-draft,
1758
 
.draft-button.is-saving .save-draft {
 
1889
.publish-button .saving-draft,
 
1890
.publish-button.is-saving .publish {
1759
1891
        display: none;
1760
1892
}
1761
1893
 
1762
 
.draft-button.is-saving .saving-draft {
 
1894
.publish-button.is-saving .saving-draft {
1763
1895
        display: inline;
1764
1896
}
1765
1897
 
2038
2170
        top: -1px;
2039
2171
        margin-left: 11px;
2040
2172
}
 
2173
 
 
2174
/* Text editor */
 
2175
#pressthis {
 
2176
        color: #404040;
 
2177
        resize: none;
 
2178
        padding-top: 30px;
 
2179
        font-size: 16px;
 
2180
}
 
2181
 
 
2182
.wp-editor-wrap .quicktags-toolbar {
 
2183
        background: transparent;
 
2184
        border: none;
 
2185
}
 
2186
 
 
2187
/* Switch editor buttons */
 
2188
.wp-editor-wrap .wp-editor-tools {
 
2189
        z-index: 0;
 
2190
}
 
2191
 
 
2192
.wp-editor-wrap .wp-editor-tabs {
 
2193
        padding: 2px;
 
2194
}
 
2195
 
 
2196
.wp-editor-wrap .wp-switch-editor {
 
2197
        top: 0;
 
2198
        margin: 3px 0 0 5px;
 
2199
        padding: 3px 8px;
 
2200
        background: #f5f5f5;
 
2201
        color: #555;
 
2202
        border-color: #ccc;
 
2203
}
 
2204
 
 
2205
.wp-editor-wrap .wp-switch-editor:hover {
 
2206
        background: #fafafa;
 
2207
        border-color: #999;
 
2208
        color: #23282d;
 
2209
}
 
2210
 
 
2211
.wp-editor-wrap.tmce-active .switch-tmce,
 
2212
.wp-editor-wrap.html-active .switch-html {
 
2213
        background: #fff;
 
2214
        border-color: #d8d8d8;
 
2215
}