WordPress.org

Make WordPress Core

Ticket #18141: 18141.6.diff

File 18141.6.diff, 7.4 KB (added by helenyhou, 3 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 {