WordPress.org

Make WordPress Core

Ticket #18141: 18141.8.diff

File 18141.8.diff, 13.4 KB (added by trepmal, 3 years ago)

flattened buttons

  • wp-includes/css/editor.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         box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff; 
    181184} 
    182185 
    183186.wp_themeSkin a.mceButtonEnabled:hover { 
     
    188191        margin: 0 0 0 1px; 
    189192} 
    190193 
    191 .wp_themeSkin a.mceButton:active, 
    192 .wp_themeSkin a.mceButtonActive, 
    193 .wp_themeSkin a.mceButtonActive:hover, 
    194 .wp_themeSkin a.mceButtonSelected { 
    195         -webkit-box-shadow:      0 1px 1px rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff; 
    196         box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff; 
    197 } 
    198  
    199194.wp_themeSkin .mceButtonDisabled .mceIcon { 
    200         opacity: 0.5; 
    201         filter: alpha(opacity=50); 
     195        opacity: 0.4; 
     196        filter: alpha(opacity=40); 
    202197} 
    203198 
    204199/* Separator */ 
     
    226221        -webkit-border-top-left-radius: 2px; 
    227222        border-bottom-left-radius: 2px; 
    228223        border-top-left-radius: 2px; 
    229         -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff; 
    230         box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff; 
    231         font-family: Arial, "Bitstream Vera Sans", Helvetica, Verdana, sans-serif; 
     224        font-family: sans-serif; 
    232225        font-size: 12px; 
    233226        height: 20px; 
    234227        line-height: 20px; 
     
    249242        -webkit-border-top-left-radius: 0; 
    250243        border-bottom-left-radius: 0; 
    251244        border-top-left-radius: 0; 
    252         -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff; 
    253         box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff; 
    254245} 
    255246 
    256247.wp_themeSkin .mceListBox .mceOpen span { 
     
    285276} 
    286277 
    287278.wp_themeSkin select.mceListBox { 
    288         font-family: Arial, "Bitstream Vera Sans", Helvetica, Verdana, sans-serif; 
     279        font-family: sans-serif; 
    289280        font-size: 12px; 
    290281        border-color: #b2b2b2; 
    291282        background-color: #fff; 
     
    300291 
    301292.wp_themeSkin .mceSplitButton { 
    302293        display: block; 
    303         margin: 1px; 
     294        /*margin: 1px;*/ 
    304295        direction: ltr; 
    305296} 
    306297 
     
    310301        border-radius: 2px; 
    311302} 
    312303 
    313 .wp_themeSkin table.mceSplitButton td a { 
    314         -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff; 
    315         box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff; 
    316 } 
    317  
    318304.wp_themeSkin table.mceSplitButton:hover td { 
    319305        background-image: inherit 0 -10px; 
    320306} 
     
    336322        width: 10px; 
    337323        height: 20px; 
    338324        background-image: url("../images/down_arrow.gif"); 
    339         background-position: 1px 2px; 
     325        background-position: 0px 2px; 
    340326        background-repeat: no-repeat; 
    341         padding: 1px; 
     327        padding: 1px 0; 
    342328        border-left: 0 none !important; 
    343329} 
    344330 
     
    449435/* ColorSplitButton */ 
    450436.wp_themeSkin div.mceColorSplitMenu table { 
    451437        background-color: #ebebeb; 
    452         border-color: #B2B2B2; 
     438        border-color: #bbb; 
    453439} 
    454440 
    455441.wp_themeSkin .mceColorSplitMenu td { 
     
    900886.wp_themeSkin .mceButton, 
    901887.wp_themeSkin .mceListBox .mceText, 
    902888.wp_themeSkin .mceListBox .mceOpen { 
    903         border-color: #ccc; 
    904         background: #eee; 
    905         background-image: -webkit-gradient(linear, left bottom, left top, from(#ddd), to(#fff)); 
    906         background-image: -webkit-linear-gradient(bottom, #ddd, #fff); 
    907         background-image:    -moz-linear-gradient(bottom, #ddd, #fff); 
    908         background-image:      -o-linear-gradient(bottom, #ddd, #fff); 
    909         background-image: linear-gradient(to top, #ddd, #fff); 
     889        border-color: transparent; 
    910890} 
    911891 
    912892.wp_themeSkin a.mceButtonEnabled:hover { 
    913         border-color: #a0a0a0; 
     893        border-color: #bbb; 
    914894        background: #eee; 
    915895        background-image: -webkit-gradient(linear, left bottom, left top, from(#ccc), to(#fff)); 
    916896        background-image: -webkit-linear-gradient(bottom, #ccc, #fff); 
     
    925905.wp_themeSkin a.mceButtonActive, 
    926906.wp_themeSkin a.mceButtonActive:active, 
    927907.wp_themeSkin a.mceButtonActive:hover { 
    928         border-color: #909090; 
     908        border-color: #bbb; 
    929909        background: #ddd; 
    930         background-image: -webkit-gradient(linear, left bottom, left top, from(#eee), to(#bbb)); 
    931         background-image: -webkit-linear-gradient(bottom, #eee, #bbb); 
    932         background-image:    -moz-linear-gradient(bottom, #eee, #bbb); 
    933         background-image:      -o-linear-gradient(bottom, #eee, #bbb); 
    934         background-image: linear-gradient(to top, #eee, #bbb); 
     910        background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#ccc)); 
     911        background-image: -webkit-linear-gradient(bottom, #fff, #ccc); 
     912        background-image:    -moz-linear-gradient(bottom, #fff, #ccc); 
     913        background-image:      -o-linear-gradient(bottom, #fff, #ccc); 
     914        background-image: linear-gradient(to top, #fff, #ccc); 
    935915} 
    936916 
    937917.wp_themeSkin .mceButtonDisabled { 
    938         border-color: #ccc !important; 
     918        border-color: transparent !important; 
    939919} 
    940920 
    941921.wp_themeSkin .mceListBox .mceOpen { 
     
    949929.wp_themeSkin .mceListBoxSelected .mceText, 
    950930.wp_themeSkin table.mceListBoxEnabled:active .mceText { 
    951931        background: #ccc; 
    952         border-color: #999; 
     932        border-color: #bbb; 
    953933} 
    954934 
    955935.wp_themeSkin table.mceListBoxEnabled:hover .mceText, 
    956936.wp_themeSkin .mceListBoxHover .mceText, 
    957937.wp_themeSkin table.mceListBoxEnabled:hover .mceOpen, 
    958938.wp_themeSkin .mceListBoxHover .mceOpen { 
    959         border-color: #909090; 
     939        border-color: #bbb; 
    960940        background: #eee; 
    961941        background-image: -webkit-gradient(linear, left bottom, left top, from(#ccc), to(#fff)); 
    962942        background-image: -webkit-linear-gradient(bottom, #ccc, #fff); 
     
    968948/* SplitButton */ 
    969949.wp_themeSkin .mceSplitButton a.mceAction, 
    970950.wp_themeSkin .mceSplitButton a.mceOpen { 
    971         border-color: #ccc; 
     951        border-color: transparent; 
    972952} 
    973953 
    974954.wp_themeSkin .mceSplitButton a.mceOpen:hover, 
    975955.wp_themeSkin .mceSplitButtonSelected a.mceOpen, 
    976956.wp_themeSkin table.mceSplitButtonEnabled:hover a.mceAction, 
    977957.wp_themeSkin .mceSplitButton a.mceAction:hover { 
    978         border-color: #909090; 
     958        border-color: #bbb; 
    979959} 
    980960 
    981 .wp_themeSkin table.mceSplitButton td { 
    982         background: #eee; 
    983         background-image: -webkit-gradient(linear, left bottom, left top, from(#ddd), to(#fff)); 
    984         background-image: -webkit-linear-gradient(bottom, #ddd, #fff); 
    985         background-image:    -moz-linear-gradient(bottom, #ddd, #fff); 
    986         background-image:      -o-linear-gradient(bottom, #ddd, #fff); 
    987         background-image: linear-gradient(to top, #ddd, #fff); 
     961.wp_themeSkin .mceSplitButtonSelected a.mceOpen { 
     962        background-color: #bbb; 
    988963} 
    989964 
    990 .wp_themeSkin table.mceSplitButton:hover td { 
     965.wp_themeSkin table.mceSplitButton:hover td.mceFirst, 
     966.wp_themeSkin table.mceSplitButton td.mceLast:hover { 
    991967        background: #eee; 
    992968        background-image: -webkit-gradient(linear, left bottom, left top, from(#ccc), to(#fff)); 
    993969        background-image: -webkit-linear-gradient(bottom, #ccc, #fff); 
     
    996972        background-image: linear-gradient(to top, #ccc, #fff); 
    997973} 
    998974 
     975.wp_themeSkin table.mceSplitButton:active td.mceFirst, 
     976.wp_themeSkin table.mceSplitButton td.mceLast:active { 
     977        border-color: #bbb; 
     978        background: #ddd; 
     979        background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#ccc)); 
     980        background-image: -webkit-linear-gradient(bottom, #fff, #ccc); 
     981        background-image:    -moz-linear-gradient(bottom, #fff, #ccc); 
     982        background-image:      -o-linear-gradient(bottom, #fff, #ccc); 
     983        background-image: linear-gradient(to top, #fff, #ccc); 
     984} 
     985 
    999986.wp_themeSkin .mceSplitButtonActive { 
    1000987        background-color: #B2B2B2; 
     988        -webkit-border-radius: 3px; 
     989        border-radius: 3px; 
    1001990} 
    1002991 
    1003992.wp_themeSkin .mceColorSplitMenu a.mceMoreColors:hover { 
  • wp-admin/css/colors-classic.css

     
    947947} 
    948948 
    949949/* Containers */ 
     950.wp-editor-wrap .wp-editor-container, 
    950951.wp-editor-wrap .wp_themeSkin table.mceLayout { 
    951952        border-color: #bed1dd #bed1dd #d0dfe9; 
    952953} 
     
    967968        background-color: #f5f5f5; 
    968969} 
    969970 
    970 /* Button */ 
    971 .wp-editor-wrap .wp_themeSkin .mceButton, 
    972 .wp-editor-wrap .wp_themeSkin .mceListBox .mceText, 
    973 .wp-editor-wrap .wp_themeSkin .mceListBox .mceOpen { 
    974         border-color: #b0c8d7; 
    975         background: #cfdfe9; 
     971.wp-editor-wrap .wp_themeSkin a.mceButtonEnabled:hover { 
     972        border-color: #bbb; 
     973        background: #eee; 
    976974        background-image: -webkit-gradient(linear, left bottom, left top, from(#cfdfe9), to(#fff)); 
    977975        background-image: -webkit-linear-gradient(bottom, #cfdfe9, #fff); 
    978976        background-image:    -moz-linear-gradient(bottom, #cfdfe9, #fff); 
     
    980978        background-image: linear-gradient(to top, #cfdfe9, #fff); 
    981979} 
    982980 
    983 .wp-editor-wrap .wp_themeSkin a.mceButtonEnabled:hover { 
    984         border-color: #5589aa; 
    985         background: #c9c9c9; 
    986         background-image: -webkit-gradient(linear, left bottom, left top, from(#bdccd5), to(#000)); 
    987         background-image: -webkit-linear-gradient(bottom, #bdccd5, #fff); 
    988         background-image:    -moz-linear-gradient(bottom, #bdccd5, #fff); 
    989         background-image:      -o-linear-gradient(bottom, #bdccd5, #fff); 
    990         background-image: linear-gradient(to top, #bdccd5, #fff); 
    991 } 
    992  
    993981.wp-editor-wrap .wp_themeSkin a.mceButton:active, 
    994982.wp-editor-wrap .wp_themeSkin a.mceButtonEnabled:active, 
    995983.wp-editor-wrap .wp_themeSkin a.mceButtonSelected:active, 
    996984.wp-editor-wrap .wp_themeSkin a.mceButtonActive, 
    997985.wp-editor-wrap .wp_themeSkin a.mceButtonActive:active, 
    998986.wp-editor-wrap .wp_themeSkin a.mceButtonActive:hover { 
    999         background: #b0c8d7; 
    1000         border-color: #5589aa; 
     987        background: #c7d8e2; 
     988        border-color: #b0c8d7; 
    1001989        background-image: -webkit-gradient(linear, left top, left bottom, from(#cfdfe9), to(#fff)); 
    1002990        background-image: -webkit-linear-gradient(top, #cfdfe9, #fff); 
    1003991        background-image:    -moz-linear-gradient(top, #cfdfe9, #fff); 
     
    1005993        background-image: linear-gradient(to bottom, #cfdfe9, #fff); 
    1006994} 
    1007995 
    1008 .wp-editor-wrap .wp_themeSkin .mceButtonDisabled { 
    1009         border-color: #b0c8d7 !important; 
    1010 } 
    1011  
    1012996.wp-editor-wrap .wp_themeSkin .mceListBox .mceOpen { 
    1013997        border-left: 0 !important; 
    1014998} 
     
    10191003.wp-editor-wrap .wp_themeSkin .mceListBoxSelected .mceOpen, 
    10201004.wp-editor-wrap .wp_themeSkin .mceListBoxSelected .mceText, 
    10211005.wp-editor-wrap .wp_themeSkin table.mceListBoxEnabled:active .mceText { 
    1022         background: #b0c8d7; 
    1023         border-color: #5589aa; 
     1006        background: #c7d8e2; 
     1007        border-color: #B0C8D7; 
    10241008} 
    10251009 
    10261010.wp-editor-wrap .wp_themeSkin table.mceListBoxEnabled:hover .mceText, 
    10271011.wp-editor-wrap .wp_themeSkin .mceListBoxHover .mceText, 
    10281012.wp-editor-wrap .wp_themeSkin table.mceListBoxEnabled:hover .mceOpen, 
    10291013.wp-editor-wrap .wp_themeSkin .mceListBoxHover .mceOpen { 
    1030         border-color: #5589aa; 
    1031         background: #c9c9c9; 
     1014        border-color: #B0C8D7; 
     1015        background: #c7d8e2; 
    10321016        background-image: -webkit-gradient(linear, left bottom, left top, from(#cfdfe9), to(#fff)); 
    10331017        background-image: -webkit-linear-gradient(bottom, #cfdfe9, #fff); 
    10341018        background-image:    -moz-linear-gradient(bottom, #cfdfe9, #fff); 
     
    10361020        background-image: linear-gradient(to top, #cfdfe9, #fff); 
    10371021} 
    10381022 
    1039 /* SplitButton */ 
    1040 .wp-editor-wrap .wp_themeSkin .mceSplitButton a.mceAction, 
    1041 .wp-editor-wrap .wp_themeSkin .mceSplitButton a.mceOpen { 
    1042         border-color: #b0c8d7; 
    1043 } 
    1044  
    10451023.wp-editor-wrap .wp_themeSkin .mceSplitButton a.mceOpen:hover, 
    10461024.wp-editor-wrap .wp_themeSkin .mceSplitButtonSelected a.mceOpen, 
    10471025.wp-editor-wrap .wp_themeSkin table.mceSplitButtonEnabled:hover a.mceAction, 
    10481026.wp-editor-wrap .wp_themeSkin .mceSplitButton a.mceAction:hover { 
    1049         border-color: #5589aa; 
     1027        border-color: #B0C8D7; 
    10501028} 
    10511029 
    1052 .wp-editor-wrap .wp_themeSkin table.mceSplitButton td { 
    1053         background: #cfdfe9; 
    1054         background-image: -webkit-gradient(linear, left bottom, left top, from(#cfdfe9), to(#fff)); 
    1055         background-image: -webkit-linear-gradient(bottom, #cfdfe9, #fff); 
    1056         background-image:    -moz-linear-gradient(bottom, #cfdfe9, #fff); 
    1057         background-image:      -o-linear-gradient(bottom, #cfdfe9, #fff); 
    1058         background-image: linear-gradient(to top, #cfdfe9, #fff); 
    1059 } 
    1060  
    1061 .wp-editor-wrap .wp_themeSkin table.mceSplitButton:hover td { 
     1030.wp-editor-wrap .wp_themeSkin table.mceSplitButton:hover td.mceFirst, 
     1031.wp-editor-wrap .wp_themeSkin table.mceSplitButton td.mceLast:hover { 
    10621032        background: #c9c9c9; 
    1063         background-image: -webkit-gradient(linear, left bottom, left top, from(#bdccd5), to(#000)); 
     1033        background-image: -webkit-gradient(linear, left bottom, left top, from(#bdccd5), to(#fff)); 
    10641034        background-image: -webkit-linear-gradient(bottom, #bdccd5, #fff); 
    10651035        background-image:    -moz-linear-gradient(bottom, #bdccd5, #fff); 
    10661036        background-image:      -o-linear-gradient(bottom, #bdccd5, #fff); 
    10671037        background-image: linear-gradient(to top, #bdccd5, #fff); 
    10681038} 
    10691039 
     1040.wp-editor-wrap .wp_themeSkin table.mceSplitButton:active td.mceFirst, 
     1041.wp-editor-wrap .wp_themeSkin table.mceSplitButton td.mceLast:active { 
     1042        border-color: #bbb; 
     1043        background: #c9c9c9; 
     1044        background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#bdccd5)); 
     1045        background-image: -webkit-linear-gradient(bottom, #fff, #bdccd5); 
     1046        background-image:    -moz-linear-gradient(bottom, #fff, #bdccd5); 
     1047        background-image:      -o-linear-gradient(bottom, #fff, #bdccd5); 
     1048        background-image: linear-gradient(to top, #fff, #bdccd5); 
     1049} 
     1050 
    10701051.wp-editor-wrap .wp_themeSkin .mceSplitButtonActive { 
    10711052        background-color: #b0c8d7; 
    10721053} 
    10731054 
     1055.wp-editor-wrap .wp_themeSkin .mceSplitButtonSelected a.mceOpen { 
     1056        background-color: #B0C8D7; 
     1057} 
     1058 
    10741059/* ColorSplitButton */ 
    10751060.wp-editor-wrap .wp_themeSkin div.mceColorSplitMenu table { 
    10761061        background-color: #ebebeb;