WordPress.org
Get WordPress

Make WordPress Core

Ticket #18141: 18141.8.diff

File 18141.8.diff, 13.4 KB (added by trepmal, 12 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;