WordPress.org
Get WordPress

Make WordPress Core

Ticket #35571: 35571.3.patch

File 35571.3.patch, 8.0 KB (added by iseulde, 9 years ago)

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

     
    162162.wp-core-ui .button-secondary:active {
    163163        background: #eee;
    164164        border-color: #999;
    165         -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
    166         box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
    167         -webkit-transform: translateY(1px);
    168         -ms-transform: translateY(1px);
    169         transform: translateY(1px);
     165        -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
     166        box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
     167        -webkit-transform: translateY(1px);
     168        -ms-transform: translateY(1px);
     169        transform: translateY(1px);
    170170}
    171171
    172172.wp-core-ui .button.active:focus {
    … …  
    224224        background: #0085ba;
    225225        border-color: #0073aa #006799 #006799;
    226226        -webkit-box-shadow: 0 1px 0 #006799;
    227         box-shadow: 0 1px 0 #006799;
    228         color: #fff;
     227        box-shadow: 0 1px 0 #006799;
     228        color: #fff;
    229229        text-decoration: none;
    230230        text-shadow: 0 -1px 1px #006799,
    231231                1px 0 1px #006799,
    … …  
    256256.wp-core-ui .button-primary:active {
    257257        background: #0073aa;
    258258        border-color: #006799;
    259         -webkit-box-shadow: inset 0 2px 0 #006799;
    260         box-shadow: inset 0 2px 0 #006799;
    261         vertical-align: top;
     259        -webkit-box-shadow: inset 0 2px 0 #006799;
     260        box-shadow: inset 0 2px 0 #006799;
     261        vertical-align: top;
    262262}
    263263
    264264.wp-core-ui .button-primary[disabled],

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

     
    657657        margin: 0;
    658658        padding: 0;
    659659        cursor: pointer;
    660         border: 1px solid #ccc;
     660        border: 1px solid #cccccc;
    661661        -webkit-appearance: none;
    662662        -webkit-border-radius: 3px;
    663663        border-radius: 3px;
    664664        white-space: nowrap;
    665         -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
    666         box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
     665        -webkit-box-shadow: 0 1px 0 #cccccc;
     666        box-shadow: 0 1px 0 #cccccc;
    667667}
    668668
    669669/* Remove the dotted border on :focus and the extra padding in Firefox */
    670670.mce-window .mce-btn::-moz-focus-inner {
    671         border-width: 1px 0;
    672         border-style: solid none;
    673         border-color: transparent;
     671        border-width: 0;
     672        border-style: none;
    674673        padding: 0;
    675674}
    676675
    677676.mce-window .mce-btn:hover,
    678677.mce-window .mce-btn:focus {
    679678        background: #fafafa;
    680         border-color: #555d66;
     679        border-color: #999;
    681680        color: #23282d;
    682681}
    683682
    684683.mce-window .mce-btn:focus {
    685         -webkit-box-shadow:
    686                 0 0 0 1px #5b9dd9,
    687                 0 0 2px 1px rgba( 30, 140, 190, 0.8 );
    688         box-shadow:
    689                 0 0 0 1px #5b9dd9,
    690                 0 0 2px 1px rgba( 30, 140, 190, 0.8 );
     684        border-color: #5b9dd9;
     685        -webkit-box-shadow: 0 0 3px rgba( 0, 115, 170, .8 );
     686        box-shadow: 0 0 3px rgba( 0, 115, 170, .8 );
    691687}
    692688
    693689.mce-window .mce-btn:active {
    694690        background: #eee;
    695         border-color: #555d66;
    696         color: #23282d;
     691        border-color: #999;
    697692        -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
    698693        box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
     694        -webkit-transform: translateY(1px);
     695        -ms-transform: translateY(1px);
     696        transform: translateY(1px);
    699697}
    700698
    701699.mce-window .mce-btn.mce-disabled {
    702         color: #a0a5aa;
    703         border-color: #ddd;
    704         background: #f7f7f7;
    705         -webkit-box-shadow: none;
    706         box-shadow: none;
    707         text-shadow: 0 1px 0 #fff;
     700        color: #a0a5aa !important;
     701        border-color: #ddd !important;
     702        background: #f7f7f7 !important;
     703        -webkit-box-shadow: none !important;
     704        box-shadow: none !important;
     705        text-shadow: 0 1px 0 #fff !important;
    708706        cursor: default;
     707        -webkit-transform: none !important;
     708        -ms-transform: none !important;
     709        transform: none !important;
    709710}
    710711
    711712.mce-window .mce-btn.mce-primary {
    712         background: #00a0d2;
    713         border-color: #0073aa;
    714         -webkit-box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.5), 0 1px 0 rgba( 0, 0, 0, 0.15 );
    715         box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.5 ), 0 1px 0 rgba( 0, 0, 0, 0.15 );
     713        background: #0085ba;
     714        border-color: #0073aa #006799 #006799;
     715        -webkit-box-shadow: 0 1px 0 #006799;
     716        box-shadow: 0 1px 0 #006799;
    716717        color: #fff;
    717718        text-decoration: none;
     719        text-shadow: 0 -1px 1px #006799,
     720                1px 0 1px #006799,
     721                0 1px 1px #006799,
     722                -1px 0 1px #006799;
    718723}
    719724
    720725.mce-window .mce-btn.mce-primary:hover,
    721726.mce-window .mce-btn.mce-primary:focus {
    722         background: #1e8cbe;
    723         border-color: #0073aa;
    724         -webkit-box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.6 );
    725         box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.6 );
     727        background: #008ec2;
     728        border-color: #006799;
    726729        color: #fff;
    727730}
    728731
    729732.mce-window .mce-btn.mce-primary:focus {
    730         border-color: #0e3950;
    731         -webkit-box-shadow:
    732                 inset 0 1px 0 rgba( 120, 200, 230, 0.6 ),
    733                 0 0 0 1px #5b9dd9,
    734                 0 0 2px 1px rgba( 30, 140, 190, 0.8 );
    735         box-shadow:
    736                 inset 0 1px 0 rgba( 120, 200, 230, 0.6 ),
    737                 0 0 0 1px #5b9dd9,
    738                 0 0 2px 1px rgba( 30, 140, 190, 0.8 );
     733        -webkit-box-shadow: 0 1px 0 #0073aa,
     734                0 0 2px 1px #33b3db;
     735        box-shadow: 0 1px 0 #0073aa,
     736                0 0 2px 1px #33b3db;
    739737}
    740738
    741739.mce-window .mce-btn.mce-primary:active {
    742         background: #1b7aa6;
    743         border-color: #005684;
    744         color: rgba( 255, 255, 255, 0.95 );
    745         -webkit-box-shadow: inset 0 1px 0 rgba( 0, 0, 0, 0.1 );
    746         box-shadow: inset 0 1px 0 rgba( 0, 0, 0, 0.1 );
     740        background: #0073aa;
     741        border-color: #006799;
     742        -webkit-box-shadow: inset 0 2px 0 #006799;
     743        box-shadow: inset 0 2px 0 #006799;
    747744        vertical-align: top;
    748745}
    749746
    750747.mce-window .mce-btn.mce-primary.mce-disabled {
    751         color: #94cde7;
    752         background: #298cba;
    753         border-color: #1b607f;
    754         -webkit-box-shadow: none;
    755         box-shadow: none;
    756         text-shadow: 0 -1px 0 rgba( 0, 0, 0, 0.1 );
     748        color: #66c6e4 !important;
     749        background: #008ec2 !important;
     750        border-color: #007cb2 !important;
     751        -webkit-box-shadow: none !important;
     752        box-shadow: none !important;
     753        text-shadow: 0 -1px 0 rgba( 0, 0, 0, 0.1 ) !important;
    757754        cursor: default;
    758755}
    759756

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

     
    200200        color: #555;
    201201        border-color: #cccccc;
    202202        background: #f7f7f7;
    203         -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
    204         box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
    205         vertical-align: top;
     203        -webkit-box-shadow: 0 1px 0 #cccccc;
     204        box-shadow: 0 1px 0 #cccccc;
     205        vertical-align: top;
    206206}
    207207
    208208.ui-button:active,
    … …  
    212212
    213213/* Remove the dotted border on :focus and the extra padding in Firefox */
    214214.ui-button::-moz-focus-inner {
    215         border-width: 1px 0;
    216         border-style: solid none;
    217         border-color: transparent;
     215        border-width: 0;
     216        border-style: none;
    218217        padding: 0;
    219218}
    220219
    … …  
    226225}
    227226
    228227.ui-button:focus {
    229         -webkit-box-shadow:
    230                 0 0 0 1px #5b9dd9,
    231                 0 0 2px 1px rgba( 30, 140, 190, 0.8 );
    232         box-shadow:
    233                 0 0 0 1px #5b9dd9,
    234                 0 0 2px 1px rgba( 30, 140, 190, 0.8 );
     228        border-color: #5b9dd9;
     229        -webkit-box-shadow: 0 0 3px rgba( 0, 115, 170, .8 );
     230        box-shadow: 0 0 3px rgba( 0, 115, 170, .8 );
    235231}
    236232
    237233.ui-button:active {
    238234        background: #eee;
    239235        border-color: #999;
    240         color: #32373c;
    241236        -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
    242237        box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
     238        -webkit-transform: translateY(1px);
     239        -ms-transform: translateY(1px);
     240        transform: translateY(1px);
    243241}
    244242
    245243.ui-button[disabled],
    … …  
    251249        box-shadow: none !important;
    252250        text-shadow: 0 1px 0 #fff !important;
    253251        cursor: default;
     252        -webkit-transform: none !important;
     253        -ms-transform: none !important;
     254        transform: none !important;
    254255}
    255256
    256257@media screen and ( max-width: 782px ) {
    257258
    258259        .ui-button {
    259                 padding: 10px 14px;
    260                 line-height: 1;
     260                padding: 6px 14px;
     261                line-height: normal;
    261262                font-size: 14px;
    262263                vertical-align: middle;
    263264                height: auto;
    … …  
    280281
    281282.ui-dialog-titlebar {
    282283        background: #fcfcfc;
    283         border-bottom: 1px solid #ddd;
     284        border-bottom: 1px solid #dfdfdf;
    284285        height: 36px;
    285286        font-size: 18px;
    286287        font-weight: 600;
    … …  
    332333
    333334.ui-dialog-buttonpane {
    334335        background: #fcfcfc;
    335         border-top: 1px solid #ddd;
     336        border-top: 1px solid #dfdfdf;
    336337        padding: 16px;
    337338}
    338339