philo/contrib/gilbert/static/gilbert/murano/sass/murano/components/form/_htmleditor.scss

   1 @mixin extjs-form-htmleditor {
   2         .#{$prefix}html-editor-wrap {
   3                 border: 1px solid $html-editor-border-color;
   4
   5                 .#{$prefix}toolbar {
   6                         border-top-width: 0;
   7                         border-left-width: 0;
   8                         border-right-width: 0;
   9                 }
  10
  11                 textarea {
  12                         background-color: $html-editor-background-color;
  13                 }
  14         }
  15
  16         .#{$prefix}html-editor-tb .#{$prefix}btn-inner {
  17                 display:block;
  18                 width:16px;
  19                 padding:0;
  20                 height:16px;
  21                 margin:4px 2px;
  22                 background:transparent theme-image($theme-name, 'editor/tb-sprite.png') no-repeat;
  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-image($theme-name, 'editor/tb-sprite.png');
  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-image($theme-name, 'editor/tb-sprite.png');
  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-image($theme-name, 'editor/tb-sprite.png');
  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-image($theme-name, 'editor/tb-sprite.png');
  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-image($theme-name, 'editor/tb-sprite.png');
  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-image($theme-name, 'editor/tb-sprite.png');
  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-image($theme-name, 'editor/tb-sprite.png');
  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-image($theme-name, 'editor/tb-sprite.png');
  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-image($theme-name, 'editor/tb-sprite.png');
  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-image($theme-name, 'editor/tb-sprite.png');
  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-image($theme-name, 'editor/tb-sprite.png');
  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-image($theme-name, 'editor/tb-sprite.png');
  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-image($theme-name, 'editor/tb-sprite.png');
 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-image($theme-name, 'editor/tb-sprite.png');
 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         .x-html-editor-wrap textarea {
 124                 border: 0;
 125                 padding: 3px 2px;
 126                 overflow: auto;
 127         }
 128 }