WordPress.org
Get WordPress

Make WordPress Core

Ticket #28267: 28267.3.patch

File 28267.3.patch, 8.6 KB (added by iseulde, 10 years ago)

  • src/wp-includes/css/buttons.css

     
    7575.wp-core-ui .button.button-large,
    7676.wp-core-ui .button-group.button-large .button {
    7777        height: 30px;
    78     line-height: 28px;
    79     padding: 0 12px 2px;
     78        line-height: 28px;
     79        padding: 0 12px 2px;
    8080}
    8181
    8282.wp-core-ui .button.button-small,
    … …  
    129129        background: #f7f7f7;
    130130        -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
    131131        box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
    132         vertical-align: top;
     132        vertical-align: top;
    133133}
    134134
    135135.wp-core-ui p .button {
    … …  
    152152.wp-core-ui .button-secondary:focus {
    153153        -webkit-box-shadow:
    154154                0 0 0 1px #5b9dd9,
    155                 0 0 2px 1px rgba(30, 140, 190, .8);
     155                0 0 2px 1px rgba( 30, 140, 190, 0.8 );
    156156        box-shadow:
    157157                0 0 0 1px #5b9dd9,
    158                 0 0 2px 1px rgba(30, 140, 190, .8);
     158                0 0 2px 1px rgba( 30, 140, 190, 0.8 );
    159159}
    160160
    161161.wp-core-ui .button.active,
    … …  
    165165        background: #eee;
    166166        border-color: #999;
    167167        color: #333;
    168         -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
    169         box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
     168        -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
     169        box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
    170170}
    171171
    172172.wp-core-ui .button.active:focus {
    173173        -webkit-box-shadow:
    174174                inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ),
    175175                0 0 0 1px #5b9dd9,
    176                 0 0 2px 1px rgba(30, 140, 190, .8);
     176                0 0 2px 1px rgba( 30, 140, 190, 0.8 );
    177177        box-shadow:
    178178                inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ),
    179179                0 0 0 1px #5b9dd9,
    180                 0 0 2px 1px rgba(30, 140, 190, .8);
     180                0 0 2px 1px rgba( 30, 140, 190, 0.8 );
    181181}
    182182
    183183.wp-core-ui .button[disabled],
    … …  
    203203.wp-core-ui .button-primary {
    204204        background: #2ea2cc;
    205205        border-color: #0074a2;
    206         -webkit-box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.5), 0 1px 0 rgba( 0, 0, 0, 0.15 );
    207         box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.5 ), 0 1px 0 rgba( 0, 0, 0, 0.15 );
    208         color: #fff;
     206        -webkit-box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.5), 0 1px 0 rgba( 0, 0, 0, 0.15 );
     207        box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.5 ), 0 1px 0 rgba( 0, 0, 0, 0.15 );
     208        color: #fff;
    209209        text-decoration: none;
    210210}
    211211
    … …  
    215215.wp-core-ui .button-primary:focus {
    216216        background: #1e8cbe;
    217217        border-color: #0074a2;
    218         -webkit-box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.6 );
    219         box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.6 );
     218        -webkit-box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.6 );
     219        box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.6 );
    220220        color: #fff;
    221221}
    222222
    … …  
    226226        -webkit-box-shadow:
    227227                inset 0 1px 0 rgba( 120, 200, 230, 0.6 ),
    228228                0 0 0 1px #5b9dd9,
    229                 0 0 2px 1px rgba(30, 140, 190, .8);
     229                0 0 2px 1px rgba( 30, 140, 190, 0.8 );
    230230        box-shadow:
    231231                inset 0 1px 0 rgba( 120, 200, 230, 0.6 ),
    232232                0 0 0 1px #5b9dd9,
    233                 0 0 2px 1px rgba(30, 140, 190, .8);
     233                0 0 2px 1px rgba( 30, 140, 190, 0.8 );
    234234}
    235235
    236236.wp-core-ui .button-primary.active,
    … …  
    240240        background: #1b7aa6;
    241241        border-color: #005684;
    242242        color: rgba( 255, 255, 255, 0.95 );
    243         -webkit-box-shadow: inset 0 1px 0 rgba( 0, 0, 0, 0.1 );
    244         box-shadow: inset 0 1px 0 rgba( 0, 0, 0, 0.1 );
    245         vertical-align: top;
     243        -webkit-box-shadow: inset 0 1px 0 rgba( 0, 0, 0, 0.1 );
     244        box-shadow: inset 0 1px 0 rgba( 0, 0, 0, 0.1 );
     245        vertical-align: top;
    246246}
    247247
    248248.wp-core-ui .button-primary[disabled],

  • src/wp-includes/css/editor.css

     
    414414        -webkit-border-radius: 3px;
    415415        border-radius: 3px;
    416416        white-space: nowrap;
    417         -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0,0,0,.08);
    418         box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0,0,0,.08);
     417        -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
     418        box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
    419419        background-image: none;
    420420}
    421421
    … …  
    427427        padding: 0;
    428428}
    429429
    430 .mce-window .mce-btn:hover {
     430.mce-window .mce-btn:hover,
     431.mce-window .mce-btn:focus {
    431432        background: #fafafa;
    432433        border-color: #999;
    433434        color: #222;
    434435}
    435436
    436437.mce-window .mce-btn:focus {
    437         -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.2);
    438         box-shadow: 1px 1px 1px rgba(0,0,0,.2);
     438        -webkit-box-shadow:
     439                0 0 0 1px #5b9dd9,
     440                0 0 2px 1px rgba( 30, 140, 190, 0.8 );
     441        box-shadow:
     442                0 0 0 1px #5b9dd9,
     443                0 0 2px 1px rgba( 30, 140, 190, 0.8 );
    439444}
    440445
    441446.mce-window .mce-btn:active {
    442447        background: #eee;
    443448        border-color: #999;
    444449        color: #333;
    445         -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
    446         box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
     450        -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
     451        box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
    447452}
    448453
    449454.mce-window .mce-btn.mce-disabled {
    450455        color: #aaa;
    451456        border-color: #ddd;
     457        background: #f7f7f7;
    452458        -webkit-box-shadow: none;
    453459        box-shadow: none;
    454460        text-shadow: 0 1px 0 #fff;
    … …  
    458464.mce-window .mce-btn.mce-primary {
    459465        background: #2ea2cc;
    460466        border-color: #0074a2;
    461         -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.5), 0 1px 0 rgba(0,0,0,.15);
    462         box-shadow: inset 0 1px 0 rgba(120,200,230,0.5), 0 1px 0 rgba(0,0,0,.15);
     467        -webkit-box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.5), 0 1px 0 rgba( 0, 0, 0, 0.15 );
     468        box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.5 ), 0 1px 0 rgba( 0, 0, 0, 0.15 );
    463469        color: #fff;
    464470        text-decoration: none;
    465471}
    466472
    467 .mce-window .mce-btn.mce-primary:hover {
     473.mce-window .mce-btn.mce-primary:hover,
     474.mce-window .mce-btn.mce-primary:focus {
    468475        background: #1e8cbe;
    469476        border-color: #0074a2;
    470         -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
    471         box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
     477        -webkit-box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.6 );
     478        box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.6 );
    472479        color: #fff;
    473480}
    474481
    475482.mce-window .mce-btn.mce-primary:focus {
    476483        border-color: #0e3950;
    477         -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), 1px 1px 2px rgba(0,0,0,0.4);
    478         box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), 1px 1px 2px rgba(0,0,0,0.4);
     484        -webkit-box-shadow:
     485                inset 0 1px 0 rgba( 120, 200, 230, 0.6 ),
     486                0 0 0 1px #5b9dd9,
     487                0 0 2px 1px rgba( 30, 140, 190, 0.8 );
     488        box-shadow:
     489                inset 0 1px 0 rgba( 120, 200, 230, 0.6 ),
     490                0 0 0 1px #5b9dd9,
     491                0 0 2px 1px rgba( 30, 140, 190, 0.8 );
    479492}
    480493
    481494.mce-window .mce-btn.mce-primary:active {
    482495        background: #1b7aa6;
    483496        border-color: #005684;
    484         color: rgba(255,255,255,0.95);
    485         -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
    486         box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
     497        color: rgba( 255, 255, 255, 0.95 );
     498        -webkit-box-shadow: inset 0 1px 0 rgba( 0, 0, 0, 0.1 );
     499        box-shadow: inset 0 1px 0 rgba( 0, 0, 0, 0.1 );
     500        vertical-align: top;
    487501}
    488502
    489503.mce-window .mce-btn.mce-primary.mce-disabled {
    490504        color: #94cde7;
    491505        background: #298cba;
    492506        border-color: #1b607f;
    493         text-shadow: 0 -1px 0 rgba(0,0,0,0.1);
     507        -webkit-box-shadow: none;
     508        box-shadow: none;
     509        text-shadow: 0 -1px 0 rgba( 0, 0, 0, 0.1 );
     510        cursor: default;
    494511}
    495512
    496513.mce-menubtn.mce-fixed-width button span {

  • src/wp-includes/css/jquery-ui-dialog.css

     
    181181        color: #555;
    182182        border-color: #cccccc;
    183183        background: #f7f7f7;
    184         -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0,0,0,.08);
    185         box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0,0,0,.08);
     184        -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
     185        box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
    186186        vertical-align: top;
    187187}
    188188
     189.ui-button:active,
     190.ui-button:focus {
     191        outline: none;
     192}
     193
    189194/* Remove the dotted border on :focus and the extra padding in Firefox */
    190195.ui-button::-moz-focus-inner {
    191196        border-width: 1px 0;
    … …  
    194199        padding: 0;
    195200}
    196201
    197 .ui-button:hover {
     202.ui-button:hover,
     203.ui-button:focus {
    198204        background: #fafafa;
    199205        border-color: #999;
    200206        color: #222;
    201207}
    202208
    203209.ui-button:focus {
    204         -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.2);
    205         box-shadow: 1px 1px 1px rgba(0,0,0,.2);
     210        -webkit-box-shadow:
     211                0 0 0 1px #5b9dd9,
     212                0 0 2px 1px rgba( 30, 140, 190, 0.8 );
     213        box-shadow:
     214                0 0 0 1px #5b9dd9,
     215                0 0 2px 1px rgba( 30, 140, 190, 0.8 );
    206216}
    207217
    208218.ui-button:active {
    209219        background: #eee;
    210220        border-color: #999;
    211221        color: #333;
    212         -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
    213         box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
    214         outline: none;
     222        -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
     223        box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
    215224}
    216225
    217226.ui-button[disabled],