WordPress.org

Make WordPress Core

Ticket #18141: 18141.3.diff

File 18141.3.diff, 14.2 KB (added by helenyhou, 4 years ago)
  • wp-includes/css/editor-buttons.dev.css

     
    9898 
    9999.wp_themeSkin .mceStatusbar { 
    100100        display: block; 
    101         font-family: Arial, "Bitstream Vera Sans", Helvetica, Verdana, sans-serif; 
     101        font-family: sans-serif; 
    102102        font-size: 12px; 
    103103        line-height: 16px; 
    104104        padding: 0 0 0 8px; 
     
    147147        margin: 0 6px 2px; 
    148148} 
    149149 
     150.wp_themeSkin table.mceToolbar:focus, 
     151.wp_themeSkin span.mceSeparator:focus { 
     152        outline: none; 
     153} 
     154 
    150155.wp_themeSkin #content_toolbar1 { 
    151156        margin-top: 2px; 
    152157} 
     
    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 { 
    202         opacity: 0.5; 
    203         filter: alpha(opacity=50); 
     195        opacity: 0.4; 
     196        filter: alpha(opacity=40); 
    204197} 
    205198 
    206199/* Separator */ 
     
    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; 
    234         font-family: Arial, "Bitstream Vera Sans", Helvetica, Verdana, sans-serif; 
     224        font-family: sans-serif; 
    235225        font-size: 12px; 
    236226        height: 20px; 
    237227        line-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 { 
     
    289276} 
    290277 
    291278.wp_themeSkin select.mceListBox { 
    292         font-family: Arial, "Bitstream Vera Sans", Helvetica, Verdana, sans-serif; 
     279        font-family: sans-serif; 
    293280        font-size: 12px; 
    294281        border-color: #B2B2B2; 
    295282        background-color: #fff; 
     
    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} 
     
    413394/* ColorSplitButton */ 
    414395.wp_themeSkin div.mceColorSplitMenu table { 
    415396        background-color: #ebebeb; 
    416         border-color: #B2B2B2; 
     397        border-color: #bbb; 
    417398} 
    418399 
    419400.wp_themeSkin .mceColorSplitMenu td { 
     
    425406        width: 9px; 
    426407        height: 9px; 
    427408        overflow: hidden; 
    428         border-color: #B2B2B2; 
     409        border-color: #bbb; 
    429410} 
    430411 
    431412.wp_themeSkin .mceColorSplitMenu td.mceMoreColors { 
     
    851832.wp_themeSkin .mceButton, 
    852833.wp_themeSkin .mceListBox .mceText, 
    853834.wp_themeSkin .mceListBox .mceOpen { 
    854         border-color: #ccc; 
    855         background-color: #eee; /* Fallback */ 
    856         background-image: -ms-linear-gradient(bottom, #ddd, #fff); /* IE10 */ 
    857         background-image: -moz-linear-gradient(bottom, #ddd, #fff); /* Firefox */ 
    858         background-image: -o-linear-gradient(bottom, #ddd, #fff); /* Opera */ 
    859         background-image: -webkit-gradient(linear, left bottom, left top, from(#ddd), to(#fff)); /* old Webkit */ 
    860         background-image: -webkit-linear-gradient(bottom, #ddd, #fff); /* new Webkit */ 
    861         background-image: linear-gradient(bottom, #ddd, #fff); /* proposed W3C Markup */ 
     835        border-color: transparent; 
    862836} 
    863837 
    864838.wp_themeSkin a.mceButtonEnabled:hover { 
    865         border-color: #a0a0a0; 
     839        border-color: #bbb; 
    866840        background: #ddd; /* Fallback */ 
    867841        background-image: -ms-linear-gradient(bottom, #ccc, #fff); /* IE10 */ 
    868842        background-image: -moz-linear-gradient(bottom, #ccc, #fff); /* Firefox */ 
     
    879853.wp_themeSkin a.mceButtonActive:active, 
    880854.wp_themeSkin a.mceButtonActive:hover { 
    881855        background-color: #ddd; /* Fallback */ 
    882         background-image: -ms-linear-gradient(bottom, #eee, #bbb); /* IE10 */ 
    883         background-image: -moz-linear-gradient(bottom, #eee, #bbb); /* Firefox */ 
    884         background-image: -o-linear-gradient(bottom, #eee, #bbb); /* Opera */ 
    885         background-image: -webkit-gradient(linear, left bottom, left top, from(#eee), to(#bbb)); /* old Webkit */ 
    886         background-image: -webkit-linear-gradient(bottom, #eee, #bbb); /* new Webkit */ 
    887         background-image: linear-gradient(bottom, #eee, #bbb); /* proposed W3C Markup */ 
    888         border-color: #909090; 
     856        background-image: -ms-linear-gradient(bottom, #fff, #ccc); /* IE10 */ 
     857        background-image: -moz-linear-gradient(bottom, #fff, #ccc); /* Firefox */ 
     858        background-image: -o-linear-gradient(bottom, #fff, #ccc); /* Opera */ 
     859        background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#ccc)); /* old Webkit */ 
     860        background-image: -webkit-linear-gradient(bottom, #fff, #ccc); /* new Webkit */ 
     861        background-image: linear-gradient(bottom, #fff, #ccc); /* proposed W3C Markup */ 
     862        border-color: #bbb; 
    889863} 
    890864 
    891865.wp_themeSkin .mceButtonDisabled { 
    892         border-color: #ccc !important; 
     866        border-color: transparent !important; 
    893867} 
    894868 
    895869.wp_themeSkin .mceListBox .mceOpen { 
     
    903877.wp_themeSkin .mceListBoxSelected .mceText, 
    904878.wp_themeSkin table.mceListBoxEnabled:active .mceText { 
    905879        background: #ccc; 
    906         border-color: #999; 
     880        border-color: #bbb; 
    907881} 
    908882 
    909883.wp_themeSkin table.mceListBoxEnabled:hover .mceText, 
    910884.wp_themeSkin .mceListBoxHover .mceText, 
    911885.wp_themeSkin table.mceListBoxEnabled:hover .mceOpen, 
    912886.wp_themeSkin .mceListBoxHover .mceOpen { 
    913         border-color: #909090; 
     887        border-color: #bbb; 
    914888        background-color: #eee; /* Fallback */ 
    915889        background-image: -ms-linear-gradient(bottom, #ccc, #fff); /* IE10 */ 
    916890        background-image: -moz-linear-gradient(bottom, #ccc, #fff); /* Firefox */ 
     
    923897/* SplitButton */ 
    924898.wp_themeSkin .mceSplitButton a.mceAction, 
    925899.wp_themeSkin .mceSplitButton a.mceOpen { 
    926         border-color: #ccc; 
     900        border-color: transparent; 
    927901} 
    928902 
    929903.wp_themeSkin .mceSplitButton a.mceOpen:hover, 
    930904.wp_themeSkin .mceSplitButtonSelected a.mceOpen, 
    931905.wp_themeSkin table.mceSplitButtonEnabled:hover a.mceAction, 
    932906.wp_themeSkin .mceSplitButton a.mceAction:hover { 
    933         border-color: #909090; 
     907        border-color: #bbb; 
    934908} 
    935909 
    936 .wp_themeSkin table.mceSplitButton td { 
    937         background-color: #eee; /* Fallback */ 
    938         background-image: -ms-linear-gradient(bottom, #ddd, #fff); /* IE10 */ 
    939         background-image: -moz-linear-gradient(bottom, #ddd, #fff); /* Firefox */ 
    940         background-image: -o-linear-gradient(bottom, #ddd, #fff); /* Opera */ 
    941         background-image: -webkit-gradient(linear, left bottom, left top, from(#ddd), to(#fff)); /* old Webkit */ 
    942         background-image: -webkit-linear-gradient(bottom, #ddd, #fff); /* new Webkit */ 
    943         background-image: linear-gradient(bottom, #ddd, #fff); /* proposed W3C Markup */ 
     910.wp_themeSkin .mceSplitButtonSelected a.mceOpen { 
     911        background-color: #bbb; 
    944912} 
    945913 
    946914.wp_themeSkin table.mceSplitButton:hover td { 
  • wp-admin/css/colors-classic.dev.css

     
    879879} 
    880880 
    881881/* Containers */ 
     882.wp-editor-wrap .wp-editor-container, 
    882883.wp-editor-wrap .wp_themeSkin table.mceLayout { 
    883884        border-color: #bed1dd #bed1dd #d0dfe9; 
    884885} 
     
    900901} 
    901902 
    902903/* Button */ 
    903 .wp-editor-wrap .wp_themeSkin .mceButton { 
    904         border-color: #B0C8D7; 
    905         background-color: #cfdfe9; /* Fallback */ 
     904.wp-editor-wrap .wp_themeSkin a.mceButtonEnabled:hover { 
     905        border-color: #B0C8D7 !important; 
     906        background-color: #c7d8e2; /* Fallback */ 
    906907        background-image: -ms-linear-gradient(bottom, #cfdfe9, #fff); /* IE10 */ 
    907908        background-image: -moz-linear-gradient(bottom, #cfdfe9, #fff); /* Firefox */ 
    908909        background-image: -o-linear-gradient(bottom, #cfdfe9, #fff); /* Opera */ 
     
    911912        background-image: linear-gradient(bottom, #cfdfe9, #fff); /* proposed W3C Markup */ 
    912913} 
    913914 
    914 .wp-editor-wrap .wp_themeSkin a.mceButtonEnabled:hover { 
    915         border-color: #5589AA !important; 
    916         background-color: #c9c9c9; /* Fallback */ 
    917         background-image: -ms-linear-gradient(bottom, #bdccd5, #fff); /* IE10 */ 
    918         background-image: -moz-linear-gradient(bottom, #bdccd5, #fff); /* Firefox */ 
    919         background-image: -o-linear-gradient(bottom, #bdccd5, #fff); /* Opera */ 
    920         background-image: -webkit-gradient(linear, left bottom, left top, from(#bdccd5), to(#fff)); /* old Webkit        */ 
    921         background-image: -webkit-linear-gradient(bottom, #bdccd5, #fff) !important; /* new Webkit */ 
    922         background-image: linear-gradient(bottom, #bdccd5, #fff); /* proposed W3C Markup */ 
    923 } 
    924  
    925915.wp-editor-wrap .wp_themeSkin a.mceButton:active, 
    926916.wp-editor-wrap .wp_themeSkin a.mceButtonEnabled:active, 
    927917.wp-editor-wrap .wp_themeSkin a.mceButtonSelected:active, 
    928918.wp-editor-wrap .wp_themeSkin a.mceButtonActive, 
    929919.wp-editor-wrap .wp_themeSkin a.mceButtonActive:active, 
    930920.wp-editor-wrap .wp_themeSkin a.mceButtonActive:hover { 
    931         background: #B0C8D7 !important; 
     921        background: #c7d8e2; /* Fallback */ 
    932922        background-image: -ms-linear-gradient(bottom, #fff, #cfdfe9); /* IE10 */ 
    933923        background-image: -moz-linear-gradient(bottom, #fff, #cfdfe9); /* Firefox */ 
    934924        background-image: -o-linear-gradient(bottom, #fff, #cfdfe9); /* Opera */ 
    935925        background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#cfdfe9)); /* old Webkit        */ 
    936926        background-image: -webkit-linear-gradient(bottom, #fff, #cfdfe9) !important; /* new Webkit */ 
    937927        background-image: linear-gradient(bottom, #fff, #cfdfe9); /* proposed W3C Markup */ 
    938         border-color: #5589AA !important; 
    939 } 
    940  
    941 .wp-editor-wrap .wp_themeSkin .mceButtonDisabled { 
    942928        border-color: #B0C8D7 !important; 
    943929} 
    944930 
    945931/* ListBox */ 
    946 .wp-editor-wrap .wp_themeSkin .mceListBox .mceText, 
    947 .wp-editor-wrap .wp_themeSkin .mceListBox .mceOpen      { 
    948         border-color: #B0C8D7; 
    949         background-color: #cfdfe9; /* Fallback */ 
    950         background-image: -ms-linear-gradient(bottom, #cfdfe9, #fff); /* IE10 */ 
    951         background-image: -moz-linear-gradient(bottom, #cfdfe9, #fff); /* Firefox */ 
    952         background-image: -o-linear-gradient(bottom, #cfdfe9, #fff); /* Opera */ 
    953         background-image: -webkit-gradient(linear, left bottom, left top, from(#cfdfe9), to(#fff)); /* old Webkit       */ 
    954         background-image: -webkit-linear-gradient(bottom, #cfdfe9, #fff) !important; /* new Webkit */ 
    955         background-image: linear-gradient(bottom, #cfdfe9, #fff); /* proposed W3C Markup */ 
    956 } 
    957  
    958932.wp-editor-wrap .wp_themeSkin .mceListBox .mceOpen { 
    959933        border-left: 0px !important; 
    960934} 
     
    965939.wp-editor-wrap .wp_themeSkin .mceListBoxSelected .mceOpen, 
    966940.wp-editor-wrap .wp_themeSkin .mceListBoxSelected .mceText, 
    967941.wp-editor-wrap .wp_themeSkin table.mceListBoxEnabled:active .mceText { 
    968         background: #B0C8D7; 
    969         border-color: #5589AA !important; 
     942        background: #c7d8e2; 
     943        border-color: #B0C8D7 !important; 
    970944} 
    971945 
    972946/* List Box Hover */ 
     
    974948.wp-editor-wrap .wp_themeSkin .mceListBoxHover .mceText, 
    975949.wp-editor-wrap .wp_themeSkin table.mceListBoxEnabled:hover .mceOpen, 
    976950.wp-editor-wrap .wp_themeSkin .mceListBoxHover .mceOpen { 
    977         border-color: #5589AA !important; 
    978         background-color: #c9c9c9; /* Fallback */ 
     951        border-color: #B0C8D7 !important; 
     952        background-color: #c7d8e2; /* Fallback */ 
    979953        background-image: -ms-linear-gradient(bottom, #cfdfe9, #fff); /* IE10 */ 
    980954        background-image: -moz-linear-gradient(bottom, #cfdfe9, #fff); /* Firefox */ 
    981955        background-image: -o-linear-gradient(bottom, #cfdfe9, #fff); /* Opera */ 
     
    990964} 
    991965 
    992966/* SplitButton */ 
    993 .wp-editor-wrap .wp_themeSkin .mceSplitButton a.mceAction, 
    994 .wp-editor-wrap .wp_themeSkin .mceSplitButton a.mceOpen { 
    995         border-color: #B0C8D7; 
    996 } 
    997  
    998967.wp-editor-wrap .wp_themeSkin .mceSplitButton a.mceOpen:hover, 
    999968.wp-editor-wrap .wp_themeSkin .mceSplitButtonSelected a.mceOpen, 
    1000969.wp-editor-wrap .wp_themeSkin table.mceSplitButtonEnabled:hover a.mceAction, 
    1001970.wp-editor-wrap .wp_themeSkin .mceSplitButton a.mceAction:hover { 
    1002         border-color: #5589AA !important; 
     971        border-color: #B0C8D7 !important; 
    1003972} 
    1004973 
    1005 .wp-editor-wrap .wp_themeSkin table.mceSplitButton td { 
    1006         background-color: #cfdfe9; /* Fallback */ 
    1007         background-image: -ms-linear-gradient(bottom, #cfdfe9, #fff); /* IE10 */ 
    1008         background-image: -moz-linear-gradient(bottom, #cfdfe9, #fff); /* Firefox */ 
    1009         background-image: -o-linear-gradient(bottom, #cfdfe9, #fff); /* Opera */ 
    1010         background-image: -webkit-gradient(linear, left bottom, left top, from(#cfdfe9), to(#fff)); /* old Webkit       */ 
    1011         background-image: -webkit-linear-gradient(bottom, #cfdfe9, #fff) !important; /* new Webkit */ 
    1012         background-image: linear-gradient(bottom, #cfdfe9, #fff); /* proposed W3C Markup */ 
    1013 } 
    1014  
    1015974.wp-editor-wrap .wp_themeSkin table.mceSplitButton:hover td { 
    1016975        background-image: -ms-linear-gradient(bottom, #cfdfe9, #fff); /* IE10 */ 
    1017976        background-image: -moz-linear-gradient(bottom, #cfdfe9, #fff); /* Firefox */ 
     
    1025984        background-color: #B0C8D7; 
    1026985} 
    1027986 
     987.wp-editor-wrap .wp_themeSkin .mceSplitButtonSelected a.mceOpen { 
     988        background-color: #B0C8D7; 
     989} 
     990 
    1028991/* ColorSplitButton */ 
    1029992.wp-editor-wrap .wp_themeSkin div.mceColorSplitMenu table { 
    1030993        background-color: #ebebeb; 
     
    10801043} 
    10811044 
    10821045.wp-editor-wrap .wp_themeSkin tr.mceFirst td.mceToolbar { 
    1083         background: #cfdfe9 url("../images/ed-bg-vs.gif?ver=20101102") repeat-x scroll left top; 
     1046        background-color: #eff8ff; /* Fallback */ 
     1047        background-image: -ms-linear-gradient(top, #eff8ff, #e0eff9); /* IE10 */ 
     1048        background-image: -moz-linear-gradient(top, #eff8ff, #e0eff9); /* Firefox */ 
     1049        background-image: -o-linear-gradient(top, #eff8ff, #e0eff9); /* Opera */ 
     1050        background-image: -webkit-gradient(linear, left top, left bottom, from(#eff8ff), to(#e0eff9)); /* old Webkit */ 
     1051        background-image: -webkit-linear-gradient(top, #eff8ff, #e0eff9); /* new Webkit */ 
     1052        background-image: linear-gradient(top, #eff8ff, #e0eff9); /* proposed W3C Markup */ 
    10841053        border-color: #cfdfe9; 
    10851054} 
    10861055