WordPress.org

Make WordPress Core

Ticket #5573: mce-buttons.diff

File mce-buttons.diff, 18.5 KB (added by andy, 13 years ago)
  • wp-includes/js/tinymce/tiny_mce_config.php

     
    8787        fix_list_elements : true,
    8888        gecko_spellcheck : true,
    8989        entities : "38,amp,60,lt,62,gt",
    90         button_tile_map : true,
     90        button_tile_map : false,
    9191        content_css : "<?php echo $mce_css; ?>",
    9292        valid_elements : "<?php echo $valid_elements; ?>",
    9393        invalid_elements : "<?php echo $invalid_elements; ?>",
  • wp-includes/js/tinymce/themes/advanced/css/editor_ui.css

     
    1 /* This file contains the CSS data for the editor UI of TinyMCE instances */
    2 
    3 .mceToolbarTop a, .mceToolbarTop a:visited, .mceToolbarTop a:hover, .mceToolbarBottom a, .mceToolbarBottom a:visited, .mceToolbarBottom a:hover {border: 0; margin: 0; padding: 0; background: transparent;}
    4 .mceSeparatorLine {border: 0; padding: 0; margin-left: 4px; margin-right: 2px;}
    5 .mceSelectList {font-family: 'MS Sans Serif', sans-serif, Verdana, Arial; font-size: 7pt !important; font-weight: normal; margin-top: 3px; padding: 0; display: inline; vertical-align: top; background-color: #F0F0EE;}
    6 .mceLabel, .mceLabelDisabled {font-family: 'MS Sans Serif', sans-serif, Verdana, Arial; font-size: 9pt;}
    7 .mceLabel {color: #000000;}
    8 .mceLabelDisabled {cursor: text; color: #999999;}
    9 .mceEditor {background: #F0F0EE; border: 1px solid #ddd; padding: 0; margin: 0;}
    10 .mceEditorArea { font-family: 'MS Sans Serif', sans-serif, Verdana, Arial; background: #FFFFFF; padding: 0; margin: 0; }
    11 .mceToolbarTop, .mceToolbarBottom {background: #cee1ef; line-height: 1px; font-size: 1px;}
    12 .mceToolbarTop {border-bottom: 1px solid #cccccc; padding-bottom: 1px;}
    13 .mceToolbarBottom {border-top: 1px solid #cccccc;}
    14 .mceToolbarContainer {display: block; position: relative; left: 0; top: 0; width: 100%;}
    15 .mceStatusbarTop, .mceStatusbarBottom, .mceStatusbar {height: 20px;}
    16 .mceStatusbarTop .mceStatusbarPathText, .mceStatusbarBottom .mceStatusbarPathText, .mceStatusbar .mceStatusbarPathText {font-family: 'MS Sans Serif', sans-serif, Verdana, Arial; font-size: 9pt; padding: 2px; line-height: 16px; overflow: visible;}
    17 .mceStatusbarTop {border-bottom: 1px solid #cccccc;}
    18 .mceStatusbarBottom {border-top: 1px solid #cccccc;}
    19 .mceStatusbar {border-bottom: 1px solid #cccccc;}
    20 .mcePathItem, .mcePathItem:link, .mcePathItem:visited, .mcePathItem:hover {text-decoration: none; font-family: 'MS Sans Serif', sans-serif, Verdana, Arial; font-size: 9pt; color: #000000;}
    21 .mcePathItem:hover {text-decoration: underline;}
    22 .mceStatusbarPathText {float: left;}
    23 .mceStatusbarResize {float: right; background-image: url('../images/statusbar_resize.gif'); background-repeat: no-repeat; width: 11px; height: 20px; cursor: se-resize;}
    24 .mceResizeBox {width: 10px; height: 10px; display: none; border: 1px dotted gray; margin: 0; padding: 0;}
    25 .mceEditorIframe {border: 0;}
    26 
    27 /* Button CSS rules */
    28 
    29 a.mceButtonDisabled img, a.mceButtonNormal img, a.mceButtonSelected img {width: 20px; height: 20px; cursor: default; margin: 5px; background: #e9e8e8 url(../../../../../../../wp-admin/images/fade-butt.png); -moz-border-radius: 2px; border: 1px solid #ccc;}
    30 a.mceButtonDisabled img {border: 0 !important;}
    31 a.mceButtonNormal img, a.mceButtonSelected img {border: 1px solid #F0F0EE !important;}
    32 a.mceButtonSelected img {border: 1px solid #6779AA !important; background-color: #D4D5D8;}
    33 a.mceButtonNormal img:hover, a.mceButtonSelected img:hover {border: 1px solid #0A246A !important; cursor: default; background-color: #B6BDD2;}
    34 a.mceButtonDisabled img {-moz-opacity:0.3; opacity: 0.3; border: 1px solid #F0F0EE !important; cursor: default;}
    35 a.mceTiledButton img {background-image: url('../images/buttons.gif'); background-repeat: no-repeat;}
    36 
    37 /* Menu button CSS rules */
    38 
    39 span.mceMenuButton img, span.mceMenuButtonSelected img {border: 1px solid #F0F0EE; margin-left: 1px;}
    40 span.mceMenuButtonSelected img {border: 1px solid #6779AA; background-color: #B6BDD2;}
    41 span.mceMenuButtonSelected img.mceMenuButton {border: 1px solid #F0F0EE; background-color: transparent;}
    42 span.mceMenuButton img.mceMenuButton, span.mceMenuButtonSelected img.mceMenuButton {border-left: 0; margin-left: 0;}
    43 span.mceMenuButton:hover img, span.mceMenuButtonSelected:hover img {border: 1px solid #0A246A; background-color: #B6BDD2;}
    44 span.mceMenuButton:hover img.mceMenuButton, span.mceMenuButtonSelected:hover img.mceMenuButton {border-left: 0;}
    45 span.mceMenuButtonFocus img {border: 1px solid gray; border-right: 0; margin-left: 1px; background-color: #F5F4F2;}
    46 span.mceMenuButtonFocus img.mceMenuButton {border: 1px solid gray; border-left: 1px solid #F5F4F2; margin-left: 0;}
    47 span.mceMenuHover img {border: 1px solid #0A246A; background-color: #B6BDD2;}
    48 span.mceMenuButtonSelected.mceMenuHover img.mceMenuButton {border: 1px solid #0A246A; background-color: #B6BDD2; border-left: 0;}
    49 
    50 /* Menu */
    51 
    52 .mceMenu {position: absolute; left: 0; top: 0; display: none; z-index: 1000; background-color: white; border: 1px solid gray; font-weight: normal;}
    53 .mceMenu a, .mceMenuTitle, .mceMenuDisabled {display: block; width: 100%; text-decoration: none; background-color: white; font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 11px; line-height: 20px; color: black;}
    54 .mceMenu a:hover {background-color: #B6BDD2; color: black; text-decoration: none !important;}
    55 .mceMenu span {padding-left: 10px; padding-right: 10px; display: block; line-height: 20px;}
    56 .mceMenuSeparator {border-bottom: 1px solid gray; background-color: gray; height: 1px;}
    57 .mceMenuTitle span {padding-left: 5px;}
    58 .mceMenuTitle {background-color: #DDDDDD; font-weight: bold;}
    59 .mceMenuDisabled {color: gray;}
    60 span.mceMenuSelectedItem {background-image: url('../images/menu_check.gif'); background-repeat: no-repeat; background-position: 5px 8px; padding-left: 20px;}
    61 span.mceMenuCheckItem {padding-left: 20px;}
    62 span.mceMenuLine {display: block; position: absolute; left: 0; top: -1px; background-color: #F5F4F2; width: 30px; height: 1px; overflow: hidden; padding-left: 0; padding-right: 0;}
    63 .mceColors table, .mceColors td {margin: 0; padding: 2px;}
    64 a.mceMoreColors {width: auto; padding: 0; margin: 0 3px 3px 3px; text-align: center; border: 1px solid white; text-decoration: none !important;}
    65 .mceColorPreview {position: absolute; overflow:hidden; left: 0; top: 0; margin-left: 3px; margin-top: 15px; width: 16px; height: 4px; background-color: red;}
    66 a.mceMoreColors:hover {border: 1px solid #0A246A;}
    67 .mceColors td a {width: 9px; height: 9px; overflow: hidden; border: 1px solid #808080;}
    68 
    69 /* MSIE 6 specific rules */
    70 
    71 * html a.mceButtonNormal img, * html a.mceButtonSelected img, * html a.mceButtonDisabled img {border: 0 !important; margin-top: 2px; margin-bottom: 1px;}
    72 * html a.mceButtonDisabled img {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); border: 0 !important;}
    73 * html a.mceButtonDisabled {border: 1px solid #F0F0EE !important;}
    74 * html a.mceButtonNormal, * html a.mceButtonSelected {border: 1px solid #F0F0EE !important; cursor: default;}
    75 * html a.mceButtonSelected {border: 1px solid #6779AA !important; background-color: #D4D5D8;}
    76 * html a.mceButtonNormal:hover, * html a.mceButtonSelected:hover {border: 1px solid #0A246A !important; background-color: #B6BDD2; cursor: default;}
    77 * html .mceSelectList {margin-top: 2px;}
    78 * html span.mceMenuButton, * html span.mceMenuButtonFocus {position: relative; left: 0; top: 0;}
    79 * html span.mceMenuButton img, * html span.mceMenuButtonSelected img, * html span.mceMenuButtonFocus img {position: relative; top: 1px;}
    80 * html a.mceMoreColors {width: auto;}
    81 * html .mceColors td a {width: 10px; height: 10px;}
    82 * html .mceColorPreview {margin-left: 2px; margin-top: 14px;}
    83 
    84 /* MSIE 7 specific rules */
    85 
    86 *:first-child+html a.mceButtonNormal img, *:first-child+html a.mceButtonSelected img, *:first-child+html a.mceButtonDisabled img {border: 0 !important; margin-top: 2px; margin-bottom: 1px;}
    87 *:first-child+html a.mceButtonDisabled img {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); border: 0 !important;}
    88 *:first-child+html a.mceButtonDisabled {border: 1px solid #F0F0EE !important;}
    89 *:first-child+html a.mceButtonNormal, *:first-child+html a.mceButtonSelected {border: 1px solid #F0F0EE !important; cursor: default;}
    90 *:first-child+html a.mceButtonSelected {border: 1px solid #6779AA !important; background-color: #D4D5D8;}
    91 *:first-child+html a.mceButtonNormal:hover, *:first-child+html a.mceButtonSelected:hover {border: 1px solid #0A246A !important; background-color: #B6BDD2; cursor: default;}
    92 *:first-child+html .mceSelectList {margin-top: 2px;}
    93 *:first-child+html span.mceMenuButton, *:first-child+html span.mceMenuButtonFocus {position: relative; left: 0; top: 0;}
    94 *:first-child+html span.mceMenuButton img, *:first-child+html span.mceMenuButtonSelected img, *:first-child+html span.mceMenuButtonFocus img {position: relative; top: 1px;}
    95 *:first-child+html a.mceMoreColors {width: 137px;}
    96 *:first-child+html .mceColors td a {width: 10px; height: 10px;}
    97 *:first-child+html .mceColorPreview {margin: 0; padding-left: 4px; margin-top: 14px; width: 14px;}
     1/* This file contains the CSS data for the editor UI of TinyMCE instances */
     2
     3.mceToolbarTop a, .mceToolbarTop a:visited, .mceToolbarTop a:hover, .mceToolbarBottom a, .mceToolbarBottom a:visited, .mceToolbarBottom a:hover {border: 0; margin: 0; padding: 0; background: transparent;}
     4.mceSeparatorLine {border: 0; padding: 0; margin-left: 4px; margin-right: 2px;}
     5.mceSelectList {font-family: 'MS Sans Serif', sans-serif, Verdana, Arial; font-size: 9pt !important; font-weight: normal; margin-top: 5px; padding: 0; display: inline; vertical-align: top; background-color: #F0F0EE;}
     6.mceLabel, .mceLabelDisabled {font-family: 'MS Sans Serif', sans-serif, Verdana, Arial; font-size: 9pt;}
     7.mceLabel {color: #000000;}
     8.mceLabelDisabled {cursor: text; color: #999999;}
     9.mceEditor {background: #F0F0EE; border: 1px solid #ddd; padding: 0; margin: 0;}
     10.mceEditorArea { font-family: 'MS Sans Serif', sans-serif, Verdana, Arial; background: #FFFFFF; padding: 0; margin: 0; }
     11.mceToolbarTop, .mceToolbarBottom {background: #cee1ef; line-height: 1px; font-size: 1px;}
     12.mceToolbarTop {border-bottom: 1px solid #cccccc; padding: 3px 2px 4px;}
     13.mceToolbarBottom {border-top: 1px solid #cccccc;}
     14.mceToolbarContainer {display: block; position: relative; left: 0; top: 0; width: 100%;}
     15.mceStatusbarTop, .mceStatusbarBottom, .mceStatusbar {height: 20px;}
     16.mceStatusbarTop .mceStatusbarPathText, .mceStatusbarBottom .mceStatusbarPathText, .mceStatusbar .mceStatusbarPathText {font-family: 'MS Sans Serif', sans-serif, Verdana, Arial; font-size: 9pt; padding: 2px; line-height: 16px; overflow: visible;}
     17.mceStatusbarTop {border-bottom: 1px solid #cccccc;}
     18.mceStatusbarBottom {border-top: 1px solid #cccccc;}
     19.mceStatusbar {border-bottom: 1px solid #cccccc;}
     20.mcePathItem, .mcePathItem:link, .mcePathItem:visited, .mcePathItem:hover {text-decoration: none; font-family: 'MS Sans Serif', sans-serif, Verdana, Arial; font-size: 9pt; color: #000000;}
     21.mcePathItem:hover {text-decoration: underline;}
     22.mceStatusbarPathText {float: left;}
     23.mceStatusbarResize {float: right; background-image: url('../images/statusbar_resize.gif'); background-repeat: no-repeat; width: 11px; height: 20px; cursor: se-resize;}
     24.mceResizeBox {width: 10px; height: 10px; display: none; border: 1px dotted gray; margin: 0; padding: 0;}
     25.mceEditorIframe {border: 0;}
     26
     27/* Button CSS rules */
     28
     29img.mceSeparatorLine { height: 24px; width: 0px; overflow: hidden; border-left: 1px solid #A7B0B7; margin: 0 3px; }
     30a.mceButtonDisabled img, a.mceButtonNormal img, a.mceButtonSelected img {width: 20px; height: 20px; cursor: default; padding: 1px 2px; margin: 2px 2px 0; background: #e9e8e8 url(../../../../../../../wp-admin/images/fade-butt.png); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #ccc;}
     31a.mceButtonNormal img, a.mceButtonSelected img {border: 1px solid #B1B1B1 !important;}
     32a.mceButtonSelected img {border: 1px solid #6779AA !important; background: #D1D2D4;}
     33a.mceButtonNormal img:hover, a.mceButtonSelected img:hover {border: 1px solid #0A246A !important; cursor: default; background-color: #B6BDD2;}
     34a.mceButtonDisabled img {-moz-opacity:0.3; opacity: 0.3; border: 1px solid #c0c0c0 !important; cursor: default;}
     35a.mceTiledButton img {background-image: url('../images/buttons.gif'); background-repeat: no-repeat;}
     36
     37/* Menu button CSS rules */
     38
     39span.mceMenuButton img, span.mceMenuButtonSelected img {height: 20px; cursor: default; padding: 1px 2px; margin: 0 0 0 1px; background: #e9e8e8 url(../../../../../../../wp-admin/images/fade-butt.png); border: 1px solid #b1b1b1; -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px;}
     40span.mceMenuButtonSelected img {border: 1px solid #6779AA; background-color: #B6BDD2;}
     41span.mceMenuButtonSelected img.mceMenuButton {border: 1px solid #F0F0EE; background-color: transparent;}
     42span.mceMenuButton img.mceMenuButton, span.mceMenuButtonSelected img.mceMenuButton {-moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; border-left: 0; margin: 0 2px 0 0;}
     43span.mceMenuButton:hover img, span.mceMenuButtonSelected:hover img {border: 1px solid #0A246A; background-color: #B6BDD2;}
     44span.mceMenuButton:hover img.mceMenuButton, span.mceMenuButtonSelected:hover img.mceMenuButton {border-left: 0;}
     45span.mceMenuButtonFocus img {height: 20px; cursor: default; padding: 1px 2px; border: 1px solid #6779AA; -moz-border-radius: 4px 0 0 0; -webkit-border-radius: 4px 0 0 0; border-radius: 4px 0 0 0; margin: 0 0 0 1px; background-color: #F5F4F2;}
     46span.mceMenuButtonFocus img.mceMenuButton {-moz-border-radius: 0 4px 0 0; -webkit-border-radius: 0 4px 0 0; border-radius: 0 4px 0 0; border-left: 0; margin: 0 2px 0 0;}
     47span.mceMenuHover img {border: 1px solid #0A246A; background-color: #B6BDD2;}
     48span.mceMenuButtonSelected.mceMenuHover img.mceMenuButton {border: 1px solid #0A246A; background-color: #B6BDD2; border-left: 0;}
     49
     50/* Menu */
     51
     52.mceMenu {position: absolute; left: 0; top: 0;display: none; z-index: 1000; background-color: white; border: 1px solid #6779AA; font-weight: normal;}
     53.mceMenu a, .mceMenuTitle, .mceMenuDisabled {display: block; width: 100%; text-decoration: none; background-color: white; font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 11px; line-height: 20px; color: black;}
     54.mceMenu a:hover {background-color: #B6BDD2; color: black; text-decoration: none !important;}
     55.mceMenu span {padding-left: 10px; padding-right: 10px; display: block; line-height: 20px;}
     56.mceMenuSeparator {border-bottom: 1px solid gray; background-color: gray; height: 1px;}
     57.mceMenuTitle span {padding-left: 5px;}
     58.mceMenuTitle {background-color: #DDDDDD; font-weight: bold;}
     59.mceMenuDisabled {color: gray;}
     60span.mceMenuSelectedItem {background-image: url('../images/menu_check.gif'); background-repeat: no-repeat; background-position: 5px 8px; padding-left: 20px;}
     61span.mceMenuCheckItem {padding-left: 20px;}
     62span.mceMenuLine {display: block; position: absolute; left: 0; top: -1px; background-color: #F5F4F2; width: 38px; height: 1px; overflow: hidden; padding-left: 0; padding-right: 0;}
     63.mceColors table, .mceColors td {margin: 0; padding: 2px;}
     64a.mceMoreColors {width: auto; padding: 0; margin: 0 3px 3px 3px; text-align: center; border: 1px solid white; text-decoration: none !important;}
     65.mceColorPreview {position: absolute; overflow:hidden; left: 0; top: 0; margin-left: 3px; margin-top: 15px; width: 16px; height: 4px; background-color: red;}
     66a.mceMoreColors:hover {border: 1px solid #0A246A;}
     67.mceColors td a {width: 9px; height: 9px; overflow: hidden; border: 1px solid #808080;}
     68
     69/* MSIE 6 specific rules */
     70
     71/*
     72* html a.mceButtonNormal img, * html a.mceButtonSelected img, * html a.mceButtonDisabled img {border: 0 !important; margin-top: 2px; margin-bottom: 1px;}
     73*/
     74* html a.mceButtonDisabled img {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); border: 0 !important;}
     75* html a.mceButtonDisabled {border: 1px solid #F0F0EE !important;}
     76/*
     77* html a.mceButtonNormal, * html a.mceButtonSelected {border: 1px solid #F0F0EE !important; cursor: default;}
     78* html a.mceButtonSelected {border: 1px solid #6779AA !important; background-color: #D4D5D8;}
     79* html a.mceButtonNormal:hover, * html a.mceButtonSelected:hover {border: 1px solid #0A246A !important; background-color: #B6BDD2; cursor: default;}
     80* html .mceSelectList {margin-top: 2px;}
     81* html span.mceMenuButton, * html span.mceMenuButtonFocus {position: relative; left: 0; top: 0;}
     82* html span.mceMenuButton img, * html span.mceMenuButtonSelected img, * html span.mceMenuButtonFocus img {position: relative; top: 1px;}
     83*/
     84* html a.mceMoreColors {width: auto;}
     85* html .mceColors td a {width: 10px; height: 10px;}
     86* html .mceColorPreview {margin-left: 2px; margin-top: 14px;}
     87
     88/* MSIE 7 specific rules */
     89
     90/*
     91*:first-child+html a.mceButtonNormal img, *:first-child+html a.mceButtonSelected img, *:first-child+html a.mceButtonDisabled img {border: 0 !important; margin-top: 2px; margin-bottom: 1px;}
     92*/
     93*:first-child+html a.mceButtonDisabled img {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); border: 0 !important;margin-top:1px;}
     94*:first-child+html a.mceButtonDisabled img {border: 1px solid #ccc !important;}
     95/*
     96*:first-child+html a.mceButtonNormal, *:first-child+html a.mceButtonSelected {border: 1px solid #ccc !important; cursor: default;}
     97*:first-child+html a.mceButtonSelected {border: 1px solid #6779AA !important; background-color: #D4D5D8;}
     98*:first-child+html a.mceButtonNormal:hover, *:first-child+html a.mceButtonSelected:hover {border: 1px solid #0A246A !important; background-color: #B6BDD2; cursor: default;}
     99*:first-child+html .mceSelectList {margin-top: 3px;}
     100*:first-child+html span.mceMenuButton {padding-bottom: 1px}
     101*:first-child+html span.mceMenuButton, *:first-child+html span.mceMenuButtonFocus {position: relative; left: 0; top: 0;}
     102*:first-child+html span.mceMenuButton img, *:first-child+html span.mceMenuButtonSelected img, *:first-child+html span.mceMenuButtonFocus img {position: relative; top: 1px;}
     103*/
     104*:first-child+html a.mceMoreColors {width: 132px;}
     105*:first-child+html .mceColors td a {width: 10px; height: 10px;}
     106*:first-child+html .mceColorPreview {margin: 0; padding-left: 4px; margin-top: 14px; width: 14px;}