WordPress.org

Make WordPress Core

Ticket #18141: 18141.3.diff

File 18141.3.diff, 14.2 KB (added by helenyhou, 6 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