git.roojs.org Git - roojs1/blob - css/inline-editor.css

   1 /*
   2 .yinline-editor {\r
   3         border: 1px solid #a3bac9;\r
   4         font: normal 11px arial,helvetica,sans-serif;\r
   5         left: 0;\r
   6         overflow: hidden;\r
   7         padding: 1px 0 0 1px;\r
   8         position: absolute;\r
   9         top: 0;\r
  10 }\r
  11 .yinline-editor-multiline {\r
  12         overflow: hidden;\r
  13         padding: 0;\r
  14         white-space: nowrap;\r
  15 }\r
  16 .yinline-editor-sizer {\r
  17         font: normal 11px arial,helvetica,sans-serif;\r
  18         left: -1000px;\r
  19         padding: 3px;\r
  20         padding-right: 6px;\r
  21         position: absolute;\r
  22         top: -1000px;\r
  23         visibility: hidden;\r
  24         white-space: nowrap;\r
  25 }\r
  26 .yinline-editor-wrap {\r
  27         color: white;\r
  28         overflow: auto;\r
  29         position: absolute;\r
  30         top: 0;\r
  31         visibility: hidden;\r
  32         z-index: 15002;\r
  33 }\r
  34
  35 */
  36 .x-html-editor-wrap
  37 {
  38     background-color:#fff;
  39     border:1px solid #a3bac9;
  40 }
  41
  42 /*-------- all the buttons -------*/
  43 .x-html-editor-tb {
  44     height: 24px;
  45 }
  46 .x-html-editor-tb .x-toolbar {
  47     height: 24px;
  48 }
  49 .x-html-editor-tb .x-toolbar > table {
  50     position:absolute;
  51 }
  52
  53 .x-html-editor-tb .x-btn-text {
  54     background:transparent url(../images/default/form/htmleditor.gif) no-repeat scroll 0% 0%;
  55 }
  56 .x-html-editor-tb  .x-btn-text { width: 18px; }
  57 /* all the rest are done with background offsets ( -16 height each one ) */
  58
  59
  60 .x-html-editor-tb .x-edit-bold .x-btn-text              { background-position: 0 0px; }
  61 .x-html-editor-tb .x-edit-italic .x-btn-text            { background-position: 0 -16px; }
  62 .x-html-editor-tb .x-edit-underline .x-btn-text         { background-position: 0 -32px; }
  63 .x-html-editor-tb .x-edit-increasefontsize .x-btn-text  { background-position: 0 -48px; }
  64 .x-html-editor-tb .x-edit-decreasefontsize .x-btn-text  { background-position: 0 -64px; }
  65 .x-html-editor-tb .x-edit-insertorderedlist .x-btn-text { background-position: 0 -80px; }
  66 .x-html-editor-tb .x-edit-insertunorderedlist .x-btn-text { background-position: 0 -96px; }
  67 .x-html-editor-tb .x-edit-justifyleft .x-btn-text       { background-position: 0 -112px; }
  68 .x-html-editor-tb .x-edit-justifycenter .x-btn-text     { background-position: 0 -128px; }
  69 .x-html-editor-tb .x-edit-justifyright .x-btn-text      { background-position: 0 -144px; }
  70
  71 .x-html-editor-tb .x-edit-forecolor .x-btn-text         { background-position: 0 -160px; }
  72 .x-html-editor-tb .x-edit-backcolor .x-btn-text         { background-position: 0 -176px; }
  73 .x-html-editor-tb .x-edit-sourceedit .x-btn-text        { background-position: 0 -192px; }
  74 .x-html-editor-tb .x-edit-createlink .x-btn-text        { background-position: 0 -208px; }
  75
  76 /** extra buttons */
  77 .x-html-editor-tb .x-edit-none  .x-btn-text          { background: transparent none 0 0; }
  78
  79
  80 .x-html-editor-tb .x-toolbar .x-btn {
  81     margin-left:0px;
  82     margin-right:0px;
  83 }
  84
  85 .x-html-editor-wrap .x-toolbar {
  86     height: 20px;
  87 }
  88
  89 /** status bar **/
  90
  91 .x-html-editor-wrap   .x-editor-context span {
  92     cursor: pointer;
  93 }
  94 .x-html-editor-wrap   .x-editor-context span:hover {
  95     text-decoration: underline;
  96 }