WordPress.org

Make WordPress Core

Ticket #18141: 18141.6.diff

File 18141.6.diff, 7.4 KB (added by helenyhou, 6 years ago)

Refresh, coding standards, better blue active state for buttons

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

     
    109109        background-color: #f5f5f5;
    110110}
    111111
     112.wp_themeSkin table.mceToolbar:focus,
     113.wp_themeSkin span.mceSeparator:focus {
     114        outline: none;
     115}
     116
    112117.rtl .wp_themeSkin .mceStatusbar {
    113118        padding: 0 8px 0 0;
    114119}
     
    176181        margin: 1px;
    177182        -webkit-border-radius: 2px;
    178183        border-radius: 2px;
    179         -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
    180         -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
    181         box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
    182184}
    183185
    184186.wp_themeSkin a.mceButtonEnabled:hover {
     
    189191        margin: 0 0 0 1px;
    190192}
    191193
    192 .wp_themeSkin a.mceButton:active,
    193 .wp_themeSkin a.mceButtonActive,
    194 .wp_themeSkin a.mceButtonActive:hover,
    195 .wp_themeSkin a.mceButtonSelected {
    196         -webkit-box-shadow:      0 1px 1px rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
    197         -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
    198         box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
    199 }
    200 
    201194.wp_themeSkin .mceButtonDisabled .mceIcon {
    202195        opacity: 0.5;
    203196        filter: alpha(opacity=50);
     
    228221        -webkit-border-top-left-radius: 2px;
    229222        border-bottom-left-radius: 2px;
    230223        border-top-left-radius: 2px;
    231         -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
    232         -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
    233         box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
    234224        font-family: Arial, "Bitstream Vera Sans", Helvetica, Verdana, sans-serif;
    235225        font-size: 12px;
    236226        height: 20px;
     
    252242        -webkit-border-top-left-radius: 0;
    253243        border-bottom-left-radius: 0;
    254244        border-top-left-radius: 0;
    255         -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
    256         -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
    257         box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
    258245}
    259246
    260247.wp_themeSkin .mceListBox .mceOpen span {
     
    314301        border-radius: 2px;
    315302}
    316303
    317 .wp_themeSkin table.mceSplitButton td a {
    318         -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
    319         -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
    320         box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
    321 }
    322 
    323304.wp_themeSkin table.mceSplitButton:hover td {
    324305        background-image: inherit 0 -10px;
    325306}
     
    911892        background-image: -webkit-gradient(linear, left bottom, left top, from(#ccc), to(#fff)); /* old Webkit */
    912893        background-image: -webkit-linear-gradient(bottom, #ccc, #fff); /* new Webkit */
    913894        background-image: linear-gradient(bottom, #ccc, #fff); /* proposed W3C Markup */
     895        -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
     896        -moz-box-shadow:    0 1px 0 rgba(0, 0, 0, 0.15);
     897        box-shadow:         0 1px 0 rgba(0, 0, 0, 0.15);
    914898}
    915899
    916900.wp_themeSkin a.mceButton:active,
     
    930914}
    931915
    932916.wp_themeSkin .mceButtonDisabled {
    933         border-color: #ccc !important;
     917        border-color: #d5d5d5 !important;
    934918}
    935919
    936920.wp_themeSkin .mceListBox .mceOpen {
     
    945929.wp_themeSkin table.mceListBoxEnabled:active .mceText {
    946930        background: #ccc;
    947931        border-color: #999;
     932        -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
     933        -moz-box-shadow:    0 1px 0 rgba(0, 0, 0, 0.15);
     934        box-shadow:         0 1px 0 rgba(0, 0, 0, 0.15);
    948935}
    949936
    950937.wp_themeSkin table.mceListBoxEnabled:hover .mceText,
     
    959946        background-image: -webkit-gradient(linear, left bottom, left top, from(#ccc), to(#fff)); /* old Webkit */
    960947        background-image: -webkit-linear-gradient(bottom, #ccc, #fff); /* new Webkit */
    961948        background-image: linear-gradient(bottom, #ccc, #fff); /* proposed W3C Markup */
     949        -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
     950        -moz-box-shadow:    0 1px 0 rgba(0, 0, 0, 0.15);
     951        box-shadow:         0 1px 0 rgba(0, 0, 0, 0.15);
    962952}
    963953
    964954/* SplitButton */
     
    991981        background-image: -webkit-gradient(linear, left bottom, left top, from(#ccc), to(#fff)); /* old Webkit */
    992982        background-image: -webkit-linear-gradient(bottom, #ccc, #fff); /* new Webkit */
    993983        background-image: linear-gradient(bottom, #ccc, #fff); /* proposed W3C Markup */
     984        -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
     985        -moz-box-shadow:    0 1px 0 rgba(0, 0, 0, 0.15);
     986        box-shadow:         0 1px 0 rgba(0, 0, 0, 0.15);
    994987}
    995988
    996989.wp_themeSkin .mceSplitButtonActive {
  • wp-admin/css/colors-classic.dev.css

     
    874874/* editors */
    875875#quicktags {
    876876        border-color: #cfdfe9;
    877         background-color: #cfdfe9;
    878         background-image: url("../images/ed-bg-vs.gif?ver=20101102");
     877        background-color: #eff8ff;
     878        background-image: -webkit-linear-gradient(top, #eff8ff, #e0eff9);
     879        background-image:    -moz-linear-gradient(top, #eff8ff, #e0eff9);
     880        background-image:     -ms-linear-gradient(top, #eff8ff, #e0eff9);
     881        background-image:      -o-linear-gradient(top, #eff8ff, #e0eff9);
     882        background-image:         linear-gradient(top, #eff8ff, #e0eff9);
     883        background-image: -webkit-gradient(linear, left top, left bottom, from(#eff8ff), to(#e0eff9)); /* old Webkit */
    879884}
    880885
    881886.quicktags-toolbar input {
     
    915920}
    916921
    917922/* Containers */
     923.wp-editor-wrap .wp-editor-container,
    918924.wp-editor-wrap .wp_themeSkin table.mceLayout {
    919925        border-color: #bed1dd #bed1dd #d0dfe9;
    920926}
     
    964970.wp-editor-wrap .wp_themeSkin a.mceButtonActive,
    965971.wp-editor-wrap .wp_themeSkin a.mceButtonActive:active,
    966972.wp-editor-wrap .wp_themeSkin a.mceButtonActive:hover {
    967         background: #B0C8D7 !important;
    968         background-image: -ms-linear-gradient(bottom, #fff, #cfdfe9); /* IE10 */
    969         background-image: -moz-linear-gradient(bottom, #fff, #cfdfe9); /* Firefox */
    970         background-image: -o-linear-gradient(bottom, #fff, #cfdfe9); /* Opera */
    971         background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#cfdfe9)); /* old Webkit        */
    972         background-image: -webkit-linear-gradient(bottom, #fff, #cfdfe9) !important; /* new Webkit */
    973         background-image: linear-gradient(bottom, #fff, #cfdfe9); /* proposed W3C Markup */
     973        background: #B0C8D7;
     974        background-image: -webkit-linear-gradient(bottom, #f1f4f6, #bdccd5) !important;
     975        background-image:    -moz-linear-gradient(bottom, #f1f4f6, #bdccd5);
     976        background-image:     -ms-linear-gradient(bottom, #f1f4f6, #bdccd5);
     977        background-image:      -o-linear-gradient(bottom, #f1f4f6, #bdccd5);
     978        background-image:         linear-gradient(bottom, #f1f4f6, #bdccd5);
     979        background-image: -webkit-gradient(linear, left bottom, left top, from(#f1f4f6), to(#bdccd5)); /* old Webkit */
    974980        border-color: #5589AA !important;
    975981}
    976982
     
    11161122}
    11171123
    11181124.wp-editor-wrap .wp_themeSkin tr.mceFirst td.mceToolbar {
    1119         background: #cfdfe9 url("../images/ed-bg-vs.gif?ver=20101102") repeat-x scroll left top;
    11201125        border-color: #cfdfe9;
     1126        background-color: #eff8ff;
     1127        background-image: -webkit-linear-gradient(top, #eff8ff, #e0eff9);
     1128        background-image:    -moz-linear-gradient(top, #eff8ff, #e0eff9);
     1129        background-image:     -ms-linear-gradient(top, #eff8ff, #e0eff9);
     1130        background-image:      -o-linear-gradient(top, #eff8ff, #e0eff9);
     1131        background-image:         linear-gradient(top, #eff8ff, #e0eff9);
     1132        background-image: -webkit-gradient(linear, left top, left bottom, from(#eff8ff), to(#e0eff9)); /* old Webkit */
    11211133}
    11221134
    11231135.wp-admin #mceModalBlocker {