WordPress.org

Make WordPress Core

Changeset 23926


Ignore:
Timestamp:
04/06/2013 09:40:58 PM (5 years ago)
Author:
azaozz
Message:

Post formats: connect labels with fields, move the two css blocks dealing with formats next to each other, see #23938

Location:
trunk/wp-admin
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/wp-admin/css/wp-admin.css

    r23918 r23926  
    31423142}
    31433143
    3144 /* Post formats form */
     3144/* Post Screen */
     3145#post-body #normal-sortables {
     3146    min-height: 50px;
     3147}
     3148
     3149.postbox {
     3150    position: relative;
     3151    min-width: 255px;
     3152}
     3153
     3154#trackback_url {
     3155    width: 99%;
     3156}
     3157
     3158#normal-sortables .postbox .submit {
     3159    background: transparent none;
     3160    border: 0 none;
     3161    float: right;
     3162    padding: 0 12px;
     3163    margin:0;
     3164}
     3165
     3166.category-add input[type="text"],
     3167.category-add select {
     3168    width: 100%;
     3169    max-width: 260px;
     3170}
     3171
     3172.press-this #side-sortables .category-tabs li,
     3173ul.category-tabs li,
     3174#side-sortables .add-menu-item-tabs li,
     3175.wp-tab-bar li {
     3176    display: inline;
     3177    line-height: 1.35em;
     3178}
     3179
     3180.no-js .category-tabs li.hide-if-no-js {
     3181    display: none;
     3182}
     3183
     3184.category-tabs a,
     3185#side-sortables .add-menu-item-tabs a,
     3186.wp-tab-bar a {
     3187    text-decoration: none;
     3188}
     3189
     3190.category-tabs {
     3191    margin: 8px 0 3px;
     3192}
     3193
     3194#category-adder h4 {
     3195    margin: 10px 0;
     3196}
     3197
     3198#side-sortables .add-menu-item-tabs,
     3199.wp-tab-bar {
     3200    margin-bottom: 3px;
     3201}
     3202
     3203#normal-sortables .postbox #replyrow .submit {
     3204    float: none;
     3205    margin: 0;
     3206    padding: 0 7px 5px;
     3207}
     3208
     3209#side-sortables .submitbox .submit input,
     3210#side-sortables .submitbox .submit .preview,
     3211#side-sortables .submitbox .submit a.preview:hover {
     3212    border: 0 none;
     3213}
     3214
     3215#side-sortables .inside-submitbox .insidebox,
     3216.stuffbox .insidebox {
     3217    margin: 11px 0;
     3218}
     3219
     3220ul.category-tabs,
     3221ul.add-menu-item-tabs,
     3222ul.wp-tab-bar {
     3223    margin-top: 12px;
     3224}
     3225
     3226ul.category-tabs li {
     3227    border-style: solid;
     3228    border-width: 1px;
     3229    position: relative;
     3230}
     3231
     3232ul.add-menu-item-tabs li.tabs,
     3233.wp-tab-active {
     3234    border-style: solid solid none;
     3235    border-width: 1px 1px 0;
     3236}
     3237
     3238#post-body .add-menu-item-tabs li.tabs {
     3239    border-style: solid none solid solid;
     3240    border-width: 1px 0 1px 1px;
     3241    margin-right: -1px;
     3242}
     3243
     3244ul.category-tabs li,
     3245ul.add-menu-item-tabs li,
     3246ul.wp-tab-bar li {
     3247    padding: 3px 5px 5px;
     3248    -webkit-border-top-left-radius: 3px;
     3249    -webkit-border-top-right-radius: 3px;
     3250    border-top-left-radius: 3px;
     3251    border-top-right-radius: 3px;
     3252}
     3253
     3254/* positioning etc. */
     3255form#tags-filter {
     3256    position: relative;
     3257}
     3258
     3259/* Edit posts */
     3260td.post-title strong,
     3261td.plugin-title strong {
     3262    display: block;
     3263    margin-bottom: .2em;
     3264}
     3265
     3266td.post-title p,
     3267td.plugin-title p {
     3268    margin: 6px 0;
     3269}
     3270
     3271/* Global classes */
     3272.wp-hidden-children .wp-hidden-child,
     3273.ui-tabs-hide {
     3274    display: none;
     3275}
     3276
     3277.commentlist .avatar {
     3278    vertical-align: text-top;
     3279}
     3280
     3281#post-body .tagsdiv #newtag {
     3282    margin-right: 5px;
     3283    width: 16em;
     3284}
     3285
     3286#side-sortables input#post_password {
     3287    width: 94%
     3288}
     3289
     3290#side-sortables .tagsdiv #newtag {
     3291    width: 68%;
     3292}
     3293
     3294#post-status-info {
     3295    border-width: 0 1px 1px;
     3296    border-style: none solid solid;
     3297    width: 100%;
     3298    -webkit-border-bottom-left-radius: 3px;
     3299    -webkit-border-bottom-right-radius: 3px;
     3300    border-bottom-left-radius: 3px;
     3301    border-bottom-right-radius: 3px;
     3302}
     3303
     3304#post-status-info td {
     3305    font-size: 12px;
     3306}
     3307
     3308.autosave-info {
     3309    padding: 2px 15px;
     3310    text-align: right;
     3311}
     3312
     3313#editorcontent #post-status-info {
     3314    border: none;
     3315}
     3316
     3317#post-body .wp_themeSkin .mceStatusbar a.mceResize {
     3318    display: block;
     3319    background: transparent url('../images/resize.gif') no-repeat scroll right bottom;
     3320    width: 12px;
     3321    cursor: se-resize;
     3322    margin: 0 1px;
     3323    position: relative;
     3324    top: -2px;
     3325}
     3326
     3327#post-body .postarea .wp_themeSkin .mceStatusbar a.mceResize {
     3328    top: 20px;
     3329}
     3330
     3331#content-resize-handle {
     3332    background: transparent url('../images/resize.gif') no-repeat scroll right bottom;
     3333    width: 12px;
     3334    cursor: se-resize;
     3335    position: absolute;
     3336    right: 2px;
     3337    height: 19px;
     3338}
     3339
     3340.press-this #content-resize-handle {
     3341    bottom: 2px;
     3342}
     3343
     3344.tmce-active #content-resize-handle {
     3345    display: none;
     3346}
     3347
     3348#wp-word-count {
     3349    display: block;
     3350    padding: 2px 10px;
     3351}
     3352
     3353#timestampdiv select {
     3354    height: 20px;
     3355    line-height: 14px;
     3356    padding: 0;
     3357    vertical-align: top;
     3358}
     3359
     3360#aa, #jj, #hh, #mn {
     3361    padding: 1px;
     3362    font-size: 12px;
     3363}
     3364
     3365#jj, #hh, #mn {
     3366    width: 2em;
     3367}
     3368
     3369#aa {
     3370    width: 3.4em;
     3371}
     3372
     3373.curtime #timestamp {
     3374    background-repeat: no-repeat;
     3375    background-position: left center;
     3376    padding: 2px 0 1px 20px;
     3377}
     3378
     3379#timestampdiv {
     3380    padding-top: 5px;
     3381    line-height: 23px;
     3382}
     3383
     3384#timestampdiv p {
     3385    margin: 8px 0 6px;
     3386}
     3387
     3388#timestampdiv input {
     3389    border-width: 1px;
     3390    border-style: solid;
     3391}
     3392
     3393#notification-dialog {
     3394    position: fixed;
     3395    top: 30%;
     3396    left: 50%;
     3397    width: 450px;
     3398    margin-left: -225px;
     3399    background: #fff;
     3400    z-index: 1000005;
     3401}
     3402
     3403#notification-dialog-background {
     3404    position: fixed;
     3405    top: 0;
     3406    left: 0;
     3407    right: 0;
     3408    bottom: 0;
     3409    background: #000;
     3410    opacity: 0.5;
     3411    filter: alpha(opacity=50);
     3412    z-index: 1000000;
     3413}
     3414
     3415#notification-dialog .post-locked-message,
     3416#notification-dialog .post-taken-over {
     3417    margin: 25px;
     3418}
     3419
     3420#notification-dialog .post-locked-message a.button {
     3421    margin-right: 10px;
     3422}
     3423
     3424#notification-dialog .post-locked-avatar {
     3425    float: left;
     3426    margin-right: 20px;
     3427}
     3428
     3429#notification-dialog .currently-editing {
     3430    margin-bottom: 20px;
     3431    outline: 0;
     3432}
     3433
     3434
     3435/*------------------------------------------------------------------------------
     3436  11.1 - Custom Fields
     3437------------------------------------------------------------------------------*/
     3438
     3439#postcustomstuff thead th {
     3440    padding: 5px 8px 8px;
     3441}
     3442
     3443#postcustom #postcustomstuff .submit {
     3444    border: 0 none;
     3445    float: none;
     3446    padding: 0 8px 8px;
     3447}
     3448
     3449#side-sortables #postcustom #postcustomstuff .submit {
     3450    margin: 0;
     3451    padding: 0;
     3452}
     3453
     3454#side-sortables #postcustom #postcustomstuff #the-list textarea {
     3455    height: 85px;
     3456}
     3457
     3458#side-sortables #postcustom #postcustomstuff td.left input,
     3459#side-sortables #postcustom #postcustomstuff td.left select,
     3460#side-sortables #postcustomstuff #newmetaleft a {
     3461    margin: 3px 3px 0;
     3462}
     3463
     3464#postcustomstuff table {
     3465    margin: 0;
     3466    width: 100%;
     3467    border-width: 1px;
     3468    border-style: solid;
     3469    border-spacing: 0;
     3470}
     3471
     3472#postcustomstuff tr {
     3473    vertical-align: top;
     3474}
     3475
     3476#postcustomstuff table input,
     3477#postcustomstuff table select,
     3478#postcustomstuff table textarea {
     3479    width: 96%;
     3480    margin: 8px;
     3481}
     3482
     3483#side-sortables #postcustomstuff table input,
     3484#side-sortables #postcustomstuff table select,
     3485#side-sortables #postcustomstuff table textarea {
     3486    margin: 3px;
     3487}
     3488
     3489#postcustomstuff th.left,
     3490#postcustomstuff td.left {
     3491    width: 38%;
     3492}
     3493
     3494#postcustomstuff .submit input {
     3495    margin: 0;
     3496    width: auto;
     3497}
     3498
     3499#postcustomstuff #newmetaleft a {
     3500    display: inline-block;
     3501    margin: 0 8px 8px;
     3502    text-decoration: none;
     3503}
     3504
     3505.no-js #postcustomstuff #enternew {
     3506    display: none;
     3507}
     3508
     3509#post-body-content .compat-attachment-fields {
     3510    margin-bottom: 20px;
     3511}
     3512
     3513.compat-attachment-fields th {
     3514    padding-top: 5px;
     3515    padding-right: 10px;
     3516}
     3517
     3518/*------------------------------------------------------------------------------
     3519  11.2 - Post Revisions
     3520------------------------------------------------------------------------------*/
     3521
     3522/* Revision meta box */
     3523.post-revisions li img {
     3524    vertical-align: middle;
     3525}
     3526
     3527table.diff {
     3528    width: 100%;
     3529}
     3530
     3531table.diff col.content {
     3532    width: auto;
     3533}
     3534
     3535table.diff col.content.diffsplit {
     3536    width: 48%;
     3537}
     3538
     3539table.diff col.diffsplit.middle {
     3540    width: 4%;
     3541}
     3542
     3543table.diff col.ltype {
     3544    width: 30px;
     3545}
     3546
     3547table.diff tr {
     3548    background-color: transparent;
     3549}
     3550
     3551table.diff td,
     3552table.diff th {
     3553    padding: .5em;
     3554    font-family: Consolas, Monaco, monospace;
     3555    border: none;
     3556}
     3557
     3558table.diff .diff-deletedline del,
     3559table.diff .diff-addedline ins {
     3560    text-decoration: none;
     3561}
     3562
     3563#revision-diff-container {
     3564    position: relative;
     3565}
     3566
     3567#toggle-revision-compare-mode {
     3568    position: absolute;
     3569    top: 0;
     3570    right: 0;
     3571    padding-top: 15px;
     3572}
     3573
     3574#loading-status {
     3575    position: absolute;
     3576    top: 0;
     3577    right: 170px;
     3578    line-height: 30px;
     3579    display: none;
     3580    margin: 9px 0 0;
     3581}
     3582
     3583#loading-status .spinner {
     3584    float: left;
     3585}
     3586
     3587#revision-interact {
     3588    border-bottom: 1px solid #dfdfdf;
     3589    padding: 20px 0;
     3590}
     3591
     3592#diff-next-revision,
     3593#diff-previous-revision {
     3594    margin-top: -.4em; /* Same line as the slider (height: .8em) */
     3595}
     3596
     3597#diff-next-revision {
     3598    float: right;
     3599}
     3600
     3601#diff-previous-revision {
     3602    float: left;
     3603}
     3604
     3605#diff-slider{
     3606    width: 70%;
     3607    margin: 0 auto;
     3608}
     3609
     3610.comparetwo #diff-slider {
     3611    width: 95%;
     3612}
     3613
     3614.diff-slider-ticks-wrapper {
     3615    margin: 0 auto;
     3616    text-align: center;
     3617}
     3618
     3619#diff-slider-ticks {
     3620    position: absolute;
     3621    z-index: 1;
     3622    margin-top: 20px;
     3623}
     3624
     3625.diff-header {
     3626    height: 35px;
     3627    line-height: 35px;
     3628}
     3629
     3630.diff-title {
     3631    float: left;
     3632}
     3633
     3634.diff-title strong {
     3635    font-size: 14px;
     3636    width: 60px;
     3637    text-align: right;
     3638    float: left;
     3639    margin-right: 5px;
     3640}
     3641
     3642.diff-title img {
     3643    vertical-align: middle;
     3644}
     3645
     3646#restore-revision {
     3647    margin-left: 10px;
     3648}
     3649
     3650.diff-col-titles {
     3651    font-size: 16px;
     3652    width: 100%;
     3653    margin: 20px 0 10px;
     3654}
     3655
     3656.diff-col-title-added,
     3657.diff-col-title-removed {
     3658    width: auto;
     3659    text-align: left;
     3660    float: left;
     3661    width: 48%;
     3662}
     3663
     3664.diff-col-title-added span,
     3665.diff-col-title-removed span {
     3666    padding: .5em;
     3667}
     3668
     3669.diff-col-title-added {
     3670    float: right;
     3671    color: #00a100;
     3672}
     3673
     3674.diff-col-title-removed {
     3675    color: #d2281f;
     3676}
     3677
     3678.comparing-two-revisions #diff-previous-revision,
     3679.comparing-two-revisions #diff-next-revision,
     3680#diff-title-from-current-version,
     3681.comparing-two-revisions.current-version #diff-title-from-current-version,
     3682#diff-header-from {
     3683    display: none;
     3684}
     3685
     3686.comparing-two-revisions #diff-title-from,
     3687.left-model-loading #loading-status,
     3688.right-model-loading #loading-status,
     3689.left-model-loading #loading-status .spinner,
     3690.right-model-loading #loading-status .spinner,
     3691.comparing-two-revisions #diff-header-from {
     3692    display: block;
     3693}
     3694
     3695.revision-tick {
     3696    width: 1px;
     3697    float: left;
     3698    margin: 1px 15px 0 0;
     3699    height: .8em;
     3700    padding: 0;
     3701    margin-left: 0px;
     3702}
     3703
     3704.revision-tick.scope-of-changes-vsmall {
     3705    width: 1px;
     3706    background-color: #aaa;
     3707}
     3708
     3709.revision-tick.scope-of-changes-small {
     3710    width: 2px;
     3711    background-color: #aaa;
     3712    margin-left: -1px;
     3713}
     3714
     3715.revision-tick.scope-of-changes-med {
     3716    width: 3px;
     3717    margin-left: -2px;
     3718    background-color: #666;
     3719}
     3720
     3721.revision-tick.scope-of-changes-large {
     3722    width: 4px;
     3723    margin-left: -3px;
     3724    background-color: #333;
     3725}
     3726
     3727.revision-tick.scope-of-changes-vlarge {
     3728    margin-left: -3px;
     3729    width: 4px;
     3730    background-color: #111;
     3731    left: 1;
     3732}
     3733
     3734.diff-loading {
     3735    margin-top: 50px;
     3736    width: 100%;
     3737    height: 200px;
     3738}
     3739
     3740.diff-loading .spinner {
     3741    clear: both;
     3742    margin-left: auto;
     3743    margin-right: auto;
     3744    display: block;
     3745    float: none;
     3746}
     3747
     3748.ui-tooltip-content img {
     3749    float: left;
     3750    margin-right: 5px;
     3751}
     3752
     3753
     3754/*  jQuery UI Tooltip 1.10.1 */
     3755
     3756.ui-tooltip {
     3757    padding: 8px;
     3758    position: absolute;
     3759    z-index: 9999;
     3760    max-width: 300px;
     3761    min-width: 130px;
     3762}
     3763
     3764body .ui-tooltip {
     3765    border-width: 1px;
     3766}
     3767
     3768.ui-tooltip, .arrow:after {
     3769    border: 1px solid #d7d7d7;
     3770}
     3771
     3772.ui-tooltip {
     3773    padding: 5px 10px;
     3774}
     3775
     3776.arrow {
     3777    width: 70px;
     3778    height: 16px;
     3779    overflow: hidden;
     3780    position: absolute;
     3781    left: 50%;
     3782    margin-left: -35px;
     3783    bottom: -16px;
     3784    z-index: 99999;
     3785}
     3786
     3787.arrow.top {
     3788    top: -16px;
     3789    bottom: auto;
     3790}
     3791
     3792.arrow.left {
     3793    left: 20%;
     3794}
     3795
     3796.arrow:after {
     3797    content: "";
     3798    position: absolute;
     3799    left: 20px;
     3800    top: -20px;
     3801    width: 25px;
     3802    height: 25px;
     3803    background-color: #FFF;
     3804    -webkit-transform: rotate(45deg);
     3805    -moz-transform: rotate(45deg);
     3806    -ms-transform: rotate(45deg);
     3807    -o-transform: rotate(45deg);
     3808    tranform: rotate(45deg);
     3809}
     3810
     3811.arrow.top:after {
     3812    bottom: -20px;
     3813    top: auto;
     3814}
     3815
     3816 /* jQuery UI Slider */
     3817
     3818.wp-slider.ui-slider {
     3819    position: relative;
     3820    border-width: 1px;
     3821    border-style: solid;
     3822    border-radius: 3px;
     3823    text-align: left;
     3824    cursor: pointer;
     3825}
     3826
     3827.wp-slider .ui-slider-handle {
     3828    position: absolute;
     3829    z-index: 2;
     3830    width: 17px;
     3831    height: 17px;
     3832    border: none;
     3833}
     3834
     3835.wp-slider .ui-slider-range {
     3836    position: absolute;
     3837    z-index: 1;
     3838    font-size: .7em;
     3839    display: block;
     3840    border: 0;
     3841
     3842    background-color: #8cc1e9;
     3843    background-image: -webkit-gradient(linear, left bottom, left top, from(#72a7cf), to(#8cc1e9));
     3844    background-image: -webkit-linear-gradient(bottom, #72a7cf, #8cc1e9);
     3845    background-image:    -moz-linear-gradient(bottom, #72a7cf, #8cc1e9);
     3846    background-image:      -o-linear-gradient(bottom, #72a7cf, #8cc1e9);
     3847    background-image: linear-gradient(to top, #72a7cf, #8cc1e9);
     3848}
     3849
     3850.wp-slider.ui-slider-horizontal {
     3851    height: .8em;
     3852}
     3853
     3854.wp-slider.ui-slider-horizontal .ui-slider-handle {
     3855    top: -.3em;
     3856    margin-left: -.6em;
     3857}
     3858
     3859.wp-slider.ui-slider-horizontal .ui-slider-range {
     3860    top: 0;
     3861    height: 100%;
     3862}
     3863
     3864.wp-slider.ui-slider-horizontal .ui-slider-range-min {
     3865    left: 0;
     3866}
     3867
     3868.wp-slider.ui-slider-horizontal .ui-slider-range-max {
     3869    right: 0;
     3870}
     3871
     3872.wp-slider.ui-slider-vertical {
     3873    width: .8em;
     3874    height: 100px;
     3875}
     3876
     3877.wp-slider.ui-slider-vertical .ui-slider-handle {
     3878    left: -.3em;
     3879    margin-left: 0;
     3880    margin-bottom: -.6em;
     3881}
     3882
     3883.wp-slider.ui-slider-vertical .ui-slider-range {
     3884    left: 0;
     3885    width: 100%;
     3886}
     3887
     3888.wp-slider.ui-slider-vertical .ui-slider-range-min {
     3889    bottom: 0;
     3890}
     3891
     3892.wp-slider.ui-slider-vertical .ui-slider-range-max {
     3893    top: 0;
     3894}
     3895
     3896
     3897/*------------------------------------------------------------------------------
     3898  11.3 - Featured Images
     3899------------------------------------------------------------------------------*/
     3900
     3901#select-featured-image {
     3902    padding: 4px 0;
     3903    overflow: hidden;
     3904}
     3905
     3906#select-featured-image img {
     3907    max-width: 100%;
     3908    height: auto;
     3909    margin-bottom: 10px;
     3910}
     3911
     3912#select-featured-image a {
     3913    float: left;
     3914    clear: both;
     3915}
     3916
     3917#select-featured-image .remove {
     3918    display: none;
     3919    margin-top: 10px;
     3920}
     3921
     3922.js #select-featured-image.has-featured-image .remove {
     3923    display: inline-block;
     3924}
     3925
     3926.no-js #select-featured-image .choose {
     3927    display: none;
     3928}
     3929
     3930/*------------------------------------------------------------------------------
     3931  11.4 - Post formats
     3932------------------------------------------------------------------------------*/
     3933
    31453934#poststuff .post-format-select {
    31463935    margin-top: 0;
     
    32384027}
    32394028
    3240 #wp_format_audio, #wp_format_video {
     4029#wp_format_audio,
     4030#wp_format_video {
    32414031    float: left;
    32424032    margin-right: 23px;
     
    32444034    min-height: 97px;
    32454035}
    3246 
    3247 /* Post Screen */
    3248 #post-body #normal-sortables {
    3249     min-height: 50px;
    3250 }
    3251 
    3252 .postbox {
    3253     position: relative;
    3254     min-width: 255px;
    3255 }
    3256 
    3257 #trackback_url {
    3258     width: 99%;
    3259 }
    3260 
    3261 #normal-sortables .postbox .submit {
    3262     background: transparent none;
    3263     border: 0 none;
    3264     float: right;
    3265     padding: 0 12px;
    3266     margin:0;
    3267 }
    3268 
    3269 .category-add input[type="text"],
    3270 .category-add select {
    3271     width: 100%;
    3272     max-width: 260px;
    3273 }
    3274 
    3275 .press-this #side-sortables .category-tabs li,
    3276 ul.category-tabs li,
    3277 #side-sortables .add-menu-item-tabs li,
    3278 .wp-tab-bar li {
    3279     display: inline;
    3280     line-height: 1.35em;
    3281 }
    3282 
    3283 .no-js .category-tabs li.hide-if-no-js {
    3284     display: none;
    3285 }
    3286 
    3287 .category-tabs a,
    3288 #side-sortables .add-menu-item-tabs a,
    3289 .wp-tab-bar a {
    3290     text-decoration: none;
    3291 }
    3292 
    3293 .category-tabs {
    3294     margin: 8px 0 3px;
    3295 }
    3296 
    3297 #category-adder h4 {
    3298     margin: 10px 0;
    3299 }
    3300 
    3301 #side-sortables .add-menu-item-tabs,
    3302 .wp-tab-bar {
    3303     margin-bottom: 3px;
    3304 }
    3305 
    3306 #normal-sortables .postbox #replyrow .submit {
    3307     float: none;
    3308     margin: 0;
    3309     padding: 0 7px 5px;
    3310 }
    3311 
    3312 #side-sortables .submitbox .submit input,
    3313 #side-sortables .submitbox .submit .preview,
    3314 #side-sortables .submitbox .submit a.preview:hover {
    3315     border: 0 none;
    3316 }
    3317 
    3318 #side-sortables .inside-submitbox .insidebox,
    3319 .stuffbox .insidebox {
    3320     margin: 11px 0;
    3321 }
    3322 
    3323 ul.category-tabs,
    3324 ul.add-menu-item-tabs,
    3325 ul.wp-tab-bar {
    3326     margin-top: 12px;
    3327 }
    3328 
    3329 ul.category-tabs li {
    3330     border-style: solid;
    3331     border-width: 1px;
    3332     position: relative;
    3333 }
    3334 
    3335 ul.add-menu-item-tabs li.tabs,
    3336 .wp-tab-active {
    3337     border-style: solid solid none;
    3338     border-width: 1px 1px 0;
    3339 }
    3340 
    3341 #post-body .add-menu-item-tabs li.tabs {
    3342     border-style: solid none solid solid;
    3343     border-width: 1px 0 1px 1px;
    3344     margin-right: -1px;
    3345 }
    3346 
    3347 ul.category-tabs li,
    3348 ul.add-menu-item-tabs li,
    3349 ul.wp-tab-bar li {
    3350     padding: 3px 5px 5px;
    3351     -webkit-border-top-left-radius: 3px;
    3352     -webkit-border-top-right-radius: 3px;
    3353     border-top-left-radius: 3px;
    3354     border-top-right-radius: 3px;
    3355 }
    3356 
    3357 /* positioning etc. */
    3358 form#tags-filter {
    3359     position: relative;
    3360 }
    3361 
    3362 /* Edit posts */
    3363 td.post-title strong,
    3364 td.plugin-title strong {
    3365     display: block;
    3366     margin-bottom: .2em;
    3367 }
    3368 
    3369 td.post-title p,
    3370 td.plugin-title p {
    3371     margin: 6px 0;
    3372 }
    3373 
    3374 /* Global classes */
    3375 .wp-hidden-children .wp-hidden-child,
    3376 .ui-tabs-hide {
    3377     display: none;
    3378 }
    3379 
    3380 .commentlist .avatar {
    3381     vertical-align: text-top;
    3382 }
    3383 
    3384 #post-body .tagsdiv #newtag {
    3385     margin-right: 5px;
    3386     width: 16em;
    3387 }
    3388 
    3389 #side-sortables input#post_password {
    3390     width: 94%
    3391 }
    3392 
    3393 #side-sortables .tagsdiv #newtag {
    3394     width: 68%;
    3395 }
    3396 
    3397 #post-status-info {
    3398     border-width: 0 1px 1px;
    3399     border-style: none solid solid;
    3400     width: 100%;
    3401     -webkit-border-bottom-left-radius: 3px;
    3402     -webkit-border-bottom-right-radius: 3px;
    3403     border-bottom-left-radius: 3px;
    3404     border-bottom-right-radius: 3px;
    3405 }
    3406 
    3407 #post-status-info td {
    3408     font-size: 12px;
    3409 }
    3410 
    3411 .autosave-info {
    3412     padding: 2px 15px;
    3413     text-align: right;
    3414 }
    3415 
    3416 #editorcontent #post-status-info {
    3417     border: none;
    3418 }
    3419 
    3420 #post-body .wp_themeSkin .mceStatusbar a.mceResize {
    3421     display: block;
    3422     background: transparent url('../images/resize.gif') no-repeat scroll right bottom;
    3423     width: 12px;
    3424     cursor: se-resize;
    3425     margin: 0 1px;
    3426     position: relative;
    3427     top: -2px;
    3428 }
    3429 
    3430 #post-body .postarea .wp_themeSkin .mceStatusbar a.mceResize {
    3431     top: 20px;
    3432 }
    3433 
    3434 #content-resize-handle {
    3435     background: transparent url('../images/resize.gif') no-repeat scroll right bottom;
    3436     width: 12px;
    3437     cursor: se-resize;
    3438     position: absolute;
    3439     right: 2px;
    3440     height: 19px;
    3441 }
    3442 
    3443 .press-this #content-resize-handle {
    3444     bottom: 2px;
    3445 }
    3446 
    3447 .tmce-active #content-resize-handle {
    3448     display: none;
    3449 }
    3450 
    3451 #wp-word-count {
    3452     display: block;
    3453     padding: 2px 10px;
    3454 }
    3455 
    3456 #timestampdiv select {
    3457     height: 20px;
    3458     line-height: 14px;
    3459     padding: 0;
    3460     vertical-align: top;
    3461 }
    3462 
    3463 #aa, #jj, #hh, #mn {
    3464     padding: 1px;
    3465     font-size: 12px;
    3466 }
    3467 
    3468 #jj, #hh, #mn {
    3469     width: 2em;
    3470 }
    3471 
    3472 #aa {
    3473     width: 3.4em;
    3474 }
    3475 
    3476 .curtime #timestamp {
    3477     background-repeat: no-repeat;
    3478     background-position: left center;
    3479     padding: 2px 0 1px 20px;
    3480 }
    3481 
    3482 #timestampdiv {
    3483     padding-top: 5px;
    3484     line-height: 23px;
    3485 }
    3486 
    3487 #timestampdiv p {
    3488     margin: 8px 0 6px;
    3489 }
    3490 
    3491 #timestampdiv input {
    3492     border-width: 1px;
    3493     border-style: solid;
    3494 }
    3495 
    3496 #notification-dialog {
    3497     position: fixed;
    3498     top: 30%;
    3499     left: 50%;
    3500     width: 450px;
    3501     margin-left: -225px;
    3502     background: #fff;
    3503     z-index: 1000005;
    3504 }
    3505 
    3506 #notification-dialog-background {
    3507     position: fixed;
    3508     top: 0;
    3509     left: 0;
    3510     right: 0;
    3511     bottom: 0;
    3512     background: #000;
    3513     opacity: 0.5;
    3514     filter: alpha(opacity=50);
    3515     z-index: 1000000;
    3516 }
    3517 
    3518 #notification-dialog .post-locked-message,
    3519 #notification-dialog .post-taken-over {
    3520     margin: 25px;
    3521 }
    3522 
    3523 #notification-dialog .post-locked-message a.button {
    3524     margin-right: 10px;
    3525 }
    3526 
    3527 #notification-dialog .post-locked-avatar {
    3528     float: left;
    3529     margin-right: 20px;
    3530 }
    3531 
    3532 #notification-dialog .currently-editing {
    3533     margin-bottom: 20px;
    3534     outline: 0;
    3535 }
    3536 
    3537 
    3538 /*------------------------------------------------------------------------------
    3539   11.1 - Custom Fields
    3540 ------------------------------------------------------------------------------*/
    3541 
    3542 #postcustomstuff thead th {
    3543     padding: 5px 8px 8px;
    3544 }
    3545 
    3546 #postcustom #postcustomstuff .submit {
    3547     border: 0 none;
    3548     float: none;
    3549     padding: 0 8px 8px;
    3550 }
    3551 
    3552 #side-sortables #postcustom #postcustomstuff .submit {
    3553     margin: 0;
    3554     padding: 0;
    3555 }
    3556 
    3557 #side-sortables #postcustom #postcustomstuff #the-list textarea {
    3558     height: 85px;
    3559 }
    3560 
    3561 #side-sortables #postcustom #postcustomstuff td.left input,
    3562 #side-sortables #postcustom #postcustomstuff td.left select,
    3563 #side-sortables #postcustomstuff #newmetaleft a {
    3564     margin: 3px 3px 0;
    3565 }
    3566 
    3567 #postcustomstuff table {
    3568     margin: 0;
    3569     width: 100%;
    3570     border-width: 1px;
    3571     border-style: solid;
    3572     border-spacing: 0;
    3573 }
    3574 
    3575 #postcustomstuff tr {
    3576     vertical-align: top;
    3577 }
    3578 
    3579 #postcustomstuff table input,
    3580 #postcustomstuff table select,
    3581 #postcustomstuff table textarea {
    3582     width: 96%;
    3583     margin: 8px;
    3584 }
    3585 
    3586 #side-sortables #postcustomstuff table input,
    3587 #side-sortables #postcustomstuff table select,
    3588 #side-sortables #postcustomstuff table textarea {
    3589     margin: 3px;
    3590 }
    3591 
    3592 #postcustomstuff th.left,
    3593 #postcustomstuff td.left {
    3594     width: 38%;
    3595 }
    3596 
    3597 #postcustomstuff .submit input {
    3598     margin: 0;
    3599     width: auto;
    3600 }
    3601 
    3602 #postcustomstuff #newmetaleft a {
    3603     display: inline-block;
    3604     margin: 0 8px 8px;
    3605     text-decoration: none;
    3606 }
    3607 
    3608 .no-js #postcustomstuff #enternew {
    3609     display: none;
    3610 }
    3611 
    3612 #post-body-content .compat-attachment-fields {
    3613     margin-bottom: 20px;
    3614 }
    3615 
    3616 .compat-attachment-fields th {
    3617     padding-top: 5px;
    3618     padding-right: 10px;
    3619 }
    3620 
    3621 /*------------------------------------------------------------------------------
    3622   11.2 - Post Revisions
    3623 ------------------------------------------------------------------------------*/
    3624 
    3625 /* Revision meta box */
    3626 .post-revisions li img {
    3627     vertical-align: middle;
    3628 }
    3629 
    3630 table.diff {
    3631     width: 100%;
    3632 }
    3633 
    3634 table.diff col.content {
    3635     width: auto;
    3636 }
    3637 
    3638 table.diff col.content.diffsplit {
    3639     width: 48%;
    3640 }
    3641 
    3642 table.diff col.diffsplit.middle {
    3643     width: 4%;
    3644 }
    3645 
    3646 table.diff col.ltype {
    3647     width: 30px;
    3648 }
    3649 
    3650 table.diff tr {
    3651     background-color: transparent;
    3652 }
    3653 
    3654 table.diff td,
    3655 table.diff th {
    3656     padding: .5em;
    3657     font-family: Consolas, Monaco, monospace;
    3658     border: none;
    3659 }
    3660 
    3661 table.diff .diff-deletedline del,
    3662 table.diff .diff-addedline ins {
    3663     text-decoration: none;
    3664 }
    3665 
    3666 #revision-diff-container {
    3667     position: relative;
    3668 }
    3669 
    3670 #toggle-revision-compare-mode {
    3671     position: absolute;
    3672     top: 0;
    3673     right: 0;
    3674     padding-top: 15px;
    3675 }
    3676 
    3677 #loading-status {
    3678     position: absolute;
    3679     top: 0;
    3680     right: 170px;
    3681     line-height: 30px;
    3682     display: none;
    3683     margin: 9px 0 0;
    3684 }
    3685 
    3686 #loading-status .spinner {
    3687     float: left;
    3688 }
    3689 
    3690 #revision-interact {
    3691     border-bottom: 1px solid #dfdfdf;
    3692     padding: 20px 0;
    3693 }
    3694 
    3695 #diff-next-revision,
    3696 #diff-previous-revision {
    3697     margin-top: -.4em; /* Same line as the slider (height: .8em) */
    3698 }
    3699 
    3700 #diff-next-revision {
    3701     float: right;
    3702 }
    3703 
    3704 #diff-previous-revision {
    3705     float: left;
    3706 }
    3707 
    3708 #diff-slider{
    3709     width: 70%;
    3710     margin: 0 auto;
    3711 }
    3712 
    3713 .comparetwo #diff-slider {
    3714     width: 95%;
    3715 }
    3716 
    3717 .diff-slider-ticks-wrapper {
    3718     margin: 0 auto;
    3719     text-align: center;
    3720 }
    3721 
    3722 #diff-slider-ticks {
    3723     position: absolute;
    3724     z-index: 1;
    3725     margin-top: 20px;
    3726 }
    3727 
    3728 .diff-header {
    3729     height: 35px;
    3730     line-height: 35px;
    3731 }
    3732 
    3733 .diff-title {
    3734     float: left;
    3735 }
    3736 
    3737 .diff-title strong {
    3738     font-size: 14px;
    3739     width: 60px;
    3740     text-align: right;
    3741     float: left;
    3742     margin-right: 5px;
    3743 }
    3744 
    3745 .diff-title img {
    3746     vertical-align: middle;
    3747 }
    3748 
    3749 #restore-revision {
    3750     margin-left: 10px;
    3751 }
    3752 
    3753 .diff-col-titles {
    3754     font-size: 16px;
    3755     width: 100%;
    3756     margin: 20px 0 10px;
    3757 }
    3758 
    3759 .diff-col-title-added,
    3760 .diff-col-title-removed {
    3761     width: auto;
    3762     text-align: left;
    3763     float: left;
    3764     width: 48%;
    3765 }
    3766 
    3767 .diff-col-title-added span,
    3768 .diff-col-title-removed span {
    3769     padding: .5em;
    3770 }
    3771 
    3772 .diff-col-title-added {
    3773     float: right;
    3774     color: #00a100;
    3775 }
    3776 
    3777 .diff-col-title-removed {
    3778     color: #d2281f;
    3779 }
    3780 
    3781 .comparing-two-revisions #diff-previous-revision,
    3782 .comparing-two-revisions #diff-next-revision,
    3783 #diff-title-from-current-version,
    3784 .comparing-two-revisions.current-version #diff-title-from-current-version,
    3785 #diff-header-from {
    3786     display: none;
    3787 }
    3788 
    3789 .comparing-two-revisions #diff-title-from,
    3790 .left-model-loading #loading-status,
    3791 .right-model-loading #loading-status,
    3792 .left-model-loading #loading-status .spinner,
    3793 .right-model-loading #loading-status .spinner,
    3794 .comparing-two-revisions #diff-header-from {
    3795     display: block;
    3796 }
    3797 
    3798 .revision-tick {
    3799     width: 1px;
    3800     float: left;
    3801     margin: 1px 15px 0 0;
    3802     height: .8em;
    3803     padding: 0;
    3804     margin-left: 0px;
    3805 }
    3806 
    3807 .revision-tick.scope-of-changes-vsmall {
    3808     width: 1px;
    3809     background-color: #aaa;
    3810 }
    3811 
    3812 .revision-tick.scope-of-changes-small {
    3813     width: 2px;
    3814     background-color: #aaa;
    3815     margin-left: -1px;
    3816 }
    3817 
    3818 .revision-tick.scope-of-changes-med {
    3819     width: 3px;
    3820     margin-left: -2px;
    3821     background-color: #666;
    3822 }
    3823 
    3824 .revision-tick.scope-of-changes-large {
    3825     width: 4px;
    3826     margin-left: -3px;
    3827     background-color: #333;
    3828 }
    3829 
    3830 .revision-tick.scope-of-changes-vlarge {
    3831     margin-left: -3px;
    3832     width: 4px;
    3833     background-color: #111;
    3834     left: 1;
    3835 }
    3836 
    3837 .diff-loading {
    3838     margin-top: 50px;
    3839     width: 100%;
    3840     height: 200px;
    3841 }
    3842 
    3843 .diff-loading .spinner {
    3844     clear: both;
    3845     margin-left: auto;
    3846     margin-right: auto;
    3847     display: block;
    3848     float: none;
    3849 }
    3850 
    3851 .ui-tooltip-content img {
    3852     float: left;
    3853     margin-right: 5px;
    3854 }
    3855 
    3856 
    3857 /*  jQuery UI Tooltip 1.10.1 */
    3858 
    3859 .ui-tooltip {
    3860     padding: 8px;
    3861     position: absolute;
    3862     z-index: 9999;
    3863     max-width: 300px;
    3864     min-width: 130px;
    3865 }
    3866 
    3867 body .ui-tooltip {
    3868     border-width: 1px;
    3869 }
    3870 
    3871 .ui-tooltip, .arrow:after {
    3872     border: 1px solid #d7d7d7;
    3873 }
    3874 
    3875 .ui-tooltip {
    3876     padding: 5px 10px;
    3877 }
    3878 
    3879 .arrow {
    3880     width: 70px;
    3881     height: 16px;
    3882     overflow: hidden;
    3883     position: absolute;
    3884     left: 50%;
    3885     margin-left: -35px;
    3886     bottom: -16px;
    3887     z-index: 99999;
    3888 }
    3889 
    3890 .arrow.top {
    3891     top: -16px;
    3892     bottom: auto;
    3893 }
    3894 
    3895 .arrow.left {
    3896     left: 20%;
    3897 }
    3898 
    3899 .arrow:after {
    3900     content: "";
    3901     position: absolute;
    3902     left: 20px;
    3903     top: -20px;
    3904     width: 25px;
    3905     height: 25px;
    3906     background-color: #FFF;
    3907     -webkit-transform: rotate(45deg);
    3908     -moz-transform: rotate(45deg);
    3909     -ms-transform: rotate(45deg);
    3910     -o-transform: rotate(45deg);
    3911     tranform: rotate(45deg);
    3912 }
    3913 
    3914 .arrow.top:after {
    3915     bottom: -20px;
    3916     top: auto;
    3917 }
    3918 
    3919  /* jQuery UI Slider */
    3920 
    3921 .wp-slider.ui-slider {
    3922     position: relative;
    3923     border-width: 1px;
    3924     border-style: solid;
    3925     border-radius: 3px;
    3926     text-align: left;
    3927     cursor: pointer;
    3928 }
    3929 
    3930 .wp-slider .ui-slider-handle {
    3931     position: absolute;
    3932     z-index: 2;
    3933     width: 17px;
    3934     height: 17px;
    3935     border: none;
    3936 }
    3937 
    3938 .wp-slider .ui-slider-range {
    3939     position: absolute;
    3940     z-index: 1;
    3941     font-size: .7em;
    3942     display: block;
    3943     border: 0;
    3944 
    3945     background-color: #8cc1e9;
    3946     background-image: -webkit-gradient(linear, left bottom, left top, from(#72a7cf), to(#8cc1e9));
    3947     background-image: -webkit-linear-gradient(bottom, #72a7cf, #8cc1e9);
    3948     background-image:    -moz-linear-gradient(bottom, #72a7cf, #8cc1e9);
    3949     background-image:      -o-linear-gradient(bottom, #72a7cf, #8cc1e9);
    3950     background-image: linear-gradient(to top, #72a7cf, #8cc1e9);
    3951 }
    3952 
    3953 .wp-slider.ui-slider-horizontal {
    3954     height: .8em;
    3955 }
    3956 
    3957 .wp-slider.ui-slider-horizontal .ui-slider-handle {
    3958     top: -.3em;
    3959     margin-left: -.6em;
    3960 }
    3961 
    3962 .wp-slider.ui-slider-horizontal .ui-slider-range {
    3963     top: 0;
    3964     height: 100%;
    3965 }
    3966 
    3967 .wp-slider.ui-slider-horizontal .ui-slider-range-min {
    3968     left: 0;
    3969 }
    3970 
    3971 .wp-slider.ui-slider-horizontal .ui-slider-range-max {
    3972     right: 0;
    3973 }
    3974 
    3975 .wp-slider.ui-slider-vertical {
    3976     width: .8em;
    3977     height: 100px;
    3978 }
    3979 
    3980 .wp-slider.ui-slider-vertical .ui-slider-handle {
    3981     left: -.3em;
    3982     margin-left: 0;
    3983     margin-bottom: -.6em;
    3984 }
    3985 
    3986 .wp-slider.ui-slider-vertical .ui-slider-range {
    3987     left: 0;
    3988     width: 100%;
    3989 }
    3990 
    3991 .wp-slider.ui-slider-vertical .ui-slider-range-min {
    3992     bottom: 0;
    3993 }
    3994 
    3995 .wp-slider.ui-slider-vertical .ui-slider-range-max {
    3996     top: 0;
    3997 }
    3998 
    3999 
    4000 /*------------------------------------------------------------------------------
    4001   11.3 - Featured Images
    4002 ------------------------------------------------------------------------------*/
    4003 
    4004 #select-featured-image {
    4005     padding: 4px 0;
    4006     overflow: hidden;
    4007 }
    4008 
    4009 #select-featured-image img {
    4010     max-width: 100%;
    4011     height: auto;
    4012     margin-bottom: 10px;
    4013 }
    4014 
    4015 #select-featured-image a {
    4016     float: left;
    4017     clear: both;
    4018 }
    4019 
    4020 #select-featured-image .remove {
    4021     display: none;
    4022     margin-top: 10px;
    4023 }
    4024 
    4025 .js #select-featured-image.has-featured-image .remove {
    4026     display: inline-block;
    4027 }
    4028 
    4029 .no-js #select-featured-image .choose {
    4030     display: none;
    4031 }
    4032 
    4033 /*------------------------------------------------------------------------------
    4034   11.4 - Post format selection
    4035 ------------------------------------------------------------------------------*/
    40364036
    40374037#icon-edit.standard {
  • trunk/wp-admin/includes/post-formats.php

    r23918 r23926  
    1111    <div class="field wp-format-quote">
    1212        <label for="_wp_format_quote"><?php _e( 'Quote' ); ?></label>
    13         <textarea name="_wp_format_quote" class="widefat"><?php echo esc_textarea( $format_meta['quote'] ); ?></textarea>
     13        <textarea id="_wp_format_quote" name="_wp_format_quote" class="widefat"><?php echo esc_textarea( $format_meta['quote'] ); ?></textarea>
    1414    </div>
    1515
    1616    <div class="field wp-format-quote">
    1717        <label for="_wp_format_quote_source"><?php _e( 'Quote source' ); ?></label>
    18         <input type="text" name="_wp_format_quote_source" value="<?php echo esc_attr( $format_meta['quote_source'] ); ?>" class="widefat" />
     18        <input type="text" id="_wp_format_quote_source" name="_wp_format_quote_source" value="<?php echo esc_attr( $format_meta['quote_source'] ); ?>" class="widefat" />
    1919    </div>
    2020
     
    4545    <div class="field wp-format-link wp-format-quote wp-format-image">
    4646        <label for="_wp_format_url"><?php _e( 'Link URL' ); ?></label>
    47         <input type="text" name="_wp_format_url" value="<?php echo esc_url( $format_meta['url'] ); ?>" class="widefat" />
     47        <input type="text" id="_wp_format_url" name="_wp_format_url" value="<?php echo esc_url( $format_meta['url'] ); ?>" class="widefat" />
    4848    </div>
    4949
     
    5151    $show_video_preview = ! empty( $format_meta['video'] );
    5252    ?>
    53     <div class="field wp-format-video<?php if ( $show_video_preview ) echo ' has-media-preview' ?>">
     53    <div class="field wp-format-video<?php if ( $show_video_preview ) echo ' has-media-preview'; ?>">
    5454        <?php if ( $show_video_preview ): ?>
    5555        <div id="video-preview" class="wp-format-media-preview">
     
    7070            ?>
    7171        </div>
    72         <?php endif ?>
     72        <?php endif; ?>
    7373        <label for="_wp_format_video"><?php _e( 'Video embed code or URL' ); ?></label>
    7474        <textarea id="wp_format_video" type="text" name="_wp_format_video" class="widefat"><?php esc_html_e( $format_meta['video'] ); ?></textarea>
     
    104104            ?>
    105105        </div>
    106         <?php endif ?>
     106        <?php endif; ?>
    107107        <label for="_wp_format_audio"><?php _e( 'Audio embed code or URL' ); ?></label>
    108108        <textarea id="wp_format_audio" name="_wp_format_audio" class="widefat"><?php esc_html_e( $format_meta['audio'] );
Note: See TracChangeset for help on using the changeset viewer.