WordPress.org

Make WordPress Core

Ticket #18141: 18141.9.diff

File 18141.9.diff, 14.1 KB (added by trepmal, 6 years ago)
  • 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;
     
    241234}
    242235
    243236.wp_themeSkin .mceListBox .mceOpen {
    244         width: 14px;
     237        width: 10px;
    245238        height: 20px;
    246239        border-collapse: separate;
    247         padding: 1px;
     240        padding: 1px 0;
    248241        -webkit-border-bottom-left-radius: 0;
    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 {
    257248        display: block;
    258         width: 14px;
     249        width: 10px;
    259250        height: 20px;
     251}
     252
     253.wp_themeSkin .mceListBoxSelected .mceOpen span,
     254.wp_themeSkin .mceListBox:hover .mceOpen span {
    260255        background-image: url("../images/down_arrow.gif");
    261         background-position: 2px 1px;
     256        background-position: 0px 1px;
    262257        background-repeat: no-repeat;
    263258}
    264259
     
    285280}
    286281
    287282.wp_themeSkin select.mceListBox {
    288         font-family: Arial, "Bitstream Vera Sans", Helvetica, Verdana, sans-serif;
     283        font-family: sans-serif;
    289284        font-size: 12px;
    290285        border-color: #b2b2b2;
    291286        background-color: #fff;
     
    300295
    301296.wp_themeSkin .mceSplitButton {
    302297        display: block;
    303         margin: 1px;
    304298        direction: ltr;
    305299}
    306300
     
    310304        border-radius: 2px;
    311305}
    312306
    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 
    318307.wp_themeSkin table.mceSplitButton:hover td {
    319308        background-image: inherit 0 -10px;
    320309}
     
    335324.wp_themeSkin .mceSplitButton a.mceOpen {
    336325        width: 10px;
    337326        height: 20px;
    338         background-image: url("../images/down_arrow.gif");
    339         background-position: 1px 2px;
     327        background-position: 0px 2px;
    340328        background-repeat: no-repeat;
    341         padding: 1px;
     329        padding: 1px 0;
    342330        border-left: 0 none !important;
    343331}
    344332
     
    449437/* ColorSplitButton */
    450438.wp_themeSkin div.mceColorSplitMenu table {
    451439        background-color: #ebebeb;
    452         border-color: #B2B2B2;
     440        border-color: #bbb;
    453441}
    454442
    455443.wp_themeSkin .mceColorSplitMenu td {
     
    900888.wp_themeSkin .mceButton,
    901889.wp_themeSkin .mceListBox .mceText,
    902890.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);
     891        border-color: transparent;
    910892}
    911893
    912894.wp_themeSkin a.mceButtonEnabled:hover {
    913         border-color: #a0a0a0;
     895        border-color: #bbb;
    914896        background: #eee;
    915897        background-image: -webkit-gradient(linear, left bottom, left top, from(#ccc), to(#fff));
    916898        background-image: -webkit-linear-gradient(bottom, #ccc, #fff);
     
    925907.wp_themeSkin a.mceButtonActive,
    926908.wp_themeSkin a.mceButtonActive:active,
    927909.wp_themeSkin a.mceButtonActive:hover {
    928         border-color: #909090;
     910        border-color: #bbb;
    929911        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);
     912        background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#ccc));
     913        background-image: -webkit-linear-gradient(bottom, #fff, #ccc);
     914        background-image:    -moz-linear-gradient(bottom, #fff, #ccc);
     915        background-image:      -o-linear-gradient(bottom, #fff, #ccc);
     916        background-image: linear-gradient(to top, #fff, #ccc);
    935917}
    936918
    937919.wp_themeSkin .mceButtonDisabled {
    938         border-color: #ccc !important;
     920        border-color: transparent !important;
    939921}
    940922
    941923.wp_themeSkin .mceListBox .mceOpen {
     
    949931.wp_themeSkin .mceListBoxSelected .mceText,
    950932.wp_themeSkin table.mceListBoxEnabled:active .mceText {
    951933        background: #ccc;
    952         border-color: #999;
    953934}
    954935
    955936.wp_themeSkin table.mceListBoxEnabled:hover .mceText,
    956937.wp_themeSkin .mceListBoxHover .mceText,
    957938.wp_themeSkin table.mceListBoxEnabled:hover .mceOpen,
    958939.wp_themeSkin .mceListBoxHover .mceOpen {
    959         border-color: #909090;
     940        border-color: #bbb;
    960941        background: #eee;
    961942        background-image: -webkit-gradient(linear, left bottom, left top, from(#ccc), to(#fff));
    962943        background-image: -webkit-linear-gradient(bottom, #ccc, #fff);
     
    968949/* SplitButton */
    969950.wp_themeSkin .mceSplitButton a.mceAction,
    970951.wp_themeSkin .mceSplitButton a.mceOpen {
    971         border-color: #ccc;
     952        border-color: transparent;
    972953}
    973954
    974 .wp_themeSkin .mceSplitButton a.mceOpen:hover,
     955.wp_themeSkin .mceSplitButton:hover a.mceOpen,
    975956.wp_themeSkin .mceSplitButtonSelected a.mceOpen,
    976957.wp_themeSkin table.mceSplitButtonEnabled:hover a.mceAction,
    977958.wp_themeSkin .mceSplitButton a.mceAction:hover {
    978         border-color: #909090;
     959        border-color: #bbb;
    979960}
    980961
    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);
     962.wp_themeSkin .mceSplitButtonSelected a.mceOpen,
     963.wp_themeSkin .mceSplitButtonEnabled:hover a.mceOpen {
     964        background-image: url("../images/down_arrow.gif");
     965        background-position: 0px 2px;
     966        background-repeat: no-repeat;
    988967}
    989968
     969.wp_themeSkin .mceSplitButtonSelected a {
     970        background-color: #bbb;
     971}
     972
    990973.wp_themeSkin table.mceSplitButton:hover td {
     974        border-color: #bbb;
    991975        background: #eee;
    992976        background-image: -webkit-gradient(linear, left bottom, left top, from(#ccc), to(#fff));
    993977        background-image: -webkit-linear-gradient(bottom, #ccc, #fff);
     
    996980        background-image: linear-gradient(to top, #ccc, #fff);
    997981}
    998982
     983.wp_themeSkin table.mceSplitButton:active td.mceFirst,
     984.wp_themeSkin table.mceSplitButton td.mceLast:active {
     985        border-color: #bbb;
     986        background: #ddd;
     987        background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#ccc));
     988        background-image: -webkit-linear-gradient(bottom, #fff, #ccc);
     989        background-image:    -moz-linear-gradient(bottom, #fff, #ccc);
     990        background-image:      -o-linear-gradient(bottom, #fff, #ccc);
     991        background-image: linear-gradient(to top, #fff, #ccc);
     992}
     993
    999994.wp_themeSkin .mceSplitButtonActive {
    1000995        background-color: #B2B2B2;
     996        -webkit-border-radius: 3px;
     997        border-radius: 3px;
    1001998}
    1002999
    10031000.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;
    10241007}
    10251008
    10261009.wp-editor-wrap .wp_themeSkin table.mceListBoxEnabled:hover .mceText,
    10271010.wp-editor-wrap .wp_themeSkin .mceListBoxHover .mceText,
    10281011.wp-editor-wrap .wp_themeSkin table.mceListBoxEnabled:hover .mceOpen,
    10291012.wp-editor-wrap .wp_themeSkin .mceListBoxHover .mceOpen {
    1030         border-color: #5589aa;
    1031         background: #c9c9c9;
     1013        border-color: #B0C8D7;
     1014        background: #c7d8e2;
    10321015        background-image: -webkit-gradient(linear, left bottom, left top, from(#cfdfe9), to(#fff));
    10331016        background-image: -webkit-linear-gradient(bottom, #cfdfe9, #fff);
    10341017        background-image:    -moz-linear-gradient(bottom, #cfdfe9, #fff);
     
    10361019        background-image: linear-gradient(to top, #cfdfe9, #fff);
    10371020}
    10381021
    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 
    1045 .wp-editor-wrap .wp_themeSkin .mceSplitButton a.mceOpen:hover,
     1022.wp-editor-wrap .wp_themeSkin .mceSplitButton:hover a.mceOpen,
    10461023.wp-editor-wrap .wp_themeSkin .mceSplitButtonSelected a.mceOpen,
    10471024.wp-editor-wrap .wp_themeSkin table.mceSplitButtonEnabled:hover a.mceAction,
    10481025.wp-editor-wrap .wp_themeSkin .mceSplitButton a.mceAction:hover {
    1049         border-color: #5589aa;
     1026        border-color: #B0C8D7;
    10501027}
    10511028
    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);
     1029.wp-editor-wrap .wp_themeSkin .mceSplitButtonSelected a {
     1030        background-color: #B0C8D7;
    10591031}
    10601032
    10611033.wp-editor-wrap .wp_themeSkin table.mceSplitButton:hover td {
     1034        border-color: #bbb;
    10621035        background: #c9c9c9;
    1063         background-image: -webkit-gradient(linear, left bottom, left top, from(#bdccd5), to(#000));
     1036        background-image: -webkit-gradient(linear, left bottom, left top, from(#bdccd5), to(#fff));
    10641037        background-image: -webkit-linear-gradient(bottom, #bdccd5, #fff);
    10651038        background-image:    -moz-linear-gradient(bottom, #bdccd5, #fff);
    10661039        background-image:      -o-linear-gradient(bottom, #bdccd5, #fff);
    10671040        background-image: linear-gradient(to top, #bdccd5, #fff);
    10681041}
    10691042
     1043.wp-editor-wrap .wp_themeSkin table.mceSplitButton:active td.mceFirst,
     1044.wp-editor-wrap .wp_themeSkin table.mceSplitButton td.mceLast:active {
     1045        border-color: #bbb;
     1046        background: #c9c9c9;
     1047        background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#bdccd5));
     1048        background-image: -webkit-linear-gradient(bottom, #fff, #bdccd5);
     1049        background-image:    -moz-linear-gradient(bottom, #fff, #bdccd5);
     1050        background-image:      -o-linear-gradient(bottom, #fff, #bdccd5);
     1051        background-image: linear-gradient(to top, #fff, #bdccd5);
     1052}
     1053
    10701054.wp-editor-wrap .wp_themeSkin .mceSplitButtonActive {
    10711055        background-color: #b0c8d7;
    10721056}
    10731057
     1058.wp-editor-wrap .wp_themeSkin .mceSplitButtonSelected a.mceOpen {
     1059        background-color: #B0C8D7;
     1060}
     1061
    10741062/* ColorSplitButton */
    10751063.wp-editor-wrap .wp_themeSkin div.mceColorSplitMenu table {
    10761064        background-color: #ebebeb;