X-Git-Url: http://git.roojs.org/?a=blobdiff_plain;f=css%2Finline-editor.css;h=5d02aa66eb34464118e6a1b2ccb10e2e70dd697f;hb=5f0c20d0c4e6eb4fb63ad64ac5dd3323de1b6c0c;hp=0b35dae7264e86d8806cf2edd7e760e6865b18d7;hpb=4d9cd83949f3c24871af08cebb30b1f8102ac4c9;p=roojs1 diff --git a/css/inline-editor.css b/css/inline-editor.css index 0b35dae726..5d02aa66eb 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,56 @@ .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; +} + + +.roo-htmleditor-body::selection, +.roo-htmleditor-body *::selection +{ + background: #d9e8fb; +} + +.roo-htmleditor-body table.roo-ed-selection, +.roo-htmleditor-body td.roo-ed-selection +{ + background-color: #d9e8fb; +} + +