X-Git-Url: http://git.roojs.org/?a=blobdiff_plain;f=css%2Finline-editor.css;h=98e1e09e4de0218c09652c8eaee98de760f184b0;hb=61bc45258e16a779856dd2ad0862630b489e4583;hp=d0aa29c4df6fbaa79b98ef92cb498c4faba85d6a;hpb=1c4c0ad1bb20b5451707423f50ca146a6fad027e;p=roojs1 diff --git a/css/inline-editor.css b/css/inline-editor.css index d0aa29c4df..98e1e09e4d 100644 --- a/css/inline-editor.css +++ b/css/inline-editor.css @@ -1,56 +1,67 @@ /* -.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 { - 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-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; } @@ -64,9 +75,41 @@ .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; } -.x-html-editor-tb .x-edit-none { background: transparent none 0 0; } +/** 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