diff --git a/modules/editor/lang/lang.xml b/modules/editor/lang/lang.xml index d51ad6c15..6b264f711 100644 --- a/modules/editor/lang/lang.xml +++ b/modules/editor/lang/lang.xml @@ -739,9 +739,6 @@ Bài viết tự động lưu sẽ tự động hủy sau khi bạn hoàn thành - - - @@ -751,9 +748,6 @@ Bài viết tự động lưu sẽ tự động hủy sau khi bạn hoàn thành - - - diff --git a/modules/editor/skins/xpresseditor/css/default.css b/modules/editor/skins/xpresseditor/css/default.css index 9d32426c3..f236afa51 100644 --- a/modules/editor/skins/xpresseditor/css/default.css +++ b/modules/editor/skins/xpresseditor/css/default.css @@ -11,10 +11,10 @@ .xpress-editor img, .xpress-editor fieldset, .xpress-editor button{ border:0;} -.xpress-editor button{ background:none; background-repeat:no-repeat; cursor:pointer; _cursor /**/:hand;} +.xpress-editor button{ background:none; background-repeat:no-repeat; cursor:pointer; } .xpress-editor button *{ visibility:hidden;} .xpress-editor legend{ position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;} -.xpress-editor label{ cursor:pointer; _cursor /**/:hand;} +.xpress-editor label{ cursor:pointer; } .xpress-editor hr{ display:none;} .xpress-editor li{list-style:none;} @@ -59,10 +59,10 @@ .xpress-editor .tool ul.type{ width:auto; white-space:nowrap;} .xpress-editor .tool ul.style{ width:169px; z-index:6;} .xpress-editor .tool ul.paragraph{ width:169px; z-index:5;} -.xpress-editor .tool ul.extra1{ width:90px; z-index:4;} +.xpress-editor .tool ul.extra1{ width:69px; z-index:4;} .xpress-editor .tool ul.table{ width:85px; z-index:3;} .xpress-editor .tool ul.extra2{ width:auto; z-index:2;} -.xpress-editor .tool ul.extra3{ float:right; width:auto; z-index:1; margin-right:1px;} +.xpress-editor .tool ul.extra3{ float:left; width:auto; z-index:1; margin-right:1px;} .xpress-editor .tool ul.extra3 li{ margin-right:4px;} .xpress-editor .tool li{ position:relative; float:left; margin:0 !important} .xpress-editor .tool li button{ width:21px; height:21px; background:url(../img/btn_set.gif) no-repeat 0 0; vertical-align:top;} @@ -70,11 +70,10 @@ .xpress-editor .tool li button span{ position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden;} .xpress-editor .tool li.extensions span.exButton, -.xpress-editor .tool li.extensions span.exButton button{ float:left; position:relative; display:inline-block; width:auto; background:url(../img/btn_extension.gif) no-repeat left top;} -.xpress-editor .tool li.extensions span.exButton{ margin-right:18px;} -.xpress-editor .tool li.extensions span.exButton button{ left:18px; height:21px; background-position:right top; padding:0 4px 0 0; font:11px/21px Tahoma, Sans-serif; text-align:left; *overflow:visible; *line-height:20px;} +.xpress-editor .tool li.extensions span.exButton button{ float:left; position:relative; display:inline-block; width:auto; background:url(../img/btn_set_blank.gif) no-repeat left top;} +.xpress-editor .tool li.extensions span.exButton button{ left:2px; height:21px; background-position:right top; padding:0 4px; font:11px/21px Tahoma, Sans-serif; text-align:left; *overflow:visible; *line-height:20px;} .xpress-editor.black .tool li.extensions span.exButton, -.xpress-editor.black .tool li.extensions span.exButton button{ color:#fff; background-image:url(../img/btn_extension.black.gif); } +.xpress-editor.black .tool li.extensions span.exButton button{ color:#fff; background-image:url(../img/btn_set_blank.black.gif); } .xpress-editor .tool li.html span, .xpress-editor .tool li.html span button, @@ -116,11 +115,10 @@ .xpress-editor .tool li.blockquote button{ width:22px; background-position:-381px 0;} .xpress-editor .tool li.url button{ width:26px; background-position:-403px 0;} .xpress-editor .tool li.character button{ background-position:-429px 0;} -.xpress-editor .tool li.find button{ background-position:-450px 0;} -.xpress-editor .tool li.table button{ width:22px; background-position:-471px 0;} -.xpress-editor .tool li.merge button{ background-position:-493px 0;} -.xpress-editor .tool li.splitCol button{ background-position:-514px 0;} -.xpress-editor .tool li.splitRow button{ background-position:-535px 0;} +.xpress-editor .tool li.table button{ width:22px; background-position:-450px 0;} +.xpress-editor .tool li.merge button{ background-position:-472px 0;} +.xpress-editor .tool li.splitCol button{ background-position:-493px 0;} +.xpress-editor .tool li.splitRow button{ background-position:-514px 0;} .xpress-editor .tool li.extensions span{ background-position:0 0;} .xpress-editor .tool li.extensions span button{ background-position:right 0;} .xpress-editor .tool li.html span{ background-position:0 0;} @@ -150,11 +148,10 @@ .xpress-editor .tool li.blockquote button.hover{ width:22px; background-position:-381px -21px;} .xpress-editor .tool li.url button.hover{ width:26px; background-position:-403px -21px;} .xpress-editor .tool li.character button.hover{ background-position:-429px -21px;} -.xpress-editor .tool li.find button.hover{ background-position:-450px -21px;} -.xpress-editor .tool li.table button.hover{ width:22px; background-position:-471px -21px;} -.xpress-editor .tool li.merge button.hover{ background-position:-493px -21px;} -.xpress-editor .tool li.splitCol button.hover{ background-position:-514px -21px;} -.xpress-editor .tool li.splitRow button.hover{ background-position:-535px -21px;} +.xpress-editor .tool li.table button.hover{ width:22px; background-position:-450px -21px;} +.xpress-editor .tool li.merge button.hover{ background-position:-472px -21px;} +.xpress-editor .tool li.splitCol button.hover{ background-position:-493px -21px;} +.xpress-editor .tool li.splitRow button.hover{ background-position:-514px -21px;} .xpress-editor .tool li.extensions span.hover{ background-position:0 -21px;} .xpress-editor .tool li.extensions span.hover button{ background-position:right -21px;} .xpress-editor .tool li.html span.hover{ background-position:0 -21px;} @@ -184,11 +181,10 @@ .xpress-editor .tool li.blockquote button.active{ width:22px; background-position:-381px -42px;} .xpress-editor .tool li.url button.active{ width:26px; background-position:-403px -42px;} .xpress-editor .tool li.character button.active{ background-position:-429px -42px;} -.xpress-editor .tool li.find button.active{ background-position:-450px -42px;} -.xpress-editor .tool li.table button.active{ width:22px; background-position:-471px -42px;} -.xpress-editor .tool li.merge button.active{ background-position:-493px -42px;} -.xpress-editor .tool li.splitCol button.active{ background-position:-514px -42px;} -.xpress-editor .tool li.splitRow button.active{ background-position:-535px -42px;} +.xpress-editor .tool li.table button.active{ width:22px; background-position:-450px -42px;} +.xpress-editor .tool li.merge button.active{ background-position:-472px -42px;} +.xpress-editor .tool li.splitCol button.active{ background-position:-493px -42px;} +.xpress-editor .tool li.splitRow button.active{ background-position:-514px -42px;} .xpress-editor .tool li.extensions span.active{ background-position:0 -42px;} .xpress-editor .tool li.extensions span.active button{ background-position:right -42px;} .xpress-editor .tool li.html span.active{ background-position:0 -42px;} @@ -220,14 +216,13 @@ .xpress-editor .tool.off li.blockquote button{ width:22px; background-position:-381px -63px;} .xpress-editor .tool.off li.url button{ width:26px; background-position:-403px -63px;} .xpress-editor .tool.off li.character button{ background-position:-429px -63px;} -.xpress-editor .tool.off li.find button{ background-position:-450px -63px;} -.xpress-editor .tool.off li.table button{ width:22px; background-position:-471px -63px;} +.xpress-editor .tool.off li.table button{ width:22px; background-position:-450px -63px;} .xpress-editor .tool.off li.merge button, -.xpress-editor .tool li.merge button.off{ background-position:-493px -63px;} +.xpress-editor .tool li.merge button.off{ background-position:-472px -63px;} .xpress-editor .tool.off li.splitCol button, -.xpress-editor .tool li.splitCol button.off{ background-position:-514px -63px;} +.xpress-editor .tool li.splitCol button.off{ background-position:-493px -63px;} .xpress-editor .tool.off li.splitRow button, -.xpress-editor .tool li.splitRow button.off{ background-position:-535px -63px;} +.xpress-editor .tool li.splitRow button.off{ background-position:-514px -63px;} .xpress-editor .tool.off li.extensions span{ background-position:0 -63px;} .xpress-editor .tool.off li.extensions span button{ background-position:right -63px; color:#bcbcbc;} .xpress-editor .tool.off li button{ cursor:default;} @@ -354,37 +349,6 @@ .xpress-editor .tool li.character .layer p input{ padding:3px 0 0 4px; margin:0 4px 0 0; width:300px; _width /**/:306px; height:16px; _height /**/:20px; border:1px solid #acacac; border-right:1px solid #dadada; border-bottom:1px solid #dadada;} .xpress-editor .tool li.character .layer p button{ position:relative; *top:1px; width:38px; height:21px; background:url(../img/btn_layer_confirm.gif) no-repeat;} .xpress-editor .tool li.character .layer p button span{ position:absolute; width:0; height:0; overflow:hidden; visibility:hidden;} - -.xpress-editor .tool li.find .layer{ width:242px;} -.xpress-editor .tool li.find .layer h3{ background:#f2f2f2; color:#333; height:21px; margin:0 0 11px 0; padding:7px 0 0 5px;} -.xpress-editor .tool li.find .layer .menu_tab{ position:relative; z-index:20; width:100%; *zoom:1;} -.xpress-editor .tool li.find .layer .menu_tab:after{ content:""; display:block; clear:both;} -.xpress-editor .tool li.find .layer .layer_tab{ position:relative; left:10px; padding:0; margin:0; clear:both;} -.xpress-editor .tool li.find .layer .layer_tab li{ position:relative; z-index:1; float:left; margin-right:1px; background:url(../img/btn_layer_tab.gif) no-repeat 0 0;} -.xpress-editor .tool li.find .layer .layer_tab li a{ position:relative; display:block; float:left; left:2px; height:15px; padding:4px 9px 0 5px; color:#404040; text-decoration:none; background:url(../img/btn_layer_tab.gif) no-repeat right 0;} -.xpress-editor .tool li.find .layer.find .layer_tab li.tab1, -.xpress-editor .tool li.find .layer.replace .layer_tab li.tab2{ top:-1px; margin-bottom:-1px;} -.xpress-editor .tool li.find .layer.find .layer_tab li.tab1 a, -.xpress-editor .tool li.find .layer.replace .layer_tab li.tab2 a{ height:18px;} -.xpress-editor .tool li.find .layer .container{ position:relative; z-index:1; clear:both; top:-2px;} -.xpress-editor .tool li.find .layer .container .bx{ display:none; position:relative; width:222px; left:10px; clear:both; z-index:1; background:url(../img/bx_find.gif) no-repeat;} -.xpress-editor .tool li.find .layer.find .container #find, -.xpress-editor .tool li.find .layer.replace .container #replace{ display:block;} - -.xpress-editor .tool li.find .layer .bx fieldset{ position:relative; padding:13px 0 17px 11px;} -.xpress-editor .tool li.find .layer .bx fieldset *{ vertical-align:top;} -.xpress-editor .tool li.find .layer .bx label{ position:relative; top:4px; margin:0 7px 0 0; font-size:11px; letter-spacing:-1px; color:#333;} -.xpress-editor .tool li.find .layer .bx input{ padding:3px 0 0 4px; width:144px; _width /**/:150px; height:14px; _height /**/:19px; border:1px solid #acacac; border-right:1px solid #dadada; border-bottom:1px solid #dadada;} -.xpress-editor .tool li.find .layer .bx .cap{ position:absolute; left:0; bottom:0; display:block; width:222px; height:2px; _margin:0 0 -1px 0; overflow:hidden; background:#fff url(../img/bx_find.gif) no-repeat left bottom; font-size:0; line-height:0;} -.xpress-editor .tool li.find .layer .bx#replace fieldset{ height:45px; _height /**/:75px;} -.xpress-editor .tool li.find .layer .bx#replace fieldset #keyword2{ margin-bottom:6px;} -.xpress-editor .tool li.find .layer .btn_area button{ display:none; *margin:0 2px !important;} -.xpress-editor .tool li.find .layer.find .btn_area .find_next{ display:inline; width:62px; height:21px; background:url(../img/btn_layer_find_next_strong.gif) no-repeat;} -.xpress-editor .tool li.find .layer.replace .btn_area .find_next{ display:inline; width:55px; height:21px; background:url(../img/btn_layer_find_next.gif) no-repeat;} -.xpress-editor .tool li.find .layer.replace .btn_area .replace{ display:inline; width:48px; height:21px; background:url(../img/btn_layer_replace.gif) no-repeat;} -.xpress-editor .tool li.find .layer.replace .btn_area .replace_all{ display:inline; width:69px; height:21px; background:url(../img/btn_layer_replace_all.gif) no-repeat;} -.xpress-editor .tool li.find .layer .btn_area .cancel{ display:inline;} - .xpress-editor .tool li.extensions .layer{ width:auto; white-space:nowrap; padding:5px 10px;} .xpress-editor .tool li.extensions .layer li{ margin:2px 0;} .xpress-editor .tool li.extensions .layer li a { color:#000; text-decoration:none; } @@ -397,13 +361,13 @@ .xpress-editor .fileUploader .preview.black { background-color:#000; border:1px solid #666;} .xpress-editor .fileUploader .preview img{ display:block; width:64px; height:64px;} .xpress-editor .fileUploader .fileListArea{ float:left; width:260px; margin:0 10px 5px 0;} -.xpress-editor .fileUploader .fileListArea select{ width:100%; height:70px; overflow:auto;} +.xpress-editor .fileUploader .fileListArea select{ width:100%; height:70px; overflow:auto; margin:0; padding:0; float:none} .xpress-editor .fileUploader .fileListArea select option{ font-size:11px;} .xpress-editor .fileUploader .fileListArea.black select { background-color:#000; border:1px solid #666;} .xpress-editor .fileUploader .fileListArea.black select option { color:#aaa; } .xpress-editor .fileUploader .fileUploadControl{ clear:right;} .xpress-editor .fileUploader .fileUploadControl .button{ margin-bottom:5px;} -.xpress-editor .fileUploader .file_attach_info{ clear:right; margin:5px 0;} +.xpress-editor .fileUploader .file_attach_info{ clear:right; margin:5px 0; font-size:11px; color:#333} /* Auto Save */ .xpress-editor .autosave_message { display:none; background: #f6ffdb; padding:6px 10px; margin:0; line-height:1;} diff --git a/modules/editor/skins/xpresseditor/editor.html b/modules/editor/skins/xpresseditor/editor.html index 3867059ed..3a59961a9 100644 --- a/modules/editor/skins/xpresseditor/editor.html +++ b/modules/editor/skins/xpresseditor/editor.html @@ -406,7 +406,7 @@
@@ -466,9 +466,9 @@
- - - + + +
{$upload_status}
diff --git a/modules/editor/skins/xpresseditor/img/btn_set.black.gif b/modules/editor/skins/xpresseditor/img/btn_set.black.gif index 0940eca96..74e3b1d30 100755 Binary files a/modules/editor/skins/xpresseditor/img/btn_set.black.gif and b/modules/editor/skins/xpresseditor/img/btn_set.black.gif differ diff --git a/modules/editor/skins/xpresseditor/img/btn_set.gif b/modules/editor/skins/xpresseditor/img/btn_set.gif index 1a0391905..f8cc3e3ce 100644 Binary files a/modules/editor/skins/xpresseditor/img/btn_set.gif and b/modules/editor/skins/xpresseditor/img/btn_set.gif differ diff --git a/modules/editor/skins/xpresseditor/img/btn_set_blank.black.gif b/modules/editor/skins/xpresseditor/img/btn_set_blank.black.gif index 4ee61a458..2f079c9a5 100755 Binary files a/modules/editor/skins/xpresseditor/img/btn_set_blank.black.gif and b/modules/editor/skins/xpresseditor/img/btn_set_blank.black.gif differ diff --git a/modules/editor/skins/xpresseditor/img/btn_set_blank.gif b/modules/editor/skins/xpresseditor/img/btn_set_blank.gif index 5da1aab28..046cd9f72 100644 Binary files a/modules/editor/skins/xpresseditor/img/btn_set_blank.gif and b/modules/editor/skins/xpresseditor/img/btn_set_blank.gif differ diff --git a/modules/editor/styles/default/editor.css b/modules/editor/styles/default/editor.css index 796dc3383..5b7d7dc29 100644 --- a/modules/editor/styles/default/editor.css +++ b/modules/editor/styles/default/editor.css @@ -1,25 +1,19 @@ @charset "utf-8"; /* NHN (developers@xpressengine.com) */ - -html, body { height:100%; background-color:transparent; padding:0; margin:0;} -.xe_content{ color:#000; font-size:12px; line-height:1.5;} - +.xe_content{color:#000;font-size:12px;line-height:1.5} .xe_content blockquote.q1, .xe_content blockquote.q2, .xe_content blockquote.q3, .xe_content blockquote.q4, .xe_content blockquote.q5, .xe_content blockquote.q6, -.xe_content blockquote.q7{ padding:10px; margin:0 15px; } - -.xe_content blockquote.q1{ padding:0 10px; border-left:2px solid #ccc;} -.xe_content blockquote.q2{ padding:0 10px; background:url(./img/bg_qmark.gif) no-repeat left top;} -.xe_content blockquote.q3{ border:1px solid #d9d9d9;} -.xe_content blockquote.q4{ border:1px solid #d9d9d9; background:#fbfbfb;} -.xe_content blockquote.q5{ border:2px solid #707070;} -.xe_content blockquote.q6{ border:1px dashed #707070;} -.xe_content blockquote.q7{ border:1px dashed #707070; background:#fbfbfb;} - -.xe_content p { margin:0; padding:0; } - -.xe_content table .xe_selected_cell{ background-color: #d6e9ff} +.xe_content blockquote.q7{padding:10px;margin:0 15px} +.xe_content blockquote.q1{padding:0 10px;border-left:2px solid #ccc} +.xe_content blockquote.q2{padding:0 10px;background:url(./img/bg_qmark.gif) no-repeat left top} +.xe_content blockquote.q3{border:1px solid #d9d9d9} +.xe_content blockquote.q4{border:1px solid #d9d9d9;background:#fbfbfb} +.xe_content blockquote.q5{border:2px solid #707070} +.xe_content blockquote.q6{border:1px dashed #707070} +.xe_content blockquote.q7{border:1px dashed #707070;background:#fbfbfb} +.xe_content table .xe_selected_cell{background-color: #d6e9ff} +.xe_content p{margin:0} diff --git a/modules/editor/styles/default/style.css b/modules/editor/styles/default/style.css index c6c20d93d..6072cfa93 100755 --- a/modules/editor/styles/default/style.css +++ b/modules/editor/styles/default/style.css @@ -1,7 +1,13 @@ @charset "utf-8"; /* NHN (developers@xpressengine.com) */ -.xe_content{color:#000;font-size:12px} -.xe_content blockquote.q1,.xe_content blockquote.q2,.xe_content blockquote.q3,.xe_content blockquote.q4,.xe_content blockquote.q5,.xe_content blockquote.q6,.xe_content blockquote.q7{padding:10px;margin:0 15px} +.xe_content{color:#000;font-size:12px;line-height:1.5} +.xe_content blockquote.q1, +.xe_content blockquote.q2, +.xe_content blockquote.q3, +.xe_content blockquote.q4, +.xe_content blockquote.q5, +.xe_content blockquote.q6, +.xe_content blockquote.q7{padding:10px;margin:0 15px} .xe_content blockquote.q1{padding:0 10px;border-left:2px solid #ccc} .xe_content blockquote.q2{padding:0 10px;background:url(./img/bg_qmark.gif) no-repeat left top} .xe_content blockquote.q3{border:1px solid #d9d9d9} @@ -9,4 +15,4 @@ .xe_content blockquote.q5{border:2px solid #707070} .xe_content blockquote.q6{border:1px dashed #707070} .xe_content blockquote.q7{border:1px dashed #707070;background:#fbfbfb} -.xe_content p { margin:0;} +.xe_content p{margin:0}