partkeepr

fork of partkeepr
git clone https://git.e1e0.net/partkeepr.git
Log | Files | Refs | Submodules | README | LICENSE

_htmleditor.scss (4574B)

      1 /**
      2  * Creates the base structure of HtmlEditor field.
      3  * @member Ext.form.field.HtmlEditor
      4  */
      5 @mixin extjs-form-htmleditor {
      6     .#{$prefix}html-editor-wrap {
      7         border: 1px solid $html-editor-border-color;
      8 
      9         .#{$prefix}toolbar {
     10             border-top-width: 0;
     11             border-left-width: 0;
     12             border-right-width: 0;
     13         }
     14 
     15         textarea {
     16             background-color: $html-editor-background-color;
     17         }
     18     }
     19 
     20     .#{$prefix}html-editor-tb .#{$prefix}btn-text {
     21         background:transparent no-repeat;
     22         background-image:theme-background-image($theme-name, 'editor/tb-sprite.gif');
     23     }
     24 
     25     .#{$prefix}html-editor-tb .#{$prefix}edit-bold,
     26     .#{$prefix}menu-item img.#{$prefix}edit-bold {
     27         background-position:0 0;
     28         background-image: theme-background-image($theme-name, 'editor/tb-sprite.gif');
     29     }
     30 
     31     .#{$prefix}html-editor-tb .#{$prefix}edit-italic,
     32     .#{$prefix}menu-item img.#{$prefix}edit-italic {
     33         background-position:-16px 0;
     34         background-image: theme-background-image($theme-name, 'editor/tb-sprite.gif');
     35     }
     36 
     37     .#{$prefix}html-editor-tb .#{$prefix}edit-underline,
     38     .#{$prefix}menu-item img.#{$prefix}edit-underline {
     39         background-position:-32px 0;
     40         background-image: theme-background-image($theme-name, 'editor/tb-sprite.gif');
     41     }
     42 
     43     .#{$prefix}html-editor-tb .#{$prefix}edit-forecolor,
     44     .#{$prefix}menu-item img.#{$prefix}edit-forecolor {
     45         background-position:-160px 0;
     46         background-image: theme-background-image($theme-name, 'editor/tb-sprite.gif');
     47     }
     48 
     49     .#{$prefix}html-editor-tb .#{$prefix}edit-backcolor,
     50     .#{$prefix}menu-item img.#{$prefix}edit-backcolor {
     51         background-position:-176px 0;
     52         background-image: theme-background-image($theme-name, 'editor/tb-sprite.gif');
     53     }
     54 
     55     .#{$prefix}html-editor-tb .#{$prefix}edit-justifyleft,
     56     .#{$prefix}menu-item img.#{$prefix}edit-justifyleft {
     57         background-position:-112px 0;
     58         background-image: theme-background-image($theme-name, 'editor/tb-sprite.gif');
     59     }
     60 
     61     .#{$prefix}html-editor-tb .#{$prefix}edit-justifycenter,
     62     .#{$prefix}menu-item img.#{$prefix}edit-justifycenter {
     63         background-position:-128px 0;
     64         background-image: theme-background-image($theme-name, 'editor/tb-sprite.gif');
     65     }
     66 
     67     .#{$prefix}html-editor-tb .#{$prefix}edit-justifyright,
     68     .#{$prefix}menu-item img.#{$prefix}edit-justifyright {
     69         background-position:-144px 0;
     70         background-image: theme-background-image($theme-name, 'editor/tb-sprite.gif');
     71     }
     72 
     73     .#{$prefix}html-editor-tb .#{$prefix}edit-insertorderedlist,
     74     .#{$prefix}menu-item img.#{$prefix}edit-insertorderedlist {
     75         background-position:-80px 0;
     76         background-image: theme-background-image($theme-name, 'editor/tb-sprite.gif');
     77     }
     78 
     79     .#{$prefix}html-editor-tb .#{$prefix}edit-insertunorderedlist,
     80     .#{$prefix}menu-item img.#{$prefix}edit-insertunorderedlist {
     81         background-position:-96px 0;
     82         background-image: theme-background-image($theme-name, 'editor/tb-sprite.gif');
     83     }
     84 
     85     .#{$prefix}html-editor-tb .#{$prefix}edit-increasefontsize,
     86     .#{$prefix}menu-item img.#{$prefix}edit-increasefontsize {
     87         background-position:-48px 0;
     88         background-image: theme-background-image($theme-name, 'editor/tb-sprite.gif');
     89     }
     90 
     91     .#{$prefix}html-editor-tb .#{$prefix}edit-decreasefontsize,
     92     .#{$prefix}menu-item img.#{$prefix}edit-decreasefontsize {
     93         background-position:-64px 0;
     94         background-image: theme-background-image($theme-name, 'editor/tb-sprite.gif');
     95     }
     96 
     97     .#{$prefix}html-editor-tb .#{$prefix}edit-sourceedit,
     98     .#{$prefix}menu-item img.#{$prefix}edit-sourceedit {
     99         background-position:-192px 0;
    100         background-image: theme-background-image($theme-name, 'editor/tb-sprite.gif');
    101     }
    102 
    103     .#{$prefix}html-editor-tb .#{$prefix}edit-createlink,
    104     .#{$prefix}menu-item img.#{$prefix}edit-createlink {
    105         background-position: -208px 0;
    106         background-image: theme-background-image($theme-name, 'editor/tb-sprite.gif');
    107     }
    108 
    109     .#{$prefix}html-editor-tip .#{$prefix}tip-bd .#{$prefix}tip-bd-inner {
    110         padding: 5px;
    111         padding-bottom: 1px;
    112     }
    113 
    114     .#{$prefix}html-editor-tb {
    115         .#{$prefix}toolbar {
    116             position: static !important;
    117         }
    118         .#{$prefix}font-select {
    119             font-size: 11px;
    120         }
    121     }
    122 
    123     .#{$prefix}html-editor-wrap textarea {
    124         border: 0;
    125         padding: 3px 2px;
    126         overflow: auto;
    127     }
    128 }