WordPress.org

Make WordPress Core

Changeset 37076


Ignore:
Timestamp:
03/24/2016 12:56:14 AM (5 years ago)
Author:
iseulde
Message:

Update TinyMCE and jQuery UI button styles

Part props liljimmi.
Fixes #35571.

Location:
trunk/src/wp-includes/css
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-includes/css/buttons.css

    r35697 r37076  
    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
     
    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,
     
    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
  • trunk/src/wp-includes/css/editor.css

    r37004 r37076  
    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}
     
    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}
  • trunk/src/wp-includes/css/jquery-ui-dialog.css

    r36904 r37076  
    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
     
    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}
     
    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
     
    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
     
    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
     
    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;
     
    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;
     
    333334.ui-dialog-buttonpane {
    334335    background: #fcfcfc;
    335     border-top: 1px solid #ddd;
     336    border-top: 1px solid #dfdfdf;
    336337    padding: 16px;
    337338}
Note: See TracChangeset for help on using the changeset viewer.