WordPress.org
Get WordPress

Make WordPress Core

Changeset 18066


Ignore:
Timestamp:
05/28/2011 04:46:13 PM (14 years ago)
Author:
azaozz
Message:

Fix the spellchecker button for the visual editor.
Fix focusing the editor in IE, props greuben, fixes #17467

Location:
trunk/wp-includes/js/tinymce/themes/advanced/skins/wp_theme
Files:
2 edited

Legend:

Unmodified
Added
Removed

  • trunk/wp-includes/js/tinymce/themes/advanced/skins/wp_theme/content.css

    r17966 r18066  
    7979body.mceContentBody {
    8080    font: 13px/19px Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
    81     padding: 0.6em;
    82     margin: 0;
     81    margin: 0.6em;
    8382}
    8483

  • trunk/wp-includes/js/tinymce/themes/advanced/skins/wp_theme/ui.css

    r18064 r18066  
    4646.wp_themeSkin span.mceIcon, .wp_themeSkin img.mceIcon {display:block; width:20px; height:20px}
    4747.wp_themeSkin .mceIcon {background:url(../../img/icons.gif) no-repeat 20px 20px}
     48
     49/* Button */
     50.wp_themeSkin .mceButton {
     51    display:block;
     52    width: 20px;
     53    height: 20px;
     54    cursor: default;
     55    padding: 1px 2px;
     56    margin: 1px;
     57    -moz-border-radius: 2px;
     58    -webkit-border-radius: 2px;
     59    -khtml-border-radius: 2px;
     60    border-radius: 2px;
     61    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
     62    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
     63    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
     64}
     65
     66.wp_themeSkin a.mceButtonEnabled:hover {
     67    background-image: inherit 0 -10px;
     68}
     69
     70.wp_themeSkin .mceOldBoxModel a.mceButton span, .wp_themeSkin .mceOldBoxModel a.mceButton img {margin:0 0 0 1px}
     71
     72.wp_themeSkin a.mceButton:active,
     73.wp_themeSkin a.mceButtonActive,
     74.wp_themeSkin a.mceButtonActive:hover,
     75.wp_themeSkin a.mceButtonSelected {
     76    -webkit-box-shadow:  0 1px 1px rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
     77    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
     78    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
     79}
     80.wp_themeSkin .mceButtonDisabled .mceIcon {opacity:0.4; filter:alpha(opacity=40);}
     81
     82/* Separator */
     83.wp_themeSkin .mceSeparator {
     84    height: 24px;
     85    width: 1px;
     86    display: block;
     87    background: transparent;
     88    overflow: hidden;
     89    margin: 0 2px;
     90}
     91
     92/* ListBox */
     93.wp_themeSkin .mceListBox, .wp_themeSkin .mceListBox a {display:block}
     94.wp_themeSkin .mceListBox .mceText {
     95    padding: 1px 2px 1px 5px;
     96    text-align:left;
     97    text-decoration: none;
     98    width:70px;
     99    -moz-border-bottom-left-radius: 2px;
     100    -webkit-border-bottom-left-radius: 2px;
     101    -khtml-border-bottom-left-radius: 2px;
     102    border-bottom-left-radius: 2px;
     103    -moz-border-top-left-radius: 2px;
     104    -webkit-border-top-left-radius: 2px;
     105    -khtml-border-top-left-radius: 2px;
     106    border-top-left-radius: 2px;
     107    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
     108    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
     109    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
     110    font-family: Arial, "Bitstream Vera Sans", Helvetica, Verdana, sans-serif;
     111    font-size: 12px;
     112    height: 20px;
     113    line-height: 20px;
     114    overflow: hidden;
     115}
     116.wp_themeSkin .mceListBox {
     117    margin: 1px;
     118    direction: ltr;
     119}
     120.wp_themeSkin .mceListBox .mceOpen {
     121    width: 14px;
     122    height: 20px;
     123    border-collapse: separate;
     124    padding: 1px;
     125    -moz-border-bottom-left-radius: 0;
     126    -webkit-border-bottom-left-radius: 0;
     127    -khtml-border-bottom-left-radius: 0;
     128    border-bottom-left-radius: 0;
     129    -moz-border-top-left-radius: 0;
     130    -webkit-border-top-left-radius: 0;
     131    -khtml-border-top-left-radius: 0;
     132    border-top-left-radius: 0;
     133    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
     134    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
     135    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
     136}
     137.wp_themeSkin .mceListBox .mceOpen span {
     138    display: block;
     139    width:14px;
     140    height:20px;
     141    background-image: url(img/down_arrow.gif);
     142    background-position: 2px 1px;
     143    background-repeat: no-repeat;
     144}
     145.wp_themeSkin table.mceListBoxEnabled:hover .mceText,
     146.wp_themeSkin .mceListBoxHover .mceText,
     147.wp_themeSkin .mceListBoxSelected .mceText,
     148.wp_themeSkin table.mceListBoxEnabled:hover .mceOpen,
     149.wp_themeSkin .mceListBoxHover .mceOpen,
     150.wp_themeSkin .mceListBoxSelected .mceOpen {
     151    background-image: none;
     152}
     153.wp_themeSkin .mceListBoxDisabled .mceText {color:gray}
     154.wp_themeSkin .mceListBoxMenu {overflow:auto; overflow-x:hidden}
     155.wp_themeSkin .mceOldBoxModel .mceListBox .mceText {height:22px}
     156.wp_themeSkin select.mceListBox {
     157    font-family: Arial, "Bitstream Vera Sans", Helvetica, Verdana, sans-serif;
     158    font-size:12px;
     159}
     160
     161/* SplitButton */
     162.wp_themeSkin .mceSplitButton a, .wp_themeSkin .mceSplitButton span {display:block; height:20px}
     163.wp_themeSkin .mceSplitButton {
     164    display:block;
     165    margin: 1px;
     166    direction: ltr;
     167}
     168.wp_themeSkin table.mceSplitButton td {
     169    padding: 2px;
     170    -moz-border-bottom-left-radius: 0;
     171    -webkit-border-bottom-left-radius: 0;
     172    -khtml-border-bottom-left-radius: 0;
     173    border-bottom-left-radius: 0;
     174    -moz-border-top-left-radius: 0;
     175    -webkit-border-top-left-radius: 0;
     176    -khtml-border-top-left-radius: 0;
     177    border-top-left-radius: 0;
     178}
     179
     180.wp_themeSkin table.mceSplitButton td a {
     181    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
     182    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
     183    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
     184}
     185
     186.wp_themeSkin table.mceSplitButton:hover td {
     187    background-image: inherit 0 -10px;
     188}
     189
     190.wp_themeSkin .mceSplitButton a.mceAction {
     191    height:20px;
     192    width:20px;
     193    padding: 1px 2px;
     194}
     195.wp_themeSkin .mceSplitButton span.mceAction {
     196    background-image: url(../../img/icons.gif);
     197    background-repeat: no-repeat;
     198    background-color: transparent;
     199    width:20px;
     200}
     201.wp_themeSkin .mceSplitButton a.mceOpen {
     202    width:10px;
     203    height:20px;
     204    background-image: url(img/down_arrow.gif);
     205    background-position: 1px 2px;
     206    background-repeat: no-repeat;
     207    padding: 1px;
     208    border-left: 0 none !important;
     209}
     210.wp_themeSkin .mceSplitButton span.mceOpen {display:none}
     211.wp_themeSkin .mceSplitButtonDisabled .mceAction {
     212    opacity:0.3; filter:alpha(opacity=30);
     213}
     214.wp_themeSkin .mceListBox a.mceText, .wp_themeSkin .mceSplitButton a.mceAction {
     215    -moz-border-radius-bottomleft: 3px;
     216    -webkit-border-bottom-left-radius: 3px;
     217    -khtml-border-bottom-left-radius: 3px;
     218    border-bottom-left-radius: 3px;
     219    -moz-border-radius-topleft: 3px;
     220    -webkit-border-top-left-radius: 3px;
     221    -khtml-border-top-left-radius: 3px;
     222    border-top-left-radius: 3px;
     223}
     224.wp_themeSkin .mceSplitButton a.mceOpen, .wp_themeSkin .mceListBox a.mceOpen {
     225    -moz-border-radius-bottomright: 3px;
     226    -webkit-border-bottom-right-radius: 3px;
     227    -khtml-border-bottom-right-radius: 3px;
     228    border-bottom-right-radius: 3px;
     229    -moz-border-radius-topright: 3px;
     230    -webkit-border-top-right-radius: 3px;
     231    -khtml-border-top-right-radius: 3px;
     232    border-top-right-radius: 3px;
     233}
    48234
    49235.wp_themeSkin span.mce_undo,
    … …  
    79265.wp_themeSkin .mceSplitButton .mce_spellchecker span.mce_spellchecker,
    80266.wp_themeSkin .mceSplitButton .mce_forecolor span.mce_forecolor {
    81     background: url(../../img/wpicons.png) no-repeat 20px 20px;
    82 }
    83 
    84 /* Button */
    85 .wp_themeSkin .mceButton {
    86     display:block;
    87     width: 20px;
    88     height: 20px;
    89     cursor: default;
    90     padding: 1px 2px;
    91     margin: 1px;
    92     -moz-border-radius: 2px;
    93     -webkit-border-radius: 2px;
    94     -khtml-border-radius: 2px;
    95     border-radius: 2px;
    96     -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
    97     -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
    98     box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
    99 }
    100 
    101 .wp_themeSkin a.mceButtonEnabled:hover {
    102     background-image: inherit 0 -10px;
    103 }
    104 
    105 .wp_themeSkin .mceOldBoxModel a.mceButton span, .wp_themeSkin .mceOldBoxModel a.mceButton img {margin:0 0 0 1px}
    106 
    107 .wp_themeSkin a.mceButton:active,
    108 .wp_themeSkin a.mceButtonActive,
    109 .wp_themeSkin a.mceButtonActive:hover,
    110 .wp_themeSkin a.mceButtonSelected {
    111     -webkit-box-shadow:  0 1px 1px rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
    112     -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
    113     box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
    114 }
    115 .wp_themeSkin .mceButtonDisabled .mceIcon {opacity:0.4; filter:alpha(opacity=40);}
    116 
    117 /* Separator */
    118 .wp_themeSkin .mceSeparator {
    119     height: 24px;
    120     width: 1px;
    121     display: block;
    122     background: transparent;
    123     overflow: hidden;
    124     margin: 0 2px;
    125 }
    126 
    127 /* ListBox */
    128 .wp_themeSkin .mceListBox, .wp_themeSkin .mceListBox a {display:block}
    129 .wp_themeSkin .mceListBox .mceText {
    130     padding: 1px 2px 1px 5px;
    131     text-align:left;
    132     text-decoration: none;
    133     width:70px;
    134     -moz-border-bottom-left-radius: 2px;
    135     -webkit-border-bottom-left-radius: 2px;
    136     -khtml-border-bottom-left-radius: 2px;
    137     border-bottom-left-radius: 2px;
    138     -moz-border-top-left-radius: 2px;
    139     -webkit-border-top-left-radius: 2px;
    140     -khtml-border-top-left-radius: 2px;
    141     border-top-left-radius: 2px;
    142     -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
    143     -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
    144     box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
    145     font-family: Arial, "Bitstream Vera Sans", Helvetica, Verdana, sans-serif;
    146     font-size: 12px;
    147     height: 20px;
    148     line-height: 20px;
    149     overflow: hidden;
    150 }
    151 .wp_themeSkin .mceListBox {
    152     margin: 1px;
    153     direction: ltr;
    154 }
    155 .wp_themeSkin .mceListBox .mceOpen {
    156     width: 14px;
    157     height: 20px;
    158     border-collapse: separate;
    159     padding: 1px;
    160     -moz-border-bottom-left-radius: 0;
    161     -webkit-border-bottom-left-radius: 0;
    162     -khtml-border-bottom-left-radius: 0;
    163     border-bottom-left-radius: 0;
    164     -moz-border-top-left-radius: 0;
    165     -webkit-border-top-left-radius: 0;
    166     -khtml-border-top-left-radius: 0;
    167     border-top-left-radius: 0;
    168     -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
    169     -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
    170     box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
    171 }
    172 .wp_themeSkin .mceListBox .mceOpen span {
    173     display: block;
    174     width:14px;
    175     height:20px;
    176     background-image: url(img/down_arrow.gif);
    177     background-position: 2px 1px;
    178     background-repeat: no-repeat;
    179 }
    180 .wp_themeSkin table.mceListBoxEnabled:hover .mceText,
    181 .wp_themeSkin .mceListBoxHover .mceText,
    182 .wp_themeSkin .mceListBoxSelected .mceText,
    183 .wp_themeSkin table.mceListBoxEnabled:hover .mceOpen,
    184 .wp_themeSkin .mceListBoxHover .mceOpen,
    185 .wp_themeSkin .mceListBoxSelected .mceOpen {
    186     background-image: none;
    187 }
    188 .wp_themeSkin .mceListBoxDisabled .mceText {color:gray}
    189 .wp_themeSkin .mceListBoxMenu {overflow:auto; overflow-x:hidden}
    190 .wp_themeSkin .mceOldBoxModel .mceListBox .mceText {height:22px}
    191 .wp_themeSkin select.mceListBox {
    192     font-family: Arial, "Bitstream Vera Sans", Helvetica, Verdana, sans-serif;
    193     font-size:12px;
    194 }
    195 
    196 /* SplitButton */
    197 .wp_themeSkin .mceSplitButton a, .wp_themeSkin .mceSplitButton span {display:block; height:20px}
    198 .wp_themeSkin .mceSplitButton {
    199     display:block;
    200     margin: 1px;
    201     direction: ltr;
    202 }
    203 .wp_themeSkin table.mceSplitButton td {
    204     padding: 2px;
    205     -moz-border-bottom-left-radius: 0;
    206     -webkit-border-bottom-left-radius: 0;
    207     -khtml-border-bottom-left-radius: 0;
    208     border-bottom-left-radius: 0;
    209     -moz-border-top-left-radius: 0;
    210     -webkit-border-top-left-radius: 0;
    211     -khtml-border-top-left-radius: 0;
    212     border-top-left-radius: 0;
    213 }
    214 
    215 .wp_themeSkin table.mceSplitButton td a {
    216     -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
    217     -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
    218     box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 0 2px 1px #fff;
    219 }
    220 
    221 .wp_themeSkin table.mceSplitButton:hover td {
    222     background-image: inherit 0 -10px;
    223 }
    224 
    225 .wp_themeSkin .mceSplitButton a.mceAction {
    226     height:20px;
    227     width:20px;
    228     padding: 1px 2px;
    229 }
    230 .wp_themeSkin .mceSplitButton span.mceAction {
    231     background-image: url(../../img/icons.gif);
    232     background-repeat: no-repeat;
    233     background-color: transparent;
    234     width:20px;
    235 }
    236 .wp_themeSkin .mceSplitButton a.mceOpen {
    237     width:10px;
    238     height:20px;
    239     background-image: url(img/down_arrow.gif);
    240     background-position: 1px 2px;
    241     background-repeat: no-repeat;
    242     padding: 1px;
    243     border-left: 0 none !important;
    244 }
    245 .wp_themeSkin .mceSplitButton span.mceOpen {display:none}
    246 .wp_themeSkin .mceSplitButtonDisabled .mceAction {
    247     opacity:0.3; filter:alpha(opacity=30);
    248 }
    249 .wp_themeSkin .mceListBox a.mceText, .wp_themeSkin .mceSplitButton a.mceAction {
    250     -moz-border-radius-bottomleft: 3px;
    251     -webkit-border-bottom-left-radius: 3px;
    252     -khtml-border-bottom-left-radius: 3px;
    253     border-bottom-left-radius: 3px;
    254     -moz-border-radius-topleft: 3px;
    255     -webkit-border-top-left-radius: 3px;
    256     -khtml-border-top-left-radius: 3px;
    257     border-top-left-radius: 3px;
    258 }
    259 .wp_themeSkin .mceSplitButton a.mceOpen, .wp_themeSkin .mceListBox a.mceOpen {
    260     -moz-border-radius-bottomright: 3px;
    261     -webkit-border-bottom-right-radius: 3px;
    262     -khtml-border-bottom-right-radius: 3px;
    263     border-bottom-right-radius: 3px;
    264     -moz-border-radius-topright: 3px;
    265     -webkit-border-top-right-radius: 3px;
    266     -khtml-border-top-right-radius: 3px;
    267     border-top-right-radius: 3px;
     267    background-image: url(../../img/wpicons.png);
    268268}
    269269
    … …  
    441441.wp_themeSkin .mceButtonActive span.mce_pasteword {background-position:-360px 0}
    442442
    443 .wp_themeSkin span.mce_spellchecker {background-position:-220px -20px}
     443.wp_themeSkin span.mce_spellchecker {background-position:-220px -19px}
    444444.wp_themeSkin .mceButtonEnabled:hover span.mce_spellchecker,
    445 .wp_themeSkin .mceButtonActive span.mce_spellchecker {background-position:-220px 0}
     445.wp_themeSkin .mceSplitButtonEnabled:hover span.mce_spellchecker,
     446.wp_themeSkin .mceButtonActive span.mce_spellchecker,
     447.wp_themeSkin .mceSplitButtonActive span.mce_spellchecker {background-position:-220px 1px}
    446448
    447449.wp_themeSkin span.mce_wp_help {background-position:-521px -20px}
Note: See TracChangeset for help on using the changeset viewer.