Ticket #3503: 3503.patch

File 3503.patch, 69.9 KB (added by Tobiasz Cudnik, 10 years ago)
  • _source/themes/default/theme.js

     
    1 /*
     1/*
    22Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved.
    33For licensing, see LICENSE.html or http://ckeditor.com/license
    44*/
     
    5454                                        ' dir="', editor.lang.dir, '"' +
    5555                                        ' title="', ( CKEDITOR.env.gecko ? ' ' : '' ), '"' +
    5656                                        ' tabindex="' + tabIndex + '">' +
    57                                 '<span class="' , CKEDITOR.env.cssClass, ' cke_', editor.lang.dir, '">' +
    58                                         '<table class="cke_editor" border="0" cellspacing="0" cellpadding="0" style="width:', width, '"><tbody>' +
    59                                                 '<tr', topHtml          ? '' : ' style="display:none"', '><td id="cke_top_'             , name, '" class="cke_top">'    , topHtml               , '</td></tr>' +
    60                                                 '<tr', contentsHtml     ? '' : ' style="display:none"', '><td id="cke_contents_', name, '" class="cke_contents" style="height:', height, '">', contentsHtml, '</td></tr>' +
    61                                                 '<tr', bottomHtml       ? '' : ' style="display:none"', '><td id="cke_bottom_'  , name, '" class="cke_bottom">' , bottomHtml    , '</td></tr>' +
    62                                         '</tbody></table>' +
    63                                         //Hide the container when loading skins, later restored by skin css.
    64                                         '<style>.', editor.skinClass, '{visibility:hidden;}</style>' +
    65                                 '</span>' +
     57                                        '<div class="' , CKEDITOR.env.cssClass, '">' +
     58                                                '<div class="cke_wrapper cke_', editor.lang.dir, '">' +
     59                                                        '<table class="cke_editor" border="0" cellspacing="0" cellpadding="0" style="width:', width, '"><tbody>' +
     60                                                                '<tr', topHtml          ? '' : ' style="display:none"', '><td id="cke_top_'             , name, '" class="cke_top">'    , topHtml               , '</td></tr>' +
     61                                                                '<tr', contentsHtml     ? '' : ' style="display:none"', '><td id="cke_contents_', name, '" class="cke_contents" style="height:', height, '">', contentsHtml, '</td></tr>' +
     62                                                                '<tr', bottomHtml       ? '' : ' style="display:none"', '><td id="cke_bottom_'  , name, '" class="cke_bottom">' , bottomHtml    , '</td></tr>' +
     63                                                        '</tbody></table>' +
     64                                                        //Hide the container when loading skins, later restored by skin css.
     65                                                        '<style>.', editor.skinClass, '{visibility:hidden;}</style>' +
     66                                                '</div>' +
     67                                        '</div>' +
    6668                                '</span>' ].join( '' ) );
    6769
    68                         container.getChild( [0, 0, 0, 0] ).unselectable();
    69                         container.getChild( [0, 0, 0, 2] ).unselectable();
     70                        container.getChild( [0, 0, 0, 0, 0] ).unselectable();
     71                        container.getChild( [0, 0, 0, 0, 2] ).unselectable();
    7072
    7173                        if ( elementMode == CKEDITOR.ELEMENT_MODE_REPLACE )
    7274                                container.insertAfter( element );
  • _source/plugins/floatpanel/plugin.js

     
    4949                        var doc = parentElement.getDocument(),
    5050                                panel = getPanel( editor, doc, parentElement, definition, level || 0 ),
    5151                                element = panel.element,
    52                                 iframe = element.getFirst().getFirst();
     52                                iframe = element.getFirst().getFirst().getFirst();
    5353
    5454                        this.element = element;
    5555
  • _source/plugins/dialog/plugin.js

     
    1 /*
     1/*
    22Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved.
    33For licensing, see LICENSE.html or http://ckeditor.com/license
    44*/
     
    10241024                                                id : 'ok',
    10251025                                                type : 'button',
    10261026                                                label : editor.lang.common.ok,
     1027                                                'class' : 'cke_dialog_ui_button_ok',
    10271028                                                onClick : function( evt )
    10281029                                                {
    10291030                                                        var dialog = evt.data.dialog;
     
    10571058                                                id : 'cancel',
    10581059                                                type : 'button',
    10591060                                                label : editor.lang.common.cancel,
     1061                                                'class' : 'cke_dialog_ui_button_cancel',
    10601062                                                onClick : function( evt )
    10611063                                                {
    10621064                                                        var dialog = evt.data.dialog;
  • _source/skins/office2003/panel.css

     
    134134.cke_colorblock
    135135{
    136136        padding: 3px;
    137     font-size: 11px;
    138     font-family: 'Microsoft Sans Serif', Tahoma, Arial, Verdana, Sans-Serif;
     137        font-size: 11px;
     138        font-family: 'Microsoft Sans Serif', Tahoma, Arial, Verdana, Sans-Serif;
    139139}
    140140
    141141.cke_colorblock,
  • _source/skins/office2003/toolbar.css

     
    1 /*
     1/*
    22Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved.
    33For licensing, see LICENSE.html or http://ckeditor.com/license
    44*/
     
    6262
    6363.cke_skin_office2003 .cke_separator
    6464{
     65        float: left;
    6566        display:inline-block;
    6667        border-left: solid 1px #B2CBFF;
    6768        margin-left: 2px;
     
    8182
    8283.cke_skin_office2003 .cke_toolbar_start
    8384{
     85        float: left;
    8486        display: inline-block;
    8587        background-image: url(images/sprites.png);
    8688        _background-image: url(images/sprites_ie6.png);
     
    9799
    98100.cke_skin_office2003 .cke_toolbar_end
    99101{
     102        float: left;
    100103        display: inline-block;
    101104        background-image: url(images/sprites.png);
    102105        _background-image: url(images/sprites_ie6.png);
     
    271274        background-position: left center;
    272275}
    273276
     277.cke_skin_office2003 .cke_toolgroup
     278{
     279        float: left;
     280}
    274281
    275282/* IE Section */
    276283
  • _source/plugins/toolbar/plugin.js

     
    1 /*
     1/*
    22Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved.
    33For licensing, see LICENSE.html or http://ckeditor.com/license
    44*/
     
    135135                                                editor.toolbox = new toolbox();
    136136
    137137                                                var output = [ '<div class="cke_toolbox"' ],
    138                                                         expanded =  editor.config.toolbarStartupExpanded;
     138                                                        expanded =  editor.config.toolbarStartupExpanded,
     139                                                        groupStarted;
    139140
    140141                                                output.push( expanded ? '>' : ' style="display:none">' );
    141142
     
    152153                                                                toolbarId = 'cke_' + CKEDITOR.tools.getNextNumber(),
    153154                                                                toolbarObj = { id : toolbarId, items : [] };
    154155
     156                                                        if ( groupStarted )
     157                                                        {
     158                                                                output.push( '</div>' );
     159                                                                groupStarted = 0;
     160                                                        }
     161
    155162                                                        if ( row === '/' )
    156163                                                        {
    157164                                                                output.push( '<div class="cke_break"></div>' );
     
    184191
    185192                                                                if ( item )
    186193                                                                {
     194                                                                        if ( item.canGroup )
     195                                                                        {
     196                                                                                if ( !groupStarted )
     197                                                                                {
     198                                                                                        output.push( '<div class="cke_toolgroup">' );
     199                                                                                        groupStarted = 1;                                                                               
     200                                                                                }
     201                                                                        }
     202                                                                        else if ( groupStarted )
     203                                                                        {
     204                                                                                output.push( '</div>' );
     205                                                                                groupStarted = 0;                                                                               
     206                                                                        }
     207
    187208                                                                        var itemObj = item.render( editor, output );
    188209                                                                        index = toolbarObj.items.push( itemObj ) - 1;
    189210
     
    208229                                                                }
    209230                                                        }
    210231
     232                                                        if ( groupStarted )
     233                                                        {
     234                                                                output.push( '</div>' );
     235                                                                groupStarted = 0;
     236                                                        }
     237
    211238                                                        output.push( '<span class="cke_toolbar_end"></span></div>' );
    212239                                                }
    213240
  • _source/skins/v2/richcombo.css

     
    55        display: inline-block;
    66        margin-left: 2px;
    77        margin-right: 2px;
     8        float: left;
    89}
    910
    1011.cke_skin_v2 .cke_rcombopanel
     
    3940        background-color: #f1f1e3;      /* Because of IE6+ClearType */
    4041}
    4142
     43.cke_skin_v2 .cke_rcombo .cke_inline_label
     44{
     45        display: none;
     46}
     47
    4248.cke_skin_v2 .cke_hc .cke_rcombo .cke_label
    4349{
    4450        filter: alpha(opacity=100);
  • _source/plugins/dialogui/plugin.js

     
    1 /*
     1/*
    22Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved.
    33For licensing, see LICENSE.html or http://ckeditor.com/license
    44*/
     
    478478                                                style : elementDefinition.style,
    479479                                                href : 'javascript:void(0)',
    480480                                                title : elementDefinition.label,
    481                                                 hidefocus : 'true'
     481                                                hidefocus : 'true',
     482                                                'class' : elementDefinition['class']
    482483                                        },
    483484                                        '<span class="cke_dialog_ui_button">' +
    484485                                                CKEDITOR.tools.htmlEncode( elementDefinition.label ) +
     
    12351236                                        }
    12361237
    12371238                                        // #3465: Wait for the browser to finish rendering the dialog first.
    1238                                         setTimeout( generateFormField, 500 );
     1239                                        if ( CKEDITOR.env.gecko )
     1240                                                setTimeout( generateFormField, 500 );
     1241                                                else
     1242        generateFormField();
    12391243                                },
    12401244
    12411245                                getValue : function()
  • _source/plugins/button/plugin.js

     
    1 /*
     1/*
    22Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved.
    33For licensing, see LICENSE.html or http://ckeditor.com/license
    44*/
     
    5757
    5858CKEDITOR.ui.button.prototype =
    5959{
     60        canGroup : true,
     61
    6062        /**
    6163         * Renders the button.
    6264         * @param {CKEDITOR.editor} editor The editor instance which this button is
  • _source/plugins/panelbutton/plugin.js

     
    8080
    8181                proto :
    8282                {
     83                        canGroup : true,
    8384                        createPanel : function( editor )
    8485                        {
    8586                                var _ = this._;
  • _source/skins/v2/toolbar.css

     
    1 /*
     1/*
    22Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved.
    33For licensing, see LICENSE.html or http://ckeditor.com/license
    44*/
     
    6464
    6565.cke_skin_v2 .cke_separator
    6666{
     67        float: left;
    6768        display:inline-block;
    6869        border-left: solid 1px #999;
    6970        margin-left: 2px;
     
    8384
    8485.cke_skin_v2 .cke_toolbar_start
    8586{
     87        float: left;
    8688        display: inline-block;
    8789    background-image: url(images/toolbar_start.gif);
    8890    background-repeat: no-repeat;
     
    9193    height: 16px;
    9294}
    9395
     96.cke_skin_v2 .cke_toolbar_end
     97{
     98        float: left;
     99}
     100
    94101.cke_skin_v2 .cke_button a,
    95102.cke_skin_v2 .cke_button a.cke_off
    96103{
     
    222229        background-position: left center;
    223230}
    224231
     232.cke_skin_v2 .cke_toolgroup
     233{
     234        float: left;
     235}
    225236
    226237/* IE Section */
    227238
  • _source/core/editor.js

     
    1 /*
     1/*
    22Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved.
    33For licensing, see LICENSE.html or http://ckeditor.com/license
    44*/
     
    120120                editor.skinPath = skinPath;
    121121                editor.skinClass = 'cke_skin_' + skinName;
    122122
     123                if ( editor.config.uiColor )
     124                {
     125                        // Delay to gain access to container element.
     126                        CKEDITOR.tools.setTimeout( function()
     127                                {
     128                                        if ( !this.container )
     129                                                CKEDITOR.tools.setTimeout( arguments.callee, 1000, this );
     130                                        else
     131                                                this.setUiColor( this.config.uiColor );
     132                                }, 1000, editor);
     133                }
     134
    123135                // Fire the "configLoaded" event.
    124136                editor.fireOnce( 'configLoaded' );
    125137
     
    622634                                else
    623635                                        element.setHtml( this.getData() );
    624636                        }
     637                },
     638
     639                getUiColor : function() {
     640                        return this.uiColor;
     641                },
     642               
     643                setUiColor : function( color )
     644                {
     645                        var uiStyle = this.container.getDocument().getBody().append('style'),
     646                                cssSrc = ".cke_wrapper, .cke_dialog_contents, a.cke_dialog_tab, .cke_dialog_footer " +
     647                                        "{ background-color: ${color} !important; }",
     648                                editor = this;
     649                        uiStyle.setAttribute("type", "text/css");
     650                        return (this.setUiColor = function( color )
     651                        {
     652                                var css = cssSrc.replace( '${color}', color );
     653                                editor.uiColor = color;
     654                                if ( CKEDITOR.env.ie )
     655                                        uiStyle.$.styleSheet.cssText = css;
     656                                else
     657                                        uiStyle.setHtml( css );
     658                        })( color );
    625659                }
    626660        });
    627661
  • _source/plugins/richcombo/plugin.js

     
    1 /*
     1/*
    22Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved.
    33For licensing, see LICENSE.html or http://ckeditor.com/license
    44*/
     
    111111                                        else
    112112                                                _.list.unmarkAll();
    113113
    114                                         _.panel.showBlock( this.id, new CKEDITOR.dom.element( $element ).getChild( [0, 1] ), 4 );
     114                                        _.panel.showBlock( this.id, new CKEDITOR.dom.element( $element ), 4 );
    115115                                },
    116116                                this );
    117117
     
    188188                                        ' onclick="CKEDITOR.tools.callFunction(', clickFn, ', this); return false;">' +
    189189                                                '<span>' +
    190190                                                        '<span class="cke_accessibility">' + ( this.voiceLabel ? this.voiceLabel + ' ' : '' ) + '</span>' +
    191                                                         '<span id="' + id + '_text" class="cke_text">&nbsp;</span></span>' +
     191                                                        '<span id="' + id + '_text" class="cke_text">' +
     192                                              '<span class="cke_inline_label">' + this.label + '</span>' +
     193                                                        '</span>' +
    192194                                                '<span class=cke_openbutton></span>' +
    193195                                        '</a>' +
    194196                                '</span>' +
     
    274276                {
    275277                        this._.value = value;
    276278
     279                        if ( !value )
     280                                text = '<span class="cke_inline_label">' + this.label + '</span>';
     281
    277282                        var textElement = this.document.getById( 'cke_' + this.id + '_text' );
    278283                        textElement.setHtml( typeof text != 'undefined' ? text : value );
    279284                },
     
    321326
    322327                commit : function()
    323328                {
    324                         this._.list.commit();
     329                        this._.list.commit();
    325330                },
    326331
    327332                setState : function( state )
  • _source/lang/en.js

     
    1 /*
     1/*
    22Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved.
    33For licensing, see LICENSE.html or http://ckeditor.com/license
    44*/
     
    647647                copy : 'Copyright &copy; $1. All rights reserved.'
    648648        },
    649649
    650         maximize : 'Maximize'
     650        maximize : 'Maximize',
     651
     652        uicolor :
     653        {
     654                title : 'UI Color Picker',
     655                preview : 'Live preview',
     656                config : 'Paste this string into your config.js file',
     657                predefined : 'Predefined color sets'
     658        }
    651659};
  • _samples/skins.html

     
    1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    22<!--
    33Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved.
    44For licensing, see LICENSE.html or http://ckeditor.com/license
     
    1212        <div id="html">
    1313                <form action="sample_posteddata.php" method="post">
    1414                        <p>
    15                                 <textarea id="editor1" name="editor1" rows="10" cols="80">&lt;p&gt;This is some &lt;strong&gt;sample text&lt;/strong&gt;. You are using &lt;a href="http://www.fckeditor.net/"&gt;CKEditor&lt;/a&gt;.&lt;/p&gt;</textarea>
     15                                <textarea id="editor_kama" name="editor_kama" rows="10" cols="80">&lt;p&gt;This is some &lt;strong&gt;sample text&lt;/strong&gt;. You are using &lt;a href="http://www.fckeditor.net/"&gt;CKEditor&lt;/a&gt;.&lt;/p&gt;</textarea>
    1616                                <script type="text/javascript">
    1717                                //<![CDATA[
    1818
    19                                         CKEDITOR.replace( 'editor1',
     19                                        CKEDITOR.replace( 'editor_kama',
    2020                                                {
     21                                                        skin : 'kama'
     22                                                });
     23
     24                                //]]>
     25                                </script>
     26                        </p>
     27                        <p>
     28                                <textarea id="editor_office2003" name="editor_office2003" rows="10" cols="80">&lt;p&gt;This is some &lt;strong&gt;sample text&lt;/strong&gt;. You are using &lt;a href="http://www.fckeditor.net/"&gt;CKEditor&lt;/a&gt;.&lt;/p&gt;</textarea>
     29                                <script type="text/javascript">
     30                                //<![CDATA[
     31
     32                                        CKEDITOR.replace( 'editor_office2003',
     33                                                {
    2134                                                        skin : 'office2003'
    2235                                                });
    2336
     
    2538                                </script>
    2639                        </p>
    2740                        <p>
    28                                 <textarea id="editor2" name="editor2" rows="10" cols="80">&lt;p&gt;This is some &lt;strong&gt;sample text&lt;/strong&gt;. You are using &lt;a href="http://www.fckeditor.net/"&gt;CKEditor&lt;/a&gt;.&lt;/p&gt;</textarea>
     41                                <textarea id="editor_v2" name="editor_v2" rows="10" cols="80">&lt;p&gt;This is some &lt;strong&gt;sample text&lt;/strong&gt;. You are using &lt;a href="http://www.fckeditor.net/"&gt;CKEditor&lt;/a&gt;.&lt;/p&gt;</textarea>
    2942                                <script type="text/javascript">
    3043                                //<![CDATA[
    3144
    32                                         CKEDITOR.replace( 'editor2',
     45                                        CKEDITOR.replace( 'editor_v2',
    3346                                                {
    3447                                                        skin : 'v2'
    3548                                                });
  • _source/core/config.js

     
    201201         * @example
    202202         * config.skin = 'myskin,/customstuff/myskin/';
    203203         */
    204         skin : 'v2',
     204        skin : 'kama',
    205205
    206206        /**
    207207         * The editor width in CSS size format or pixel integer.
  • _source/plugins/panel/plugin.js

     
    7878                output.push(
    7979                        '<div class="', editor.skinClass ,'"' +
    8080                                ' style="z-index:' + ( editor.config.baseFloatZIndex + 1 ) + '">' +
    81                                 '<div' +
    82                                         ' id=', id,
    83                                         ' dir=', editor.lang.dir,
    84                                         ' class="cke_panel cke_', editor.lang.dir );
     81                          '<div class="' + CKEDITOR.env.cssClass + '">' +
     82                                        '<div' +
     83                                                ' id=', id,
     84                                                ' dir=', editor.lang.dir,
     85                                                ' class="cke_panel cke_', editor.lang.dir );
    8586
    8687                if ( this.className )
    8788                        output.push( ' ', this.className );
     
    112113                }
    113114
    114115                output.push(
    115                                 '</div>' +
     116                                        '</div>' +
     117                                '</div>' +
    116118                        '</div>' );
    117119
    118120                return id;
     
    129131                                var iframe = this.document.getById( 'cke_' + this.id + '_frame' ),
    130132                                        parentDiv = iframe.getParent(),
    131133                                        dir = parentDiv.getAttribute( 'dir' ),
    132                                         className = parentDiv.getParent().getAttribute( 'class' ),
     134                                        className = parentDiv.getParent().getParent().getAttribute( 'class' ),
    133135                                        doc = iframe.getFrameDocument();
    134136
    135137                                // Initialize the IFRAME document body.
  • _source/skins/office2003/richcombo.css

     
    77        margin-right: 2px;
    88        margin-top: 2px;
    99        vertical-align: top;
     10        float: left;
    1011}
    1112
    1213.cke_skin_office2003 .cke_rcombopanel
     
    4445        _background-repeat: repeat-x;
    4546}
    4647
     48.cke_skin_office2003 .cke_rcombo .cke_inline_label
     49{
     50        display: none;
     51}
     52
    4753.cke_skin_office2003 .cke_hc .cke_rcombo .cke_label
    4854{
    4955        filter: alpha(opacity=100);
  • _source/skins/kama/menu.css

     
     
     1/*
     2Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved.
     3For licensing, see LICENSE.html or http://ckeditor.com/license
     4*/
     5
     6.cke_skin_kama .cke_contextmenu
     7{
     8    padding: 2px;
     9}
     10
     11.cke_skin_kama .cke_menuitem a
     12{
     13        display:block;
     14}
     15
     16.cke_skin_kama .cke_menuitem a:hover,
     17.cke_skin_kama .cke_menuitem a:focus,
     18.cke_skin_kama .cke_menuitem a:active
     19{
     20        background-color: #8f8f73;
     21        display:block;
     22}
     23
     24.cke_skin_kama .cke_menuitem a.cke_disabled
     25{
     26        filter: alpha(opacity=30); /* IE */
     27        opacity : 0.3; /* Safari, Opera and Mozilla */
     28}
     29
     30.cke_skin_kama .cke_menuitem .cke_icon
     31{
     32        background-image: url(icons.png);
     33        background-position: 100px;
     34        background-repeat:no-repeat;
     35        background-color: #e3e3c7;
     36        width: 16px;
     37        height: 16px;
     38        float: left;
     39        border: solid 4px #e3e3c7;
     40        filter: alpha(opacity=70); /* IE */
     41        opacity: 0.70; /* Safari, Opera and Mozilla */
     42}
     43
     44.cke_rtl .cke_skin_kama .cke_menuitem .cke_icon
     45{
     46        float: right;
     47}
     48
     49.cke_skin_kama .cke_menuitem a:hover .cke_icon,
     50.cke_skin_kama .cke_menuitem a:focus .cke_icon,
     51.cke_skin_kama .cke_menuitem a:active .cke_icon
     52{
     53        background-color: #737357;
     54        border: solid 4px #737357;
     55        filter: alpha(opacity=100); /* IE */
     56        opacity: 1; /* Safari, Opera and Mozilla */
     57}
     58
     59.cke_skin_kama .cke_menuitem .cke_label
     60{
     61        display:block;
     62    padding-right: 3px;
     63    padding-top: 5px;
     64    height:19px;
     65    margin-left: 28px;
     66    background-color: #fff;
     67        _overflow: hidden;
     68        _width: 86px;
     69}
     70
     71.cke_rtl .cke_skin_kama .cke_menuitem .cke_label
     72{
     73    padding-right: 0;
     74    margin-left: 0;
     75    padding-left: 3px;
     76    margin-right: 28px;
     77}
     78
     79.cke_skin_kama .cke_menuitem a:hover .cke_label,
     80.cke_skin_kama .cke_menuitem a:focus .cke_label,
     81.cke_skin_kama .cke_menuitem a:active .cke_label
     82{
     83        color: #fff;
     84        background-color: #8f8f73;
     85}
     86
     87.cke_skin_kama .cke_menuseparator
     88{
     89        background-color: #e3e3c7;
     90        height: 2px;
     91        filter: alpha(opacity=70); /* IE */
     92        opacity: 0.70; /* Safari, Opera and Mozilla */
     93
     94        _font-size: 0;
     95}
     96
     97.cke_skin_kama .cke_menuarrow
     98{
     99        background-image: url(images/arrowright.gif);
     100        background-repeat: no-repeat;
     101        height: 5px;
     102        width: 3px;
     103        float: right;
     104        margin-right: 2px;
     105        margin-top: 3px;
     106}
     107
     108.cke_rtl .cke_skin_kama .cke_menuarrow
     109{
     110        float: left;
     111        margin-right: 0;
     112        margin-left: 2px;
     113        background-image: url(images/arrowleft.gif);
     114}
  • _source/skins/kama/mainui.css

     
     1/*
     2Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved.
     3For licensing, see LICENSE.html or http://ckeditor.com/license
     4*/
     5
     6.cke_skin_kama
     7{
     8        display: block;
     9}
     10
     11/* Main editor only settings. */
     12span.cke_skin_kama
     13{
     14        -moz-border-radius: 5px;
     15        -webkit-border-radius: 5px;
     16        border-radius: 5px;
     17        border: 1px solid #D3D3D3;
     18        padding: 5px;
     19}
     20
     21.cke_skin_kama .cke_wrapper
     22{
     23        -moz-border-radius: 5px;
     24        -webkit-border-radius: 5px;
     25        border-radius: 5px;
     26        background-color: #d3d3d3;
     27        background-image: url(sprites.png);
     28        background-repeat: repeat-x;
     29        background-position: 0 -1950px;
     30        display: block;
     31
     32        /*background-color: Red;*/
     33}
     34
     35.cke_skin_kama .cke_browser_ie6 .cke_wrapper,
     36.cke_skin_kama .cke_browser_iequirks .cke_wrapper
     37{
     38        background-image: none;
     39}
     40
     41.cke_skin_kama .cke_editor
     42{
     43/*
     44        border: solid 1px #dcdcdc;
     45*/
     46        display: inline-table;
     47}
     48
     49.cke_skin_kama .cke_browser_opera .cke_editor
     50{
     51        display: table;
     52}
     53
     54.cke_skin_kama .cke_contents
     55{
     56        margin: 5px;
     57        padding: 0 5px 5px;
     58}
     59
     60.cke_skin_kama .cke_focus
     61{
     62        outline: auto 5px -webkit-focus-ring-color;
     63}
     64
     65.cke_skin_kama textarea.cke_source
     66{
     67        font-family: 'Courier New' , Monospace;
     68        font-size: small;
     69        background-color: #fff;
     70        white-space: pre;
     71}
     72
     73.cke_skin_kama .cke_browser_iequirks textarea.cke_source
     74{
     75        /* For IE6+Quirks only */
     76        _white-space: normal;
     77}
  • _source/skins/kama/presets.css

     
     1/*
     2Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved.
     3For licensing, see LICENSE.html or http://ckeditor.com/license
     4*/
     5
     6/* "Source" button label */
     7.cke_skin_kama .cke_button_source .cke_label
     8{
     9        display: inline;
     10}
     11
     12/* "Styles" panel size */
     13.cke_skin_kama .cke_styles_panel
     14{
     15        width: 150px;
     16        height: 170px;
     17}
     18
     19/* "Format" panel size */
     20.cke_skin_kama .cke_format_panel
     21{
     22        width: 150px;
     23        height: 170px;
     24}
     25
     26/* "Font" panel size */
     27.cke_skin_kama .cke_font_panel
     28{
     29        width: 150px;
     30        height: 170px;
     31}
     32
     33/* "Font Size" panel size */
     34.cke_skin_kama .cke_fontSize_panel
     35{
     36        height: 170px;
     37}
     38
     39/* "Font Size" combo width */
     40.cke_skin_kama .cke_fontSize .cke_text
     41{
     42        width: 25px;
     43}
     44
     45/* "Font Size" combo width (IE Quirks) */
     46.cke_skin_kama .cke_browser_iequirks .cke_fontSize .cke_text
     47{
     48        width: 32px;
     49}
  • _source/skins/kama/skin.js

     
     1/*
     2Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved.
     3For licensing, see LICENSE.html or http://ckeditor.com/license
     4*/
     5
     6CKEDITOR.skins.add( 'kama', (function()
     7{
     8        var preload = [];
     9
     10        if ( CKEDITOR.env.ie && CKEDITOR.env.version < 7 )
     11        {
     12                // For IE6, we need to preload some images, otherwhise they will be
     13                // downloaded several times (CSS background bug).
     14                preload.push( 'icons.png', 'images/sprites_ie6.png', 'images/dialog_sides.gif' );
     15        }
     16
     17        return {
     18                preload         : preload,
     19                editor          : { css : [ 'editor.css' ] },
     20                dialog          : { css : [ 'dialog.css' ] },
     21                templates       : { css : [ 'templates.css' ] },
     22                margins         : [ 0, 0, 0, 0 ]
     23        };
     24})() );
     25
     26if ( CKEDITOR.dialog )
     27{
     28        CKEDITOR.dialog.on( 'resize', function( evt )
     29                {
     30                        var data = evt.data,
     31                                width = data.width,
     32                                height = data.height,
     33                                dialog = data.dialog,
     34                                standardsMode = !CKEDITOR.env.quirk;
     35
     36                        if ( data.skin != 'kama' )
     37                                return;
     38
     39                        dialog.parts.contents.setStyles(
     40                                {
     41                                        width : width + 'px',
     42                                        height : height + 'px'
     43                                });
     44
     45                        if ( !CKEDITOR.env.ie )
     46                                return;
     47
     48                        // Fix the size of the elements which have flexible lengths.
     49                        setTimeout( function()
     50                                {
     51                                        var content = dialog.parts.contents,
     52                                                body = content.getParent(),
     53                                                innerDialog = body.getParent();
     54
     55                                        // tc
     56                                        var el = innerDialog.getChild( 2 );
     57                                        el.setStyle( 'width', ( body.$.offsetWidth ) + 'px' );
     58
     59                                        // bc
     60                                        el = innerDialog.getChild( 7 );
     61                                        el.setStyle( 'width', ( body.$.offsetWidth - 28 ) + 'px' );
     62
     63                                        // ml
     64                                        el = innerDialog.getChild( 4 );
     65                                        el.setStyle( 'height', ( body.$.offsetHeight - 31 - 14 ) + 'px' );
     66
     67                                        // mr
     68                                        el = innerDialog.getChild( 5 );
     69                                        el.setStyle( 'height', ( body.$.offsetHeight - 31 - 14 ) + 'px' );
     70                                },
     71                                100 );
     72                });
     73}
  • _source/skins/kama/toolbar.css

     
     1/*
     2Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved.
     3For licensing, see LICENSE.html or http://ckeditor.com/license
     4*/
     5
     6.cke_toolbox
     7{
     8        clear: both;
     9        padding: 5px 3px;
     10}
     11
     12@media print
     13{
     14        .cke_toolbox
     15        {
     16                display: none;
     17        }
     18}
     19
     20.cke_skin_kama a.cke_toolbox_collapser,
     21.cke_skin_kama a:hover.cke_toolbox_collapser
     22{
     23        background-image: url(images/arrowtop.gif);
     24        background-repeat: no-repeat;
     25        background-position: center center;
     26        width: 11px;
     27        height: 11px;
     28        float: right;
     29        border: 1px outset #D3D3D3;
     30        margin: 11px 4px 2px;
     31        cursor: pointer;
     32}
     33
     34.cke_skin_kama .cke_rtl a.cke_toolbox_collapser,
     35.cke_skin_kama .cke_rtl a:hover.cke_toolbox_collapser
     36{
     37        float: left;
     38}
     39
     40.cke_skin_kama a.cke_toolbox_collapser_min,
     41.cke_skin_kama a:hover.cke_toolbox_collapser_min
     42{
     43        background-image: url(images/arrowleft.gif);
     44        margin: 2px 4px;
     45}
     46
     47.cke_skin_kama .cke_rtl a.cke_toolbox_collapser_min,
     48.cke_skin_kama .cke_rtl a:hover.cke_toolbox_collapser_min
     49{
     50        background-image: url(images/arrowright.gif);
     51}
     52
     53.cke_skin_kama .cke_toolbar
     54{
     55        display:inline-block;
     56        float:left;
     57        margin-bottom: 5px
     58}
     59
     60.cke_skin_kama .cke_rtl .cke_toolbar
     61{
     62        float:right;
     63}
     64
     65.cke_skin_kama .cke_separator
     66{
     67        display: none;
     68}
     69
     70.cke_skin_kama .cke_break
     71{
     72        clear:left;
     73}
     74
     75.cke_skin_kama .cke_rtl .cke_break
     76{
     77        clear:right;
     78}
     79
     80.cke_skin_kama .cke_toolbar_start
     81{
     82        display: none;
     83}
     84
     85.cke_skin_kama .cke_toolgroup
     86{
     87        -moz-border-radius:5px;
     88        -webkit-border-radius: 5px;
     89        border-radius: 5px;
     90        background-image: url(sprites.png);
     91        background-repeat: repeat-x;
     92        background-position: 0 -500px;
     93        float:left;
     94        margin: 0 3px;
     95        padding: 2px;
     96}
     97
     98.cke_skin_kama .cke_button a,
     99.cke_skin_kama .cke_button a.cke_off
     100{
     101        filter: alpha(opacity=70); /* IE */
     102        opacity: 0.70; /* Safari, Opera and Mozilla */
     103        display: inline-block;
     104        -moz-border-radius: 3px;
     105        -webkit-border-radius: 3px;
     106        border-radius: 3px;
     107        outline: none;
     108        padding-top: 2px;
     109        padding-left: 4px;
     110        padding-right: 4px;
     111        padding-bottom: 2px;
     112        height: 18px;
     113}
     114
     115.cke_skin_kama .cke_hc .cke_button a,
     116.cke_skin_kama .cke_hc .cke_button a.cke_off
     117{
     118        opacity: 1.0;
     119        filter: alpha(opacity=100);
     120}
     121
     122.cke_skin_kama .cke_button a.cke_on
     123{
     124        background-color: #a3d7ff;
     125        filter: alpha(opacity=100); /* IE */
     126        opacity: 1; /* Safari, Opera and Mozilla */
     127        padding: 2px 4px;
     128}
     129
     130.cke_skin_kama .cke_hc .cke_button a.cke_on
     131{
     132        padding: 0 2px !important;
     133        border-width: 3px;
     134}
     135
     136.cke_skin_kama .cke_button a.cke_disabled,
     137.cke_skin_kama .cke_browser_ie a:hover.cke_button .cke_disabled
     138{
     139        filter: alpha(opacity=30); /* IE */
     140        opacity : 0.3; /* Safari, Opera and Mozilla */
     141}
     142
     143.cke_skin_kama .cke_hc .cke_button a.cke_disabled,
     144.cke_skin_kama .cke_browser_ie.cke_hc a:hover.cke_button .cke_disabled
     145{
     146        filter: alpha(opacity=60);
     147        opacity: 0.6;
     148}
     149
     150.cke_skin_kama .cke_button a:hover.cke_on,
     151.cke_skin_kama .cke_button a:focus.cke_on,
     152.cke_skin_kama .cke_button a:active.cke_on,     /* IE */
     153.cke_skin_kama .cke_button a:hover.cke_off,
     154.cke_skin_kama .cke_button a:focus.cke_off,
     155.cke_skin_kama .cke_button a:active.cke_off     /* IE */
     156{
     157        filter: alpha(opacity=100); /* IE */
     158        opacity: 1; /* Safari, Opera and Mozilla */
     159        padding: 2px 4px;
     160}
     161
     162.cke_skin_kama .cke_button a:hover.cke_on,
     163.cke_skin_kama .cke_button a:focus.cke_on,
     164.cke_skin_kama .cke_button a:active.cke_on      /* IE */
     165{
     166        background-color: #86caff;
     167}
     168
     169.cke_skin_kama .cke_button a:hover.cke_off,
     170.cke_skin_kama .cke_button a:focus.cke_off,
     171.cke_skin_kama .cke_button a:active.cke_off     /* IE */
     172{
     173        background-color: #dff1ff;
     174}
     175
     176.cke_skin_kama .cke_hc .cke_button a:hover.cke_on,
     177.cke_skin_kama .cke_hc .cke_button a:focus.cke_on,
     178.cke_skin_kama .cke_hc .cke_button a:active.cke_on,     /* IE */
     179.cke_skin_kama .cke_hc .cke_button a:hover.cke_off,
     180.cke_skin_kama .cke_hc .cke_button a:focus.cke_off,
     181.cke_skin_kama .cke_hc .cke_button a:active.cke_off     /* IE */
     182{
     183        padding: 0 2px !important;
     184        border-width: 3px;
     185}
     186
     187.cke_skin_kama .cke_button .cke_icon
     188{
     189        background-image: url(icons.png);
     190        background-position: 100px;
     191        background-repeat:no-repeat;
     192        margin-top:1px;
     193        width: 16px;
     194        height: 16px;
     195        display: inline-block;
     196}
     197
     198.cke_skin_kama .cke_button .cke_label
     199{
     200        display: none;
     201        padding-left: 3px;
     202        line-height: 18px;
     203        vertical-align: middle;
     204}
     205
     206.cke_skin_kama .cke_hc .cke_button .cke_label
     207{
     208        display: inline-block;
     209}
     210
     211.cke_skin_kama .cke_hc .cke_button .cke_icon
     212{
     213        display: none;
     214}
     215
     216.cke_skin_kama .cke_accessibility
     217{
     218        position: absolute;
     219        top: -1000000px;
     220}
     221
     222.cke_skin_kama .cke_button .cke_buttonarrow
     223{
     224        display: inline-block;
     225        height: 18px;
     226        width: 8px;
     227        background-position: right center;
     228        background-image: url(images/arrowdown.gif);
     229        background-repeat: no-repeat;
     230}
     231
     232.cke_skin_kama .cke_rtl .cke_button .cke_buttonarrow
     233{
     234        background-position: left center;
     235}
     236
     237
     238/* IE Section */
     239
     240/* Repeat it here for all variations of ".cke_button a" because of IE6 */
     241.cke_skin_kama .cke_browser_ie .cke_button a,
     242.cke_skin_kama .cke_browser_ie .cke_button a.cke_off,
     243.cke_skin_kama .cke_browser_ie .cke_button a.cke_on,
     244.cke_skin_kama .cke_browser_ie .cke_button a.cke_disabled,
     245.cke_skin_kama .cke_browser_ie .cke_button a:hover.cke_on,
     246.cke_skin_kama .cke_browser_ie .cke_button a:focus.cke_on,
     247.cke_skin_kama .cke_browser_ie .cke_button a:active.cke_on,
     248.cke_skin_kama .cke_browser_ie .cke_button a:hover.cke_off,
     249.cke_skin_kama .cke_browser_ie .cke_button a:focus.cke_off,
     250.cke_skin_kama .cke_browser_ie .cke_button a:active.cke_off
     251{
     252        padding-top: 2px;
     253        padding-left: 4px;
     254        padding-right: 4px;
     255        padding-bottom: 2px;
     256        height: 18px;
     257}
     258
     259.cke_skin_kama .cke_browser_ie .cke_separator
     260{
     261        vertical-align: 35%;
     262}
     263
     264
     265/* IE+Quirks Section */
     266
     267.cke_skin_kama .cke_browser_iequirks .cke_button a,
     268.cke_skin_kama .cke_browser_iequirks .cke_button a.cke_off,
     269.cke_skin_kama .cke_browser_iequirks .cke_button a.cke_on,
     270.cke_skin_kama .cke_browser_iequirks .cke_button a.cke_disabled,
     271.cke_skin_kama .cke_browser_iequirks .cke_button a:hover.cke_on,
     272.cke_skin_kama .cke_browser_iequirks .cke_button a:focus.cke_on,
     273.cke_skin_kama .cke_browser_iequirks .cke_button a:active.cke_on,
     274.cke_skin_kama .cke_browser_iequirks .cke_button a:hover.cke_off,
     275.cke_skin_kama .cke_browser_iequirks .cke_button a:focus.cke_off,
     276.cke_skin_kama .cke_browser_iequirks .cke_button a:active.cke_off
     277{
     278        padding-bottom: 3px;
     279}
     280
     281/* Firefox 2 Section */
     282
     283.cke_skin_kama .cke_browser_gecko .cke_toolbar,
     284.cke_skin_kama .cke_browser_gecko .cke_button a,
     285.cke_skin_kama .cke_browser_gecko .cke_button a.cke_off,
     286.cke_skin_kama .cke_browser_gecko .cke_button .cke_icon,
     287.cke_skin_kama .cke_browser_gecko .cke_button .cke_buttonarrow,
     288.cke_skin_kama .cke_browser_gecko .cke_separator,
     289.cke_skin_kama .cke_browser_gecko .cke_toolbar_start
     290{
     291        display: block;
     292        float: left;
     293}
     294
     295.cke_skin_kama .cke_browser_gecko.cke_hc .cke_button .cke_icon
     296{
     297        display: none;
     298}
     299
     300.cke_skin_kama .cke_rtl.cke_browser_gecko .cke_toolbar,
     301.cke_skin_kama .cke_rtl.cke_browser_gecko .cke_button a,
     302.cke_skin_kama .cke_rtl.cke_browser_gecko .cke_button a.cke_off,
     303.cke_skin_kama .cke_rtl.cke_browser_gecko .cke_button .cke_icon,
     304.cke_skin_kama .cke_rtl.cke_browser_gecko .cke_button .cke_buttonarrow,
     305.cke_skin_kama .cke_rtl.cke_browser_gecko .cke_toolbar_start
     306{
     307        float: right;
     308}
     309
     310.cke_skin_kama .cke_browser_gecko .cke_button .cke_label,
     311.cke_skin_kama .cke_browser_gecko .cke_break
     312{
     313        float: left;
     314}
     315
     316.cke_skin_kama .cke_rtl.cke_browser_gecko .cke_button .cke_label,
     317.cke_skin_kama .cke_rtl.cke_browser_gecko .cke_break
     318{
     319        float: right;
     320}
  • _source/skins/kama/panel.css

     
     1/*
     2Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved.
     3For licensing, see LICENSE.html or http://ckeditor.com/license
     4*/
     5
     6.cke_skin_kama .cke_panel
     7{
     8        border: 1px solid #8f8f73;
     9        background-color: #fff;
     10
     11        width: 120px;
     12        height: 100px;
     13
     14        overflow: hidden;
     15
     16        -moz-border-radius: 3px;
     17        -webkit-border-radius: 3px;
     18        border-radius: 3px;
     19}
     20
     21.cke_skin_kama .cke_contextmenu
     22{
     23        margin: 0;
     24}
     25
     26/* Ideally we would use "inherit here"... but you know... IE :( */
     27.cke_skin_kama .cke_panel iframe
     28{
     29        width: 100%;
     30        height: 100%;
     31}
     32
     33/*
     34 * All the following styles are to be used inside the iframe that holds panel
     35 * contents. We don't use the cke_skin_default there to avoid the reset to be
     36 * active.
     37 * This is not an issue as we'll never have two skins running inside the same
     38 * panel iframe.
     39 */
     40
     41html.cke_skin_kama_container
     42{
     43        overflow: auto;
     44        overflow-x: hidden;
     45}
     46
     47body.cke_panel_frame
     48{
     49        overflow: auto;
     50        overflow-x: hidden;
     51}
     52
     53ul.cke_panel_list
     54{
     55        list-style-type: none;
     56        margin: 3px;
     57        padding: 0px;
     58        white-space: nowrap;
     59}
     60
     61li.cke_panel_listItem
     62{
     63        margin: 0px;
     64}
     65
     66.cke_panel_listItem a
     67{
     68        padding: 2px;
     69        display: block;
     70        border: 1px solid #fff;
     71        color: inherit;
     72        text-decoration: none;
     73        overflow: hidden;
     74        text-overflow: ellipsis;
     75}
     76
     77/* IE6 */
     78* html .cke_panel_listItem a
     79{
     80        width : 100%;
     81
     82        /* IE is not able to inherit the color, so we must force it to black */
     83        color: #000;
     84}
     85
     86/* IE7 */
     87*:first-child+html .cke_panel_listItem a
     88{
     89        /* IE is not able to inherit the color, so we must force it to black */
     90        color: #000;
     91}
     92
     93.cke_panel_listItem.cke_selected a
     94{
     95        border: 1px solid #ccc;
     96        background-color: #e9f5ff;
     97}
     98
     99.cke_panel_listItem a:hover,
     100.cke_panel_listItem a:focus,
     101.cke_panel_listItem a:active
     102{
     103        border-color: #316ac5;
     104        background-color: #dff1ff;
     105}
     106
     107.cke_panel_grouptitle
     108{
     109        font-size: 11px;
     110        font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif;
     111        font-weight: bold;
     112        white-space: nowrap;
     113        background-color: #dcdcdc;
     114        color: #000;
     115        margin:0px;
     116        padding:3px;
     117}
     118
     119.cke_panel_listItem p,
     120.cke_panel_listItem h1,
     121.cke_panel_listItem h2,
     122.cke_panel_listItem h3,
     123.cke_panel_listItem h4,
     124.cke_panel_listItem h5,
     125.cke_panel_listItem h6,
     126.cke_panel_listItem pre
     127{
     128        margin-top: 3px;
     129        margin-bottom: 3px;
     130}
     131
     132.cke_skin_kama .cke_button_textcolor_panel,
     133.cke_skin_kama .cke_button_bgcolor_panel
     134{
     135        width: 150px;
     136        height: 135px;
     137}
     138
     139.cke_colorblock
     140{
     141        padding: 3px;
     142    font-size: 11px;
     143    font-family: 'Microsoft Sans Serif', Tahoma, Arial, Verdana, Sans-Serif;
     144}
     145
     146.cke_colorblock,
     147.cke_colorblock a
     148{
     149        text-decoration: none;
     150        color: #000;
     151}
     152
     153span.cke_colorbox
     154{
     155        width: 10px;
     156        height: 10px;
     157    border: #808080 1px solid;
     158        float: left;
     159}
     160
     161.cke_rtl span.cke_colorbox
     162{
     163        float: right;
     164}
     165
     166a.cke_colorbox
     167{
     168    border: #fff 1px solid;
     169    padding: 2px;
     170    float: left;
     171}
     172
     173.cke_rtl a.cke_colorbox
     174{
     175    float: right;
     176}
     177
     178a:hover.cke_colorbox,
     179a:focus.cke_colorbox,
     180a:active.cke_colorbox
     181{
     182    border: #316ac5 1px solid;
     183    background-color: #dff1ff;
     184}
     185
     186a.cke_colorauto,
     187a.cke_colormore
     188{
     189    border: #fff 1px solid;
     190    padding: 2px;
     191    display: block;
     192}
     193
     194a:hover.cke_colorauto,
     195a:hover.cke_colormore,
     196a:focus.cke_colorauto,
     197a:focus.cke_colormore,
     198a:active.cke_colorauto,
     199a:active.cke_colormore
     200{
     201    border: #316ac5 1px solid;
     202    background-color: #dff1ff;
     203}
  • _source/skins/kama/richcombo.css

     
     1/* Special Combo */
     2
     3.cke_skin_kama .cke_rcombo
     4{
     5        display: inline-block;
     6        margin: 0 3px;
     7}
     8
     9.cke_skin_kama .cke_rcombopanel
     10{
     11        border: 1px solid #8F8F73;
     12        -moz-border-radius-topleft: 0;
     13        -webkit-border-top-left-radius: 0;
     14        border-top-left-radius: 0;
     15}
     16
     17/* IE6 workaround, shouln't be here */
     18.cke_skin_kama .cke_browser_iequirks .cke_rcombopanel,
     19.cke_skin_kama .cke_browser_ie6 .cke_rcombopanel
     20{
     21        width: 150px;
     22}
     23
     24.cke_skin_kama .cke_rcombo a,
     25.cke_skin_kama .cke_rcombo a:active,
     26.cke_skin_kama .cke_rcombo a:hover
     27{
     28        -moz-border-radius: 5px;
     29        -webkit-border-radius: 5px;
     30        border-radius: 5px;
     31        background-image: url(sprites.png);
     32        background-repeat: repeat-x;
     33        background-position: 0 -100px;
     34        border-bottom:1px solid #DAD9D9;
     35        border-right:1px solid #DAD9D9;
     36        float:left;
     37        padding: 2px;
     38        height: 22px;
     39}
     40
     41.cke_skin_kama .cke_browser_iequirks .cke_rcombo a,
     42.cke_skin_kama .cke_browser_iequirks .cke_rcombo a:active,
     43.cke_skin_kama .cke_browser_iequirks .cke_rcombo a:hover,
     44.cke_skin_kama .cke_browser_ie6 .cke_rcombo a,
     45.cke_skin_kama .cke_browser_ie6 .cke_rcombo a:active,
     46.cke_skin_kama .cke_browser_ie6 .cke_rcombo a:hover
     47{
     48        border-bottom: 1px solid transparent;
     49        background: #FEFEFE none;
     50        padding-bottom: 0;
     51        margin-bottom: -6px;
     52}
     53
     54.cke_skin_kama .cke_hc .cke_rcombo a
     55{
     56        filter: alpha(opacity=100); /* IE */
     57        opacity: 1.0; /* Safari, Opera and Mozilla */
     58}
     59
     60.cke_skin_kama .cke_rcombo .cke_label
     61{
     62        display: none;
     63        line-height: 26px;
     64        vertical-align: top;
     65        margin-right: 5px;
     66        filter: alpha(opacity=70); /* IE */
     67        opacity: 0.70; /* Safari, Opera and Mozilla */
     68        /* background-color: #f1f1e3;   Because of IE6+ClearType */
     69}
     70
     71.cke_skin_kama .cke_rcombo .cke_inline_label
     72{
     73        line-height: 22px;
     74        font-style: italic;
     75        color: #666666;
     76}
     77
     78.cke_skin_kama .cke_hc .cke_rcombo .cke_label
     79{
     80        filter: alpha(opacity=100);
     81        opacity: 1.0;
     82}
     83
     84.cke_skin_kama .cke_rtl .cke_rcombo .cke_label
     85{
     86        padding-right: 4px;
     87        padding-left: 5px;
     88}
     89
     90.cke_skin_kama .cke_rcombo .cke_text
     91{
     92        filter: alpha(opacity=70); /* IE */
     93        opacity: 0.70; /* Safari, Opera and Mozilla */
     94
     95        height: 22px;
     96        line-height: 22px;
     97        width:60px;
     98        text-overflow: ellipsis;
     99        overflow: hidden;
     100        display: inline-block;
     101        margin: 0 2px 0 4px;
     102}
     103
     104.cke_skin_kama .cke_browser_iequirks .cke_rcombo .cke_text
     105{
     106        height: 24px;
     107        width: 72px;
     108}
     109
     110.cke_skin_kama .cke_rcombo .cke_openbutton
     111{
     112    background-image: url(sprites.png);
     113    background-position: 0 -68px;
     114    background-repeat: no-repeat;
     115        display: inline-block;
     116    width: 17px;
     117        height: 22px;
     118        margin: 2px;
     119    background-repeat: no-repeat;
     120}
     121
     122.cke_skin_kama .cke_browser_iequirks .cke_rcombo .cke_openbutton
     123{
     124        height: 24px;
     125    width: 15px;
     126}
     127
     128.cke_skin_kama .cke_rcombo .cke_off a:hover,
     129.cke_skin_kama .cke_rcombo .cke_off a:focus,
     130.cke_skin_kama .cke_rcombo .cke_off a:active,
     131.cke_skin_kama .cke_rcombo .cke_on a
     132{
     133}
     134
     135.cke_skin_kama .cke_rcombo .cke_off a:hover .cke_text,
     136.cke_skin_kama .cke_rcombo .cke_off a:focus .cke_text,
     137.cke_skin_kama .cke_rcombo .cke_off a:active .cke_text,
     138.cke_skin_kama .cke_rcombo .cke_on .cke_text
     139{
     140        border-color: #316ac5;
     141        filter: alpha(opacity=100); /* IE */
     142        opacity: 1; /* Safari, Opera and Mozilla */
     143}
     144
     145.cke_skin_kama .cke_rcombo .cke_off a:hover .cke_openbutton,
     146.cke_skin_kama .cke_rcombo .cke_off a:focus .cke_openbutton,
     147.cke_skin_kama .cke_rcombo .cke_off a:active .cke_openbutton,
     148.cke_skin_kama .cke_rcombo .cke_on .cke_openbutton
     149{
     150        border-color: #316ac5;
     151        background-color: #dff1ff;
     152}
     153
     154.cke_skin_kama .cke_rcombo .cke_on .cke_text
     155{
     156        -moz-border-radius-bottomleft: 0px;
     157        -webkit-border-bottom-left-radius: 0px;
     158        border-bottom-left-radius: 0px;
     159}
     160
     161.cke_skin_kama .cke_rcombo .cke_on .cke_openbutton
     162{
     163        -moz-border-radius-bottomright: 0px;
     164        -webkit-border-bottom-right-radius: 0px;
     165        border-bottom-right-radius: 0px;
     166}
     167
     168.cke_skin_kama .cke_rcombo .cke_disabled .cke_label
     169{
     170        filter: alpha(opacity=30); /* IE */
     171        opacity: 0.3; /* Safari, Opera and Mozilla */
     172}
     173
     174.cke_skin_kama .cke_hc .cke_rcombo .cke_disabled .cke_label
     175{
     176        filter: alpha(opacity=70);
     177        opacity: 0.7;
     178}
     179
     180.cke_skin_kama .cke_rcombo .cke_disabled .cke_text,
     181.cke_skin_kama .cke_rcombo .cke_disabled .cke_openbutton
     182{
     183        filter: alpha(opacity=50); /* IE */
     184        opacity: 0.5; /* Safari, Opera and Mozilla */
     185}
     186
     187.cke_skin_kama .cke_hc .cke_rcombo .cke_disabled .cke_text,
     188.cke_skin_kama .cke_hc .cke_rcombo .cke_disabled .cke_openbutton
     189{
     190        filter: alpha(opacity=80);
     191        opacity: 0.8;
     192}
     193
     194.cke_skin_kama .cke_rcombo .cke_disabled .cke_text
     195{
     196        color: #fff;
     197}
     198
     199/* Firefox 2 & WebKit Section */
     200
     201.cke_skin_kama .cke_browser_gecko .cke_rcombo .cke_text,
     202.cke_skin_kama .cke_browser_gecko .cke_rcombo .cke_openbutton,
     203.cke_skin_kama .cke_browser_webkit .cke_rcombo .cke_text,
     204.cke_skin_kama .cke_browser_webkit .cke_rcombo .cke_openbutton
     205{
     206        display: block;
     207        float: left;
     208}
     209
     210.cke_skin_kama .cke_browser_gecko .cke_rcombo .cke_label,
     211.cke_skin_kama .cke_browser_webkit .cke_rcombo .cke_label
     212{
     213        /*display: block;*/
     214        float: left;
     215}
     216
     217.cke_skin_kama .cke_rtl.cke_browser_gecko .cke_rcombo .cke_label,
     218.cke_skin_kama .cke_rtl.cke_browser_gecko .cke_rcombo .cke_text,
     219.cke_skin_kama .cke_rtl.cke_browser_gecko .cke_rcombo .cke_openbutton,
     220.cke_skin_kama .cke_rtl.cke_browser_webkit .cke_rcombo .cke_label,
     221.cke_skin_kama .cke_rtl.cke_browser_webkit .cke_rcombo .cke_text,
     222.cke_skin_kama .cke_rtl.cke_browser_webkit .cke_rcombo .cke_openbutton
     223{
     224        float: right;
     225}
  • _source/skins/kama/elementspath.css

     
     1/*
     2Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved.
     3For licensing, see LICENSE.html or http://ckeditor.com/license
     4*/
     5
     6@media print
     7{
     8        .cke_path
     9        {
     10                display: none;
     11        }
     12}
     13
     14.cke_skin_kama .cke_path
     15{
     16        padding: 0 5px;
     17}
     18
     19.cke_skin_kama .cke_path a,
     20.cke_skin_kama .cke_path .cke_empty
     21{
     22        display: block;
     23        float: left;
     24        padding-top: 1px;
     25        padding-bottom: 1px;
     26        padding-left: 4px;
     27        padding-right: 4px;
     28        margin-bottom : 3px;
     29        color: #60676a;
     30}
     31
     32.cke_skin_kama .cke_path .cke_empty
     33{
     34        visibility: hidden;
     35}
     36
     37.cke_skin_kama .cke_rtl .cke_path a,
     38.cke_skin_kama .cke_path .cke_empty
     39{
     40        float: right;
     41}
     42
     43.cke_skin_kama .cke_path a:hover,
     44.cke_skin_kama .cke_path a:focus,
     45.cke_skin_kama .cke_path a:active       /* IE */
     46{
     47        background-color: #dff1ff;
     48        padding-top: 1px;
     49        padding-bottom: 1px;
     50        padding-left: 4px;
     51        padding-right: 4px;
     52        outline: none;
     53        color : #000;
     54}
  • _source/skins/kama/dialog.css

     
     1/*
     2Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved.
     3For licensing, see LICENSE.html or http://ckeditor.com/license
     4*/
     5
     6/* Restore the dialog visibility */
     7body .cke_dialog
     8{
     9        visibility: visible;
     10}
     11
     12.cke_skin_kama .cke_dialog_body
     13{
     14        position: relative;
     15        z-index: 1;
     16        border: solid 1px #ddd;
     17        padding: 5px;
     18        background-color: #fff;
     19        -moz-border-radius: 5px;
     20        -webkit-border-radius: 5px;
     21        border-radius: 5px;
     22}
     23
     24.cke_skin_kama .cke_dialog_tl,
     25.cke_skin_kama .cke_dialog_tr,
     26.cke_skin_kama .cke_dialog_tc,
     27.cke_skin_kama .cke_dialog_bl,
     28.cke_skin_kama .cke_dialog_br,
     29.cke_skin_kama .cke_dialog_bc,
     30.cke_skin_kama .cke_dialog_ml,
     31.cke_skin_kama .cke_dialog_mr
     32{
     33        display:none;
     34}
     35
     36.cke_skin_kama .cke_dialog_title
     37{
     38        font-weight: bold;
     39        font-size: 14px;
     40        padding: 3px 3px 8px;
     41        cursor: move;
     42        position: relative;
     43        border-bottom: 1px solid #eee;
     44}
     45
     46.cke_skin_kama .cke_browser_iequirks .cke_dialog_title,
     47.cke_skin_kama .cke_browser_ie6 .cke_dialog_title
     48{
     49        margin-bottom: 22px;
     50}
     51
     52.cke_skin_kama .cke_browser_ie.cke_rtl .cke_dialog_title
     53{
     54        position: static !important;
     55}
     56
     57.cke_skin_kama .cke_dialog_contents
     58{
     59        background-color: #ebebeb;
     60        border: solid 1px #fff;
     61        border-bottom: none;
     62        overflow: auto;
     63        padding: 17px 10px 5px 10px;
     64        -moz-border-radius-topleft: 5px;
     65        -moz-border-radius-topright: 5px;
     66        -webkit-border-top-left-radius: 5px;
     67        -webkit-border-top-right-radius: 5px;
     68        border-top-left-radius: 5px;
     69        border-top-right-radius: 5px;
     70        margin-top: 22px;
     71}
     72
     73.cke_skin_kama .cke_dialog_footer
     74{
     75        text-align: right;
     76        background-color: #ebebeb;
     77        border: solid 1px #fff;
     78        border-bottom: none;
     79        -moz-border-radius-bottomleft: 5px;
     80        -moz-border-radius-bottomright: 5px;
     81        -webkit-border-bottom-left-radius: 5px;
     82        -webkit-border-bottom-right-radius: 5px;
     83        border-bottom-left-radius: 5px;
     84        border-bottom-right-radius: 5px;
     85}
     86
     87.cke_skin_kama .cke_rtl .cke_dialog_footer
     88{
     89        text-align: left;
     90}
     91
     92/* tabs */
     93
     94.cke_skin_kama .cke_dialog_tabs
     95{
     96        height: 23px;
     97        display: inline-block;
     98        _display: block;
     99        margin-left:10px;
     100        margin-right:10px;
     101        margin-top: 11px;
     102        position: absolute;
     103        z-index: 2;
     104}
     105
     106.cke_skin_kama .cke_browser_iequirks .cke_dialog_tabs,
     107.cke_skin_kama .cke_browser_ie6 .cke_dialog_tabs
     108{
     109        top: 33px;
     110}
     111
     112.cke_skin_kama .cke_rtl .cke_dialog_tabs
     113{
     114        right: 10px;
     115}
     116
     117.cke_skin_kama a.cke_dialog_tab,
     118.cke_skin_kama a:link.cke_dialog_tab,
     119.cke_skin_kama a:active.cke_dialog_tab,
     120.cke_skin_kama a:hover.cke_dialog_tab,
     121.cke_skin_kama a:visited.cke_dialog_tab
     122{
     123        background-image: url(sprites.png);
     124        background-repeat: repeat-x;
     125        background-position: 0 -1323px;
     126
     127        background-color: #ebebeb;
     128        height: 14px;
     129        padding: 4px 8px;
     130        display: inline-block;
     131        cursor: pointer;
     132       
     133}
     134
     135/* Gecko 1.8 layout workaround. */
     136.cke_skin_kama .cke_browser_gecko18 a.cke_dialog_tab,
     137.cke_skin_kama .cke_browser_gecko18 a:link.cke_dialog_tab,
     138.cke_skin_kama .cke_browser_gecko18 a:active.cke_dialog_tab,
     139.cke_skin_kama .cke_browser_gecko18 a:hover.cke_dialog_tab,
     140.cke_skin_kama .cke_browser_gecko18 a:visited.cke_dialog_tab
     141{
     142        display: inline;
     143        position: relative;
     144        top: 6px;
     145}
     146
     147.cke_skin_kama a:hover.cke_dialog_tab
     148{
     149        background-color: #f1f1e3;
     150}
     151
     152.cke_skin_kama a.cke_dialog_tab_selected,
     153.cke_skin_kama a:link.cke_dialog_tab_selected,
     154.cke_skin_kama a:active.cke_dialog_tab_selected,
     155.cke_skin_kama a:hover.cke_dialog_tab_selected,
     156.cke_skin_kama a:visited.cke_dialog_tab_selected
     157{
     158        background-position: 0 -1279px;
     159        cursor: default;
     160}
     161
     162/* single_page */
     163
     164.cke_skin_kama .cke_single_page .cke_dialog_tabs
     165{
     166        display: none;
     167}
     168
     169.cke_skin_kama .cke_single_page .cke_dialog_contents
     170{
     171        padding-top: 5px;
     172        margin-top: 10px;
     173}
     174
     175.cke_skin_kama .cke_dialog_ui_vbox table,
     176.cke_skin_kama .cke_dialog_ui_hbox table
     177{
     178        margin: auto;
     179}
     180
     181.cke_skin_kama .cke_dialog_ui_vbox_child
     182{
     183        padding: 5px 0px;
     184}
     185
     186.cke_skin_kama input.cke_dialog_ui_input_text,
     187.cke_skin_kama input.cke_dialog_ui_input_password
     188{
     189        background-color: white;
     190        border: none;
     191        padding: 0px;
     192        width: 100%;
     193        height: 14px;
     194}
     195
     196.cke_skin_kama div.cke_dialog_ui_input_text,
     197.cke_skin_kama div.cke_dialog_ui_input_password
     198{
     199        background-color: white;
     200        border: 1px solid #a0a0a0;
     201        padding: 1px 0px;
     202}
     203
     204.cke_skin_kama textarea.cke_dialog_ui_input_textarea
     205{
     206        background-color: white;
     207        border: none;
     208        padding: 0px;
     209        width: 100%;
     210        /*
     211         * IE6 BUG: Scrollbars in textareas can overflow even if the outer DIV is set to overflow:hidden.
     212         * So leave 1% width for the scrollbar. In most situations the 1% isn't noticeable by users.
     213         */
     214        _width: 99%;
     215        overflow: auto;
     216}
     217
     218.cke_skin_kama div.cke_dialog_ui_input_textarea
     219{
     220        background-color: white;
     221        border: 1px solid #a0a0a0;
     222        padding: 1px 0px;
     223}
     224
     225.cke_skin_kama .cke_dialog_ui_hbox
     226{
     227        width: 100%;
     228}
     229
     230.cke_skin_kama .cke_dialog_ui_hbox_first,
     231.cke_skin_kama .cke_dialog_ui_hbox_child,
     232.cke_skin_kama .cke_dialog_ui_hbox_last
     233{
     234        vertical-align: top;
     235}
     236
     237.cke_skin_kama .cke_ltr .cke_dialog_ui_hbox_first,
     238.cke_skin_kama .cke_ltr .cke_dialog_ui_hbox_child
     239{
     240        padding-right: 10px;
     241}
     242
     243.cke_skin_kama .cke_rtl .cke_dialog_ui_hbox_first,
     244.cke_skin_kama .cke_rtl .cke_dialog_ui_hbox_child
     245{
     246        padding-left: 10px;
     247}
     248
     249/* button */
     250
     251.cke_skin_kama a.cke_dialog_ui_button
     252{
     253        border-collapse: separate;
     254        cursor: default;
     255
     256        -moz-border-radius: 5px;
     257        background: transparent url(sprites.png) repeat-x scroll 0 -1069px;
     258        _background: none;
     259        padding: 5px 0;
     260}
     261
     262/* IE6 buttons. */
     263.cke_skin_kama .cke_browser_iequirks a.cke_dialog_ui_button span,
     264.cke_skin_kama .cke_browser_ie6 a.cke_dialog_ui_button span
     265{
     266        border: #737357 1px solid;
     267        padding: 2px 10px;
     268        text-align: center;
     269        color: #3b3b1f;
     270        background: #ebebeb none;
     271        display: inline-block;
     272        cursor: default;
     273}
     274
     275.cke_skin_kama a.cke_dialog_ui_button_ok
     276{
     277        background-position: 0 -1143px;
     278        text-align: left;
     279}
     280
     281.cke_skin_kama a.cke_dialog_ui_button_ok span
     282{
     283        background: transparent url(sprites.png) no-repeat scroll right -1219px;
     284        min-width: 60px;
     285        padding-right: 20px;
     286        text-align: left;
     287}
     288
     289.cke_skin_kama a.cke_dialog_ui_button_cancel
     290{
     291        background-position: 0 -1104px;
     292}
     293
     294.cke_skin_kama a.cke_dialog_ui_button_cancel span
     295{
     296        background: transparent url(sprites.png) no-repeat scroll right -1245px;
     297        padding-right: 20px;
     298}
     299
     300.cke_skin_kama .cke_browser_iequirks a.cke_dialog_ui_button_cancel span,
     301.cke_skin_kama .cke_browser_ie6 a.cke_dialog_ui_button_cancel span,
     302.cke_skin_kama .cke_browser_iequirks a.cke_dialog_ui_button_ok span,
     303.cke_skin_kama .cke_browser_ie6 a.cke_dialog_ui_button_ok span
     304{
     305        background-image: none;
     306        padding-right: 10px;
     307}
     308
     309.cke_skin_kama span.cke_dialog_ui_button
     310{
     311        padding: 2px 10px;
     312        text-align: center;
     313        color: #222;
     314        display: inline-block;
     315        cursor: default;
     316}
     317
     318/* Gecko 1.8 does not support display: inline-block */
     319.cke_skin_kama .cke_browser_gecko18 .cke_dialog_footer_buttons span.cke_dialog_ui_button
     320{
     321        display: block;
     322}
     323
     324.cke_skin_kama a.cke_dialog_ui_button span.cke_disabled
     325{
     326        border: #898980 1px solid;
     327        color: #5e5e55;
     328        background-color: #c5c5b3;
     329}
     330
     331.cke_skin_kama a:hover.cke_dialog_ui_button,
     332.cke_skin_kama a:focus.cke_dialog_ui_button,
     333.cke_skin_kama a:active.cke_dialog_ui_button
     334{
     335        background-position: 0 -1179px;
     336}
     337
     338/* Skip hover effect on IE6 */
     339.cke_skin_kama .cke_browser_iequirks a:hover.cke_dialog_ui_button span,
     340.cke_skin_kama .cke_browser_iequirks a:focus.cke_dialog_ui_button span,
     341.cke_skin_kama .cke_browser_iequirks a:active.cke_dialog_ui_button span,
     342.cke_skin_kama .cke_browser_ie6 a:hover.cke_dialog_ui_button span,
     343.cke_skin_kama .cke_browser_ie6 a:focus.cke_dialog_ui_button span,
     344.cke_skin_kama .cke_browser_ie6 a:active.cke_dialog_ui_button span
     345{
     346        background-image: none;
     347        background: #F4F4F4;
     348}
     349
     350.cke_skin_kama .cke_dialog_footer_buttons
     351{
     352        display: inline-table;
     353        margin-right: 12px;
     354        margin-left: 12px;
     355        width: auto;
     356        position: relative;
     357}
     358
     359/* Gecko 1.8 does not support for display: inline-table */
     360.cke_skin_kama .cke_browser_gecko18 .cke_dialog_footer_buttons
     361{
     362        display: inline;
     363}
     364
     365.cke_skin_kama .cke_dialog_footer_buttons span.cke_dialog_ui_button
     366{
     367        margin: 7px 0;
     368        text-align: center;
     369}
     370
     371.cke_skin_kama strong
     372{
     373        font-weight: bold;
     374}
     375
     376/* close_button */
     377
     378.cke_skin_kama .cke_dialog_close_button
     379{
     380        background-image: url(sprites.png);
     381        background-repeat: no-repeat;
     382        background-position: 0 -1022px;
     383        position: absolute;
     384        cursor: pointer;
     385        text-align: center;
     386        height: 20px;
     387        width: 20px;
     388        top: 5px;
     389}
     390
     391.cke_skin_kama .cke_dialog_close_button span
     392{
     393        display: none;
     394}
     395
     396.cke_skin_kama .cke_dialog_close_button:hover
     397{
     398        background-position: 0 -1045px;
     399}
     400
     401.cke_skin_kama .cke_ltr .cke_dialog_close_button
     402{
     403        right: 10px;
     404        _right: 22px;
     405}
     406
     407.cke_skin_kama .cke_rtl .cke_dialog_close_button
     408{
     409        left: 10px;
     410        _left: 22px;
     411}
     412
     413.cke_skin_kama .cke_browser_ie6.cke_rtl .cke_dialog_close_button
     414{
     415        position: relative;
     416        float: left;
     417        margin-top: -55px;
     418        margin-left: -7px;
     419}
     420
     421.cke_skin_kama .cke_browser_iequirks.cke_rtl.cke_single_page .cke_dialog_close_button
     422{
     423        margin-top: -32px;
     424}
     425
     426.cke_skin_kama .cke_browser_iequirks.cke_ltr .cke_dialog_close_button
     427{
     428        margin-top: 0;
     429}
     430
     431.cke_skin_kama .cke_dialog_ui_input_select
     432{
     433        border: 1px solid #a0a0a0;
     434        background-color: white;
     435}
     436
     437.cke_skin_kama iframe.cke_dialog_ui_input_file
     438{
     439        width: 100%;
     440        height: 25px;
     441}
     442
     443/*
     444 * Some utility CSS classes for dialog authors.
     445 */
     446.cke_skin_kama .cke_dialog .dark_background
     447{
     448        background-color: #eaead1;
     449}
     450
     451.cke_skin_kama .cke_dialog .hand
     452{
     453        cursor: pointer;
     454}
     455
     456.cke_skin_kama .cke_dialog .centered
     457{
     458        text-align: center;
     459}
     460
     461.cke_skin_kama .cke_dialog .cke_btn_reset
     462{
     463        float: right;
     464        background-position: 0 -32px;
     465        background-image: url(images/mini.gif);
     466        width: 16px;
     467        height: 16px;
     468        background-repeat: no-repeat;
     469        border: 1px none;
     470        font-size: 1px;
     471}
     472
     473.cke_skin_kama .cke_rtl .cke_dialog .cke_btn_reset
     474{
     475        float: left;
     476}
     477
     478.cke_skin_kama .cke_dialog .cke_btn_locked,
     479.cke_skin_kama .cke_dialog .cke_btn_unlocked
     480{
     481        float: left;
     482        background-position: 0 0;
     483        background-image: url(images/mini.gif);
     484        width: 16px;
     485        height: 16px;
     486        background-repeat: no-repeat;
     487        border: none 1px;
     488        font-size: 1px;
     489}
     490
     491.cke_skin_kama .cke_dialog .cke_btn_locked,
     492.cke_skin_kama .cke_dialog .cke_btn_unlocked
     493{
     494        float: right;
     495}
     496
     497.cke_skin_kama .cke_dialog .cke_btn_unlocked
     498{
     499        background-position: 0 -16px;
     500        background-image: url(images/mini.gif);
     501}
     502
     503.cke_skin_kama .cke_dialog .cke_btn_over
     504{
     505        border: outset 1px;
     506        cursor: pointer;
     507        cursor: hand;
     508}
     509
     510.cke_skin_kama .cke_dialog  #ImagePreviewBox
     511{
     512        white-space : normal;
     513        border : 2px ridge black;
     514        overflow : scroll;
     515        height : 160px;
     516        width : 230px;
     517        padding : 2px;
     518        background-color : white;
     519}
     520.cke_skin_kama .cke_dialog  #ImagePreviewLoader
     521{
     522        position: absolute;
     523        white-space : normal;
     524        overflow : hidden;
     525        height : 160px;
     526        width : 230px;
     527        margin : 2px;
     528        padding : 2px;
     529        opacity : 0.9;
     530        filter : alpha(opacity=90);
     531
     532        background-color : #e4e4e4;
     533}
     534
     535.cke_skin_kama .cke_dialog  #FlashPreviewBox
     536{
     537        white-space : normal;
     538        border : 2px ridge black;
     539        overflow : auto;
     540        height : 160px;
     541        width : 390px;
     542        padding : 2px;
     543        background-color : white;
     544}
     545
     546.cke_skin_kama .cke_dialog .cke_dark_background
     547{
     548        text-align : center;
     549        background-color: #eaead1;
     550        font-size : 14px;
     551}
     552
     553.cke_skin_kama .cke_dialog .cke_light_background
     554{
     555        text-align : center;
     556        background-color: #ffffbe;
     557}
     558
     559.cke_skin_kama .cke_dialog .cke_hand
     560{
     561        cursor: pointer;
     562        cursor: hand;
     563}
     564
     565.cke_skin_kama .disabled
     566{
     567        color: #a0a0a0;
     568}
     569
     570
     571/* High Contrast Mode */
     572
     573.cke_skin_kama .cke_hc .cke_dialog_title,
     574.cke_skin_kama .cke_hc .cke_dialog_tabs,
     575.cke_skin_kama .cke_hc .cke_dialog_contents,
     576.cke_skin_kama .cke_hc .cke_dialog_footer
     577{
     578        border-left: 1px solid;
     579        border-right: 1px solid;
     580}
     581
     582.cke_skin_kama .cke_hc .cke_dialog_title
     583{
     584        border-top: 1px solid;
     585}
     586
     587.cke_skin_kama .cke_hc .cke_dialog_footer
     588{
     589        border-bottom: 1px solid;
     590}
     591
     592.cke_skin_kama .cke_hc .cke_dialog_close_button span
     593{
     594        display: inline;
     595        cursor: pointer;
     596        cursor: hand;
     597        font-weight: bold;
     598        position: relative;
     599        top: 3px;
     600}
     601
     602.cke_skin_kama a.cke_smile img
     603{
     604        /* IE6 does not support transparent borders */
     605        border: 2px solid #eaead1;
     606}
     607
     608.cke_skin_kama a.cke_smile:focus img,
     609.cke_skin_kama a.cke_smile:active img,
     610.cke_skin_kama a.cke_smile:hover img
     611{
     612        border-color: #C7C78F;
     613}
  • _source/skins/kama/icons.css

     
     1/*
     2Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved.
     3For licensing, see LICENSE.html or http://ckeditor.com/license
     4*/
     5
     6.cke_skin_kama .cke_button_source .cke_icon
     7{
     8        background-position: 0 0;
     9}
     10
     11.cke_skin_kama .cke_button_newpage .cke_icon
     12{
     13        background-position: 0 -48px;
     14}
     15
     16.cke_skin_kama .cke_button_preview .cke_icon
     17{
     18        background-position: 0 -64px;
     19}
     20
     21.cke_skin_kama .cke_button_cut .cke_icon
     22{
     23        background-position: 0 -96px;
     24}
     25
     26.cke_skin_kama .cke_button_copy .cke_icon
     27{
     28        background-position: 0 -112px;
     29}
     30
     31.cke_skin_kama .cke_button_paste .cke_icon
     32{
     33        background-position: 0 -128px;
     34}
     35
     36.cke_skin_kama .cke_button_pastetext .cke_icon
     37{
     38        background-position: 0 -144px;
     39}
     40
     41.cke_skin_kama .cke_button_find .cke_icon
     42{
     43        background-position: 0 -240px;
     44}
     45
     46.cke_skin_kama .cke_button_replace .cke_icon
     47{
     48        background-position: 0 -256px;
     49}
     50
     51.cke_skin_kama .cke_button_selectAll .cke_icon
     52{
     53        background-position: 0 -272px;
     54}
     55
     56.cke_skin_kama .cke_button_removeFormat .cke_icon
     57{
     58        background-position: 0 -288px;
     59}
     60
     61.cke_skin_kama .cke_button_bold .cke_icon
     62{
     63        background-position: 0 -304px;
     64}
     65
     66.cke_skin_kama .cke_button_italic .cke_icon
     67{
     68        background-position: 0 -320px;
     69}
     70
     71.cke_skin_kama .cke_button_underline .cke_icon
     72{
     73        background-position: 0 -336px;
     74}
     75
     76.cke_skin_kama .cke_button_strike .cke_icon
     77{
     78        background-position: 0 -352px;
     79}
     80
     81.cke_skin_kama .cke_button_subscript .cke_icon
     82{
     83        background-position: 0 -368px;
     84}
     85
     86.cke_skin_kama .cke_button_superscript .cke_icon
     87{
     88        background-position: 0 -384px;
     89}
     90
     91.cke_skin_kama .cke_button_table .cke_icon
     92{
     93        background-position: 0 -608px;
     94}
     95
     96.cke_skin_kama .cke_button_horizontalrule .cke_icon
     97{
     98        background-position: 0 -624px;
     99}
     100
     101.cke_skin_kama .cke_button_smiley .cke_icon
     102{
     103        background-position: 0 -640px;
     104}
     105
     106.cke_skin_kama .cke_button_link .cke_icon
     107{
     108        background-position: 0 -528px;
     109}
     110
     111.cke_skin_kama .cke_button_unlink .cke_icon
     112{
     113        background-position: 0 -544px;
     114}
     115
     116.cke_skin_kama .cke_button_anchor .cke_icon
     117{
     118        background-position: 0 -560px;
     119}
     120
     121.cke_skin_kama .cke_button_image .cke_icon
     122{
     123        background-position: 0 -576px;
     124}
     125
     126.cke_skin_kama .cke_button_flash .cke_icon
     127{
     128        background-position: 0 -592px;
     129}
     130
     131.cke_skin_kama .cke_button_specialchar .cke_icon
     132{
     133        background-position: 0 -656px;
     134}
     135
     136.cke_skin_kama .cke_button_pagebreak .cke_icon
     137{
     138        background-position: 0 -672px;
     139}
     140
     141.cke_skin_kama .cke_button_print .cke_icon
     142{
     143        background-position: 0 -176px;
     144}
     145
     146.cke_skin_kama .cke_button_checkspell .cke_icon
     147{
     148        background-position: 0 -192px;
     149}
     150
     151.cke_skin_kama .cke_button_pagebreak .cke_icon
     152{
     153        background-position: 0 -672px;
     154}
     155
     156.cke_skin_kama .cke_button_textcolor .cke_icon
     157{
     158        background-position: 0 -704px;
     159}
     160
     161.cke_skin_kama .cke_button_bgcolor .cke_icon
     162{
     163        background-position: 0 -720px;
     164}
     165
     166.cke_skin_kama .cke_button_form .cke_icon
     167{
     168        background-position: 0 -752px;
     169}
     170
     171.cke_skin_kama .cke_button_checkbox .cke_icon
     172{
     173        background-position: 0 -768px;
     174}
     175
     176.cke_skin_kama .cke_button_radio .cke_icon
     177{
     178        background-position: 0 -784px;
     179}
     180
     181.cke_skin_kama .cke_button_textfield .cke_icon
     182{
     183        background-position: 0 -800px;
     184}
     185
     186.cke_skin_kama .cke_button_textarea .cke_icon
     187{
     188        background-position: 0 -816px;
     189}
     190.cke_skin_kama .cke_button_showblocks .cke_icon
     191{
     192        background-position: 0 -1136px;
     193}
     194
     195.cke_skin_kama .cke_button_select .cke_icon
     196{
     197        background-position: 0 -832px;
     198}
     199
     200.cke_skin_kama .cke_button_button .cke_icon
     201{
     202        background-position: 0 -848px;
     203}
     204
     205.cke_skin_kama .cke_button_imagebutton .cke_icon
     206{
     207        background-position: 0 -864px;
     208}
     209
     210.cke_skin_kama .cke_button_hiddenfield .cke_icon
     211{
     212        background-position: 0 -880px;
     213}
     214
     215.cke_skin_kama .cke_button_undo .cke_icon
     216{
     217        background-position: 0 -208px;
     218}
     219
     220.cke_skin_kama .cke_rtl .cke_button_undo .cke_icon
     221{
     222        background-position: 0 -224px;
     223}
     224
     225.cke_skin_kama .cke_button_redo .cke_icon
     226{
     227        background-position: 0 -224px;
     228}
     229
     230.cke_skin_kama .cke_rtl .cke_button_redo .cke_icon
     231{
     232        background-position: 0 -208px;
     233}
     234
     235.cke_skin_kama .cke_button_templates .cke_icon
     236{
     237        background-position: 0 -80px;
     238}
     239
     240.cke_skin_kama .cke_button_numberedlist .cke_icon
     241{
     242        background-position: 0 -400px;
     243}
     244
     245.cke_skin_kama .cke_button_bulletedlist .cke_icon
     246{
     247        background-position: 0 -416px;
     248}
     249
     250.cke_skin_kama .cke_button_outdent .cke_icon
     251{
     252        background-position: 0 -432px;
     253}
     254
     255.cke_skin_kama .cke_button_indent .cke_icon
     256{
     257        background-position: 0 -448px;
     258}
     259
     260.cke_skin_kama .cke_button_justifyleft .cke_icon
     261{
     262        background-position: 0 -464px;
     263}
     264
     265.cke_skin_kama .cke_button_justifycenter .cke_icon
     266{
     267        background-position: 0 -480px;
     268}
     269
     270.cke_skin_kama .cke_button_justifyright .cke_icon
     271{
     272        background-position: 0 -496px;
     273}
     274
     275.cke_skin_kama .cke_button_justifyblock .cke_icon
     276{
     277        background-position: 0 -512px;
     278}
     279
     280.cke_skin_kama .cke_button_blockquote .cke_icon
     281{
     282        background-position: 0 -1152px;
     283}
     284
     285.cke_skin_kama .cke_button_flash .cke_icon
     286{
     287        background-position: 0 -592px;
     288}
     289
     290.cke_skin_kama .cke_button_pastefromword .cke_icon
     291{
     292        background-position: 0 -160px;
     293}
     294
     295.cke_skin_kama .cke_button_save .cke_icon
     296{
     297        background-position: 0 -32px;
     298}
     299
     300.cke_skin_kama .cke_button_about .cke_icon
     301{
     302        background-position: 0 -736px;
     303}
     304
     305.cke_skin_kama .cke_button_maximize .cke_icon
     306{
     307        background-position: 0 -1040px;
     308}
  • _source/skins/kama/templates.css

     
     1/*
     2Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved.
     3For licensing, see LICENSE.html or http://ckeditor.com/license
     4*/
     5
     6/**
     7 * Styles for the "templates" plugin.
     8 */
     9
     10.cke_skin_kama .cke_tpl_list
     11{
     12        border: #dcdcdc 2px solid;
     13        background-color: #ffffff;
     14        overflow: auto;
     15        width: 100%;
     16        height: 220px;
     17}
     18
     19.cke_skin_kama .cke_tpl_item
     20{
     21        margin: 5px;
     22        padding: 7px;
     23        border: #eeeeee 1px solid;
     24        *width: 88%;
     25}
     26
     27.cke_skin_kama .cke_tpl_preview
     28{
     29        border-collapse: separate;
     30        text-indent:0;
     31        width: 100%;
     32}
     33.cke_skin_kama .cke_tpl_preview td
     34{
     35        padding: 2px;
     36        vertical-align: middle;
     37}
     38.cke_skin_kama .cke_tpl_preview .cke_tpl_preview_img
     39{
     40        width: 100px;
     41}
     42.cke_skin_kama .cke_tpl_preview span
     43{
     44        white-space: normal;
     45}
     46
     47.cke_skin_kama .cke_tpl_title
     48{
     49        font-weight: bold;
     50}
     51
     52.cke_skin_kama .cke_tpl_hover
     53{
     54        border: #ff9933 1px solid !important;
     55        background-color: #fffacd !important;
     56        cursor: pointer;
     57        cursor: hand;
     58}
     59/*
     60 * Fix property 'cursor' doesn't inherit on table
     61 */
     62.cke_skin_kama .cke_tpl_hover *
     63{
     64        cursor: inherit;
     65}
     66
     67.cke_skin_kama .cke_tpl_empty, .cke_tpl_loading
     68{
     69        text-align: center;
     70        padding: 5px;
     71}
  • _source/skins/kama/reset.css

     
     1/*
     2Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved.
     3For licensing, see LICENSE.html or http://ckeditor.com/license
     4*/
     5
     6/**
     7 * Reset and Default Values
     8 */
     9.cke_skin_kama *,
     10.cke_skin_kama a:hover,
     11.cke_skin_kama a:link,
     12.cke_skin_kama a:visited,
     13.cke_skin_kama a:active
     14{
     15        margin: 0;
     16        padding: 0;
     17        border: 0;
     18        background: transparent;
     19        text-decoration: none;
     20        font: normal normal normal 100% Sans-Serif;
     21        width: auto;
     22        height: auto;
     23        border-collapse: collapse;
     24        text-align: left;
     25        vertical-align: baseline;
     26        white-space: nowrap;
     27        cursor: auto;
     28        color: #000;
     29
     30    font-size: 12px;
     31    font-family: Arial,Helvetica,Tahoma,Verdana,Sans-Serif;
     32}
     33
     34.cke_skin_kama .cke_rtl *,
     35.cke_skin_kama .cke_rtl a:hover,
     36.cke_skin_kama .cke_rtl a:link,
     37.cke_skin_kama .cke_rtl a:visited,
     38.cke_skin_kama .cke_rtl a:active,
     39.cke_rtl .cke_skin_kama *,
     40.cke_rtl .cke_skin_kama a:hover,
     41.cke_rtl .cke_skin_kama a:link,
     42.cke_rtl .cke_skin_kama a:visited,
     43.cke_rtl .cke_skin_kama a:active
     44{
     45        text-align: right;
     46}
     47
     48.cke_skin_kama iframe
     49{
     50        vertical-align: inherit;        /** For IE */
     51}
     52
     53.cke_skin_kama textarea
     54{
     55        white-space: pre;
     56}
     57
     58.cke_skin_kama .cke_browser_gecko textarea
     59{
     60        cursor: text;
     61}
     62
     63.cke_skin_kama .cke_browser_gecko textarea[disabled]
     64{
     65        cursor: default;
     66}
     67
     68.cke_skin_kama input[type="text"],
     69.cke_skin_kama input[type="password"]
     70{
     71        cursor: text;
     72}
     73
     74.cke_skin_kama input[type="text"][disabled],
     75.cke_skin_kama input[type="password"][disabled]
     76{
     77        cursor: default;
     78}
  • _source/skins/kama/editor.css

     
     1/*
     2Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved.
     3For licensing, see LICENSE.html or http://ckeditor.com/license
     4*/
     5
     6@import url("reset.css");
     7@import url("mainui.css");
     8@import url("panel.css");
     9@import url("toolbar.css");
     10@import url("menu.css");
     11@import url("richcombo.css");
     12@import url("elementspath.css");
     13@import url("icons.css");
     14@import url("presets.css");
     15
     16/* Restore the container visibility */
     17html .cke_skin_kama,
     18html.cke_skin_kama_container
     19{
     20        visibility: visible;
     21}
© 2003 – 2019 CKSource – Frederico Knabben. All rights reserved. | Terms of use | Privacy policy