wangtao
/
fireInternet


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147
							<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>The source code</title>
  <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />
  <script type="text/javascript" src="../resources/prettify/prettify.js"></script>
  <style type="text/css">
    .highlight { display: block; background-color: #ddd; }
  </style>
  <script type="text/javascript">
    function highlight() {
      document.getElementById(location.hash.replace(/#/, "")).className = "highlight";
    }
  </script>
</head>
<body onload="prettyPrint(); highlight();">
  <pre class="prettyprint lang-js"><span id='Ext-form-field-HtmlEditor-css_mixin-extjs-form-htmleditor'>/**
</span> * Creates the base structure of HtmlEditor field.
 * @member Ext.form.field.HtmlEditor
 */
@mixin extjs-form-htmleditor {
    .#{$prefix}html-editor-wrap {
        border: 1px solid $html-editor-border-color;

        .#{$prefix}toolbar {
            border-top-width: 0;
            border-left-width: 0;
            border-right-width: 0;
        }

        textarea {
            background-color: $html-editor-background-color;
        }
    }

    .#{$prefix}html-editor-tb .#{$prefix}btn-text {
        background:transparent no-repeat;
        background-image:theme-background-image($theme-name, 'editor/tb-sprite.gif');
    }

    .#{$prefix}html-editor-tb .#{$prefix}edit-bold,
    .#{$prefix}menu-item img.#{$prefix}edit-bold {
        background-position:0 0;
        background-image: theme-background-image($theme-name, 'editor/tb-sprite.gif');
    }

    .#{$prefix}html-editor-tb .#{$prefix}edit-italic,
    .#{$prefix}menu-item img.#{$prefix}edit-italic {
        background-position:-16px 0;
        background-image: theme-background-image($theme-name, 'editor/tb-sprite.gif');
    }

    .#{$prefix}html-editor-tb .#{$prefix}edit-underline,
    .#{$prefix}menu-item img.#{$prefix}edit-underline {
        background-position:-32px 0;
        background-image: theme-background-image($theme-name, 'editor/tb-sprite.gif');
    }

    .#{$prefix}html-editor-tb .#{$prefix}edit-forecolor,
    .#{$prefix}menu-item img.#{$prefix}edit-forecolor {
        background-position:-160px 0;
        background-image: theme-background-image($theme-name, 'editor/tb-sprite.gif');
    }

    .#{$prefix}html-editor-tb .#{$prefix}edit-backcolor,
    .#{$prefix}menu-item img.#{$prefix}edit-backcolor {
        background-position:-176px 0;
        background-image: theme-background-image($theme-name, 'editor/tb-sprite.gif');
    }

    .#{$prefix}html-editor-tb .#{$prefix}edit-justifyleft,
    .#{$prefix}menu-item img.#{$prefix}edit-justifyleft {
        background-position:-112px 0;
        background-image: theme-background-image($theme-name, 'editor/tb-sprite.gif');
    }

    .#{$prefix}html-editor-tb .#{$prefix}edit-justifycenter,
    .#{$prefix}menu-item img.#{$prefix}edit-justifycenter {
        background-position:-128px 0;
        background-image: theme-background-image($theme-name, 'editor/tb-sprite.gif');
    }

    .#{$prefix}html-editor-tb .#{$prefix}edit-justifyright,
    .#{$prefix}menu-item img.#{$prefix}edit-justifyright {
        background-position:-144px 0;
        background-image: theme-background-image($theme-name, 'editor/tb-sprite.gif');
    }

    .#{$prefix}html-editor-tb .#{$prefix}edit-insertorderedlist,
    .#{$prefix}menu-item img.#{$prefix}edit-insertorderedlist {
        background-position:-80px 0;
        background-image: theme-background-image($theme-name, 'editor/tb-sprite.gif');
    }

    .#{$prefix}html-editor-tb .#{$prefix}edit-insertunorderedlist,
    .#{$prefix}menu-item img.#{$prefix}edit-insertunorderedlist {
        background-position:-96px 0;
        background-image: theme-background-image($theme-name, 'editor/tb-sprite.gif');
    }

    .#{$prefix}html-editor-tb .#{$prefix}edit-increasefontsize,
    .#{$prefix}menu-item img.#{$prefix}edit-increasefontsize {
        background-position:-48px 0;
        background-image: theme-background-image($theme-name, 'editor/tb-sprite.gif');
    }

    .#{$prefix}html-editor-tb .#{$prefix}edit-decreasefontsize,
    .#{$prefix}menu-item img.#{$prefix}edit-decreasefontsize {
        background-position:-64px 0;
        background-image: theme-background-image($theme-name, 'editor/tb-sprite.gif');
    }

    .#{$prefix}html-editor-tb .#{$prefix}edit-sourceedit,
    .#{$prefix}menu-item img.#{$prefix}edit-sourceedit {
        background-position:-192px 0;
        background-image: theme-background-image($theme-name, 'editor/tb-sprite.gif');
    }

    .#{$prefix}html-editor-tb .#{$prefix}edit-createlink,
    .#{$prefix}menu-item img.#{$prefix}edit-createlink {
        background-position: -208px 0;
        background-image: theme-background-image($theme-name, 'editor/tb-sprite.gif');
    }

    .#{$prefix}html-editor-tip .#{$prefix}tip-bd .#{$prefix}tip-bd-inner {
        padding: 5px;
        padding-bottom: 1px;
    }

    .#{$prefix}html-editor-tb {
        .#{$prefix}toolbar {
            position: static !important;
        }
        .#{$prefix}font-select {
            font-size: 11px;
        }
    }

    .#{$prefix}html-editor-wrap textarea {
        border: 0;
        padding: 3px 2px;
        overflow: auto;
    }
}</pre>
</body>
</html>