css/combo.css
[roojs1] / css / inline-editor.css
index 0b35dae..3288e02 100644 (file)
 */
 .x-html-editor-wrap
 {
-    background-color:#000;
+    background-color:#fff;
     border:1px solid #a3bac9;
 }
 
 /*-------- all the buttons -------*/
+.x-html-editor-tb {
+    height: 24px;
+}
+.x-html-editor-tb .x-toolbar {
+    height: 24px;
+}
+.x-html-editor-tb .x-toolbar > table {
+    position:absolute;
+}
 
 .x-html-editor-tb .x-btn-text {
     background:transparent url(../images/default/form/htmleditor.gif) no-repeat scroll 0% 0%;
 }
-.x-html-editor-tb  .x-btn-text { width: 18px; }
+/* this seems to restrict buttons if you add text buttons to toolbar.. - used to be just width: */ 
+.x-html-editor-tb  .x-btn-text { min-width: 18px; }
 /* all the rest are done with background offsets ( -16 height each one ) */
 
 
 .x-html-editor-tb .x-edit-sourceedit .x-btn-text        { background-position: 0 -192px; } 
 .x-html-editor-tb .x-edit-createlink .x-btn-text        { background-position: 0 -208px; } 
 
+/** extra buttons */
+.x-html-editor-tb .x-edit-none  .x-btn-text          { background: transparent none 0 0; } 
+
 
 .x-html-editor-tb .x-toolbar .x-btn {
     margin-left:0px;
     margin-right:0px;
 }
-  
\ No newline at end of file
+
+/** force height of toolbar so it's constant */
+.x-html-editor-wrap .x-toolbar {
+    height: 20px;
+}
+  
+/** status bar **/  
+  
+.x-html-editor-wrap   .x-editor-context span {
+    cursor: pointer;
+}
+.x-html-editor-wrap   .x-editor-context span:hover {
+    text-decoration: underline;
+}
+/* -- undo reset for some elements */
+    
+.roo-htmleditor-body  ol li {
+    /*giving OL's LIs generated numbers*/
+    list-style: decimal outside;        
+}
+.roo-htmleditor-body ul li {
+    /*giving UL's LIs generated disc markers*/
+    list-style: disc outside;
+}
+.roo-htmleditor-body ol,
+.roo-htmleditor-body ul,
+.roo-htmleditor-body dl {
+       /*bringing lists on to the page with breathing room */
+       margin-left:2em;
+}     
\ No newline at end of file