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

   1 /*
   2 .yinline-editor {
   3         border: 1px solid #a3bac9;
   4         font: normal 11px arial,helvetica,sans-serif;
   5         left: 0;
   6         overflow: hidden;
   7         padding: 1px 0 0 1px;
   8         position: absolute;
   9         top: 0;
  10 }
  11 .yinline-editor-multiline {
  12         overflow: hidden;
  13         padding: 0;
  14         white-space: nowrap;
  15 }
  16 .yinline-editor-sizer {
  17         font: normal 11px arial,helvetica,sans-serif;
  18         left: -1000px;
  19         padding: 3px;
  20         padding-right: 6px;
  21         position: absolute;
  22         top: -1000px;
  23         visibility: hidden;
  24         white-space: nowrap;
  25 }
  26 .yinline-editor-wrap {
  27         color: white;
  28         overflow: auto;
  29         position: absolute;
  30         top: 0;
  31         visibility: hidden;
  32         z-index: 15002;
  33 }
  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 /* this seems to restrict buttons if you add text buttons to toolbar.. - used to be just width: */
  57 .x-html-editor-tb  .x-btn-text { min-width: 18px; }
  58 /* all the rest are done with background offsets ( -16 height each one ) */
  59
  60
  61 .x-html-editor-tb .x-edit-bold .x-btn-text              { background-position: 0 0px; }
  62 .x-html-editor-tb .x-edit-italic .x-btn-text            { background-position: 0 -16px; }
  63 .x-html-editor-tb .x-edit-underline .x-btn-text         { background-position: 0 -32px; }
  64 .x-html-editor-tb .x-edit-strikethrough .x-btn-text     { background-position: 0 -223px; }
  65 .x-html-editor-tb .x-edit-increasefontsize .x-btn-text  { background-position: 0 -48px; }
  66 .x-html-editor-tb .x-edit-decreasefontsize .x-btn-text  { background-position: 0 -64px; }
  67 .x-html-editor-tb .x-edit-insertorderedlist .x-btn-text { background-position: 0 -80px; }
  68 .x-html-editor-tb .x-edit-insertunorderedlist .x-btn-text { background-position: 0 -96px; }
  69 .x-html-editor-tb .x-edit-justifyleft .x-btn-text       { background-position: 0 -112px; }
  70 .x-html-editor-tb .x-edit-justifycenter .x-btn-text     { background-position: 0 -128px; }
  71 .x-html-editor-tb .x-edit-justifyright .x-btn-text      { background-position: 0 -144px; }
  72
  73 .x-html-editor-tb .x-edit-forecolor .x-btn-text         { background-position: 0 -160px; }
  74 .x-html-editor-tb .x-edit-backcolor .x-btn-text         { background-position: 0 -176px; }
  75 .x-html-editor-tb .x-edit-sourceedit .x-btn-text        { background-position: 0 -192px; }
  76 .x-html-editor-tb .x-edit-createlink .x-btn-text        { background-position: 0 -208px; }
  77
  78 /** extra buttons */
  79 .x-html-editor-tb .x-edit-none  .x-btn-text          { background: transparent none 0 0; }
  80
  81
  82 .x-html-editor-tb .x-toolbar .x-btn {
  83     margin-left:0px;
  84     margin-right:0px;
  85 }
  86
  87 /** force height of toolbar so it's constant */
  88 .x-html-editor-wrap .x-toolbar {
  89     height: 20px;
  90 }
  91
  92 /** status bar **/
  93
  94 .x-html-editor-wrap   .x-editor-context span {
  95     cursor: pointer;
  96 }
  97 .x-html-editor-wrap   .x-editor-context span:hover {
  98     text-decoration: underline;
  99 }
 100 /* -- undo reset for some elements */
 101
 102 .roo-htmleditor-body  ol li {
 103     /*giving OL's LIs generated numbers*/
 104     list-style: decimal outside;
 105 }
 106 .roo-htmleditor-body ul li {
 107     /*giving UL's LIs generated disc markers*/
 108     list-style: disc outside;
 109 }
 110 .roo-htmleditor-body ol,
 111 .roo-htmleditor-body ul,
 112 .roo-htmleditor-body dl {
 113         /*bringing lists on to the page with breathing room */
 114         margin-left:2em;
 115 }
 116
 117
 118 .roo-htmleditor-body::selection,
 119 .roo-htmleditor-body *::selection
 120 {
 121         background: #d9e8fb;
 122 }
 123
 124 .roo-htmleditor-body table.roo-ed-selection,
 125 .roo-htmleditor-body td.roo-ed-selection
 126 {
 127         background-color: #d9e8fb;
 128 }
 129
 130