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 /* 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-increasefontsize .x-btn-text  { background-position: 0 -48px; }
  65 .x-html-editor-tb .x-edit-decreasefontsize .x-btn-text  { background-position: 0 -64px; }
  66 .x-html-editor-tb .x-edit-insertorderedlist .x-btn-text { background-position: 0 -80px; }
  67 .x-html-editor-tb .x-edit-insertunorderedlist .x-btn-text { background-position: 0 -96px; }
  68 .x-html-editor-tb .x-edit-justifyleft .x-btn-text       { background-position: 0 -112px; }
  69 .x-html-editor-tb .x-edit-justifycenter .x-btn-text     { background-position: 0 -128px; }
  70 .x-html-editor-tb .x-edit-justifyright .x-btn-text      { background-position: 0 -144px; }
  71
  72 .x-html-editor-tb .x-edit-forecolor .x-btn-text         { background-position: 0 -160px; }
  73 .x-html-editor-tb .x-edit-backcolor .x-btn-text         { background-position: 0 -176px; }
  74 .x-html-editor-tb .x-edit-sourceedit .x-btn-text        { background-position: 0 -192px; }
  75 .x-html-editor-tb .x-edit-createlink .x-btn-text        { background-position: 0 -208px; }
  76
  77 /** extra buttons */
  78 .x-html-editor-tb .x-edit-none  .x-btn-text          { background: transparent none 0 0; }
  79
  80
  81 .x-html-editor-tb .x-toolbar .x-btn {
  82     margin-left:0px;
  83     margin-right:0px;
  84 }
  85
  86 /** force height of toolbar so it's constant */
  87 .x-html-editor-wrap .x-toolbar {
  88     height: 20px;
  89 }
  90
  91 /** status bar **/
  92
  93 .x-html-editor-wrap   .x-editor-context span {
  94     cursor: pointer;
  95 }
  96 .x-html-editor-wrap   .x-editor-context span:hover {
  97     text-decoration: underline;
  98 }
  99 /* -- undo reset for some elements */
 100
 101 .roo-htmleditor-body  ol li {
 102     /*giving OL's LIs generated numbers*/
 103     list-style: decimal outside;
 104 }
 105 .roo-htmleditor-body ul li {
 106     /*giving UL's LIs generated disc markers*/
 107     list-style: disc outside;
 108 }
 109 .roo-htmleditor-body ol,
 110 .roo-htmleditor-body ul,
 111 .roo-htmleditor-body dl {
 112         /*bringing lists on to the page with breathing room */
 113         margin-left:2em;
 114 }