X-Git-Url: http://git.roojs.org/?a=blobdiff_plain;f=css%2Finline-editor.css;h=98e1e09e4de0218c09652c8eaee98de760f184b0;hb=61bc45258e16a779856dd2ad0862630b489e4583;hp=e2a8865b31b9e87cab25b4e4d6139805a65b89b1;hpb=b224edabf8734f1a7661915745ecba92fa226ab3;p=roojs1 diff --git a/css/inline-editor.css b/css/inline-editor.css index e2a8865b31..98e1e09e4d 100644 --- a/css/inline-editor.css +++ b/css/inline-editor.css @@ -1,36 +1,36 @@ /* -.yinline-editor { - border: 1px solid #a3bac9; - font: normal 11px arial,helvetica,sans-serif; - left: 0; - overflow: hidden; - padding: 1px 0 0 1px; - position: absolute; - top: 0; -} -.yinline-editor-multiline { - overflow: hidden; - padding: 0; - white-space: nowrap; -} -.yinline-editor-sizer { - font: normal 11px arial,helvetica,sans-serif; - left: -1000px; - padding: 3px; - padding-right: 6px; - position: absolute; - top: -1000px; - visibility: hidden; - white-space: nowrap; -} -.yinline-editor-wrap { - color: white; - overflow: auto; - position: absolute; - top: 0; - visibility: hidden; - z-index: 15002; -} +.yinline-editor { + border: 1px solid #a3bac9; + font: normal 11px arial,helvetica,sans-serif; + left: 0; + overflow: hidden; + padding: 1px 0 0 1px; + position: absolute; + top: 0; +} +.yinline-editor-multiline { + overflow: hidden; + padding: 0; + white-space: nowrap; +} +.yinline-editor-sizer { + font: normal 11px arial,helvetica,sans-serif; + left: -1000px; + padding: 3px; + padding-right: 6px; + position: absolute; + top: -1000px; + visibility: hidden; + white-space: nowrap; +} +.yinline-editor-wrap { + color: white; + overflow: auto; + position: absolute; + top: 0; + visibility: hidden; + z-index: 15002; +} */ .x-html-editor-wrap @@ -43,16 +43,25 @@ .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-bold .x-btn-text { background-position: 0 0px; } .x-html-editor-tb .x-edit-italic .x-btn-text { background-position: 0 -16px; } .x-html-editor-tb .x-edit-underline .x-btn-text { background-position: 0 -32px; } +.x-html-editor-tb .x-edit-strikethrough .x-btn-text { background-position: 0 -223px; } .x-html-editor-tb .x-edit-increasefontsize .x-btn-text { background-position: 0 -48px; } .x-html-editor-tb .x-edit-decreasefontsize .x-btn-text { background-position: 0 -64px; } .x-html-editor-tb .x-edit-insertorderedlist .x-btn-text { background-position: 0 -80px; } @@ -74,4 +83,33 @@ 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