WordPress.org

Make WordPress Core

Ticket #22644: 22644.diff

File 22644.diff, 8.6 KB (added by helenyhou, 17 months ago)
  • wp-includes/media.php

     
    15051505        </script> 
    15061506 
    15071507        <script type="text/html" id="tmpl-media-modal"> 
    1508                 <div class="media-modal"> 
     1508                <div class="media-modal wp-core-ui"> 
    15091509                        <h3 class="media-modal-title">{{ data.title }}</h3> 
    15101510                        <a class="media-modal-close media-modal-icon" href="#" title="<?php esc_attr_e('Close'); ?>"></a> 
    15111511                </div> 
  • wp-includes/css/buttons.css

     
    3434  1.0 - Button Layouts 
    3535---------------------------------------------------------------------------- */ 
    3636 
    37 .button, 
    38 .button-primary, 
    39 .button-secondary { 
     37.wp-core-ui .button, 
     38.wp-core-ui .button-primary, 
     39.wp-core-ui .button-secondary { 
    4040        display: inline-block; 
    4141        text-decoration: none; 
    4242        font-size: 12px; 
     
    5757} 
    5858 
    5959/* Remove the dotted border on :focus and the extra padding in Firefox */ 
    60 button::-moz-focus-inner, 
    61 input[type="reset"]::-moz-focus-inner, 
    62 input[type="button"]::-moz-focus-inner, 
    63 input[type="submit"]::-moz-focus-inner { 
     60.wp-core-ui button::-moz-focus-inner, 
     61.wp-core-ui input[type="reset"]::-moz-focus-inner, 
     62.wp-core-ui input[type="button"]::-moz-focus-inner, 
     63.wp-core-ui input[type="submit"]::-moz-focus-inner { 
    6464        border-width: 1px 0; 
    6565        border-style: solid none; 
    6666        border-color: transparent; 
    6767        padding: 0; 
    6868} 
    6969 
    70 .button.button-large, 
    71 .button-group.button-large .button { 
     70.wp-core-ui .button.button-large, 
     71.wp-core-ui .button-group.button-large .button { 
    7272        height: 30px; 
    7373    line-height: 28px; 
    7474    padding: 0 12px 2px; 
    7575} 
    7676 
    77 .button.button-small, 
    78 .button-group.button-small .button { 
     77.wp-core-ui .button.button-small, 
     78.wp-core-ui .button-group.button-small .button { 
    7979        height: 21px; 
    8080        line-height: 20px; 
    8181        padding: 0 8px 1px; 
    8282} 
    8383 
    84 .button.button-hero, 
    85 .button-group.button-hero .button { 
     84.wp-core-ui .button.button-hero, 
     85.wp-core-ui .button-group.button-hero .button { 
    8686        font-size: 14px; 
    8787        height: 46px; 
    8888        line-height: 44px; 
    8989        padding: 0 36px; 
    9090} 
    9191 
    92 .button:active { 
     92.wp-core-ui .button:active { 
    9393        outline: none; 
    9494} 
    9595 
    96 .button.hidden { 
     96.wp-core-ui .button.hidden { 
    9797        display: none; 
    9898} 
    9999 
     
    101101  2.0 - Default Button Style 
    102102---------------------------------------------------------------------------- */ 
    103103 
    104 .button, 
    105 .button-secondary { 
     104.wp-core-ui .button, 
     105.wp-core-ui .button-secondary { 
    106106        background: #f3f3f3; 
    107107        background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f4f4f4)); 
    108108        background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4); 
     
    114114        text-shadow: 0 1px 0 #fff; 
    115115} 
    116116 
    117 .button.hover, 
    118 .button:hover, 
    119 .button-secondary:hover, 
    120 .button.focus, 
    121 .button:focus, 
    122 .button-secondary:focus { 
     117.wp-core-ui .button.hover, 
     118.wp-core-ui .button:hover, 
     119.wp-core-ui .button-secondary:hover, 
     120.wp-core-ui .button.focus, 
     121.wp-core-ui .button:focus, 
     122.wp-core-ui .button-secondary:focus { 
    123123        background: #f3f3f3; 
    124124        background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f3f3f3)); 
    125125        background-image: -webkit-linear-gradient(top, #fff, #f3f3f3); 
     
    131131        color: #222; 
    132132} 
    133133 
    134 .button.focus, 
    135 .button:focus, 
    136 .button-secondary:focus { 
     134.wp-core-ui .button.focus, 
     135.wp-core-ui .button:focus, 
     136.wp-core-ui .button-secondary:focus { 
    137137        -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.2); 
    138138        box-shadow: 1px 1px 1px rgba(0,0,0,.2); 
    139139} 
    140140 
    141 .button.active, 
    142 .button.active:hover, 
    143 .button.active:focus, 
    144 .button:active, 
    145 .button-secondary:active { 
     141.wp-core-ui .button.active, 
     142.wp-core-ui .button.active:hover, 
     143.wp-core-ui .button.active:focus, 
     144.wp-core-ui .button:active, 
     145.wp-core-ui .button-secondary:active { 
    146146        background: #eee; 
    147147        background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#fefefe)); 
    148148        background-image: -webkit-linear-gradient(top, #f4f4f4, #fefefe); 
     
    157157        box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ); 
    158158} 
    159159 
    160 .button[disabled], 
    161 .button:disabled, 
    162 .button-secondary[disabled], 
    163 .button-secondary:disabled, 
    164 .button-disabled { 
     160.wp-core-ui .button[disabled], 
     161.wp-core-ui .button:disabled, 
     162.wp-core-ui .button-secondary[disabled], 
     163.wp-core-ui .button-secondary:disabled, 
     164.wp-core-ui .button-disabled { 
    165165        color: #aaa !important; 
    166166        border-color: #ddd !important; 
    167167        background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f4f4f4)) !important; 
     
    180180  3.0 - Primary Button Style 
    181181---------------------------------------------------------------------------- */ 
    182182 
    183 .button-primary { 
     183.wp-core-ui .button-primary { 
    184184        background-color: #21759b; 
    185185        background-image: -webkit-gradient(linear, left top, left bottom, from(#2a95c5), to(#21759b)); 
    186186        background-image: -webkit-linear-gradient(top, #2a95c5, #21759b); 
     
    197197        text-shadow: 0 1px 0 rgba(0,0,0,0.1); 
    198198} 
    199199 
    200 .button-primary.hover, 
    201 .button-primary:hover, 
    202 .button-primary.focus, 
    203 .button-primary:focus { 
     200.wp-core-ui .button-primary.hover, 
     201.wp-core-ui .button-primary:hover, 
     202.wp-core-ui .button-primary.focus, 
     203.wp-core-ui .button-primary:focus { 
    204204        background-color: #278ab7; 
    205205        background-image: -webkit-gradient(linear, left top, left bottom, from(#2e9fd2), to(#21759b)); 
    206206        background-image: -webkit-linear-gradient(top, #2e9fd2, #21759b); 
     
    215215        text-shadow: 0 -1px 0 rgba(0,0,0,0.3); 
    216216} 
    217217 
    218 .button-primary.focus, 
    219 .button-primary:focus { 
     218.wp-core-ui .button-primary.focus, 
     219.wp-core-ui .button-primary:focus { 
    220220        border-color: #0e3950; 
    221221        -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), 1px 1px 2px rgba(0,0,0,0.4); 
    222222        box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), 1px 1px 2px rgba(0,0,0,0.4); 
    223223} 
    224224 
    225 .button-primary.active, 
    226 .button-primary.active:hover, 
    227 .button-primary.active:focus, 
    228 .button-primary:active { 
     225.wp-core-ui .button-primary.active, 
     226.wp-core-ui .button-primary.active:hover, 
     227.wp-core-ui .button-primary.active:focus, 
     228.wp-core-ui .button-primary:active { 
    229229        background: #1b607f; 
    230230        background-image: -webkit-gradient(linear, left top, left bottom, from(#21759b), to(#278ab7)); 
    231231        background-image: -webkit-linear-gradient(top, #21759b, #278ab7); 
     
    240240        text-shadow: 0 1px 0 rgba(0,0,0,0.1); 
    241241} 
    242242 
    243 .button-primary[disabled], 
    244 .button-primary:disabled, 
    245 .button-primary-disabled { 
     243.wp-core-ui .button-primary[disabled], 
     244.wp-core-ui .button-primary:disabled, 
     245.wp-core-ui .button-primary-disabled { 
    246246        color: #94cde7 !important; 
    247247        background: #298cba !important; 
    248248        border-color: #1b607f !important; 
     
    256256  4.0 - Button Groups 
    257257---------------------------------------------------------------------------- */ 
    258258 
    259 .button-group { 
     259.wp-core-ui .button-group { 
    260260        position: relative; 
    261261        display: inline-block; 
    262262        white-space: nowrap; 
     
    264264        vertical-align: middle; 
    265265} 
    266266 
    267 .button-group > .button { 
     267.wp-core-ui .button-group > .button { 
    268268        display: inline-block; 
    269269        border-radius: 0; 
    270270        margin-right: -1px; 
    271271        z-index: 10; 
    272272} 
    273273 
    274 .button-group > .button-primary { 
     274.wp-core-ui .button-group > .button-primary { 
    275275        z-index: 100; 
    276276} 
    277277 
    278 .button-group > .button:hover { 
     278.wp-core-ui .button-group > .button:hover { 
    279279        z-index: 20; 
    280280} 
    281281 
    282 .button-group > .button:first-child { 
     282.wp-core-ui .button-group > .button:first-child { 
    283283        border-radius: 3px 0 0 3px; 
    284284} 
    285285 
    286 .button-group > .button:last-child { 
     286.wp-core-ui .button-group > .button:last-child { 
    287287        border-radius: 0 3px 3px 0; 
    288288} 
  • wp-includes/class-wp-editor.php

     
    113113                        $buttons .= '<a id="' . $editor_id . '-tmce" class="wp-switch-editor switch-tmce" onclick="switchEditors.switchto(this);">' . __('Visual') . "</a>\n"; 
    114114                } 
    115115 
    116                 echo '<div id="wp-' . $editor_id . '-wrap" class="wp-editor-wrap ' . $switch_class . '">'; 
     116                echo '<div id="wp-' . $editor_id . '-wrap" class="wp-core-ui wp-editor-wrap ' . $switch_class . '">'; 
    117117 
    118118                if ( self::$editor_buttons_css ) { 
    119119                        wp_print_styles('editor-buttons'); 
  • wp-admin/admin-header.php

     
    9797 
    9898?> 
    9999</head> 
    100 <body class="wp-admin no-js <?php echo apply_filters( 'admin_body_class', '' ) . " $admin_body_class"; ?>"> 
     100<body class="wp-admin wp-core-ui no-js <?php echo apply_filters( 'admin_body_class', '' ) . " $admin_body_class"; ?>"> 
    101101<script type="text/javascript"> 
    102102        document.body.className = document.body.className.replace('no-js','js'); 
    103103</script>