mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-04-30 15:52:17 +09:00
rollback r10320, r10298, r10276, r10272
git-svn-id: http://xe-core.googlecode.com/svn/branches/1.5.0@10318 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
flyskyko
parent
f8dd9888f6
commit
206ded7cf9
149 changed files with 3745 additions and 2812 deletions
6
modules/editor/components/emoticon/tpl/popup.css
Normal file
6
modules/editor/components/emoticon/tpl/popup.css
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
@charset "utf-8";
|
||||
|
||||
@import url(../../../../../modules/admin/tpl/css/admin.css);
|
||||
img.emoticon { margin:10px 10px 0 0; cursor:pointer; }
|
||||
.emoticonList { position:absolute; right:40px; top:4px;}
|
||||
|
||||
|
|
@ -1,55 +1,11 @@
|
|||
<!--%import("popup.js")-->
|
||||
<!--%import("popup.css")-->
|
||||
<h1 class="h1">{$component_info->title} ver. {$component_info->version}</h1>
|
||||
<div class="emoticonList">
|
||||
<select name="list" id="selectEmoticonList">
|
||||
<!--@foreach($emoticon_list as $key => $val)-->
|
||||
<option <!--@if($val=='msn')-->selected="select"<!--@end--> value="{$val}">{$val}</option>
|
||||
<!--@end-->
|
||||
</select>
|
||||
</div>
|
||||
<div id="emoticons"></div>
|
||||
<script type="text/javascript">
|
||||
jQuery(function($){
|
||||
|
||||
var is_popup = window._isPoped;
|
||||
|
||||
/**
|
||||
* @brief Get emoticon list by name
|
||||
* @params String emoticon name
|
||||
*/
|
||||
function getEmoticons(emoName) {
|
||||
var params = {component:'emoticon', emoticon:emoName, method:'getEmoticonList'};
|
||||
var resp_tags = 'error message emoticons'.split(' ');
|
||||
|
||||
exec_xml('editor', 'procEditorCall', params, completeGetEmoticons, resp_tags);
|
||||
}
|
||||
|
||||
/**
|
||||
* @brief Load callback
|
||||
*/
|
||||
function completeGetEmoticons(ret_obj) {
|
||||
var emoticons = ret_obj['emoticons'].split("\n");
|
||||
var html = [];
|
||||
for(var i=0;i<emoticons.length;i++) {
|
||||
html[html.length] = '<img src="./modules/editor/components/emoticon/tpl/images/'+emoticons[i]+'" class="emoticon" />';
|
||||
}
|
||||
jQuery('#emoticons').html(html.join('')).find('img.emoticon').click(insertEmoticon);
|
||||
}
|
||||
|
||||
/**
|
||||
* @brief Insert a selected emoticon into the document
|
||||
* @params Event jQuery event
|
||||
*/
|
||||
function insertEmoticon() {
|
||||
var url, html, iframe, win = is_popup?opener:window;
|
||||
|
||||
if(!win) return;
|
||||
|
||||
html = '<img src="'+this.src+'" class="emoticon" />';
|
||||
|
||||
win.editorFocus(win.editorPrevSrl);
|
||||
win.editorRelKeys[win.editorPrevSrl].pasteHTML(html);
|
||||
|
||||
if (is_popup) window.focus();
|
||||
|
||||
return false;
|
||||
}
|
||||
|
||||
// load default emoticon set
|
||||
getEmoticons('msn');
|
||||
$('#selectEmoticonList').change(function(){ getEmoticons(this.value) });
|
||||
|
||||
});
|
||||
</script>
|
||||
51
modules/editor/components/emoticon/tpl/popup.js
Normal file
51
modules/editor/components/emoticon/tpl/popup.js
Normal file
|
|
@ -0,0 +1,51 @@
|
|||
jQuery(function($){
|
||||
|
||||
var is_popup = window._isPoped;
|
||||
|
||||
/**
|
||||
* @brief Get emoticon list by name
|
||||
* @params String emoticon name
|
||||
*/
|
||||
function getEmoticons(emoName) {
|
||||
var params = {component:'emoticon', emoticon:emoName, method:'getEmoticonList'};
|
||||
var resp_tags = 'error message emoticons'.split(' ');
|
||||
|
||||
exec_xml('editor', 'procEditorCall', params, completeGetEmoticons, resp_tags);
|
||||
}
|
||||
|
||||
/**
|
||||
* @brief Load callback
|
||||
*/
|
||||
function completeGetEmoticons(ret_obj) {
|
||||
var emoticons = ret_obj['emoticons'].split("\n");
|
||||
var html = [];
|
||||
for(var i=0;i<emoticons.length;i++) {
|
||||
html[html.length] = '<img src="./modules/editor/components/emoticon/tpl/images/'+emoticons[i]+'" class="emoticon" />';
|
||||
}
|
||||
jQuery('#emoticons').html(html.join('')).find('img.emoticon').click(insertEmoticon);
|
||||
}
|
||||
|
||||
/**
|
||||
* @brief Insert a selected emoticon into the document
|
||||
* @params Event jQuery event
|
||||
*/
|
||||
function insertEmoticon() {
|
||||
var url, html, iframe, win = is_popup?opener:window;
|
||||
|
||||
if(!win) return;
|
||||
|
||||
html = '<img src="'+this.src+'" class="emoticon" />';
|
||||
|
||||
win.editorFocus(win.editorPrevSrl);
|
||||
win.editorRelKeys[win.editorPrevSrl].pasteHTML(html);
|
||||
|
||||
if (is_popup) window.focus();
|
||||
|
||||
return false;
|
||||
}
|
||||
|
||||
// load default emoticon set
|
||||
getEmoticons('msn');
|
||||
$('#selectEmoticonList').change(function(){ getEmoticons(this.value) });
|
||||
|
||||
});
|
||||
35
modules/editor/components/image_gallery/tpl/popup.css
Normal file
35
modules/editor/components/image_gallery/tpl/popup.css
Normal file
|
|
@ -0,0 +1,35 @@
|
|||
@charset "utf-8";
|
||||
@import url(../../../../../modules/admin/tpl/css/admin.css);
|
||||
|
||||
li { float:left; list-style:none; margin-right:5px; }
|
||||
|
||||
img.bg_preview_color {
|
||||
width:30px;
|
||||
height:16px;
|
||||
border:1px solid #000000;
|
||||
background-color:#FFFFFF;
|
||||
}
|
||||
|
||||
img.border_preview_color {
|
||||
width:30px;
|
||||
height:16px;
|
||||
border:1px solid #EEEEEE;
|
||||
background-color:#000000;
|
||||
}
|
||||
|
||||
img.color_icon {
|
||||
width:14px;
|
||||
height:14px;
|
||||
border:1px solid #FFFFFF;
|
||||
}
|
||||
|
||||
img.color_icon_over {
|
||||
width:14px;
|
||||
height:14px;
|
||||
border:1px solid #000000;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
.editor_color_box { clear:both; height:65px; width:400px; border:1px solid #DDDDDD; padding:2px; }
|
||||
|
||||
.image_list { width:100%; border:1px solid #EEEEEE; height:200px !important; }
|
||||
|
|
@ -1,14 +1,6 @@
|
|||
<!--%import("../lang")-->
|
||||
<!--%import("popup.js")-->
|
||||
<style type="text/css">
|
||||
li{float:left;list-style:none;margin-right:5px}
|
||||
img.bg_preview_color{width:30px;height:16px;border:1px solid #000000;background-color:#FFFFFF}
|
||||
img.border_preview_color{width:30px;height:16px;border:1px solid #EEEEEE;background-color:#000000}
|
||||
img.color_icon{width:14px;height:14px;border:1px solid #FFFFFF}
|
||||
img.color_icon_over{width:14px;height:14px;border:1px solid #000000;cursor:pointer}
|
||||
.editor_color_box{clear:both;height:65px;width:400px;border:1px solid #DDDDDD;padding:2px}
|
||||
.image_list{width:100%;border:1px solid #EEEEEE;height:200px !important}
|
||||
</style>
|
||||
<!--%import("popup.css")-->
|
||||
<!--%import("../lang")-->
|
||||
<h1 class="h1">{$component_info->title} ver. {$component_info->version}</h1>
|
||||
<form action="./" method="get" onSubmit="return false" id="fo">
|
||||
<input type="hidden" name="editor_sequence" value="{$editor_sequence}" />
|
||||
|
|
@ -51,7 +43,7 @@ img.color_icon_over{width:14px;height:14px;border:1px solid #000000;cursor:point
|
|||
printColor("border", "{$tpl_path}/images/blank.gif");
|
||||
</script>
|
||||
</div>
|
||||
<ul class="btnLeft">
|
||||
<ul class="buttonLeft">
|
||||
<li><img src="./images/border_solid.gif" alt="blank" class="border_preview_color" id="border_preview_color" /></li>
|
||||
<li>#<input type="text" id="border_color_input" size="7" maxlength="6" value="000000" onkeyup="manual_select_color('border',this)"/></li>
|
||||
</ul>
|
||||
|
|
@ -65,7 +57,7 @@ img.color_icon_over{width:14px;height:14px;border:1px solid #000000;cursor:point
|
|||
printColor("bg", "{$tpl_path}/images/blank.gif");
|
||||
</script>
|
||||
</div>
|
||||
<ul class="btnLeft">
|
||||
<ul class="buttonLeft">
|
||||
<li><img src="./images/blank.gif" alt="blank" class="bg_preview_color" id="bg_preview_color" /></li>
|
||||
<li>#<input type="text" id="bg_color_input" size="7" maxlength="6" value="FFFFFF" onkeyup="manual_select_color('bg',this)"/></li>
|
||||
</ul>
|
||||
|
|
@ -83,6 +75,6 @@ img.color_icon_over{width:14px;height:14px;border:1px solid #000000;cursor:point
|
|||
</div>
|
||||
<div class="btnArea">
|
||||
<span class="btn"><button type="button" onclick="insertSlideShow()">{$lang->cmd_insert}</button></span>
|
||||
<span class="btn"><a href="./?module=editor&act=dispEditorComponentInfo&component_name={$component_info->component_name}" target="_blank" onclick="window.open(this.href,'ComponentInfo','width=10,height=10');return false;">{$lang->about_component}</a></span>
|
||||
<span class="btn"><a href="./?module=editor&act=dispEditorComponentInfo&component_name={$component_info->component_name}" target="_blank" onclick="window.open('this.href','ComponentInfo','width=10,height=10');return false;">{$lang->about_component}</a></span>
|
||||
</div>
|
||||
</form>
|
||||
|
|
|
|||
|
|
@ -157,4 +157,4 @@ function printColorBlock(type, code, blank_img_src) {
|
|||
|
||||
jQuery(function($){
|
||||
getSlideShow();
|
||||
});
|
||||
});
|
||||
|
|
|
|||
6
modules/editor/components/image_gallery/tpl/popup.min.css
vendored
Normal file
6
modules/editor/components/image_gallery/tpl/popup.min.css
vendored
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
/**
|
||||
* @file slide_gallery.js
|
||||
* @brief Slideshow type image gallery plugin
|
||||
* @author NHN (developers@xpressengine.com)
|
||||
**/
|
||||
@charset "utf-8";@import "../../../../../modules/admin/tpl/css/admin.css";li{float:left;list-style:none;margin-right:5px}img.bg_preview_color{width:30px;height:16px;border:1px solid #000000;background-color:#FFFFFF}img.border_preview_color{width:30px;height:16px;border:1px solid #EEEEEE;background-color:#000000}img.color_icon{width:14px;height:14px;border:1px solid #FFFFFF}img.color_icon_over{width:14px;height:14px;border:1px solid #000000;cursor:pointer}.editor_color_box{clear:both;height:65px;width:400px;border:1px solid #DDDDDD;padding:2px}.image_list{width:100%;border:1px solid #EEEEEE;height:200px !important}
|
||||
|
|
@ -1,10 +1,51 @@
|
|||
@charset "utf-8";
|
||||
.slide_gallery_loading_text{color:#555555;font-size:8pt;font-family:tahoma;font-weight:bold;margin:20px 0px 20px 0px;text-align:center}
|
||||
.slide_gallery_navigator_box{font-size:9pt;text-align:center;margin:5px 0px 5px 0px}
|
||||
.zone_gallery_navigator_status{color:#444444;font-family:verdana;font-size:8pt;cursor:pointer}
|
||||
.slide_gallery_navigator_box img{vertical-align:bottom}
|
||||
.slide_gallery_main_image_box{border:3px solid #EEEEEE;margin:10px}
|
||||
.slide_gallery_thumbnail_image_box{margin:10px;text-align:center}
|
||||
.slide_gallery_thumbnail_image_box img{border:1px solid #555555;padding:1px;margin:4px}
|
||||
.slide_gallery_filename{margin:5px 0px 10px 0px}
|
||||
.slide_gallery_filename a{color:#000000;text-decoration:none}
|
||||
.slide_gallery_loading_text {
|
||||
color:#555555;
|
||||
font-size:8pt;
|
||||
font-family:tahoma;
|
||||
font-weight:bold;
|
||||
margin:20px 0px 20px 0px;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.slide_gallery_navigator_box {
|
||||
font-size:9pt;
|
||||
text-align:center;
|
||||
margin:5px 0px 5px 0px;
|
||||
}
|
||||
|
||||
.zone_gallery_navigator_status {
|
||||
color:#444444;
|
||||
font-family:verdana;
|
||||
font-size:8pt;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
.slide_gallery_navigator_box img {
|
||||
vertical-align:bottom;
|
||||
}
|
||||
|
||||
.slide_gallery_main_image_box {
|
||||
border:3px solid #EEEEEE;
|
||||
margin:10px;
|
||||
}
|
||||
|
||||
.slide_gallery_thumbnail_image_box {
|
||||
margin:10px;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.slide_gallery_thumbnail_image_box img {
|
||||
border:1px solid #555555;
|
||||
padding:1px;
|
||||
margin:4px;
|
||||
}
|
||||
|
||||
.slide_gallery_filename {
|
||||
margin:5px 0px 10px 0px;
|
||||
}
|
||||
|
||||
.slide_gallery_filename A {
|
||||
color:#000000;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1 +1,6 @@
|
|||
@charset "utf-8";.slide_gallery_loading_text{color:#555555;font-size:8pt;font-family:tahoma;font-weight:bold;margin:20px 0px 20px 0px;text-align:center}.slide_gallery_navigator_box{font-size:9pt;text-align:center;margin:5px 0px 5px 0px}.zone_gallery_navigator_status{color:#444444;font-family:verdana;font-size:8pt;cursor:pointer}.slide_gallery_navigator_box img{vertical-align:bottom}.slide_gallery_main_image_box{border:3px solid #EEEEEE;margin:10px}.slide_gallery_thumbnail_image_box{margin:10px;text-align:center}.slide_gallery_thumbnail_image_box img{border:1px solid #555555;padding:1px;margin:4px}.slide_gallery_filename{margin:5px 0px 10px 0px}.slide_gallery_filename a{color:#000000;text-decoration:none}
|
||||
/**
|
||||
* @file slide_gallery.js
|
||||
* @brief Slideshow type image gallery plugin
|
||||
* @author NHN (developers@xpressengine.com)
|
||||
**/
|
||||
@charset "utf-8";.slide_gallery_loading_text{color:#555555;font-size:8pt;font-family:tahoma;font-weight:bold;margin:20px 0px 20px 0px;text-align:center}.slide_gallery_navigator_box{font-size:9pt;text-align:center;margin:5px 0px 5px 0px}.zone_gallery_navigator_status{color:#444444;font-family:verdana;font-size:8pt;cursor:pointer}.slide_gallery_navigator_box img{vertical-align:bottom}.slide_gallery_main_image_box{border:3px solid #EEEEEE;margin:10px}.slide_gallery_thumbnail_image_box{margin:10px;text-align:center}.slide_gallery_thumbnail_image_box img{border:1px solid #555555;padding:1px;margin:4px}.slide_gallery_filename{margin:5px 0px 10px 0px}.slide_gallery_filename A{color:#000000;text-decoration:none}
|
||||
10
modules/editor/components/image_link/tpl/popup.css
Normal file
10
modules/editor/components/image_link/tpl/popup.css
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
@charset "utf-8";
|
||||
@import url(../../../../../modules/admin/tpl/css/admin.css);
|
||||
|
||||
.image_align {
|
||||
margin:0px 0px 5px 0px;
|
||||
float:left;
|
||||
width:200px;
|
||||
}
|
||||
|
||||
li {list-style:none; float:left; margin-right:.5em;}
|
||||
|
|
@ -1,3 +1,5 @@
|
|||
<!--%import("popup.js")-->
|
||||
<!--%import("popup.css")-->
|
||||
<!--%import("../lang")-->
|
||||
<h1 class="h1">{$component_info->title} ver. {$component_info->version}</h1>
|
||||
<form action="./" method="get" onSubmit="return false" id="fo">
|
||||
|
|
@ -13,9 +15,11 @@
|
|||
<tr>
|
||||
<th scope="row">{$lang->image_scale}</th>
|
||||
<td>
|
||||
<input type="text" id="width" value="0" size="4" />px
|
||||
<input type="text" id="height" value="0" size="4" />px
|
||||
<button type="button" id="get_scale">{$lang->cmd_get_scale}</button>
|
||||
<ul>
|
||||
<li><input type="text" id="width" value="0" size="4" />px </li>
|
||||
<li><input type="text" id="height" value="0" size="4" />px </li>
|
||||
<li><button type="button" id="get_scale">{$lang->cmd_get_scale}</button></li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
|
|
@ -78,197 +82,7 @@
|
|||
</div>
|
||||
<div class="btnArea">
|
||||
<span class="btn"><button type="button" id="btn_insert">{$lang->cmd_insert}</button></span>
|
||||
<span class="btn"><a href="./?module=editor&act=dispEditorComponentInfo&component_name={$component_info->component_name}" target="_blank" onclick="window.open(this.href,'ComponentInfo','width=10,height=10');return false;">{$lang->about_component}</a></span>
|
||||
<span class="btn"><a href="./?module=editor&act=dispEditorComponentInfo&component_name={$component_info->component_name}" target="_blank" onclick="window.open('this.href','ComponentInfo','width=10,height=10');return false;">{$lang->about_component}</a></span>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
<script type="text/javascript">
|
||||
(function($) {
|
||||
var orig_width = 0;
|
||||
var orig_height = 0;
|
||||
var $form = $;
|
||||
|
||||
function getImage() {
|
||||
var image_url = $form.find('#image_url').val();
|
||||
|
||||
// url이 미리 입력되어 있을 경우 scale구해줌
|
||||
if(image_url) {
|
||||
getImageScale();
|
||||
return;
|
||||
}
|
||||
|
||||
// 부모 위지윅 에디터에서 선택된 영역이 있으면 처리
|
||||
var node = opener.editorPrevNode;
|
||||
if(!node || node.nodeName != 'IMG') {
|
||||
return;
|
||||
}
|
||||
|
||||
var src = node.getAttribute('src');
|
||||
var border = (node.style.borderWidth) ? node.style.borderWidth.match('[0-9]+') : node.getAttribute('border');
|
||||
var align = (node.style.cssFloat) ? node.style.cssFloat : node.style.styleFloat;
|
||||
var margin = (node.style.margin) ? node.style.margin.match('[0-9]+') : node.getAttribute('margin');
|
||||
var alt = node.getAttribute('alt');
|
||||
var width = $(node).width();
|
||||
var height = $(node).height();
|
||||
var link_url = node.getAttribute('link_url');
|
||||
var open_window = node.getAttribute('open_window');
|
||||
|
||||
|
||||
orig_width = width;
|
||||
orig_height = height;
|
||||
|
||||
if(!align) {
|
||||
align = (node.style.verticalAlign) ? node.style.verticalAlign : node.getAttribute('align');
|
||||
}
|
||||
|
||||
$form.find('#image_url').val(src);
|
||||
$form.find('#image_alt').val(alt);
|
||||
|
||||
if(link_url) {
|
||||
link_url = link_url.replace(/<([^>]*)>/ig,'').replace(/</ig,'<').replace(/>/ig,'>').replace(/&/ig,'&');
|
||||
$form.find('#link_url').val(link_url);
|
||||
}
|
||||
if(open_window == 'Y') $form.find('#open_window').attr('checked', true);
|
||||
|
||||
switch(align) {
|
||||
case 'left' : $form.find('#align_left').attr('checked', true); break;
|
||||
case 'middle' : $form.find('#align_middle').attr('checked', true); break;
|
||||
case 'right' : $form.find('#align_right').attr('checked', true); break;
|
||||
default : $form.find('#align_normal').attr('checked', true); break;
|
||||
}
|
||||
|
||||
if(margin) {
|
||||
$form.find('#image_margin').val(margin);
|
||||
}
|
||||
|
||||
if(border) {
|
||||
$form.find('#image_border').val(border);
|
||||
}
|
||||
|
||||
$form.find('#width').val(width);
|
||||
$form.find('#height').val(height);
|
||||
}
|
||||
|
||||
function insertImage() {
|
||||
if(typeof(opener) == "undefined") return;
|
||||
|
||||
var text = '';
|
||||
var link_url = $form.find('#link_url').val();
|
||||
var open_window = 'N';
|
||||
|
||||
if(link_url) link_url = link_url.replace(/&/ig,'&').replace(/</ig,'<').replace(/>/ig,'>');
|
||||
if($form.find('#open_window').attr('checked')) open_window = 'Y';
|
||||
|
||||
var url = $form.find('#image_url').val();
|
||||
var alt = $form.find('#image_alt').val();
|
||||
var align = '';
|
||||
var border = parseInt($form.find('#image_border').val(), 10);
|
||||
var margin = parseInt($form.find('#image_margin').val(), 10);
|
||||
|
||||
if($form.find('#align_normal').attr('checked') == 'checked') align = '';
|
||||
else if($form.find('#align_left').attr('checked') == 'checked') align = 'left';
|
||||
else if($form.find('#align_middle').attr('checked') == 'checked') align = 'middle';
|
||||
else if($form.find('#align_right').attr('checked') == 'checked') align = 'right';
|
||||
|
||||
var width = $form.find('#width').val();
|
||||
var height = $form.find('#height').val();
|
||||
|
||||
if(!url) {
|
||||
window.close();
|
||||
return;
|
||||
}
|
||||
|
||||
url = url.replace(request_uri,'');
|
||||
var $component = $('<span><img editor_component="image_link" /></span>');
|
||||
var img_attrs = {};
|
||||
var img_style = {};
|
||||
|
||||
img_attrs.src = url;
|
||||
if(alt) img_attrs.alt = alt;
|
||||
if(width) {
|
||||
img_attrs.width = width;
|
||||
img_style.width = width;
|
||||
}
|
||||
if(height) {
|
||||
img_attrs.height = height;
|
||||
img_style.height = height;
|
||||
}
|
||||
if(link_url) img_attrs.link_url = link_url;
|
||||
if(open_window == 'Y') img_attrs.open_window = 'Y';
|
||||
if(border) {
|
||||
img_attrs.border = border;
|
||||
img_style.border = border+'px solid';
|
||||
}
|
||||
if(margin) img_attrs.margin = margin;
|
||||
if(align == 'left' || align == 'right') {
|
||||
img_style.float = align;
|
||||
} else if(align == 'middle') {
|
||||
img_style.verticalAlign = align;
|
||||
}
|
||||
|
||||
$component.find('img').attr(img_attrs);
|
||||
$component.find('img').css(img_style);
|
||||
|
||||
var iframe_obj = opener.editorGetIFrame(opener.editorPrevSrl)
|
||||
|
||||
try {
|
||||
var prevNode = opener.editorPrevNode;
|
||||
prevNode.parentNode.insertBefore($component.find('img').get(0), prevNode);
|
||||
prevNode.parentNode.removeChild(prevNode);
|
||||
}catch(e){
|
||||
try {
|
||||
text = $component.html();
|
||||
opener.editorReplaceHTML(iframe_obj, text);
|
||||
} catch(ee) { }
|
||||
};
|
||||
opener.editorFocus(opener.editorPrevSrl);
|
||||
|
||||
window.close();
|
||||
}
|
||||
|
||||
function getImageScale() {
|
||||
var url = $form.find('#image_url').val();
|
||||
if(!url) return;
|
||||
|
||||
var img = new Image();
|
||||
img.src = url;
|
||||
|
||||
$form.find('#width').val(img.width);
|
||||
$form.find('#height').val(img.height);
|
||||
|
||||
orig_width = img.width;
|
||||
orig_height = img.height;
|
||||
}
|
||||
|
||||
function setScale(type) {
|
||||
switch(type) {
|
||||
case 'width' :
|
||||
if(!orig_height) return;
|
||||
var n_width = $form.find('#width').val();
|
||||
var p = n_width / orig_width;
|
||||
var n_height = parseInt(orig_height * p, 10);
|
||||
$form.find('#height').val(n_height);
|
||||
break;
|
||||
case 'height' :
|
||||
if(!orig_width) return;
|
||||
var n_height = $form.find('#height').val();
|
||||
var p = n_height / orig_height;
|
||||
var n_width = parseInt(orig_width * p, 10);
|
||||
$form.find('#width').val(n_width);
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
/* DOM READY */
|
||||
$(function() {
|
||||
$form = $('#fo');
|
||||
$form.find('#btn_insert').click(insertImage);
|
||||
if(typeof(opener) != "undefined") getImage();
|
||||
$form.find('#image_url').blur(getImageScale);
|
||||
$form.find('#get_scale').click(getImageScale);
|
||||
$form.find('#width').blur(function() { setScale('width') });
|
||||
$form.find('#height').blur(function() { setScale('height') });
|
||||
|
||||
});
|
||||
|
||||
}) (jQuery);
|
||||
</script>
|
||||
190
modules/editor/components/image_link/tpl/popup.js
Normal file
190
modules/editor/components/image_link/tpl/popup.js
Normal file
|
|
@ -0,0 +1,190 @@
|
|||
|
||||
;(function($) {
|
||||
var orig_width = 0;
|
||||
var orig_height = 0;
|
||||
var $form = $;
|
||||
|
||||
function getImage() {
|
||||
var image_url = $form.find('#image_url').val();
|
||||
|
||||
// url이 미리 입력되어 있을 경우 scale구해줌
|
||||
if(image_url) {
|
||||
getImageScale();
|
||||
return;
|
||||
}
|
||||
|
||||
// 부모 위지윅 에디터에서 선택된 영역이 있으면 처리
|
||||
var node = opener.editorPrevNode;
|
||||
if(!node || node.nodeName != 'IMG') {
|
||||
return;
|
||||
}
|
||||
|
||||
var src = node.getAttribute('src');
|
||||
var border = (node.style.borderWidth) ? node.style.borderWidth.match('[0-9]+') : node.getAttribute('border');
|
||||
var align = (node.style.cssFloat) ? node.style.cssFloat : node.style.styleFloat;
|
||||
var margin = (node.style.margin) ? node.style.margin.match('[0-9]+') : node.getAttribute('margin');
|
||||
var alt = node.getAttribute('alt');
|
||||
var width = $(node).width();
|
||||
var height = $(node).height();
|
||||
var link_url = node.getAttribute('link_url');
|
||||
var open_window = node.getAttribute('open_window');
|
||||
|
||||
|
||||
orig_width = width;
|
||||
orig_height = height;
|
||||
|
||||
if(!align) {
|
||||
align = (node.style.verticalAlign) ? node.style.verticalAlign : node.getAttribute('align');
|
||||
}
|
||||
|
||||
$form.find('#image_url').val(src);
|
||||
$form.find('#image_alt').val(alt);
|
||||
|
||||
if(link_url) {
|
||||
link_url = link_url.replace(/<([^>]*)>/ig,'').replace(/</ig,'<').replace(/>/ig,'>').replace(/&/ig,'&');
|
||||
$form.find('#link_url').val(link_url);
|
||||
}
|
||||
if(open_window == 'Y') $form.find('#open_window').attr('checked', true);
|
||||
|
||||
switch(align) {
|
||||
case 'left' : $form.find('#align_left').attr('checked', true); break;
|
||||
case 'middle' : $form.find('#align_middle').attr('checked', true); break;
|
||||
case 'right' : $form.find('#align_right').attr('checked', true); break;
|
||||
default : $form.find('#align_normal').attr('checked', true); break;
|
||||
}
|
||||
|
||||
if(margin) {
|
||||
$form.find('#image_margin').val(margin);
|
||||
}
|
||||
|
||||
if(border) {
|
||||
$form.find('#image_border').val(border);
|
||||
}
|
||||
|
||||
$form.find('#width').val(width);
|
||||
$form.find('#height').val(height);
|
||||
}
|
||||
|
||||
function insertImage() {
|
||||
if(typeof(opener) == "undefined") return;
|
||||
|
||||
var text = '';
|
||||
var link_url = $form.find('#link_url').val();
|
||||
var open_window = 'N';
|
||||
|
||||
if(link_url) link_url = link_url.replace(/&/ig,'&').replace(/</ig,'<').replace(/>/ig,'>');
|
||||
if($form.find('#open_window').attr('checked')) open_window = 'Y';
|
||||
|
||||
var url = $form.find('#image_url').val();
|
||||
var alt = $form.find('#image_alt').val();
|
||||
var align = '';
|
||||
var border = parseInt($form.find('#image_border').val(), 10);
|
||||
var margin = parseInt($form.find('#image_margin').val(), 10);
|
||||
|
||||
if($form.find('#align_normal').attr('checked') == 'checked') align = '';
|
||||
else if($form.find('#align_left').attr('checked') == 'checked') align = 'left';
|
||||
else if($form.find('#align_middle').attr('checked') == 'checked') align = 'middle';
|
||||
else if($form.find('#align_right').attr('checked') == 'checked') align = 'right';
|
||||
|
||||
var width = $form.find('#width').val();
|
||||
var height = $form.find('#height').val();
|
||||
|
||||
if(!url) {
|
||||
window.close();
|
||||
return;
|
||||
}
|
||||
|
||||
url = url.replace(request_uri,'');
|
||||
var $component = $('<span><img editor_component="image_link" /></span>');
|
||||
var img_attrs = {};
|
||||
var img_style = {};
|
||||
|
||||
img_attrs.src = url;
|
||||
if(alt) img_attrs.alt = alt;
|
||||
if(width) {
|
||||
img_attrs.width = width;
|
||||
img_style.width = width;
|
||||
}
|
||||
if(height) {
|
||||
img_attrs.height = height;
|
||||
img_style.height = height;
|
||||
}
|
||||
if(link_url) img_attrs.link_url = link_url;
|
||||
if(open_window == 'Y') img_attrs.open_window = 'Y';
|
||||
if(border) {
|
||||
img_attrs.border = border;
|
||||
img_style.border = border+'px solid';
|
||||
}
|
||||
if(margin) img_attrs.margin = margin;
|
||||
if(align == 'left' || align == 'right') {
|
||||
img_style.float = align;
|
||||
} else if(align == 'middle') {
|
||||
img_style.verticalAlign = align;
|
||||
}
|
||||
|
||||
$component.find('img').attr(img_attrs);
|
||||
$component.find('img').css(img_style);
|
||||
|
||||
var iframe_obj = opener.editorGetIFrame(opener.editorPrevSrl)
|
||||
|
||||
try {
|
||||
var prevNode = opener.editorPrevNode;
|
||||
prevNode.parentNode.insertBefore($component.find('img').get(0), prevNode);
|
||||
prevNode.parentNode.removeChild(prevNode);
|
||||
}catch(e){
|
||||
try {
|
||||
text = $component.html();
|
||||
opener.editorReplaceHTML(iframe_obj, text);
|
||||
} catch(ee) { }
|
||||
};
|
||||
opener.editorFocus(opener.editorPrevSrl);
|
||||
|
||||
window.close();
|
||||
}
|
||||
|
||||
function getImageScale() {
|
||||
var url = $form.find('#image_url').val();
|
||||
if(!url) return;
|
||||
|
||||
var img = new Image();
|
||||
img.src = url;
|
||||
|
||||
$form.find('#width').val(img.width);
|
||||
$form.find('#height').val(img.height);
|
||||
|
||||
orig_width = img.width;
|
||||
orig_height = img.height;
|
||||
}
|
||||
|
||||
function setScale(type) {
|
||||
switch(type) {
|
||||
case 'width' :
|
||||
if(!orig_height) return;
|
||||
var n_width = $form.find('#width').val();
|
||||
var p = n_width / orig_width;
|
||||
var n_height = parseInt(orig_height * p, 10);
|
||||
$form.find('#height').val(n_height);
|
||||
break;
|
||||
case 'height' :
|
||||
if(!orig_width) return;
|
||||
var n_height = $form.find('#height').val();
|
||||
var p = n_height / orig_height;
|
||||
var n_width = parseInt(orig_width * p, 10);
|
||||
$form.find('#width').val(n_width);
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
/* DOM READY */
|
||||
$(function() {
|
||||
$form = $('#fo');
|
||||
$form.find('#btn_insert').click(insertImage);
|
||||
if(typeof(opener) != "undefined") getImage();
|
||||
$form.find('#image_url').blur(getImageScale);
|
||||
$form.find('#get_scale').click(getImageScale);
|
||||
$form.find('#width').blur(function() { setScale('width') });
|
||||
$form.find('#height').blur(function() { setScale('height') });
|
||||
|
||||
});
|
||||
|
||||
}) (jQuery);
|
||||
2
modules/editor/components/multimedia_link/tpl/popup.css
Normal file
2
modules/editor/components/multimedia_link/tpl/popup.css
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
@charset "utf-8";
|
||||
@import url(../../../../../modules/admin/tpl/css/admin.css);
|
||||
|
|
@ -1,7 +1,9 @@
|
|||
<!--%import("../lang")-->
|
||||
<!--@if(__DEBUG__)-->
|
||||
<load target="popup.css" />
|
||||
<load target="popup.js" />
|
||||
<!--@else-->
|
||||
<load target="popup.min.css" />
|
||||
<load target="popup.min.js" />
|
||||
<!--@end-->
|
||||
<h1 class="h1">{$component_info->title} ver. {$component_info->version}</h1>
|
||||
|
|
@ -44,7 +46,7 @@
|
|||
</div>
|
||||
<div class="btnArea">
|
||||
<span class="btn"><button type="button">{$lang->cmd_insert}</button></span>
|
||||
<span class="btn"><a href="./?module=editor&act=dispEditorComponentInfo&component_name={$component_info->component_name}" target="_blank" onclick="window.open(this.href,'ComponentInfo','width=10,height=10');return false;">{$lang->about_component}</a></span>
|
||||
<span class="btn"><a href="./?module=editor&act=dispEditorComponentInfo&component_name={$component_info->component_name}" target="_blank">{$lang->about_component}</a></span>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
|
|
|||
|
|
@ -1,60 +1,64 @@
|
|||
/**
|
||||
* popup으로 열렸을 경우 부모창의 위지윅에디터에 select된 멀티미디어 컴포넌트 코드를 체크하여
|
||||
* 있으면 가져와서 원하는 곳에 삽입
|
||||
**/
|
||||
jQuery(function($){
|
||||
|
||||
(function(){
|
||||
if(!is_def(opener)) return;
|
||||
|
||||
var $node = $(opener.editorPrevNode).filter('img'), attrs;
|
||||
if(!$node.length) return;
|
||||
|
||||
attrs = {
|
||||
url : $node.attr('multimedia_src'),
|
||||
caption : $node.attr('alt'),
|
||||
width : $node.width() - 4,
|
||||
height : $node.height() - 4,
|
||||
wmode : $node.attr('wmode')
|
||||
};
|
||||
|
||||
$.each(attrs, function(key, val) {
|
||||
get_by_id('multimedia_'+key).value = val;
|
||||
});
|
||||
|
||||
// auto start?
|
||||
get_by_id('multimedia_auto_start').checked = ($node.attr('auto_start') == 'true');
|
||||
|
||||
})();
|
||||
|
||||
$('.btnArea button').click(function(){
|
||||
if(!is_def(opener)) return;
|
||||
|
||||
var el_wmode = get_by_id('fo').elements['multimedia_wmode'];
|
||||
var attrs = {
|
||||
alt : encodeURIComponent(get_by_id('multimedia_caption').value),
|
||||
width : get_by_id('multimedia_width').value || 400,
|
||||
height : get_by_id('multimedia_height').value || 400,
|
||||
wmode : el_wmode.value || el_wmode.options[0].value,
|
||||
auto_start : get_by_id('multimedia_auto_start').checked?'true':'false',
|
||||
multimedia_src : get_by_id('multimedia_url').value.replace(request_uri, '')
|
||||
};
|
||||
|
||||
if(!attrs['multimedia_src']) {
|
||||
window.close();
|
||||
return;
|
||||
}
|
||||
|
||||
var html = '<img src="../../../../common/img/blank.gif" editor_component="multimedia_link" multimedia_src="" width="" height="" wmode="" style="display:block;width:'+attrs.width+'px;height:'+attrs.height+'px;border:2px dotted #4371B9;background:url(./modules/editor/components/multimedia_link/tpl/multimedia_link_component.gif) no-repeat center" auto_start="" alt="" />';
|
||||
|
||||
html = html.replace(/(\w+)=""/g, function(m0,m1) {
|
||||
return attrs[m1] ? (m1+'="'+attrs[m1]+'"') : '';
|
||||
});
|
||||
|
||||
opener.editorFocus(opener.editorPrevSrl);
|
||||
|
||||
var iframe_obj = opener.editorGetIFrame(opener.editorPrevSrl)
|
||||
|
||||
opener.editorReplaceHTML(iframe_obj, html);
|
||||
opener.editorFocus(opener.editorPrevSrl);
|
||||
|
||||
window.close();
|
||||
(function(){
|
||||
if(!is_def(opener)) return;
|
||||
|
||||
var $node = $(opener.editorPrevNode).filter('img'), attrs;
|
||||
if(!$node.length) return;
|
||||
|
||||
attrs = {
|
||||
url : $node.attr('multimedia_src'),
|
||||
caption : $node.attr('alt'),
|
||||
width : $node.width() - 4,
|
||||
height : $node.height() - 4,
|
||||
wmode : $node.attr('wmode')
|
||||
};
|
||||
|
||||
$.each(attrs, function(key, val) {
|
||||
get_by_id('multimedia_'+key).value = val;
|
||||
});
|
||||
|
||||
// auto start?
|
||||
get_by_id('multimedia_auto_start').checked = ($node.attr('auto_start') == 'true');
|
||||
|
||||
})();
|
||||
|
||||
$('.btnArea button').click(function(){
|
||||
if(!is_def(opener)) return;
|
||||
|
||||
var el_wmode = get_by_id('fo').elements['multimedia_wmode'];
|
||||
var attrs = {
|
||||
alt : encodeURIComponent(get_by_id('multimedia_caption').value),
|
||||
width : get_by_id('multimedia_width').value || 400,
|
||||
height : get_by_id('multimedia_height').value || 400,
|
||||
wmode : el_wmode.value || el_wmode.options[0].value,
|
||||
auto_start : get_by_id('multimedia_auto_start').checked?'true':'false',
|
||||
multimedia_src : get_by_id('multimedia_url').value.replace(request_uri, '')
|
||||
};
|
||||
|
||||
if(!attrs['multimedia_src']) {
|
||||
window.close();
|
||||
return;
|
||||
}
|
||||
|
||||
var html = '<img src="../../../../common/img/blank.gif" editor_component="multimedia_link" multimedia_src="" width="" height="" wmode="" style="display:block;width:'+attrs.width+'px;height:'+attrs.height+'px;border:2px dotted #4371B9;background:url(./modules/editor/components/multimedia_link/tpl/multimedia_link_component.gif) no-repeat center" auto_start="" alt="" />';
|
||||
|
||||
html = html.replace(/(\w+)=""/g, function(m0,m1) {
|
||||
return attrs[m1] ? (m1+'="'+attrs[m1]+'"') : '';
|
||||
});
|
||||
|
||||
opener.editorFocus(opener.editorPrevSrl);
|
||||
|
||||
var iframe_obj = opener.editorGetIFrame(opener.editorPrevSrl)
|
||||
|
||||
opener.editorReplaceHTML(iframe_obj, html);
|
||||
opener.editorFocus(opener.editorPrevSrl);
|
||||
|
||||
window.close();
|
||||
});
|
||||
|
||||
});
|
||||
|
|
|
|||
5
modules/editor/components/multimedia_link/tpl/popup.min.css
vendored
Normal file
5
modules/editor/components/multimedia_link/tpl/popup.min.css
vendored
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
/**
|
||||
* popup으로 열렸을 경우 부모창의 위지윅에디터에 select된 멀티미디어 컴포넌트 코드를 체크하여
|
||||
* 있으면 가져와서 원하는 곳에 삽입
|
||||
**/
|
||||
@charset "utf-8";@import "../../../../../modules/admin/tpl/css/admin.css";
|
||||
20
modules/editor/components/poll_maker/tpl/popup.css
Normal file
20
modules/editor/components/poll_maker/tpl/popup.css
Normal file
|
|
@ -0,0 +1,20 @@
|
|||
@charset "utf-8";
|
||||
@import url(../../../../../modules/admin/tpl/css/admin.css);
|
||||
|
||||
.display_date { cursor:pointer; width:80px; float:left; border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; height:1em; padding:3px; font-family:tahoma; }
|
||||
|
||||
.adminTable { margin-bottom:0 !important; }
|
||||
|
||||
.pollButton { clear:both; overflow:hidden; border:1px solid #E3E3E2; border-top:none; background-color:#FAF8F4; padding:4px; }
|
||||
.pollButton .fl { padding:5px 0 0 10px; color:#AAAAAA; }
|
||||
.pollButton .fl label { vertical-align:middle; color:#888888; }
|
||||
.pollButton .fr { padding:5px 10px 0 0; color:#AAAAAA; }
|
||||
.pollButton .fr a { color:#444444; text-decoration:none; font-weight:bold;}
|
||||
.pollButton .fr a.delPoll { color:red; font-weight:normal;}
|
||||
|
||||
li { list-style:none; margin-right:5px; float:left; color:#666666}
|
||||
li a { text-decoration:none; color:#666666;}
|
||||
|
||||
#popFooter .fl { margin-left:10px; }
|
||||
#popFooter .fr { margin-right:10px; }
|
||||
.poll_box { margin-bottom:15px; }
|
||||
|
|
@ -1,22 +1,11 @@
|
|||
<style type="text/css">
|
||||
.display_date{cursor:pointer;width:80px;float:left;border:1px solid;border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6;height:1em;padding:3px;font-family:tahoma}
|
||||
.adminTable{margin-bottom:0 !important}
|
||||
.pollButton{clear:both;overflow:hidden;border:1px solid #E3E3E2;border-top:none;background-color:#FAF8F4;padding:4px}
|
||||
.pollButton .fl{padding:5px 0 0 10px;color:#AAAAAA}
|
||||
.pollButton .fl label{vertical-align:middle;color:#888888}
|
||||
.pollButton .fr{padding:5px 10px 0 0;color:#AAAAAA}
|
||||
.pollButton .fr a{color:#444444;text-decoration:none;font-weight:bold;}
|
||||
.pollButton .fr a.delPoll{color:red;font-weight:normal;}
|
||||
li{list-style:none;margin-right:5px;float:left;color:#666666}
|
||||
li a{text-decoration:none;color:#666666;}
|
||||
#popFooter .fl{margin-left:10px}
|
||||
#popFooter .fr{margin-right:10px}
|
||||
.poll_box{margin-bottom:15px}
|
||||
</style>
|
||||
<!--%import("popup.js")-->
|
||||
<!--%import("popup.css")-->
|
||||
<!--%import("filter/insert_poll.xml")-->
|
||||
<!--%import("../lang")-->
|
||||
|
||||
<!--// datepicker javascript plugin load -->
|
||||
<!--%load_js_plugin("ui.datepicker")-->
|
||||
|
||||
<script type="text/javascript">
|
||||
var msg_poll_cannot_modify = "{$lang->msg_poll_cannot_modify}";
|
||||
</script>
|
||||
|
|
@ -100,6 +89,6 @@ li a{text-decoration:none;color:#666666;}
|
|||
<div class="btnArea">
|
||||
<span class="btn"><input type="submit" value="{$lang->cmd_submit}" /></span>
|
||||
<span class="btn"><button type="button" id="add_poll">{$lang->cmd_add_poll}</button></span>
|
||||
<span class="btn"><a href="./?module=editor&act=dispEditorComponentInfo&component_name={$component_info->component_name}" target="_blank" onclick="window.open(this.href,'ComponentInfo','width=10,height=10');return false;">{$lang->about_component}</a></span>
|
||||
<span class="btn"><a href="./?module=editor&act=dispEditorComponentInfo&component_name={$component_info->component_name}" target="_blank">{$lang->about_component}</a></span>
|
||||
</div>
|
||||
</form>
|
||||
|
|
|
|||
|
|
@ -2,11 +2,8 @@
|
|||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<link rel="stylesheet" type="text/css" href="./css/editor.css" />
|
||||
<title>XpressEngine DrEditor</title>
|
||||
<style type="text/css">
|
||||
html,body{height:100%;background-color:transparent;padding:0;margin:0}
|
||||
.xe_content{color:#000;font-size:12px;line-height:1.5;margin:1em}
|
||||
</style>
|
||||
</head>
|
||||
<body class="xe_content editable">
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -1,73 +1,81 @@
|
|||
@charset "utf-8";
|
||||
@charset "utf-8";
|
||||
/* NHN (developers@xpressengine.com) */
|
||||
|
||||
/* -- Button Gray Style -- */
|
||||
.btnGray,
|
||||
.btnGray button{ position:relative;border:0;margin:0;display:inline-block;color:#000;font-family:Tahoma, Sans-serif;cursor:pointer;text-decoration:none !important;white-space:nowrap;vertical-align:middle;background-color:transparent;background-image:url(../img/buttonGray.gif) !important;background-repeat:no-repeat}
|
||||
.btnGray{ margin-right:2px}
|
||||
.btnGray button{ left:2px;overflow:visible}
|
||||
.buttonGray,
|
||||
.buttonGray button{ position:relative; border:0; margin:0; display:inline-block; color:#000; font-family:Tahoma, Sans-serif; cursor:pointer; text-decoration:none !important; white-space:nowrap; vertical-align:middle; background-color:transparent; background-image:url(../img/buttonGray.gif) !important; background-repeat:no-repeat;}
|
||||
.buttonGray{ margin-right:2px;}
|
||||
.buttonGray button{ left:2px; overflow:visible;}
|
||||
|
||||
/* Medium Size */
|
||||
.btnGray.medium{background-position:left -30px}
|
||||
.btnGray.medium button{ height:24px;padding:0 10px 0 8px;*padding:0 5px 0 3px;font:12px/25px Sans-serif;background-position:right -30px;_top:-1px}
|
||||
.buttonGray.medium { background-position:left -30px;}
|
||||
.buttonGray.medium button{ height:24px; padding:0 10px 0 8px; *padding:0 5px 0 3px; font:12px/25px Sans-serif; background-position:right -30px; _top:-1px;}
|
||||
|
||||
/* Strong Button */
|
||||
.btnGray.strong *{font-weight:bold !important}
|
||||
.buttonGray.strong * { font-weight:bold !important;}
|
||||
|
||||
/* Icon Add */
|
||||
.btnGray .icon{position:relative;margin-right:5px;vertical-align:middle}
|
||||
.buttonGray .icon { position:relative; margin-right:5px; vertical-align:middle;}
|
||||
|
||||
/* Button Reset */
|
||||
.btnDrEditor,
|
||||
.btnDrEditor a,
|
||||
.btnDrEditor button,
|
||||
.btnDrEditor input{position:relative;margin:0;display:inline-block;text-decoration:none !important;border:0;font-size:12px;font-family:Tahoma, Sans-serif;white-space:nowrap;background:url(../img/buttonWhite.gif) no-repeat;vertical-align:middle;overflow:visible;color:#333}
|
||||
.btnDrEditor{height:23px;padding:0;margin-right:2px;background-position:left top}
|
||||
.btnDrEditor a,
|
||||
.btnDrEditor button,
|
||||
.btnDrEditor input{ left:2px;*vertical-align:top;cursor:pointer}
|
||||
.buttonDrEditor,
|
||||
.buttonDrEditor a,
|
||||
.buttonDrEditor button,
|
||||
.buttonDrEditor input { position:relative; margin:0; display:inline-block; text-decoration:none !important; border:0; font-size:12px; font-family:Tahoma, Sans-serif; white-space:nowrap; background:url(../img/buttonWhite.gif) no-repeat; vertical-align:middle; overflow:visible; color:#333;}
|
||||
.buttonDrEditor { height:23px; padding:0; margin-right:2px; background-position:left top;}
|
||||
.buttonDrEditor a,
|
||||
.buttonDrEditor button,
|
||||
.buttonDrEditor input{ left:2px; *vertical-align:top; cursor:pointer;}
|
||||
|
||||
/* Button Size */
|
||||
.btnDrEditor.large{height:29px;background-position:left -30px}
|
||||
.btnDrEditor.xLarge{height:35px;background-position:left -65px}
|
||||
.btnDrEditor.small{height:18px;background-position:left -107px}
|
||||
.btnDrEditor a,
|
||||
.btnDrEditor button,
|
||||
.btnDrEditor input{height:23px;padding:0 10px 0 8px;font-size:12px;line-height:23px;background-position:right top}
|
||||
.btnDrEditor.large a,
|
||||
.btnDrEditor.large button,
|
||||
.btnDrEditor.large input{height:30px;padding:0 10px 0 8px;font-size:16px;line-height:29px;background-position:right -30px}
|
||||
.btnDrEditor.xLarge a,
|
||||
.btnDrEditor.xLarge button,
|
||||
.btnDrEditor.xLarge input{height:35px;padding:0 10px 0 8px;font-size:20px;line-height:35px;background-position:right -65px}
|
||||
.btnDrEditor.small a,
|
||||
.btnDrEditor.small button,
|
||||
.btnDrEditor.small input{height:18px;padding:0 6px 0 4px;font-size:11px;line-height:18px;background-position:right -107px}
|
||||
.buttonDrEditor.large { height:29px; background-position:left -30px; }
|
||||
.buttonDrEditor.xLarge { height:35px; background-position:left -65px; }
|
||||
.buttonDrEditor.small { height:18px; background-position:left -107px; }
|
||||
.buttonDrEditor a,
|
||||
.buttonDrEditor button,
|
||||
.buttonDrEditor input { height:23px; padding:0 10px 0 8px; font-size:12px; line-height:23px; background-position:right top;}
|
||||
.buttonDrEditor.large a,
|
||||
.buttonDrEditor.large button,
|
||||
.buttonDrEditor.large input { height:30px; padding:0 10px 0 8px; font-size:16px; line-height:29px; background-position:right -30px;}
|
||||
.buttonDrEditor.xLarge a,
|
||||
.buttonDrEditor.xLarge button,
|
||||
.buttonDrEditor.xLarge input { height:35px; padding:0 10px 0 8px; font-size:20px; line-height:35px; background-position:right -65px;}
|
||||
.buttonDrEditor.small a,
|
||||
.buttonDrEditor.small button,
|
||||
.buttonDrEditor.small input { height:18px; padding:0 6px 0 4px; font-size:11px; line-height:18px; background-position:right -107px;}
|
||||
|
||||
/* Button Text Color */
|
||||
.btnDrEditor *:hover,
|
||||
.btnDrEditor *:active,
|
||||
.btnDrEditor *:focus{ color:#690}
|
||||
.btnDrEditor.green,
|
||||
.btnDrEditor.green a,
|
||||
.btnDrEditor.green button,
|
||||
.btnDrEditor.green input{background-image:url(../img/buttonGreen.gif);color:#fff}
|
||||
.btnDrEditor.green *:hover,
|
||||
.btnDrEditor.green *:active,
|
||||
.btnDrEditor.green *:focus{ color:#ff0}
|
||||
.btnDrEditor.black,
|
||||
.btnDrEditor.black a,
|
||||
.btnDrEditor.black button,
|
||||
.btnDrEditor.black input{background-image:url(../img/buttonBlack.gif);color:#fff}
|
||||
.btnDrEditor.black *:hover,
|
||||
.btnDrEditor.black *:active,
|
||||
.btnDrEditor.black *:focus{ color:#ff0}
|
||||
.btnDrEditor.red,
|
||||
.btnDrEditor.red a,
|
||||
.btnDrEditor.red button,
|
||||
.btnDrEditor.red input{background-image:url(../img/buttonRed.gif);color:#fff}
|
||||
.btnDrEditor.red *:hover,
|
||||
.btnDrEditor.red *:active,
|
||||
.btnDrEditor.red *:focus{ color:#ff0}
|
||||
.btnDrEditor.blue,
|
||||
.btnDrEditor.blue a,
|
||||
.btnDrEditor.blue button,
|
||||
.btnDrEditor.blue input{background-image:url(../img/buttonBlue.gif);color:#fff}
|
||||
.btnDrEditor.blue *:hover,
|
||||
.btnDrEditor.blue *:active,
|
||||
.btnDrEditor.blue *:focus{ color:#ff0}
|
||||
.buttonDrEditor *:hover,
|
||||
.buttonDrEditor *:active,
|
||||
.buttonDrEditor *:focus{ color:#690;}
|
||||
.buttonDrEditor.green,
|
||||
.buttonDrEditor.green a,
|
||||
.buttonDrEditor.green button,
|
||||
.buttonDrEditor.green input { background-image:url(../img/buttonGreen.gif); color:#fff;}
|
||||
.buttonDrEditor.green *:hover,
|
||||
.buttonDrEditor.green *:active,
|
||||
.buttonDrEditor.green *:focus{ color:#ff0;}
|
||||
.buttonDrEditor.black,
|
||||
.buttonDrEditor.black a,
|
||||
.buttonDrEditor.black button,
|
||||
.buttonDrEditor.black input { background-image:url(../img/buttonBlack.gif); color:#fff;}
|
||||
.buttonDrEditor.black *:hover,
|
||||
.buttonDrEditor.black *:active,
|
||||
.buttonDrEditor.black *:focus{ color:#ff0;}
|
||||
.buttonDrEditor.red,
|
||||
.buttonDrEditor.red a,
|
||||
.buttonDrEditor.red button,
|
||||
.buttonDrEditor.red input { background-image:url(../img/buttonRed.gif); color:#fff;}
|
||||
.buttonDrEditor.red *:hover,
|
||||
.buttonDrEditor.red *:active,
|
||||
.buttonDrEditor.red *:focus{ color:#ff0;}
|
||||
.buttonDrEditor.blue,
|
||||
.buttonDrEditor.blue a,
|
||||
.buttonDrEditor.blue button,
|
||||
.buttonDrEditor.blue input { background-image:url(../img/buttonBlue.gif); color:#fff;}
|
||||
.buttonDrEditor.blue *:hover,
|
||||
.buttonDrEditor.blue *:active,
|
||||
.buttonDrEditor.blue *:focus{ color:#ff0;}
|
||||
|
||||
/* Button Text Strong */
|
||||
.btnDrEditor.strong *{font-weight:bold !important}
|
||||
.buttonDrEditor.strong * { font-weight:bold !important;}
|
||||
|
|
|
|||
|
|
@ -1,324 +1,348 @@
|
|||
@charset "utf-8";
|
||||
@charset "utf-8";
|
||||
/* NHN (developers@xpressengine.com) */
|
||||
|
||||
/* Textyle Editor */
|
||||
.textyleEditor{position:relative;zoom:1;margin:0 0 1em 0}
|
||||
.textyleEditor:after{content:"";display:block;clear:both}
|
||||
.textyleEditor .editorContainer{position:relative;width:100%;display:table;table-layout:fixed}
|
||||
.textyleEditor .editorContainer .editorArea{opacity:1;filter:alpha(opacity=100)}
|
||||
.textyleEditor .editorContainer .writeArea{position:relative;zoom:1}
|
||||
.textyleEditor{ position:relative; *zoom:1; margin:0 0 1em 0;}
|
||||
.textyleEditor:after{ content:""; display:block; clear:both;}
|
||||
.textyleEditor .editorContainer{ position:relative; width:100%; display:table; table-layout:fixed;}
|
||||
.textyleEditor .editorContainer .editorArea{ opacity:1; filter:alpha(opacity=100);}
|
||||
.textyleEditor .editorContainer .writeArea{ position:relative; *zoom:1;}
|
||||
|
||||
/* Writing Toolbar */
|
||||
.wToolbarContainer{position:relative;margin:20px 0 40px 0;height:62px;overflow:hidden;z-index:1000;_zoom:1}
|
||||
.wToolbarContainer.more{height:auto}
|
||||
.wToolbar{position:relative;height:62px;margin:0 10px;zoom:1;background-image:url(../img/bgWritingToolbarCenter.gif);background-repeat:repeat-x}
|
||||
.wToolbarContainer.more .wToolbar{height:auto;padding:0 0 5px 0;background-position:0 bottom;border-top:1px solid #bec2ca}
|
||||
.wToolbar .cap{position:absolute;top:0;height:62px;background-repeat:no-repeat;font-size:0;line-height:0;background:url(../img/bgWritingToolbar.gif) no-repeat;z-index:1}
|
||||
.wToolbar .top{display:none;position:absolute;top:-1px;width:10px;height:7px;background:url(../img/bgWritingToolbarMore.gif) no-repeat;z-index:2}
|
||||
.wToolbarContainer.more .cap{height:100%;_top:auto;_bottom:0;_height:300px;background:url(../img/bgWritingToolbarMore.gif) no-repeat}
|
||||
.wToolbarContainer.more .top{display:block}
|
||||
.wToolbar .capLeft{width:10px;left:-10px;background-position:left top}
|
||||
.wToolbar .topLeft{left:-10px;background-position:left top}
|
||||
.wToolbarContainer.more .cap.capLeft{background-position:left bottom}
|
||||
.wToolbar .capRight{width:10px;right:-10px;background-position:right top}
|
||||
.wToolbar .topRight{right:-10px;background-position:right top}
|
||||
.wToolbarContainer.more .capRight{background-position:right bottom}
|
||||
.wToolbar ul{position:relative;margin:0 70px 0 0;padding:0;zoom:1;height:58px;z-index:2}
|
||||
.wToolbarContainer.more ul{height:auto;_height:58px;background:url(../img/hrToolbarMore.gif)}
|
||||
.wToolbar ul:after{content:"";display:block;clear:both}
|
||||
.wToolbar li{position:relative;float:left;list-style:none;margin-bottom:4px;width:11.1%;*width:11%;_margin-top:0;_margin-right:-1px}
|
||||
.wToolbar li button{position:relative;padding:0;width:100%;height:57px;*height:59px;border:0;background:transparent;cursor:pointer;font-size:11px;color:#44506a;background-image:url(../img/iconWritingToolbar.gif);background-repeat:no-repeat}
|
||||
.wToolbar li button .tx{display:inline-block;padding-top:37px;height:20px}
|
||||
.wToolbar li.more{float:none;position:absolute;top:1px;right:-70px;width:60px;background:url(../img/vrToolbarMore.gif) repeat-y;_zoom:1}
|
||||
.wToolbar li.more button{width:60px}
|
||||
.wToolbarContainer.more li{margin-bottom:0}
|
||||
.wToolbarContainer.more li.more{height:100%}
|
||||
.wToolbarContainer.more li.more button{height:100%;_height:114px;background:url(../img/iconWritingToolbarFolder.gif) no-repeat center !important}
|
||||
.wToolbarContainer.more li.more button .nx{top:0}
|
||||
.wToolbar li.hover button{background-color:#bfc3cb}
|
||||
.wToolbar li.hx button{background-position:center top}
|
||||
.wToolbar li.txt button{background-position:center -100px}
|
||||
.wToolbar li.link button{background-position:center -200px}
|
||||
.wToolbar li.list button{background-position:center -300px}
|
||||
.wToolbar li.quote button{background-position:center -400px}
|
||||
.wToolbar li.img button{background-position:center -500px}
|
||||
.wToolbar li.movie button{background-position:center -600px}
|
||||
.wToolbar li.file button{background-position:center -700px}
|
||||
.wToolbar li.hr button{background-position:center -800px}
|
||||
.wToolbar li.index button{background-position:center -900px}
|
||||
.wToolbar li.material button{background-position:center -1000px}
|
||||
.wToolbar li.help button{background-position:center -1100px}
|
||||
.wToolbar li.more button{background-position:center -1187px}
|
||||
.wToolbar li .dragable{position:absolute;display:none;bottom:38px;right:0;padding:0;border:0;width:20px;height:20px;overflow:hidden;background:url(../img/iconMovable.gif) no-repeat center center !important;cursor:move;font-size:0;line-height:0;text-indent:-200%}
|
||||
.wToolbarContainer.more li.hover .dragable{_display:block}
|
||||
.wToolbarContainer.more li:hover .dragable{display:block}
|
||||
.wToolbar li .nx{position:absolute;text-align:center;top:8px;left:50%;font:bold 10px Tahoma, Geneva, sans-serif;color:#fff;width:18px;height:18px;line-height:16px;opacity:.7;background:url(../img/bgShortcut.png) no-repeat center top;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./modules/editor/skins/dreditor/img/bgShortcut.png', sizingMethod='crop')}
|
||||
.wToolbarContainer{ position:relative; margin:20px 0 40px 0; height:62px; overflow:hidden; z-index:1000; _zoom:1;}
|
||||
.wToolbarContainer.more{ height:auto;}
|
||||
.wToolbar{ position:relative; height:62px; margin:0 10px; *zoom:1; background-image:url(../img/bgWritingToolbarCenter.gif); background-repeat:repeat-x; }
|
||||
.wToolbarContainer.more .wToolbar{ height:auto; padding:0 0 5px 0; background-position:0 bottom; border-top:1px solid #bec2ca;}
|
||||
.wToolbar .cap{ position:absolute; top:0; height:62px; background-repeat:no-repeat; font-size:0; line-height:0; background:url(../img/bgWritingToolbar.gif) no-repeat; z-index:1;}
|
||||
.wToolbar .top{ display:none; position:absolute; top:-1px; width:10px; height:7px; background:url(../img/bgWritingToolbarMore.gif) no-repeat; z-index:2;}
|
||||
.wToolbarContainer.more .cap{ height:100%; _top:auto; _bottom:0; _height:300px; background:url(../img/bgWritingToolbarMore.gif) no-repeat;}
|
||||
.wToolbarContainer.more .top{ display:block;}
|
||||
.wToolbar .capLeft{ width:10px; left:-10px; background-position:left top;}
|
||||
.wToolbar .topLeft{ left:-10px; background-position:left top;}
|
||||
.wToolbarContainer.more .cap.capLeft{ background-position:left bottom;}
|
||||
.wToolbar .capRight{ width:10px; right:-10px; background-position:right top;}
|
||||
.wToolbar .topRight{ right:-10px; background-position:right top;}
|
||||
.wToolbarContainer.more .capRight{ background-position:right bottom;}
|
||||
|
||||
.wToolbar ul{ position:relative; margin:0 70px 0 0; padding:0; *zoom:1; height:58px; z-index:2;}
|
||||
.wToolbarContainer.more ul{ height:auto; _height:58px; background:url(../img/hrToolbarMore.gif);}
|
||||
.wToolbar ul:after{ content:""; display:block; clear:both;}
|
||||
.wToolbar li{ position:relative; float:left; list-style:none; margin-bottom:4px; width:11.1%; *width:11%; _margin-top:0; _margin-right:-1px;}
|
||||
.wToolbar li button{ position:relative; padding:0; width:100%; height:57px; *height:59px; border:0; background:transparent; cursor:pointer; font-size:11px; color:#44506a; background-image:url(../img/iconWritingToolbar.gif); background-repeat:no-repeat;}
|
||||
.wToolbar li button .tx{ display:inline-block; padding-top:37px; height:20px;}
|
||||
.wToolbar li.more{ float:none; position:absolute; top:1px; right:-70px; width:60px; background:url(../img/vrToolbarMore.gif) repeat-y; _zoom:1;}
|
||||
.wToolbar li.more button{ width:60px;}
|
||||
.wToolbarContainer.more li{ margin-bottom:0;}
|
||||
.wToolbarContainer.more li.more{ height:100%;}
|
||||
.wToolbarContainer.more li.more button{ height:100%; _height:114px; background:url(../img/iconWritingToolbarFolder.gif) no-repeat center !important;}
|
||||
.wToolbarContainer.more li.more button .nx{ top:0;}
|
||||
.wToolbar li.hover button{ background-color:#bfc3cb;}
|
||||
|
||||
.wToolbar li.hx button{ background-position:center top;}
|
||||
.wToolbar li.txt button{ background-position:center -100px;}
|
||||
.wToolbar li.link button{ background-position:center -200px;}
|
||||
.wToolbar li.list button{ background-position:center -300px;}
|
||||
.wToolbar li.quote button{ background-position:center -400px;}
|
||||
.wToolbar li.img button{ background-position:center -500px;}
|
||||
.wToolbar li.movie button{ background-position:center -600px;}
|
||||
.wToolbar li.file button{ background-position:center -700px;}
|
||||
.wToolbar li.hr button{ background-position:center -800px;}
|
||||
.wToolbar li.index button{ background-position:center -900px;}
|
||||
.wToolbar li.material button{ background-position:center -1000px;}
|
||||
.wToolbar li.help button{ background-position:center -1100px;}
|
||||
.wToolbar li.more button{ background-position:center -1187px;}
|
||||
|
||||
.wToolbar li .dragable{ position:absolute; display:none; bottom:38px; right:0; padding:0; border:0; width:20px; height:20px; overflow:hidden; background:url(../img/iconMovable.gif) no-repeat center center !important; cursor:move; font-size:0; line-height:0; text-indent:-200%;}
|
||||
.wToolbarContainer.more li.hover .dragable{ _display:block;}
|
||||
.wToolbarContainer.more li:hover .dragable{ display:block;}
|
||||
.wToolbar li .nx{ position:absolute; text-align:center; top:8px; left:50%; font:bold 10px Tahoma, Geneva, sans-serif; color:#fff; width:18px; height:18px; line-height:16px; opacity:.7; background:url(../img/bgShortcut.png) no-repeat center top; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./modules/editor/skins/dreditor/img/bgShortcut.png', sizingMethod='crop');}
|
||||
|
||||
/* Writing Area + Material Area */
|
||||
.wArea,
|
||||
.mArea{display:none;position:relative;zoom:1;padding:20px;margin:0}
|
||||
.wArea{background:#f5f5f5;border:1px solid #e9e9e9}
|
||||
.mArea{background:url(../img/bgChess76.gif);border:1px solid #666}
|
||||
.mArea{margin:20px 0}
|
||||
.mArea{ display:none; position:relative; *zoom:1; padding:20px; margin:0;}
|
||||
.wArea{ background:#f5f5f5; border:1px solid #e9e9e9;}
|
||||
.mArea{ background:url(../img/bgChess76.gif); border:1px solid #666;}
|
||||
.mArea{ margin:20px 0;}
|
||||
.wArea.open,
|
||||
.mArea.open{display:block}
|
||||
.mArea.open{ display:block;}
|
||||
.wArea .cap,
|
||||
.mArea .cap{position:absolute;width:10px;height:10px;background-repeat:no-repeat;font-size:0;line-height:0;overflow:hidden}
|
||||
.wArea .cap{background-image:url(../img/bgRouningF5.gif)}
|
||||
.mArea .cap{background-image:url(../img/bgRouning76.gif)}
|
||||
.mArea .cap{ position:absolute; width:10px; height:10px; background-repeat:no-repeat; font-size:0; line-height:0; overflow:hidden;}
|
||||
.wArea .cap{ background-image:url(../img/bgRouningF5.gif);}
|
||||
.mArea .cap{ background-image:url(../img/bgRouning76.gif);}
|
||||
.wArea .cap.capTL,
|
||||
.mArea .cap.capTL{top:-1px;left:-1px;background-position:left top}
|
||||
.mArea .cap.capTL{ top:-1px; left:-1px; background-position:left top;}
|
||||
.wArea .cap.capTR,
|
||||
.mArea .cap.capTR{top:-1px;right:-1px;background-position:right top}
|
||||
.mArea .cap.capTR{ top:-1px; right:-1px; background-position:right top;}
|
||||
.wArea .cap.capBL,
|
||||
.mArea .cap.capBL{bottom:-1px;left:-1px;background-position:left bottom}
|
||||
.mArea .cap.capBL{ bottom:-1px; left:-1px; background-position:left bottom;}
|
||||
.wArea .cap.capBR,
|
||||
.mArea .cap.capBR{bottom:-1px;right:-1px;background-position:right bottom}
|
||||
.mArea .cap.capBR{ bottom:-1px; right:-1px; background-position:right bottom;}
|
||||
.wArea .h4,
|
||||
.mArea .h4{font-size:16px;margin:0 0 10px 0}
|
||||
.wArea .h4{color:#555}
|
||||
.mArea .h4{color:#fff}
|
||||
.mArea .controls{position:absolute;top:20px;right:20px}
|
||||
.mArea .h4{ font-size:16px; margin:0 0 10px 0;}
|
||||
.wArea .h4{ color:#555;}
|
||||
.mArea .h4{ color:#fff;}
|
||||
.mArea .controls{ position:absolute; top:20px; right:20px;}
|
||||
|
||||
/* Writing Area */
|
||||
.wArea .btnArea{position:relative;text-align:left;zoom:1}
|
||||
.wArea .btnArea .btnGray button{_top:0}
|
||||
.wArea .btnArea .info{display:inline;padding:0 0 0 15px;color:#777}
|
||||
.wArea .inputTitle{width:98%;border:1px solid #ddd;background:#fff url(../img/bgInputText.gif) no-repeat;color:#767676;padding:6px 0 0 10px;height:21px;font-size:14px;margin-bottom:10px}
|
||||
.wArea .inputLink{width:98%;border:1px solid #ddd;background:#fff url(../img/bgInputText.gif) no-repeat;color:#767676;padding:6px 0 0 10px;height:21px;font-size:11px;margin-bottom:10px}
|
||||
.wArea .iText{width:98%;border:1px solid #ddd;background:#fff url(../img/bgInputText.gif) no-repeat;color:#767676;padding:6px 0 0 10px;height:21px;font-size:12px;margin-bottom:10px}
|
||||
.wArea .inputFile{width:100%;border:1px solid #ddd;background:#fff url(../img/bgInputText.gif) no-repeat;color:#767676;padding:6px 0 0 10px;height:29px;font-size:12px;margin-bottom:10px}
|
||||
.wArea .iTextArea{width:98%;border:1px solid #ddd;background:#fff url(../img/bgInputText.gif) no-repeat;color:#767676;padding:10px 0 0 10px;height:150px;font-size:12px;line-height:1.5;margin-bottom:10px}
|
||||
.wArea .inputRadio{width:13px;height:13px;vertical-align:middle}
|
||||
.wArea .hr{border-top:1px solid #e6e6e6;border-bottom:1px solid #fff;font-size:0;line-height:0;overflow:hidden;height:0;margin:15px -20px}
|
||||
.wArea .buttonArea{ position:relative; text-align:left; *zoom:1;}
|
||||
.wArea .buttonArea .buttonGray button{ _top:0;}
|
||||
.wArea .buttonArea .info{ display:inline; padding:0 0 0 15px; color:#777;}
|
||||
.wArea .inputTitle{ width:98%; border:1px solid #ddd; background:#fff url(../img/bgInputText.gif) no-repeat; color:#767676; padding:6px 0 0 10px; height:21px; font-size:14px; margin-bottom:10px;}
|
||||
.wArea .inputLink{ width:98%; border:1px solid #ddd; background:#fff url(../img/bgInputText.gif) no-repeat; color:#767676; padding:6px 0 0 10px; height:21px; font-size:11px; margin-bottom:10px;}
|
||||
.wArea .iText{ width:98%; border:1px solid #ddd; background:#fff url(../img/bgInputText.gif) no-repeat; color:#767676; padding:6px 0 0 10px; height:21px; font-size:12px; margin-bottom:10px;}
|
||||
.wArea .inputFile{ width:100%; border:1px solid #ddd; background:#fff url(../img/bgInputText.gif) no-repeat; color:#767676; padding:6px 0 0 10px; height:29px; font-size:12px; margin-bottom:10px;}
|
||||
.wArea .iTextArea{ width:98%; border:1px solid #ddd; background:#fff url(../img/bgInputText.gif) no-repeat; color:#767676; padding:10px 0 0 10px; height:150px; font-size:12px; line-height:1.5; margin-bottom:10px;}
|
||||
.wArea .inputRadio{ width:13px; height:13px; vertical-align:middle;}
|
||||
.wArea .hr{ border-top:1px solid #e6e6e6; border-bottom:1px solid #fff; font-size:0; line-height:0; overflow:hidden; height:0; margin:15px -20px;}
|
||||
|
||||
/* Material Area */
|
||||
.mArea .reload{position:absolute;top:24px;right:40px;width:15px;height:16px;padding:0;cursor:pointer;border:0;*margin:0 5px 0 0;background:transparent url(../img/buttonRefresh.gif) no-repeat;vertical-align:middle}
|
||||
.mArea .reload span{position:absolute;width:0;height:0;font-size:0;line-height:0;overflow:hidden;z-index:-1;visibility:hidden}
|
||||
.mArea .close{position:absolute;top:24px;right:20px;width:15px;height:16px;padding:0;cursor:pointer;border:0;*margin:0 5px 0 0;background:transparent url(../img/buttonClose.gif) no-repeat;vertical-align:middle}
|
||||
.mArea .close span{position:absolute;width:0;height:0;font-size:0;line-height:0;overflow:hidden;z-index:-1;visibility:hidden}
|
||||
.mArea .noData{position:relative;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#fff;padding:10px 20px}
|
||||
.mArea dl{position:relative;background:#fff}
|
||||
.mArea dt{position:relative;padding:7px 15px;font-weight:bold;color:#fff;background:#555;border-top:1px solid #444}
|
||||
.mArea dd{margin:0 15px;padding:5px 0}
|
||||
.mArea dd .btnDrEditor{position:absolute;top:8px;right:10px}
|
||||
.mArea .eArea{border:0;padding:0}
|
||||
.mArea .paginate{position:relative;width:100px;margin:0 auto;text-align:center;padding:0;font-size:12px;color:#fff;zoom:1}
|
||||
.mArea .paginate:after{content:"";display:block;clear:both}
|
||||
.mArea .paginate button{width:17px;height:17px;padding:0;background:transparent url(../img/buttonPaginate.gif) no-repeat 0 0;cursor:pointer;border:0;vertical-align:middle}
|
||||
.mArea .paginate button span{position:absolute;width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;z-index:-1}
|
||||
.mArea .paginate .prev{float:left;background-position:left top}
|
||||
.mArea .paginate .next{float:right;background-position:right top}
|
||||
.mArea .reload{ position:absolute; top:24px; right:40px; width:15px; height:16px; padding:0; cursor:pointer; border:0; *margin:0 5px 0 0; background:transparent url(../img/buttonRefresh.gif) no-repeat; vertical-align:middle;}
|
||||
.mArea .reload span{ position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; z-index:-1; visibility:hidden;}
|
||||
.mArea .close{ position:absolute; top:24px; right:20px; width:15px; height:16px; padding:0; cursor:pointer; border:0; *margin:0 5px 0 0; background:transparent url(../img/buttonClose.gif) no-repeat; vertical-align:middle;}
|
||||
.mArea .close span{ position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; z-index:-1; visibility:hidden;}
|
||||
.mArea .noData{ position:relative; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#fff; padding:10px 20px;}
|
||||
.mArea dl{ position:relative; background:#fff;}
|
||||
.mArea dt{ position:relative; padding:7px 15px; font-weight:bold; color:#fff; background:#555; border-top:1px solid #444;}
|
||||
.mArea dd{ margin:0 15px; padding:5px 0;}
|
||||
.mArea dd .buttonDrEditor{ position:absolute; top:8px; right:10px;}
|
||||
.mArea .eArea{ border:0; padding:0;}
|
||||
|
||||
.mArea .paginate{ position:relative; width:100px; margin:0 auto; text-align:center; padding:0; font-size:12px; color:#fff; *zoom:1;}
|
||||
.mArea .paginate:after{ content:""; display:block; clear:both;}
|
||||
.mArea .paginate button{ width:17px; height:17px; padding:0; background:transparent url(../img/buttonPaginate.gif) no-repeat 0 0; cursor:pointer; border:0; vertical-align:middle;}
|
||||
.mArea .paginate button span{ position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; z-index:-1;}
|
||||
.mArea .paginate .prev{ float:left; background-position:left top;}
|
||||
.mArea .paginate .next{ float:right; background-position:right top;}
|
||||
|
||||
/* Writing Area Blank */
|
||||
.editorArea .wArea{display:block}
|
||||
.wArea.blank{padding:15px 30px;margin:0}
|
||||
.wArea.blank dt{font-size:12px;font-weight:bold;color:#333}
|
||||
.wArea.blank dd{margin:0 0 5px 0;color:#767676}
|
||||
.wArea.blank .drEditorBugReport{position:absolute;margin:0 !important;top:20px;right:30px}
|
||||
.editorArea .wArea { display:block;}
|
||||
.wArea.blank{ padding:15px 30px; margin:0;}
|
||||
.wArea.blank dt{ font-size:12px; font-weight:bold; color:#333;}
|
||||
.wArea.blank dd{ margin:0 0 5px 0; color:#767676;}
|
||||
.wArea.blank .drEditorBugReport{ position:absolute; margin:0 !important; top:20px; right:30px;}
|
||||
|
||||
/* Writing Area Hx */
|
||||
.wArea.hx ul{margin:0 0 5px 0;padding:0;list-style:none}
|
||||
.wArea.hx li{display:inline !important;font-weight:bold !important;color:#333 !important}
|
||||
.wArea.hx li label{margin-right:30px}
|
||||
.wArea.hx .inputTitle{font-weight:bold !important}
|
||||
.wArea.hx ul{ margin:0 0 5px 0; padding:0; list-style:none;}
|
||||
.wArea.hx li{ display:inline !important; font-weight:bold !important; color:#333 !important;}
|
||||
.wArea.hx li label{ margin-right:30px;}
|
||||
.wArea.hx .inputTitle{ font-weight:bold !important;}
|
||||
.wArea.hx li.h3,
|
||||
.wArea.hx .inputTitle.h3{font-size:18px !important;height:28px}
|
||||
.wArea.hx .inputTitle.h3{ font-size:18px !important; height:28px;}
|
||||
.wArea.hx li.h4,
|
||||
.wArea.hx .inputTitle.h4{font-size:16px !important;height:26px}
|
||||
.wArea.hx .inputTitle.h4{ font-size:16px !important; height:26px;}
|
||||
.wArea.hx li.h5,
|
||||
.wArea.hx .inputTitle.h5{font-size:13px !important;height:23px}
|
||||
.wArea.hx .inputTitle.h5{ font-size:13px !important; height:23px;}
|
||||
|
||||
/* Writing Area List */
|
||||
.wArea.list .toolbar{border:1px solid #ddd;list-style:none;margin:0 0 -1px 0;padding:0;background:#fafafa;padding:6px 20px}
|
||||
.wArea.list .toolbar li{display:inline;margin-right:5px}
|
||||
.wArea.list .toolbar li button{position:relative;width:23px;height:22px;padding:0;border:0;cursor:pointer;background-image:url(../img/buttonListToolbar.gif);background-repeat:no-repeat}
|
||||
.wArea.list .toolbar{ border:1px solid #ddd; list-style:none; margin:0 0 -1px 0; padding:0; background:#fafafa; padding:6px 20px;}
|
||||
.wArea.list .toolbar li{ display:inline; margin-right:5px;}
|
||||
.wArea.list .toolbar li button{ position:relative; width:23px; height:22px; padding:0; border:0; cursor:pointer; background-image:url(../img/buttonListToolbar.gif); background-repeat:no-repeat;}
|
||||
.wArea.list .toolbar li button:hover,
|
||||
.wArea.list .toolbar li button:active,
|
||||
.wArea.list .toolbar li button:focus{border:1px solid #ddd}
|
||||
.wArea.list .toolbar li button.type_disc{background-position:center 0}
|
||||
.wArea.list .toolbar li button.type_circle{background-position:center -30px}
|
||||
.wArea.list .toolbar li button.type_square{background-position:center -60px}
|
||||
.wArea.list .toolbar li button.type_decimal{background-position:center -90px}
|
||||
.wArea.list .toolbar li button.type_lower-alpha{background-position:center -120px}
|
||||
.wArea.list .toolbar li button.type_upper-alpha{background-position:center -150px}
|
||||
.wArea.list .toolbar li button.type_lower-roman{background-position:center -180px}
|
||||
.wArea.list .toolbar li button.type_upper-roman{background-position:center -210px}
|
||||
.wArea.list .toolbar li button span{position:absolute;width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden}
|
||||
.wArea.list .listArea{padding:1em 0;margin-bottom:1em;background:#fff url(../img/bgInputText.gif) no-repeat;border:1px solid #ddd}
|
||||
.wArea.list .listArea ul{border:0}
|
||||
.wArea.list .listArea input{border:0;border-bottom:1px solid #ddd;background:transparent;width:96%;padding:3px 4px}
|
||||
.wArea.list .toolbar li button:focus{ border:1px solid #ddd;}
|
||||
.wArea.list .toolbar li button.type_disc{ background-position:center 0;}
|
||||
.wArea.list .toolbar li button.type_circle{ background-position:center -30px;}
|
||||
.wArea.list .toolbar li button.type_square{ background-position:center -60px;}
|
||||
.wArea.list .toolbar li button.type_decimal{ background-position:center -90px;}
|
||||
.wArea.list .toolbar li button.type_lower-alpha{ background-position:center -120px;}
|
||||
.wArea.list .toolbar li button.type_upper-alpha{ background-position:center -150px;}
|
||||
.wArea.list .toolbar li button.type_lower-roman{ background-position:center -180px;}
|
||||
.wArea.list .toolbar li button.type_upper-roman{ background-position:center -210px;}
|
||||
.wArea.list .toolbar li button span{ position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
|
||||
|
||||
.wArea.list .listArea{ padding:1em 0; margin-bottom:1em; background:#fff url(../img/bgInputText.gif) no-repeat; border:1px solid #ddd;}
|
||||
.wArea.list .listArea ul{ border:0;}
|
||||
.wArea.list .listArea input{ border:0; border-bottom:1px solid #ddd; background:transparent; width:96%; padding:3px 4px;}
|
||||
|
||||
/* Writing Area Image */
|
||||
.wArea.img .image{position:relative;margin-bottom:10px;background:#fff;padding:0;_width:100%;overflow:hidden}
|
||||
.wArea.img .image img{max-width:100%}
|
||||
.wArea.img .uploading{display:none;padding:0 0 0 20px;background:url(../img/iconLoading.gif) no-repeat left center}
|
||||
.wArea.img .uploading button{border:2px solid #ccc;background:#eee;cursor:pointer;font-size:11px;font-weight:bold;padding:0;overflow:visible;vertical-align:middle;margin:0 10px}
|
||||
.wArea.img .info{font-size:11px;color:#737fa1;margin:0}
|
||||
.wArea.img .resize{display:none}
|
||||
.wArea.img .resize.open{display:block}
|
||||
.wArea.img .resize dl *{vertical-align:middle}
|
||||
.wArea.img .resize dt{display:inline;font-weight:bold}
|
||||
.wArea.img .resize dd{display:inline;margin:0}
|
||||
.wArea.img .resize .width{width:60px;text-align:right;padding:1px 4px;height:16px}
|
||||
.wArea.img .resize .width.original{background:#d4d0c8}
|
||||
.wArea.img .resize .resizeInfo{margin:0 0 0 1em}
|
||||
.wArea.img .resize .resizeError{display:none;padding:.5em 3.5em;margin:1em 6px 1em 0;color:#ff6633;background:#fff url(../img/iconCheckSmall.gif) no-repeat 2em center;;border:1px solid #ddd}
|
||||
.wArea.img .resize .resizeError.open{display:block}
|
||||
.wArea.img .align{display:none}
|
||||
.wArea.img .align dt{display:inline;font-weight:bold}
|
||||
.wArea.img .align dd{display:inline;margin:0}
|
||||
.wArea.img .image{ position:relative; margin-bottom:10px; background:#fff; padding:0; _width:100%; overflow:hidden;}
|
||||
.wArea.img .image img{ max-width:100%;}
|
||||
.wArea.img .uploading{ display:none; padding:0 0 0 20px; background:url(../img/iconLoading.gif) no-repeat left center;}
|
||||
.wArea.img .uploading button{ border:2px solid #ccc; background:#eee; cursor:pointer; font-size:11px; font-weight:bold; padding:0; overflow:visible; vertical-align:middle; margin:0 10px;}
|
||||
.wArea.img .info{ font-size:11px; color:#737fa1; margin:0;}
|
||||
.wArea.img .resize{ display:none;}
|
||||
.wArea.img .resize.open{ display:block;}
|
||||
.wArea.img .resize dl *{ vertical-align:middle;}
|
||||
.wArea.img .resize dt{ display:inline; font-weight:bold;}
|
||||
.wArea.img .resize dd{ display:inline; margin:0;}
|
||||
.wArea.img .resize .width{ width:60px; text-align:right; padding:1px 4px; height:16px;}
|
||||
.wArea.img .resize .width.original{ background:#d4d0c8;}
|
||||
.wArea.img .resize .resizeInfo{ margin:0 0 0 1em;}
|
||||
.wArea.img .resize .resizeError{ display:none; padding:.5em 3.5em; margin:1em 6px 1em 0; color:#ff6633; background:#fff url(../img/iconCheckSmall.gif) no-repeat 2em center;; border:1px solid #ddd;}
|
||||
.wArea.img .resize .resizeError.open{ display:block;}
|
||||
.wArea.img .align{ display:none;}
|
||||
.wArea.img .align dt{ display:inline; font-weight:bold;}
|
||||
.wArea.img .align dd{ display:inline; margin:0;}
|
||||
|
||||
/* Writing Area File */
|
||||
.wArea.file .btnFileUpload,
|
||||
.wArea.file .btnFileUpload button{position:relative;display:inline-block;height:39px;background-color:transparent;background-image:url(../img/buttonUpload.gif);background-repeat:no-repeat;cursor:pointer}
|
||||
.wArea.file .btnFileUpload{background-position:left top}
|
||||
.wArea.file .btnFileUpload button{left:7px;border:0;padding:0 15px 0 25px;background-position:right top;font-size:12px;font-weight:bold;color:#fff;line-height:39px;overflow:visible}
|
||||
.wArea.file .btnFileUpload .swfupload{margin:0 !important;cursor:pointer}
|
||||
.wArea.file .info{font-size:11px;color:#737fa1}
|
||||
.wArea.file .info .help{position:relative;font-size:11px;border:0;background:none;padding:0;cursor:pointer;zoom:1;color:#f66;overflow:visible}
|
||||
.wArea.file .inputFile{display:none}
|
||||
.wArea.file .inputFile.open{display:block}
|
||||
.wArea.file dl{margin:0;padding:0}
|
||||
.wArea.file dd{font-size:11px;margin-bottom:3px;margin:0}
|
||||
.wArea.file dd strong{margin-right:15px;color:#555;font-weight:normal}
|
||||
.wArea.file dd em{color:#767676;font-style:normal;margin-right:15px}
|
||||
.wArea.file dd .btnDelete{border:0;padding:0;width:17px;height:17px;vertical-align:middle;cursor:pointer;background:url(../img/buttonTableDataX.gif) no-repeat center center}
|
||||
.wArea.file dd .btnDelete span{position:absolute;width:0;height:0;overflow:hidden;font-size:0;line-height:0;z-index:-1;visibility:hidden}
|
||||
.wArea.file .summary{text-align:right;font-size:11px}
|
||||
.wArea.file .summary{color:#555}
|
||||
.wArea.file .summary em{color:#767676;font-style:normal;margin-left:10px}
|
||||
.wArea.file .buttonFileUpload,
|
||||
.wArea.file .buttonFileUpload button{ position:relative; display:inline-block; height:39px; background-color:transparent; background-image:url(../img/buttonUpload.gif); background-repeat:no-repeat; cursor:pointer;}
|
||||
.wArea.file .buttonFileUpload{ background-position:left top;}
|
||||
.wArea.file .buttonFileUpload button{ left:7px; border:0; padding:0 15px 0 25px; background-position:right top; font-size:12px; font-weight:bold; color:#fff; line-height:39px; overflow:visible;}
|
||||
.wArea.file .buttonFileUpload .swfupload{ margin:0 !important; cursor:pointer;}
|
||||
.wArea.file .info{ font-size:11px; color:#737fa1;}
|
||||
.wArea.file .info .help{ position:relative; font-size:11px; border:0; background:none; padding:0; cursor:pointer; *zoom:1; color:#f66; overflow:visible;}
|
||||
.wArea.file .inputFile{ display:none;}
|
||||
.wArea.file .inputFile.open{ display:block;}
|
||||
.wArea.file dl{ margin:0; padding:0;}
|
||||
.wArea.file dd{ font-size:11px; margin-bottom:3px; margin:0;}
|
||||
.wArea.file dd strong{ margin-right:15px; color:#555; font-weight:normal;}
|
||||
.wArea.file dd em{ color:#767676; font-style:normal; margin-right:15px;}
|
||||
.wArea.file dd .buttonDelete{ border:0; padding:0; width:17px; height:17px; vertical-align:middle; cursor:pointer; background:url(../img/buttonTableDataX.gif) no-repeat center center;}
|
||||
.wArea.file dd .buttonDelete span{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; z-index:-1; visibility:hidden;}
|
||||
.wArea.file .summary{ text-align:right; font-size:11px;}
|
||||
.wArea.file .summary{ color:#555;}
|
||||
.wArea.file .summary em{ color:#767676; font-style:normal; margin-left:10px;}
|
||||
|
||||
/* Writing Area Hr */
|
||||
.wArea.hr ul{margin:0 0 20px 0;padding:0;list-style:none;font-size:12px;color:#555;zoom:1}
|
||||
.wArea.hr li{position:relative;margin-bottom:10px;zoom:1}
|
||||
.wArea.hr li label{position:relative;background:#f5f5f5;padding:0 15px 0 30px;margin-left:-30px;z-index:1;display:none}
|
||||
.wArea.hr li .inputRadio{position:relative;z-index:10;display:none}
|
||||
.wArea.hr ul{ margin:0 0 20px 0; padding:0; list-style:none; font-size:12px; color:#555; *zoom:1;}
|
||||
.wArea.hr li{ position:relative; margin-bottom:10px; *zoom:1;}
|
||||
.wArea.hr li label{ position:relative; background:#f5f5f5; padding:0 15px 0 30px; margin-left:-30px; z-index:1; display:none;}
|
||||
.wArea.hr li .inputRadio{ position:relative; z-index:10; display:none;}
|
||||
.wArea.hr .inputToggle,
|
||||
.wArea.hr .inputContinue{position:absolute;top:0;border:1px solid #ddd;font-size:12px;color:#767676;width:150px;padding:3px 4px;height:14px;text-align:right;background-image:url(../img/bgInputText.gif);background-repeat:no-repeat}
|
||||
.wArea.hr .inputShow{right:170px}
|
||||
.wArea.hr .inputContinue{ position:absolute; top:0; border:1px solid #ddd; font-size:12px; color:#767676; width:150px; padding:3px 4px; height:14px; text-align:right; background-image:url(../img/bgInputText.gif); background-repeat:no-repeat;}
|
||||
.wArea.hr .inputShow{ right:170px;}
|
||||
.wArea.hr .inputHide,
|
||||
.wArea.hr .inputContinue{right:0}
|
||||
.wArea.hr .hRule{position:absolute;width:100%;top:50%;left:0;display:block;border-top:1px solid #e6e6e6;border-bottom:1px solid #fff;font-size:0;line-height:0;overflow:hidden;height:0}
|
||||
.wArea.hr .inputContinue{ right:0;}
|
||||
.wArea.hr .hRule{ position:absolute; width:100%; top:50%; left:0; display:block; border-top:1px solid #e6e6e6; border-bottom:1px solid #fff; font-size:0; line-height:0; overflow:hidden; height:0;}
|
||||
|
||||
/* Edit Area */
|
||||
.eArea{position:relative;padding:0 20px;margin:0;font-size:12px;border:1px solid #fff;overflow:visible !important;_zoom:1}
|
||||
.eArea.xe_dr_hr{padding-top:1em;padding-bottom:1em}
|
||||
.eArea a{color:#648AB9}
|
||||
.eArea button.holder{position:absolute;left:-2000px;top:0px}
|
||||
.eArea .eTool{display:none}
|
||||
.eArea .eFocusTrigger{position:absolute;top:0;left:0;font-size:0;line-height:0;border:0;background:transparent;width:1px;height:1px;overflow:hidden;opacity:0;filter:alpha(opacity=0)}
|
||||
.eArea .eFocusTrigger:focus{border:1px solid}
|
||||
.eArea .del{display:none;position:absolute;top:0;right:20px;border:0;padding:0;width:20px;height:20px;cursor:pointer;background:transparent url(../img/buttonTableDataX.gif) no-repeat center}
|
||||
.eArea .del span{position:absolute;width:0;height:0;overflow:hidden;font-size:0;line-height:0;z-index:-1;visibility:hidden}
|
||||
.eArea.xe_dr_img p{overflow:hidden;width:100%}
|
||||
.eArea.xe_dr_img p img{*padding:1em 0}
|
||||
.eFocus{border:1px solid #d8d8de;z-index:999;background:#f9f9f9}
|
||||
.eArea .cap{display:none}
|
||||
.eFocus .cap{display:none;*display:block;position:absolute;width:10px;height:10px;background-repeat:no-repeat;font-size:0;line-height:0;overflow:hidden}
|
||||
.eFocus .cap.capTL{top:-1px;left:-1px;background-position:left top}
|
||||
.eFocus .cap.capTR{top:-1px;right:-1px;background-position:right top}
|
||||
.eFocus .cap.capBL{bottom:-1px;left:-1px;background-position:left bottom}
|
||||
.eFocus .cap.capBR{bottom:-1px;right:-1px;background-position:right bottom}
|
||||
.eFocus .eTool{display:block;height:24px;position:absolute !important;z-index:99;top:-24px !important;left:-1px !important;white-space:nowrap;margin:0 0 0 2px !important;padding:0 5px 0 0 !important;border:0 !important;background:url(../img/bgEtool.gif) no-repeat right top !important}
|
||||
.eFocus .eTool li{position:relative;left:-2px;display:block;float:left;height:22px;padding:2px 3px 0 5px;background:url(../img/vrContentNavigation.gif) no-repeat left center}
|
||||
.eFocus .eTool li.edit{background:url(../img/bgEtool.gif) no-repeat left top}
|
||||
.eFocus .eTool li button{border:0;padding:0;overflow:visible;cursor:pointer;background-color:transparent;font-size:11px;vertical-align:middle}
|
||||
.eArea{ position:relative; padding:0 20px; margin:0; font-size:12px; border:1px solid #fff; overflow:visible !important; _zoom:1;}
|
||||
.eArea.xe_dr_hr{ padding-top:1em; padding-bottom:1em;}
|
||||
.eArea a{ color:#648AB9;}
|
||||
.eArea button.holder{ position:absolute; left:-2000px; top:0px; }
|
||||
.eArea .eTool{ display:none;}
|
||||
.eArea .eFocusTrigger{ position:absolute; top:0; left:0; font-size:0; line-height:0; border:0; background:transparent; width:1px; height:1px; overflow:hidden; opacity:0; filter:alpha(opacity=0);}
|
||||
.eArea .eFocusTrigger:focus{ border:1px solid;}
|
||||
.eArea .del{ display:none; position:absolute; top:0; right:20px; border:0; padding:0; width:20px; height:20px; cursor:pointer; background:transparent url(../img/buttonTableDataX.gif) no-repeat center;}
|
||||
.eArea .del span{position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; z-index:-1; visibility:hidden;}
|
||||
|
||||
.eArea.xe_dr_img p{ overflow:hidden; width:100%;}
|
||||
.eArea.xe_dr_img p img{ *padding:1em 0;}
|
||||
|
||||
.eFocus{ border:1px solid #d8d8de; z-index:999; background:#f9f9f9;}
|
||||
.eArea .cap{ display:none;}
|
||||
.eFocus .cap{ display:none; *display:block; position:absolute; width:10px; height:10px; background-repeat:no-repeat; font-size:0; line-height:0; overflow:hidden;}
|
||||
.eFocus .cap.capTL{ top:-1px; left:-1px; background-position:left top;}
|
||||
.eFocus .cap.capTR{ top:-1px; right:-1px; background-position:right top;}
|
||||
.eFocus .cap.capBL{ bottom:-1px; left:-1px; background-position:left bottom;}
|
||||
.eFocus .cap.capBR{ bottom:-1px; right:-1px; background-position:right bottom;}
|
||||
|
||||
.eFocus .eTool{ display:block; height:24px; position:absolute !important; z-index:99; top:-24px !important; left:-1px !important; white-space:nowrap; margin:0 0 0 2px !important; padding:0 5px 0 0 !important; border:0 !important; background:url(../img/bgEtool.gif) no-repeat right top !important;}
|
||||
.eFocus .eTool li{ position:relative; left:-2px; display:block; float:left; height:22px; padding:2px 3px 0 5px; background:url(../img/vrContentNavigation.gif) no-repeat left center;}
|
||||
.eFocus .eTool li.edit{ background:url(../img/bgEtool.gif) no-repeat left top;}
|
||||
.eFocus .eTool li button{ border:0; padding:0; overflow:visible; cursor:pointer; background-color:transparent; font-size:11px; vertical-align:middle;}
|
||||
.eFocus .eTool li.move button,
|
||||
.eFocus .eTool li.delete button{overflow:hidden;width:17px;height:17px;background-position:center center;background-repeat:no-repeat}
|
||||
.eFocus .eTool li.move button{background-image:url(../img/iconMovable.gif);cursor:move}
|
||||
.eFocus .eTool li.delete button{background-image:url(../img/buttonWasteBox.gif)}
|
||||
.eFocus .eTool li.delete button{ overflow:hidden; width:17px; height:17px; background-position:center center; background-repeat:no-repeat;}
|
||||
.eFocus .eTool li.move button{ background-image:url(../img/iconMovable.gif); cursor:move;}
|
||||
.eFocus .eTool li.delete button{ background-image:url(../img/buttonWasteBox.gif);}
|
||||
.eFocus .eTool li.move button span,
|
||||
.eFocus .eTool li.delete button span{position:absolute;width:0;height:0;overflow:hidden;font-size:0;line-height:0;z-index:-1;visibility:hidden}
|
||||
.eFocus .del{display:block}
|
||||
.eFocus .eTool li.delete button span{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; z-index:-1; visibility:hidden;}
|
||||
.eFocus .del{ display:block;}
|
||||
|
||||
/* txEditor */
|
||||
.txEditor{position:relative;width:98%;padding-right:10px;margin-bottom:10px;border:1px solid #ddd;zoom:1;background:#fff}
|
||||
.txEditor .toolbar{position:relative;z-index:10;margin:0 -10px 0 0;padding:6px 10px;list-style:none;zoom:1;background:#fafafa;border-bottom:1px solid #ddd}
|
||||
.txEditor .toolbar:after{content:"";display:block;clear:both}
|
||||
.txEditor .toolbar li{position:relative;float:left;margin-right:5px}
|
||||
.txEditor .toolbar li button{border:0;padding:0;height:22px;background-color:transparent;background-image:url(../img/buttonEditorToolbar.gif);background-repeat:no-repeat;cursor:pointer;vertical-align:middle}
|
||||
.txEditor{ position:relative; width:98%; padding-right:10px; margin-bottom:10px; border:1px solid #ddd; *zoom:1; background:#fff;}
|
||||
.txEditor .toolbar{ position:relative; z-index:10; margin:0 -10px 0 0; padding:6px 10px; list-style:none; *zoom:1; background:#fafafa; border-bottom:1px solid #ddd;}
|
||||
.txEditor .toolbar:after{ content:""; display:block; clear:both;}
|
||||
.txEditor .toolbar li{ position:relative; float:left; margin-right:5px;}
|
||||
.txEditor .toolbar li button{ border:0; padding:0; height:22px; background-color:transparent; background-image:url(../img/buttonEditorToolbar.gif); background-repeat:no-repeat; cursor:pointer; vertical-align:middle;}
|
||||
.txEditor .toolbar li button:hover,
|
||||
.txEditor .toolbar li button:active,
|
||||
.txEditor .toolbar li button:focus,
|
||||
.txEditor .toolbar li button.active{border:1px solid #ddd}
|
||||
.txEditor .toolbar li button span{position:absolute;width:0;height:0;overflow:hidden;font-size:0;line-height:0;z-index:-1;visibility:hidden}
|
||||
.txEditor .toolbar li select{font-size:12px;vertical-align:middle;height:21px}
|
||||
.txEditor .toolbar li.undo button{width:23px;background-position:center -210px}
|
||||
.txEditor .toolbar li.redo button{width:23px;background-position:center -240px}
|
||||
.txEditor .toolbar li.strong button{width:23px;background-position:center 0}
|
||||
.txEditor .toolbar li.em button{width:23px;background-position:center -30px}
|
||||
.txEditor .toolbar li.underline button{width:23px;background-position:center -60px}
|
||||
.txEditor .toolbar li.del button{width:23px;background-position:center -90px}
|
||||
.txEditor .toolbar li.vRule{padding-left:10px;margin:0 5px;background:url(../img/vrEditorToolbar.gif) no-repeat left center}
|
||||
.txEditor .toolbar li.aHref button{width:23px;background-position:center -120px}
|
||||
.txEditor .toolbar li.fSize{margin-right:5px}
|
||||
.txEditor .toolbar li.fColor{margin-right:5px;z-index:2}
|
||||
.txEditor .toolbar li.fColor button{width:28px;background-position:center -150px}
|
||||
.txEditor .toolbar li.bgColor{margin-right:5px;z-index:1}
|
||||
.txEditor .toolbar li.bgColor button{width:28px;background-position:center -180px}
|
||||
.txEditor .toolbar li.left button{width:23px;background-position:center -270px}
|
||||
.txEditor .toolbar li.center button{width:23px;background-position:center -300px}
|
||||
.txEditor .toolbar li.right button{width:23px;background-position:center -330px}
|
||||
.txEditor .toolbar li.justify button{width:23px;background-position:center -360px}
|
||||
.txEditor .toolbar li.character button{width:23px;background-position:center -390px}
|
||||
.txEditor .toolbar li.list button{width:23px;background-image:url(../img/buttonListToolbar.gif);background-repeat:no-repeat}
|
||||
.txEditor .toolbar li.disc button{background-position:center 0}
|
||||
.txEditor .toolbar li.circle button{background-position:center -30px}
|
||||
.txEditor .toolbar li.square button{background-position:center -60px}
|
||||
.txEditor .toolbar li.decimal button{background-position:center -90px}
|
||||
.txEditor .toolbar li.alphaLower button{background-position:center -120px}
|
||||
.txEditor .toolbar li.alphaUpper button{background-position:center -150px}
|
||||
.txEditor .toolbar li.romanLower button{background-position:center -180px}
|
||||
.txEditor .toolbar li.romanUpper button{background-position:center -210px}
|
||||
.txEditor .toolbar li .uri{display:none;position:absolute;left:10px;top:25px;padding:15px 20px;border:1px solid #ddd;background:#fff;zoom:1;*white-space:nowrap}
|
||||
.txEditor .toolbar li .uri h3{font-size:12px;margin:0 0 .5em 0}
|
||||
.txEditor .toolbar li .uri .link{border:1px solid #ccc;padding:3px 4px;height:14px;font-size:12px;width:200px;font-size:11px;color:#666}
|
||||
.txEditor .toolbar li .uri p{margin:.5em 0}
|
||||
.txEditor .toolbar li .uri p input{width:13px;height:13px;margin:0 3px 0 0;vertical-align:middle}
|
||||
.txEditor .toolbar li .uri .btn_area{text-align:center}
|
||||
.txEditor .toolbar li .uri .btn_area .btnGray,
|
||||
.txEditor .toolbar li .uri .btn_area .btnGray button{background-image:url(../img/buttonGray.gif)}
|
||||
.txEditor .toolbar li .uri .btn_area .btnGray{background-position:left top}
|
||||
.txEditor .toolbar li .uri .btn_area .btnGray button{background-position:right top;line-height:18px;border:0 !important;width:auto;padding:0 6px 0 4px}
|
||||
.txEditor .toolbar li .palette{display:none;width:211px;position:absolute;left:0;top:25px;padding:8px 0 7px 8px;margin:0;list-style:none;border:1px solid #ddd;background:#fff;zoom:1}
|
||||
.txEditor .toolbar li .palette:after{content:"";display:block;clear:both}
|
||||
.txEditor .toolbar li .palette.open{display:block}
|
||||
.txEditor .toolbar li .palette li{float:left;margin:0 1px 1px 0;font-size:0;line-height:0}
|
||||
.txEditor .toolbar li .palette button{position:relative;overflow:hidden;width:11px;height:11px}
|
||||
.txEditor .toolbar li .palette button span{position:absolute;width:0;height:0;overflow:hidden;font-size:0;line-height:0;z-index:-1;visibility:hidden}
|
||||
.txEditor .inputRichText{position:relative;margin-right:-10px;position:relative;zoom:1;z-index:1;padding:3px 0 3px 3px;background-image:url(../img/bgInputText.gif);background-repeat:no-repeat;background-position:0 0}
|
||||
.txEditor .inputRichText iframe{width:100%;height:136px;border:0;overflow-x:hidden}
|
||||
.txEditor .resizeVertical{position:relative;margin-right:-10px;border-top:1px solid #ddd;height:10px;background:url(../img/buttonResizeVertical.gif) no-repeat center center;zoom:1;font-size:0;line-height:0}
|
||||
.txEditor .resizeVertical button{width:100%;height:10px;border:0;margin:0;padding:0;background:transparent;cursor:n-resize;vertical-align:middle}
|
||||
.txEditor .resizeVertical button span{position:absolute;width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;z-index:-1}
|
||||
.txEditor .toolbar li.character .layer{width:433px;height:242px;overflow:hidden;padding:0}
|
||||
.txEditor .toolbar li.character .layer .close{position:absolute;background:url(../img/buttonLayerClose.gif) no-repeat center;width:20px;height:21px;top:4px;right:3px;border:0 !important}
|
||||
.txEditor .toolbar li.character .layer ul{margin:0;padding:0;list-style:none}
|
||||
.txEditor .toolbar li.character .layer h3{position:absolute;width:0;height:0;overflow:hidden;visibility:hidden}
|
||||
.txEditor .toolbar li.character .layer .nav{position:absolute;top:8px;left:-1px;overflow:hidden;white-space:nowrap;line-height:normal}
|
||||
.txEditor .toolbar li.character .layer .nav li{display:inline;margin:0 -4px 0 0;padding:0 8px;background:url(../img/vr_layer_character.gif) no-repeat 0 center}
|
||||
.txEditor .toolbar li.character .layer .nav li a{color:#444;text-decoration:none;letter-spacing:-1px}
|
||||
.txEditor .toolbar li button.active{ border:1px solid #ddd;}
|
||||
.txEditor .toolbar li button span{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; z-index:-1; visibility:hidden;}
|
||||
.txEditor .toolbar li select{ font-size:12px; vertical-align:middle; height:21px;}
|
||||
.txEditor .toolbar li.undo button{ width:23px; background-position:center -210px;}
|
||||
.txEditor .toolbar li.redo button{ width:23px; background-position:center -240px;}
|
||||
.txEditor .toolbar li.strong button{ width:23px; background-position:center 0;}
|
||||
.txEditor .toolbar li.em button{ width:23px; background-position:center -30px;}
|
||||
.txEditor .toolbar li.underline button{ width:23px; background-position:center -60px;}
|
||||
.txEditor .toolbar li.del button{ width:23px; background-position:center -90px;}
|
||||
.txEditor .toolbar li.vRule{ padding-left:10px; margin:0 5px; background:url(../img/vrEditorToolbar.gif) no-repeat left center;}
|
||||
.txEditor .toolbar li.aHref button{ width:23px; background-position:center -120px;}
|
||||
.txEditor .toolbar li.fSize{ margin-right:5px;}
|
||||
.txEditor .toolbar li.fColor{ margin-right:5px; z-index:2;}
|
||||
.txEditor .toolbar li.fColor button{ width:28px; background-position:center -150px;}
|
||||
.txEditor .toolbar li.bgColor{ margin-right:5px; z-index:1;}
|
||||
.txEditor .toolbar li.bgColor button{ width:28px; background-position:center -180px;}
|
||||
.txEditor .toolbar li.left button{ width:23px; background-position:center -270px;}
|
||||
.txEditor .toolbar li.center button{ width:23px; background-position:center -300px;}
|
||||
.txEditor .toolbar li.right button{ width:23px; background-position:center -330px;}
|
||||
.txEditor .toolbar li.justify button{ width:23px; background-position:center -360px;}
|
||||
.txEditor .toolbar li.character button{ width:23px; background-position:center -390px;}
|
||||
.txEditor .toolbar li.list button{ width:23px; background-image:url(../img/buttonListToolbar.gif); background-repeat:no-repeat;}
|
||||
.txEditor .toolbar li.disc button{ background-position:center 0;}
|
||||
.txEditor .toolbar li.circle button{ background-position:center -30px;}
|
||||
.txEditor .toolbar li.square button{ background-position:center -60px;}
|
||||
.txEditor .toolbar li.decimal button{ background-position:center -90px;}
|
||||
.txEditor .toolbar li.alphaLower button{ background-position:center -120px;}
|
||||
.txEditor .toolbar li.alphaUpper button{ background-position:center -150px;}
|
||||
.txEditor .toolbar li.romanLower button{ background-position:center -180px;}
|
||||
.txEditor .toolbar li.romanUpper button{ background-position:center -210px;}
|
||||
.txEditor .toolbar li .uri{ display:none; position:absolute; left:10px; top:25px; padding:15px 20px; border:1px solid #ddd; background:#fff; *zoom:1; *white-space:nowrap;}
|
||||
.txEditor .toolbar li .uri h3{ font-size:12px; margin:0 0 .5em 0;}
|
||||
.txEditor .toolbar li .uri .link{ border:1px solid #ccc; padding:3px 4px; height:14px; font-size:12px; width:200px; font-size:11px; color:#666;}
|
||||
.txEditor .toolbar li .uri p{ margin:.5em 0;}
|
||||
.txEditor .toolbar li .uri p input{ width:13px; height:13px; margin:0 3px 0 0; vertical-align:middle;}
|
||||
.txEditor .toolbar li .uri .btn_area{ text-align:center;}
|
||||
.txEditor .toolbar li .uri .btn_area .buttonGray,
|
||||
.txEditor .toolbar li .uri .btn_area .buttonGray button{ background-image:url(../img/buttonGray.gif);}
|
||||
.txEditor .toolbar li .uri .btn_area .buttonGray{ background-position:left top;}
|
||||
.txEditor .toolbar li .uri .btn_area .buttonGray button{ background-position:right top; line-height:18px; border:0 !important; width:auto; padding:0 6px 0 4px;}
|
||||
.txEditor .toolbar li .palette{ display:none; width:211px; position:absolute; left:0; top:25px; padding:8px 0 7px 8px; margin:0; list-style:none; border:1px solid #ddd; background:#fff; *zoom:1;}
|
||||
.txEditor .toolbar li .palette:after{ content:""; display:block; clear:both;}
|
||||
.txEditor .toolbar li .palette.open{ display:block;}
|
||||
.txEditor .toolbar li .palette li{ float:left; margin:0 1px 1px 0; font-size:0; line-height:0;}
|
||||
.txEditor .toolbar li .palette button{ position:relative; overflow:hidden; width:11px; height:11px;}
|
||||
.txEditor .toolbar li .palette button span{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; z-index:-1; visibility:hidden;}
|
||||
.txEditor .inputRichText{ position:relative; margin-right:-10px; position:relative; *zoom:1; z-index:1; padding:3px 0 3px 3px; background-image:url(../img/bgInputText.gif); background-repeat:no-repeat; background-position:0 0;}
|
||||
.txEditor .inputRichText iframe{ width:100%; height:136px; border:0; overflow-x:hidden;}
|
||||
.txEditor .resizeVertical{ position:relative; margin-right:-10px; border-top:1px solid #ddd; height:10px; background:url(../img/buttonResizeVertical.gif) no-repeat center center; *zoom:1; font-size:0; line-height:0;}
|
||||
.txEditor .resizeVertical button{ width:100%; height:10px; border:0; margin:0; padding:0; background:transparent; cursor:n-resize; vertical-align:middle;}
|
||||
.txEditor .resizeVertical button span{ position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; z-index:-1;}
|
||||
|
||||
.txEditor .toolbar li.character .layer{ width:433px; height:242px; overflow:hidden; padding:0;}
|
||||
.txEditor .toolbar li.character .layer .close{ position:absolute; background:url(../img/buttonLayerClose.gif) no-repeat center; width:20px; height:21px; top:4px; right:3px; border:0 !important;}
|
||||
.txEditor .toolbar li.character .layer ul{ margin:0; padding:0; list-style:none;}
|
||||
.txEditor .toolbar li.character .layer h3{position:absolute; width:0; height:0; overflow:hidden; visibility:hidden;}
|
||||
.txEditor .toolbar li.character .layer .nav{ position:absolute; top:8px; left:-1px; overflow:hidden; white-space:nowrap; line-height:normal;}
|
||||
.txEditor .toolbar li.character .layer .nav li{ display:inline; margin:0 -4px 0 0; padding:0 8px; background:url(../img/vr_layer_character.gif) no-repeat 0 center;}
|
||||
.txEditor .toolbar li.character .layer .nav li a{ color:#444; text-decoration:none; letter-spacing:-1px;}
|
||||
.txEditor .toolbar li.character .layer .nav li a:hover,
|
||||
.txEditor .toolbar li.character .layer .nav li a:active,
|
||||
.txEditor .toolbar li.character .layer .nav li a:focus{text-decoration:underline}
|
||||
.txEditor .toolbar li.character .layer .nav li a.on{font-weight:bold;color:#004790;display:inline}
|
||||
.txEditor .toolbar li.character .layer .list{position:absolute;left:7px;top:30px;width:421px;height:172px;background:url(../img/bx_character.gif) no-repeat}
|
||||
.txEditor .toolbar li.character .layer .list li{position:relative;top:1px;left:1px;float:left;width:20px;height:18px;margin:0 1px 1px 0}
|
||||
.txEditor .toolbar li.character .layer .list li button{width:20px;height:18px;background:none;padding:0;vertical-align:top}
|
||||
.txEditor .toolbar li.character .layer .nav li a:focus{ text-decoration:underline;}
|
||||
.txEditor .toolbar li.character .layer .nav li a.on{ font-weight:bold; color:#004790; display:inline;}
|
||||
.txEditor .toolbar li.character .layer .list{ position:absolute; left:7px; top:30px; width:421px; height:172px; background:url(../img/bx_character.gif) no-repeat;}
|
||||
.txEditor .toolbar li.character .layer .list li{ position:relative; top:1px; left:1px; float:left; width:20px; height:18px; margin:0 1px 1px 0;}
|
||||
.txEditor .toolbar li.character .layer .list li button{ width:20px; height:18px; background:none; padding:0; vertical-align:top;}
|
||||
.txEditor .toolbar li.character .layer .list li button:hover,
|
||||
.txEditor .toolbar li.character .layer .list li button:active,
|
||||
.txEditor .toolbar li.character .layer .list li button:focus{border:2px solid #27c11a}
|
||||
.txEditor .toolbar li.character .layer .list li button span{overflow:visible;font-size:12px;width:auto;height:auto;position:relative;visibility:visible;line-height:normal;z-index:1}
|
||||
.txEditor .toolbar li.character .layer p{position:absolute;top:212px;left:7px;margin:0 !important}
|
||||
.txEditor .toolbar li.character .layer p *{vertical-align:top}
|
||||
.txEditor .toolbar li.character .layer p label{position:relative;top:4px;margin:0 7px 0 0;color:#333;letter-spacing:-1px;line-height:normal}
|
||||
.txEditor .toolbar li.character .layer p input{padding:3px 0 0 4px;margin:0 4px 0 0;width:300px;height:16px;border:1px solid #acacac;border-right:1px solid #dadada;border-bottom:1px solid #dadada;font-size:12px}
|
||||
.txEditor .toolbar li.character .layer p button{position:relative;*top:1px;width:38px;height:21px;background:url(../img/buttonLayerConfirm.gif) no-repeat;border:0 !important}
|
||||
.txEditor .toolbar .font9px{font-size:9px}
|
||||
.txEditor .toolbar .font10px{font-size:10px}
|
||||
.txEditor .toolbar .font11px{font-size:11px}
|
||||
.txEditor .toolbar .font12px{font-size:12px}
|
||||
.txEditor .toolbar .font14px{font-size:14px}
|
||||
.txEditor .toolbar .font16px{font-size:16px}
|
||||
.txEditor .toolbar .font18px{font-size:18px}
|
||||
.txEditor .toolbar .font20px{font-size:20px}
|
||||
.txEditor .toolbar .font24px{font-size:24px}
|
||||
.txEditor .toolbar .font28px{font-size:28px}
|
||||
.txEditor .toolbar .font32px{font-size:32px}
|
||||
.txEditor .toolbar .font36px{font-size:36px}
|
||||
.txEditor .toolbar li.character .layer .list li button:focus{ border:2px solid #27c11a;}
|
||||
.txEditor .toolbar li.character .layer .list li button span{ overflow:visible; font-size:12px; width:auto; height:auto; position:relative; visibility:visible; line-height:normal; z-index:1;}
|
||||
.txEditor .toolbar li.character .layer p{ position:absolute; top:212px; left:7px; margin:0 !important;}
|
||||
.txEditor .toolbar li.character .layer p *{ vertical-align:top;}
|
||||
.txEditor .toolbar li.character .layer p label{ position:relative; top:4px; margin:0 7px 0 0; color:#333; letter-spacing:-1px; line-height:normal;}
|
||||
.txEditor .toolbar li.character .layer p input{ padding:3px 0 0 4px; margin:0 4px 0 0; width:300px; height:16px; border:1px solid #acacac; border-right:1px solid #dadada; border-bottom:1px solid #dadada; font-size:12px;}
|
||||
.txEditor .toolbar li.character .layer p button{ position:relative; *top:1px; width:38px; height:21px; background:url(../img/buttonLayerConfirm.gif) no-repeat; border:0 !important;}
|
||||
|
||||
.txEditor .toolbar .font9px { font-size:9px }
|
||||
.txEditor .toolbar .font10px { font-size:10px }
|
||||
.txEditor .toolbar .font11px { font-size:11px }
|
||||
.txEditor .toolbar .font12px { font-size:12px }
|
||||
.txEditor .toolbar .font14px { font-size:14px }
|
||||
.txEditor .toolbar .font16px { font-size:16px }
|
||||
.txEditor .toolbar .font18px { font-size:18px }
|
||||
.txEditor .toolbar .font20px { font-size:20px }
|
||||
.txEditor .toolbar .font24px { font-size:24px }
|
||||
.txEditor .toolbar .font28px { font-size:28px }
|
||||
.txEditor .toolbar .font32px { font-size:32px }
|
||||
.txEditor .toolbar .font36px { font-size:36px }
|
||||
|
||||
/* Drag and Drop */
|
||||
.xe_dr_placeholder{background-color:#F8F4CE;margin:5px 0;height:20px;padding:10px 0;z-index:0;-moz-border-radius:5px;-webkit-border-radius:5px;z-index:1}
|
||||
.drag_handle{position:absolute;height:100%;width:10px;top:0;opacity:.5;filter:alpha(opacity=50);background:#ddd url(../img/iconDragHandler.gif) no-repeat center;cursor:n-resize;margin:0 2px !important;padding:0 !important;border:0 !important;_zoom:1}
|
||||
.drag_handle.left{left:0}
|
||||
.drag_handle.right{right:0}
|
||||
.eArea .drag_handle{display:none}
|
||||
.eFocus .drag_handle{display:block}
|
||||
.editorContainer .ui-draggable{margin:0 0 3em 0 !important}
|
||||
.xe_dr_placeholder { background-color:#F8F4CE; margin:5px 0; height:20px; padding:10px 0; z-index:0; -moz-border-radius:5px; -webkit-border-radius:5px; z-index:1; }
|
||||
.drag_handle { position:absolute; height:100%; width:10px; top:0; opacity:.5; filter:alpha(opacity=50); background:#ddd url(../img/iconDragHandler.gif) no-repeat center; cursor:n-resize; margin:0 2px !important; padding:0 !important; border:0 !important; _zoom:1;}
|
||||
.drag_handle.left { left:0; }
|
||||
.drag_handle.right { right:0; }
|
||||
.eArea .drag_handle {display:none}
|
||||
.eFocus .drag_handle {display:block}
|
||||
.editorContainer .ui-draggable{ margin:0 0 3em 0 !important;}
|
||||
6
modules/editor/skins/dreditor/css/editor.css
Normal file
6
modules/editor/skins/dreditor/css/editor.css
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
@charset "utf-8";
|
||||
/* NHN (developers@xpressengine.com) */
|
||||
|
||||
html, body { height:100%; background-color:transparent; padding:0; margin:0;}
|
||||
body{ margin:1em;}
|
||||
.xe_content{ color:#000; font-size:12px; line-height:1.5;}
|
||||
|
|
@ -1,43 +1,52 @@
|
|||
@charset "utf-8";
|
||||
@charset "utf-8";
|
||||
/* NHN (developers@xpressengine.com) */
|
||||
|
||||
/* textyleContent */
|
||||
.textyleContent{font-size:12px;line-height:1.6;clear:both}
|
||||
.textyleContent h1{font-size:24px}
|
||||
.textyleContent h2{font-size:20px}
|
||||
.textyleContent h3{font-size:18px}
|
||||
.textyleContent h4{font-size:16px}
|
||||
.textyleContent h5{font-size:14px}
|
||||
.textyleContent h6{font-size:12px}
|
||||
.textyleContent{ font-size:12px; line-height:1.6; clear:both;}
|
||||
.textyleContent h1{ font-size:24px;}
|
||||
.textyleContent h2{ font-size:20px;}
|
||||
.textyleContent h3{ font-size:18px;}
|
||||
.textyleContent h4{ font-size:16px;}
|
||||
.textyleContent h5{ font-size:14px;}
|
||||
.textyleContent h6{ font-size:12px;}
|
||||
|
||||
/* Attached File */
|
||||
.textyleContent dl.attachedFile{margin:1em 0;padding:1em 0;background:#f9f9f9;border:1px solid #eee;}
|
||||
.textyleContent dl.attachedFile dt{padding:0 2em .5em 2em;margin:0 0 1em 0;font-weight:bold;text-indent:1em;border-bottom:1px solid #eee;background:#f9f9f9 url(../img/iconClip.gif) no-repeat 2em .3em;font-size:12px}
|
||||
.textyleContent dl.attachedFile em{font-size:11px;font-weight:normal;font-style:normal;margin:0 5px}
|
||||
.textyleContent dl.attachedFile dd{margin:0;padding:0 2em;color:#8b8b8b;font-size:11px}
|
||||
.textyleContent dl.attachedFile dd a{text-decoration:none;color:#0092cf;margin-right:10px}
|
||||
.textyleContent dl.attachedFile { margin:1em 0; padding:1em 0; background:#f9f9f9; border:1px solid #eee; }
|
||||
.textyleContent dl.attachedFile dt { padding:0 2em .5em 2em; margin:0 0 1em 0; font-weight:bold; text-indent:1em; border-bottom:1px solid #eee; background:#f9f9f9 url(../img/iconClip.gif) no-repeat 2em .3em; font-size:12px;}
|
||||
.textyleContent dl.attachedFile em{ font-size:11px; font-weight:normal; font-style:normal; margin:0 5px;}
|
||||
.textyleContent dl.attachedFile dd{ margin:0; padding:0 2em; color:#8b8b8b; font-size:11px;}
|
||||
.textyleContent dl.attachedFile dd a{ text-decoration:none; color:#0092cf; margin-right:10px;}
|
||||
.textyleContent dl.attachedFile dd a:hover,
|
||||
.textyleContent dl.attachedFile dd a:active,
|
||||
.textyleContent dl.attachedFile dd a:focus{text-decoration:underline}
|
||||
.textyleContent dl.attachedFile dd a:focus{ text-decoration:underline;}
|
||||
|
||||
/* Table Of Content */
|
||||
.textyleContent .toc{background:#fff;border:1px solid #ddd;font-size:14px;line-height:1.6;margin:1em 0;padding:15px}
|
||||
.textyleContent .toc li{font-weight:bold;color:#555;margin-left:35px}
|
||||
.textyleContent .toc{ background:#fff; border:1px solid #ddd; font-size:14px; line-height:1.6; margin:1em 0; padding:15px;}
|
||||
.textyleContent .toc li{ font-weight:bold; color:#555; margin-left:35px;}
|
||||
.textyleContent .toc li.toc3{}
|
||||
.textyleContent .toc li.toc4{margin-left:55px}
|
||||
.textyleContent .toc li.toc5{margin-left:75px}
|
||||
.textyleContent .toc li a{color:#648ab9;text-decoration:none;font-weight:normal}
|
||||
.textyleContent .toc li.toc4{ margin-left:55px;}
|
||||
.textyleContent .toc li.toc5{ margin-left:75px;}
|
||||
.textyleContent .toc li a{ color:#648ab9; text-decoration:none; font-weight:normal;}
|
||||
.textyleContent .toc li a:hover,
|
||||
.textyleContent .toc li a:active,
|
||||
.textyleContent .toc li a:focus{text-decoration:underline}
|
||||
.textyleContent .toc li a:focus{ text-decoration:underline;}
|
||||
|
||||
/* Object */
|
||||
.textyleContent object,
|
||||
.textyleContent embed{margin:1em 0}
|
||||
.textyleContent embed{ margin:1em 0;}
|
||||
|
||||
/* Horizontal Rule */
|
||||
.textyleContent hr{display:block;position:static;border-bottom:0;height:1px;overflow:hidden;color:#e2e2e2;clear:both}
|
||||
.textyleContent hr{ display:block; position:static; border-bottom:0; height:1px; overflow:hidden; color:#e2e2e2; clear:both;}
|
||||
|
||||
/* Blockquote */
|
||||
.textyleContent blockquote{margin-left:0;margin-right:0;padding:1em 40px;background:#f6f6f6 url(../img/bgBlockquote.gif) no-repeat 20px 1.5em;-moz-border-radius:5px;-webkit-border-radius:5px;}
|
||||
.textyleContent blockquote{ margin-left:0; margin-right:0; padding:1em 40px; background:#f6f6f6 url(../img/bgBlockquote.gif) no-repeat 20px 1.5em; -moz-border-radius:5px; -webkit-border-radius:5px; }
|
||||
|
||||
/* Cite */
|
||||
.textyleContent cite{display:block;margin:1em 0}
|
||||
.textyleContent cite{ display:block; margin:1em 0;}
|
||||
|
||||
/* Link */
|
||||
.textyleContent .xe_dr_link p strong{display:block}
|
||||
.textyleContent .xe_dr_link p strong{ display:block;}
|
||||
|
||||
/* P */
|
||||
.xe_content p,
|
||||
.textyleContent p{margin:1em 0 !important}
|
||||
.textyleContent p{ margin:1em 0 !important;}
|
||||
|
|
|
|||
|
|
@ -4,9 +4,9 @@
|
|||
<fieldset>
|
||||
<legend>{$lang->edit->fold}</legend>
|
||||
<input name="" type="text" class="iText" value="" title="{$lang->edit->fold_default}" />
|
||||
<div class="btnArea">
|
||||
<span class="btnGray medium strong"><button type="button"><img src="iconCheckSmall.gif" width="12" height="8" alt="" class="icon" />{$lang->cmd_confirm}</button></span>
|
||||
<span class="btnGray medium"><button type="button"><img src="buttonCloseLayerX.gif" width="7" height="7" alt="" class="icon" />{$lang->cmd_cancel}</button></span>
|
||||
<div class="buttonArea">
|
||||
<span class="buttonGray medium strong"><button type="button"><img src="iconCheckSmall.gif" width="12" height="8" alt="" class="icon" />{$lang->cmd_confirm}</button></span>
|
||||
<span class="buttonGray medium"><button type="button"><img src="buttonCloseLayerX.gif" width="7" height="7" alt="" class="icon" />{$lang->cmd_cancel}</button></span>
|
||||
<p class="info">{$lang->edit->fold_description}</p>
|
||||
</div>
|
||||
<span class="cap capTL"></span>
|
||||
|
|
|
|||
|
|
@ -54,9 +54,9 @@
|
|||
</ul>
|
||||
<input name="" type="text" class="inputTitle h3" value="{$lang->edit->insert_dr_title}" title="{$lang->edit->insert_dr_title}" />
|
||||
<!-- class="inputTitle h3" | class="inputTitle h4" | class="inputTitle h5" -->
|
||||
<div class="btnArea">
|
||||
<span class="btnGray medium strong"><button type="button" title="Ctrl+Enter"><img src="img/iconCheckSmall.gif" width="12" height="8" alt="" class="icon" />{$lang->cmd_confirm}</button></span>
|
||||
<span class="btnGray medium"><button type="button" title="ESC"><img src="img/buttonCloseLayerX.gif" width="7" height="7" alt="" class="icon" />{$lang->cmd_cancel}</button></span>
|
||||
<div class="buttonArea">
|
||||
<span class="buttonGray medium strong"><button type="button" title="Ctrl+Enter"><img src="img/iconCheckSmall.gif" width="12" height="8" alt="" class="icon" />{$lang->cmd_confirm}</button></span>
|
||||
<span class="buttonGray medium"><button type="button" title="ESC"><img src="img/buttonCloseLayerX.gif" width="7" height="7" alt="" class="icon" />{$lang->cmd_cancel}</button></span>
|
||||
</div>
|
||||
<ul class="eTool">
|
||||
<li class="edit"><button type="button">{$lang->cmd_edit}</button></li>
|
||||
|
|
@ -129,8 +129,8 @@
|
|||
<input name="" class="link" type="text" value="http://" title="URL" />
|
||||
<p><input name="" id="target" type="checkbox" value="" /><label for="target">{$lang->edit->target_blank}</label></p>
|
||||
<div class="btn_area">
|
||||
<span class="btnGray small"><button type="button" class="confirm" title="{$lang->cmd_confirm}">{$lang->cmd_confirm}</button></span>
|
||||
<span class="btnGray small"><button type="button" class="cancel" title="{$lang->cmd_cancel}">{$lang->cmd_cancel}</button></span>
|
||||
<span class="buttonGray small"><button type="button" class="confirm" title="{$lang->cmd_confirm}">{$lang->cmd_confirm}</button></span>
|
||||
<span class="buttonGray small"><button type="button" class="cancel" title="{$lang->cmd_cancel}">{$lang->cmd_cancel}</button></span>
|
||||
</div>
|
||||
</fieldset>
|
||||
|
||||
|
|
@ -267,9 +267,9 @@
|
|||
<button type="button"><span>{$lang->edit->edit_height_control}</span></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btnArea">
|
||||
<span class="btnGray medium strong"><button type="button" title="Ctrl+Enter"><img src="img/iconCheckSmall.gif" width="12" height="8" alt="" class="icon" />{$lang->cmd_confirm}</button></span>
|
||||
<span class="btnGray medium"><button type="button" title="ESC"><img src="img/buttonCloseLayerX.gif" width="7" height="7" alt="" class="icon" />{$lang->cmd_cancel}</button></span>
|
||||
<div class="buttonArea">
|
||||
<span class="buttonGray medium strong"><button type="button" title="Ctrl+Enter"><img src="img/iconCheckSmall.gif" width="12" height="8" alt="" class="icon" />{$lang->cmd_confirm}</button></span>
|
||||
<span class="buttonGray medium"><button type="button" title="ESC"><img src="img/buttonCloseLayerX.gif" width="7" height="7" alt="" class="icon" />{$lang->cmd_cancel}</button></span>
|
||||
</div>
|
||||
<span class="cap capTL"></span>
|
||||
<span class="cap capTR"></span>
|
||||
|
|
@ -285,9 +285,9 @@
|
|||
<input name="" type="text" class="iText" value="" title="{$lang->edit->insert_site_name}" />
|
||||
<input name="" type="text" class="inputLink" value="" title="http://" />
|
||||
<input name="" type="text" class="iText" value="" title="{$lang->edit->insert_explain}" />
|
||||
<div class="btnArea">
|
||||
<span class="btnGray medium strong"><button type="button" title="Ctrl+Enter"><img src="img/iconCheckSmall.gif" width="12" height="8" alt="" class="icon" />{$lang->cmd_confirm}</button></span>
|
||||
<span class="btnGray medium"><button type="button" title="ESC"><img src="img/buttonCloseLayerX.gif" width="7" height="7" alt="" class="icon" />{$lang->cmd_cancel}</button></span>
|
||||
<div class="buttonArea">
|
||||
<span class="buttonGray medium strong"><button type="button" title="Ctrl+Enter"><img src="img/iconCheckSmall.gif" width="12" height="8" alt="" class="icon" />{$lang->cmd_confirm}</button></span>
|
||||
<span class="buttonGray medium"><button type="button" title="ESC"><img src="img/buttonCloseLayerX.gif" width="7" height="7" alt="" class="icon" />{$lang->cmd_cancel}</button></span>
|
||||
</div>
|
||||
<span class="cap capTL"></span>
|
||||
<span class="cap capTR"></span>
|
||||
|
|
@ -311,9 +311,9 @@
|
|||
<li><button type="button" class="type_upper-roman"><span>upper roman</span></button></li>
|
||||
</ul>
|
||||
<div class="listArea"></div>
|
||||
<div class="btnArea">
|
||||
<span class="btnGray medium strong"><button type="button" title="Ctrl+Enter"><img src="img/iconCheckSmall.gif" width="12" height="8" alt="" class="icon" />{$lang->cmd_confirm}</button></span>
|
||||
<span class="btnGray medium"><button type="button" title="ESC"><img src="img/buttonCloseLayerX.gif" width="7" height="7" alt="" class="icon" />{$lang->cmd_cancel}</button></span>
|
||||
<div class="buttonArea">
|
||||
<span class="buttonGray medium strong"><button type="button" title="Ctrl+Enter"><img src="img/iconCheckSmall.gif" width="12" height="8" alt="" class="icon" />{$lang->cmd_confirm}</button></span>
|
||||
<span class="buttonGray medium"><button type="button" title="ESC"><img src="img/buttonCloseLayerX.gif" width="7" height="7" alt="" class="icon" />{$lang->cmd_cancel}</button></span>
|
||||
<p class="info">{$lang->edit->list_explain}</p>
|
||||
</div>
|
||||
<span class="cap capTL"></span>
|
||||
|
|
@ -329,9 +329,9 @@
|
|||
<legend>{$lang->edit->blockquote}</legend>
|
||||
<textarea name="" rows="8" cols="42" class="iTextArea" title="{$lang->edit->insert_blockquote}"></textarea>
|
||||
<input name="" type="text" class="iText" value="" title="{$lang->edit->insert_cite}" />
|
||||
<div class="btnArea">
|
||||
<span class="btnGray medium strong"><button type="button" title="Ctrl+Enter"><img src="img/iconCheckSmall.gif" width="12" height="8" alt="" class="icon" />{$lang->cmd_confirm}</button></span>
|
||||
<span class="btnGray medium"><button type="button" title="ESC"><img src="img/buttonCloseLayerX.gif" width="7" height="7" alt="" class="icon" />{$lang->cmd_cancel}</button></span>
|
||||
<div class="buttonArea">
|
||||
<span class="buttonGray medium strong"><button type="button" title="Ctrl+Enter"><img src="img/iconCheckSmall.gif" width="12" height="8" alt="" class="icon" />{$lang->cmd_confirm}</button></span>
|
||||
<span class="buttonGray medium"><button type="button" title="ESC"><img src="img/buttonCloseLayerX.gif" width="7" height="7" alt="" class="icon" />{$lang->cmd_cancel}</button></span>
|
||||
</div>
|
||||
<span class="cap capTL"></span>
|
||||
<span class="cap capTR"></span>
|
||||
|
|
@ -364,14 +364,14 @@
|
|||
<div class="resize">
|
||||
<dl>
|
||||
<dt>{$lang->edit->image_width} :</dt>
|
||||
<dd><em></em> px → <input name="" type="text" class="width copy" value="" title="" /> px <span class="btnGray medium"><button type="button" class="btn_resize">{$lang->edit->resize}</button></span> <span class="resizeInfo">{$lang->edit->resize_info}</span></dd>
|
||||
<dd><em></em> px → <input name="" type="text" class="width copy" value="" title="" /> px <span class="buttonGray medium"><button type="button" class="btn_resize">{$lang->edit->resize}</button></span> <span class="resizeInfo">{$lang->edit->resize_info}</span></dd>
|
||||
</dl>
|
||||
<p class="resizeError">{$lang->edit->resize_error}</p>
|
||||
</div>
|
||||
<input name="" type="text" class="iText desc" value="" title="{$lang->edit->insert_image_explain}" />
|
||||
<div class="btnArea">
|
||||
<span class="btnGray medium strong"><button type="button" title="Ctrl+Enter"><img src="img/iconCheckSmall.gif" width="12" height="8" alt="" class="icon" />{$lang->cmd_confirm}</button></span>
|
||||
<span class="btnGray medium"><button type="button" title="ESC"><img src="img/buttonCloseLayerX.gif" width="7" height="7" alt="" class="icon" />{$lang->cmd_cancel}</button></span>
|
||||
<div class="buttonArea">
|
||||
<span class="buttonGray medium strong"><button type="button" title="Ctrl+Enter"><img src="img/iconCheckSmall.gif" width="12" height="8" alt="" class="icon" />{$lang->cmd_confirm}</button></span>
|
||||
<span class="buttonGray medium"><button type="button" title="ESC"><img src="img/buttonCloseLayerX.gif" width="7" height="7" alt="" class="icon" />{$lang->cmd_cancel}</button></span>
|
||||
</div>
|
||||
<span class="cap capTL"></span>
|
||||
<span class="cap capTR"></span>
|
||||
|
|
@ -387,9 +387,9 @@
|
|||
<textarea name="" rows="8" cols="42" class="iTextArea" title="{$lang->edit->insert_mov}"></textarea>
|
||||
<textarea name="" rows="8" cols="42" class="iTextArea" title="{$lang->edit->insert_mov_explain}"></textarea>
|
||||
<input name="" type="text" class="iText" value="" title="{$lang->edit->insert_cite}" />
|
||||
<div class="btnArea">
|
||||
<span class="btnGray medium strong"><button type="button" title="Ctrl+Enter"><img src="img/iconCheckSmall.gif" width="12" height="8" alt="" class="icon" />{$lang->cmd_confirm}</button></span>
|
||||
<span class="btnGray medium"><button type="button" title="ESC"><img src="img/buttonCloseLayerX.gif" width="7" height="7" alt="" class="icon" />{$lang->cmd_cancel}</button></span>
|
||||
<div class="buttonArea">
|
||||
<span class="buttonGray medium strong"><button type="button" title="Ctrl+Enter"><img src="img/iconCheckSmall.gif" width="12" height="8" alt="" class="icon" />{$lang->cmd_confirm}</button></span>
|
||||
<span class="buttonGray medium"><button type="button" title="ESC"><img src="img/buttonCloseLayerX.gif" width="7" height="7" alt="" class="icon" />{$lang->cmd_cancel}</button></span>
|
||||
</div>
|
||||
<span class="cap capTL"></span>
|
||||
<span class="cap capTR"></span>
|
||||
|
|
@ -421,21 +421,21 @@
|
|||
<!-- class="wArea file" | class="wArea file open" -->
|
||||
<fieldset>
|
||||
<legend>{$lang->edit->file}</legend>
|
||||
<span id="swfUploadButton{$editor_sequence}" class="btnFileUpload"><button type="button">{$lang->edit->file_select}</button></span>
|
||||
<span id="swfUploadButton{$editor_sequence}" class="buttonFileUpload"><button type="button">{$lang->edit->file_select}</button></span>
|
||||
<p class="info">{sprintf($lang->edit->file_uploadinfo,($file_config->allowed_filesize/(1024*1024)),($file_config->allowed_attach_size/(1024*1024)))} <!--button type="button" class="help">파일 업로드에 문제가 발생하는 경우 클릭.</button--></p>
|
||||
<!--input name="" type="file" class="inputFile" title="파일 찾기" /-->
|
||||
<!-- class="inputFile" | class="inputFile open" -->
|
||||
<div class="hr"></div>
|
||||
<dl class="attachedFile">
|
||||
<dd style="display:none"><strong>{filename}</strong> <em>{filesize}</em> <button type="button" class="btnDelete"><span>{$lang->cmd_delete}</span></button></dd>
|
||||
<dd style="display:none"><strong>{filename}</strong> <em>{filesize}</em> <button type="button" class="buttonDelete"><span>{$lang->cmd_delete}</span></button></dd>
|
||||
</dl>
|
||||
<p class="summary">{$lang->edit->file_total} <em class="filesize">{total_filesize}</em></p>
|
||||
<div class="hr"></div>
|
||||
<input name="" type="text" class="iText" value="" title="{$lang->edit->insert_file_explain}" />
|
||||
<input name="" type="text" class="iText" value="" title="{$lang->edit->insert_cite}" />
|
||||
<div class="btnArea">
|
||||
<span class="btnGray medium strong"><button type="button" title="Ctrl+Enter"><img src="img/iconCheckSmall.gif" width="12" height="8" alt="" class="icon" />{$lang->cmd_confirm}</button></span>
|
||||
<span class="btnGray medium"><button type="button" title="ESC"><img src="img/buttonCloseLayerX.gif" width="7" height="7" alt="" class="icon" />{$lang->cmd_cancel}</button></span>
|
||||
<div class="buttonArea">
|
||||
<span class="buttonGray medium strong"><button type="button" title="Ctrl+Enter"><img src="img/iconCheckSmall.gif" width="12" height="8" alt="" class="icon" />{$lang->cmd_confirm}</button></span>
|
||||
<span class="buttonGray medium"><button type="button" title="ESC"><img src="img/buttonCloseLayerX.gif" width="7" height="7" alt="" class="icon" />{$lang->cmd_cancel}</button></span>
|
||||
</div>
|
||||
<span class="cap capTL"></span>
|
||||
<span class="cap capTR"></span>
|
||||
|
|
@ -452,9 +452,9 @@
|
|||
<ul>
|
||||
<li><span class="hRule"></span><input name="hr" type="radio" value="hline" id="hr1" class="inputRadio" checked="checked" /> <label for="hr1">{$lang->edit->hr_simple}</label></li>
|
||||
</ul>
|
||||
<div class="btnArea">
|
||||
<span class="btnGray medium strong"><button type="button" title="Ctrl+Enter"><img src="img/iconCheckSmall.gif" width="12" height="8" alt="" class="icon" />{$lang->cmd_confirm}</button></span>
|
||||
<span class="btnGray medium"><button type="button" title="ESC"><img src="img/buttonCloseLayerX.gif" width="7" height="7" alt="" class="icon" />{$lang->cmd_cancel}</button></span>
|
||||
<div class="buttonArea">
|
||||
<span class="buttonGray medium strong"><button type="button" title="Ctrl+Enter"><img src="img/iconCheckSmall.gif" width="12" height="8" alt="" class="icon" />{$lang->cmd_confirm}</button></span>
|
||||
<span class="buttonGray medium"><button type="button" title="ESC"><img src="img/buttonCloseLayerX.gif" width="7" height="7" alt="" class="icon" />{$lang->cmd_cancel}</button></span>
|
||||
</div>
|
||||
<span class="cap capTL"></span>
|
||||
<span class="cap capTR"></span>
|
||||
|
|
@ -467,9 +467,9 @@
|
|||
<!-- class="wArea index" | class="wArea index open" -->
|
||||
<fieldset>
|
||||
<legend>{$lang->edit->toc}</legend>
|
||||
<div class="btnArea">
|
||||
<span class="btnGray medium strong"><button type="button" title="Ctrl+Enter"><img src="img/iconCheckSmall.gif" width="12" height="8" alt="" class="icon" />{$lang->cmd_confirm}</button></span>
|
||||
<span class="btnGray medium"><button type="button" title="ESC"><img src="img/buttonCloseLayerX.gif" width="7" height="7" alt="" class="icon" />{$lang->cmd_cancel}</button></span>
|
||||
<div class="buttonArea">
|
||||
<span class="buttonGray medium strong"><button type="button" title="Ctrl+Enter"><img src="img/iconCheckSmall.gif" width="12" height="8" alt="" class="icon" />{$lang->cmd_confirm}</button></span>
|
||||
<span class="buttonGray medium"><button type="button" title="ESC"><img src="img/buttonCloseLayerX.gif" width="7" height="7" alt="" class="icon" />{$lang->cmd_cancel}</button></span>
|
||||
<p class="info">{$lang->edit->toc_explain}</p>
|
||||
</div>
|
||||
<span class="cap capTL"></span>
|
||||
|
|
@ -485,8 +485,8 @@
|
|||
<legend>{$lang->edit->materials}</legend>
|
||||
<h4 class="h4">{$lang->edit->materials}</h4>
|
||||
<div class="controls">
|
||||
<span class="btnDrEditor black"><button type="button" class="_reload">{$lang->edit->refresh}</button></span>
|
||||
<span class="btnDrEditor black"><button type="button" class="_close">{$lang->edit->close_materials}</button></span>
|
||||
<span class="buttonDrEditor black"><button type="button" class="_reload">{$lang->edit->refresh}</button></span>
|
||||
<span class="buttonDrEditor black"><button type="button" class="_close">{$lang->edit->close_materials}</button></span>
|
||||
</div>
|
||||
<p class="noData">{$lang->edit->no_materials}</p>
|
||||
<div class="_container">
|
||||
|
|
@ -494,7 +494,7 @@
|
|||
<dt>{regdate}</dt>
|
||||
<dd>
|
||||
<div class="eArea">{content}</div>
|
||||
<span class="btnDrEditor green small"><button type="button">{$lang->edit->insert}</button></span>
|
||||
<span class="buttonDrEditor green small"><button type="button">{$lang->edit->insert}</button></span>
|
||||
</dd>
|
||||
</dl>
|
||||
</div>
|
||||
|
|
@ -518,7 +518,7 @@
|
|||
<legend>{$lang->edit->help}</legend>
|
||||
<h4 class="h4">{$lang->edit->help}</h4>
|
||||
<div class="controls">
|
||||
<span class="btnDrEditor black"><button type="button">{$lang->edit->close_help}</button></span>
|
||||
<span class="buttonDrEditor black"><button type="button">{$lang->edit->close_help}</button></span>
|
||||
</div>
|
||||
<dl>
|
||||
<dt>{$lang->edit->help_first_dt_1}</dt>
|
||||
|
|
|
|||
|
|
@ -512,7 +512,7 @@ var DrEditor = xe.createApp('DrEditor', {
|
|||
var type = (params[2]||'').toUpperCase();
|
||||
|
||||
// save and cancel button
|
||||
var _buttons = editor.find('div.btnArea button');
|
||||
var _buttons = editor.find('div.buttonArea button');
|
||||
_buttons.eq(0).click(function(){ self.cast('CLOSE_EDITOR', [seq, true, type]); }); // save button
|
||||
_buttons.eq(1).click(function(){ self.cast('CLOSE_EDITOR', [seq, false, type]); }); // cancel button
|
||||
|
||||
|
|
@ -1591,7 +1591,7 @@ var MaterialWriter = xe.createPlugin('MaterialWriter', {
|
|||
tpl.addClass('xe_dr_'+this.type);
|
||||
tpl.find('dt').text(this.regdate.substring(0,4)+'.'+this.regdate.substring(4,6)+'.'+this.regdate.substring(6,8)+' '+this.regdate.substring(8,10)+':'+this.regdate.substring(10,12));
|
||||
tpl.find('dd > div.eArea').html(this.content);
|
||||
tpl.find('dd > span.btnDrEditor > button').click(function(event){
|
||||
tpl.find('dd > span.buttonDrEditor > button').click(function(event){
|
||||
var t = $(event.target);
|
||||
var o = t.parent().prev('div.eArea').eq(0).clone();
|
||||
|
||||
|
|
@ -1695,7 +1695,7 @@ var FileWriter = xe.createPlugin('FileWriter', {
|
|||
tpl.find('>strong').text(fileObj.name);
|
||||
tpl.find('>em').text(this.formatsize(fileObj.size));
|
||||
tpl.addClass('filesrl_-'+(orderedFiles.length+cfg.queue_idx));
|
||||
tpl.find('button.btnDelete').click(function(){ self.ondelete(seq, $(this)) }).hide();
|
||||
tpl.find('button.buttonDelete').click(function(){ self.ondelete(seq, $(this)) }).hide();
|
||||
tpl.appendTo(cfg.files);
|
||||
|
||||
cfg.files.show().append(tpl);
|
||||
|
|
@ -1731,7 +1731,7 @@ var FileWriter = xe.createPlugin('FileWriter', {
|
|||
dd.removeClass(cls).addClass('filesrl_'+fileObj.file_srl);
|
||||
|
||||
// 삭제버튼 보여주기
|
||||
dd.find('button.btnDelete').show();
|
||||
dd.find('button.buttonDelete').show();
|
||||
}
|
||||
});
|
||||
},
|
||||
|
|
@ -1833,7 +1833,7 @@ var FileWriter = xe.createPlugin('FileWriter', {
|
|||
tpl.addClass('filesrl_'+srl);
|
||||
tpl.find('>strong').text(dd.find('>a').text());
|
||||
tpl.find('>em').text(dd.find('>span').text());
|
||||
tpl.find('button.btnDelete').click(function(){ self.ondelete(seq, $(this)) });
|
||||
tpl.find('button.buttonDelete').click(function(){ self.ondelete(seq, $(this)) });
|
||||
|
||||
cfg.n_count++;
|
||||
cfg.n_size += parseInt(uploadedFiles[srl].file_size) || 0
|
||||
|
|
@ -2589,7 +2589,7 @@ function translate_cite(str) {
|
|||
|
||||
function is_left_click(event) {
|
||||
var ie = $.browser.msie;
|
||||
return (typeof(event.btn)=='undefined' || (ie && event.btn == 1) || (!ie && event.btn == 0));
|
||||
return (typeof(event.button)=='undefined' || (ie && event.button == 1) || (!ie && event.button == 0));
|
||||
}
|
||||
|
||||
editor.translate = translate;
|
||||
|
|
|
|||
|
|
@ -5871,7 +5871,7 @@ xe.XE_Table = jQuery.Class({
|
|||
this._startSel = null;
|
||||
this._endSel = null;
|
||||
|
||||
if (!sel.length || !this._isLeftClicked(event.btn)) return;
|
||||
if (!sel.length || !this._isLeftClicked(event.button)) return;
|
||||
|
||||
function delayed(){
|
||||
sel = app.getSelection().cloneRange();
|
||||
|
|
@ -5906,7 +5906,7 @@ xe.XE_Table = jQuery.Class({
|
|||
var self = this;
|
||||
|
||||
// 마우스 왼쪽 버튼이 눌리지 않았으면 종료
|
||||
if (!cell.length || !this._isLeftClicked(event.btn)) return;
|
||||
if (!cell.length || !this._isLeftClicked(event.button)) return;
|
||||
if (!this._endSel && cell.get(0) == this._startSel.get(0)) return;
|
||||
if (this._endSel && cell.get(0) == this._endSel.get(0)) return;
|
||||
|
||||
|
|
|
|||
|
|
@ -1,9 +1,9 @@
|
|||
@charset "utf-8";
|
||||
/* NHN (developers@xpressengine.com) */
|
||||
/* TextEditor */
|
||||
.xeTextEditor{margin:0 12px 0 0}
|
||||
.xeTextEditor textarea{display:block;margin:0;padding:5px}
|
||||
.xeTextEditor.black textarea{color:#fff;background-color:#000}
|
||||
.xeTextEditor {margin:0 12px 0 0}
|
||||
.xeTextEditor textarea {display:block;margin:0;padding:5px}
|
||||
.xeTextEditor.black textarea {color:#fff;background-color:#000}
|
||||
/* Type Selector */
|
||||
.xpress-editor *{margin:0;padding:0;font-style:normal;font-size:12px}
|
||||
.xpress-editor img,
|
||||
|
|
@ -17,8 +17,8 @@
|
|||
.xpress-editor li{list-style:none}
|
||||
/* Layout Selector */
|
||||
.xpress-editor{position:relative;background:transparent}
|
||||
.xpress-editor #smart_content{position:relative;clear:both;margin:0 0 10px 0;border:1px solid #c2c2c2;zoom:1;z-index:1;background:#fff}
|
||||
.xpress-editor.black #smart_content{background:transparent}
|
||||
.xpress-editor #smart_content{position:relative;clear:both;margin:0 0 10px 0;border:1px solid #c2c2c2;*zoom:1;z-index:1;background:#fff}
|
||||
.xpress-editor.black #smart_content {background:transparent}
|
||||
.xpress-editor #smart_footer{position:relative;text-align:center;padding:10px 0}
|
||||
/* Footer */
|
||||
.xpress-editor #smart_footer *{vertical-align:top}
|
||||
|
|
@ -32,17 +32,17 @@
|
|||
.xpress-editor a.skip:hover,
|
||||
.xpress-editor a.skip:active,
|
||||
.xpress-editor a.skip:focus{position:relative;display:block;padding:5px;right:0;z-index:60;width:auto;height:auto;text-align:right;white-space:nowrap;color:#000;text-decoration:none;letter-spacing:-1px;_zoom:1}
|
||||
.xpress-editor .input_area{position:relative;margin:10px;z-index:30;zoom:1;height:400px}
|
||||
.xpress-editor .input_area{position:relative;margin:10px;z-index:30;*zoom:1;height:400px}
|
||||
.xpress-editor .input_area iframe,
|
||||
.xpress-editor .input_area textarea{display:block;width:100% !important;position:relative;height:100%;border:0 !important;padding:0 !important;overflow:auto}
|
||||
.xpress-editor .input_area textarea{*margin:0 -10px;_margin-bottom:-2px}
|
||||
.xpress-editor .input_area textarea.blind{display:none}
|
||||
.xpress-editor .input_control{position:relative;display:block;width:100%;clear:both;text-align:center;background:#fbfbfb url(../img/btn_expand.gif) no-repeat center center;cursor:n-resize}
|
||||
.xpress-editor .input_control span{display:block;height:10px;visibility:hidden;overflow:visible;font-size:0;line-height:200%;white-space:nowrap;color:#fff}
|
||||
.xpress-editor.black .input_control{background:#111 url(../img/btn_expand.black.gif) no-repeat center center}
|
||||
.xpress-editor.black .input_control {background:#111 url(../img/btn_expand.black.gif) no-repeat center center}
|
||||
.xpress-editor.black .input_control span{border-top:1px solid #333; color:#000}
|
||||
.xpress-editor .tool{position:relative;overflow:visible;padding:5px 10px 6px 10px;*padding:5px 10px 8px 10px;z-index:40;clear:both;background:#f8f8f8 url(../img/bg_tool.gif) repeat-x left bottom;border:0;zoom:1}
|
||||
.xpress-editor .tool.disable{display:none}
|
||||
.xpress-editor .tool{position:relative;overflow:visible;padding:5px 10px 6px 10px;*padding:5px 10px 8px 10px;z-index:40;clear:both;background:#f8f8f8 url(../img/bg_tool.gif) repeat-x left bottom;border:0;*zoom:1}
|
||||
.xpress-editor .tool.disable {display:none}
|
||||
.xpress-editor.black .tool{background:#111 url(../img/bg_tool.black.gif) repeat-x left bottom}
|
||||
.xpress-editor .tool:after{content:"";display:block;clear:both}
|
||||
.xpress-editor .tool ul{position:relative;overflow:visible;float:left;margin:0 5px 2px 0 !important;z-index:2;border:0 !important}
|
||||
|
|
@ -216,7 +216,7 @@
|
|||
.xpress-editor .tool .layer button,
|
||||
.xpress-editor.black .tool .layer button{margin:0 !important;width:auto;height:auto;background:none}
|
||||
.xpress-editor .tool .layer button span{position:absolute;width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden}
|
||||
.xpress-editor .tool .btn_area{position:relative;clear:both;text-align:center !important;padding:7px 0 12px 0;width:100%;white-space:nowrap;zoom:1}
|
||||
.xpress-editor .tool .btn_area{position:relative;clear:both;text-align:center !important;padding:7px 0 12px 0;width:100%;white-space:nowrap;*zoom:1}
|
||||
.xpress-editor .tool .btn_area *{vertical-align:top}
|
||||
.xpress-editor .tool button.close{position:absolute;top:4px;right:3px;width:21px;height:20px;background:url(../img/btn_layer_close.gif) no-repeat center center !important}
|
||||
.xpress-editor .tool button.close span{position:absolute;width:0;height:0;overflow:hidden;visibility:hidden}
|
||||
|
|
@ -227,7 +227,7 @@
|
|||
.xpress-editor .tool .layer .palette{width:210px;position:relative;left:7px;padding:8px 0 7px 0;margin:0}
|
||||
.xpress-editor .tool .layer .palette li{float:left;margin:0 1px 1px 0;font-size:0;line-height:0}
|
||||
.xpress-editor .tool .layer .palette button{position:relative;overflow:hidden;width:11px !important;height:11px !important}
|
||||
.xpress-editor .tool li.bcolor .layer{width:218px;overflow:hidden}
|
||||
.xpress-editor .tool li.bcolor .layer {width:218px;overflow:hidden}
|
||||
.xpress-editor .tool .layer .background{width:210px;position:relative;left:7px;margin:0 0 -2px 0;padding:8px 0 0 0;*padding-bottom:8px;_padding-bottom:4px}
|
||||
.xpress-editor .tool .layer .background li{float:left;margin:0 5px 2px 0}
|
||||
.xpress-editor .tool .layer .background button{position:relative;overflow:hidden;width:65px;height:19px;text-align:left;padding:4px}
|
||||
|
|
@ -243,7 +243,7 @@
|
|||
.xpress-editor .tool li.style .layer li.p button span{padding:3px 0 1px 4px;height:11px;_height /**/:15px;font-size:12px;color:#5d5d5d}
|
||||
.xpress-editor .tool li.style .layer li button.hover{background:#c1f471;*height:1%}
|
||||
.xpress-editor .tool li.blockquote .layer{padding:6px 5px 6px 7px;left:0;width:288px}
|
||||
.xpress-editor .tool li.blockquote .layer ul{zoom:1;margin:0}
|
||||
.xpress-editor .tool li.blockquote .layer ul{*zoom:1;margin:0}
|
||||
.xpress-editor .tool li.blockquote .layer ul:after{content:"";display:block;clear:both}
|
||||
.xpress-editor .tool li.blockquote .layer li{position:relative;float:left;overflow:hidden;width:32px;height:34px;margin:0 2px 0 0;border:1px solid #cdcecc;background-image:url(../img/btn_qmark.gif);background-repeat:no-repeat}
|
||||
.xpress-editor .tool li.blockquote .layer li.q1{background-position:0 0}
|
||||
|
|
@ -321,23 +321,23 @@
|
|||
.xpress-editor .tool li.character .layer p button span{position:absolute;width:0;height:0;overflow:hidden;visibility:hidden}
|
||||
.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}
|
||||
.xpress-editor .tool li.extensions .layer li a:hover{text-decoration:underline}
|
||||
.xpress-editor .tool li.extensions .layer li a {color:#000;text-decoration:none}
|
||||
.xpress-editor .tool li.extensions .layer li a:hover {text-decoration:underline}
|
||||
/* File Uploader */
|
||||
.xpress-editor .fileUploader{clear:both;padding-top:5px;margin-bottom:10px}
|
||||
.xpress-editor .fileUploader:after{content:"";display:block;clear:both}
|
||||
.xpress-editor .fileUploader .preview{float:left;width:64px;height:64px;border:1px solid #ccc;;padding:2px;margin:0 10px 5px 0}
|
||||
.xpress-editor .fileUploader .preview.black{background-color:#000;border:1px solid #666}
|
||||
.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;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 .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 .btn{margin-bottom:5px}
|
||||
.xpress-editor .fileUploader .fileUploadControl .button{margin-bottom:5px}
|
||||
.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}
|
||||
.xpress-editor.black .autosave_message{display:none;background:#222;padding:6px 10px;margin:0;line-height:1;color:#fff}
|
||||
.xpress-editor .input_syntax.black{background:transparent;color:#fff}
|
||||
.xpress-editor .autosave_message {display:none;background: #f6ffdb;padding:6px 10px;margin:0;line-height:1}
|
||||
.xpress-editor.black .autosave_message {display:none;background:#222;padding:6px 10px;margin:0;line-height:1;color:#fff}
|
||||
.xpress-editor .input_syntax.black {background:transparent;color:#fff}
|
||||
|
|
|
|||
|
|
@ -21,13 +21,13 @@
|
|||
.xe_content h4,
|
||||
.xe_content h5,
|
||||
.xe_content h6{line-height:1.2;clear:both}
|
||||
.xe_content h1{font-size:22px;border-bottom:4px solid #f4f4f4;background-color:#fff;*border-bottom:1px solid #ccc;zoom:1;*filter:progid:DXImageTransform.Microsoft.dropshadow(OffX='0', OffY='4', Color='#f4f4f4', positive='true')}
|
||||
.xe_content h1{font-size:22px;border-bottom:4px solid #f4f4f4;background-color:#fff;*border-bottom:1px solid #ccc;*zoom:1;*filter:progid:DXImageTransform.Microsoft.dropshadow(OffX='0', OffY='4', Color='#f4f4f4', positive='true')}
|
||||
.xe_content h1:after{content:"";display:block;font-size:0;line-height:0;overflow:hidden;height:1px;background:#ccc}
|
||||
.xe_content h2{font-size:20px;border-bottom:3px solid #f4f4f4;background-color:#fff;*border-bottom:1px solid #ccc;zoom:1;*filter:progid:DXImageTransform.Microsoft.dropshadow(OffX='0', OffY='3', Color='#f4f4f4', positive='true')}
|
||||
.xe_content h2{font-size:20px;border-bottom:3px solid #f4f4f4;background-color:#fff;*border-bottom:1px solid #ccc;*zoom:1;*filter:progid:DXImageTransform.Microsoft.dropshadow(OffX='0', OffY='3', Color='#f4f4f4', positive='true')}
|
||||
.xe_content h2:after{content:"";display:block;font-size:0;line-height:0;overflow:hidden;height:1px;background:#ccc}
|
||||
.xe_content h3{font-size:18px;border-bottom:2px solid #f4f4f4;background-color:#fff;*border-bottom:1px solid #ccc;zoom:1;*filter:progid:DXImageTransform.Microsoft.dropshadow(OffX='0', OffY='2', Color='#f4f4f4', positive='true')}
|
||||
.xe_content h3{font-size:18px;border-bottom:2px solid #f4f4f4;background-color:#fff;*border-bottom:1px solid #ccc;*zoom:1;*filter:progid:DXImageTransform.Microsoft.dropshadow(OffX='0', OffY='2', Color='#f4f4f4', positive='true')}
|
||||
.xe_content h3:after{content:"";display:block;font-size:0;line-height:0;overflow:hidden;height:1px;background:#ccc}
|
||||
.xe_content h4{font-size:16px;border-bottom:1px solid #f4f4f4;background-color:#fff;*border-bottom:1px solid #ccc;zoom:1;*filter:progid:DXImageTransform.Microsoft.dropshadow(OffX='0', OffY='1', Color='#f4f4f4', positive='true')}
|
||||
.xe_content h4{font-size:16px;border-bottom:1px solid #f4f4f4;background-color:#fff;*border-bottom:1px solid #ccc;*zoom:1;*filter:progid:DXImageTransform.Microsoft.dropshadow(OffX='0', OffY='1', Color='#f4f4f4', positive='true')}
|
||||
.xe_content h4:after{content:"";display:block;font-size:0;line-height:0;overflow:hidden;height:1px;background:#ccc}
|
||||
.xe_content h5{font-size:14px;border-bottom:1px solid #ccc}
|
||||
.xe_content h6{font-size:12px;border-bottom:1px dotted #ccc}
|
||||
|
|
|
|||
|
|
@ -21,13 +21,13 @@
|
|||
.xe_content h4,
|
||||
.xe_content h5,
|
||||
.xe_content h6{line-height:1.2;clear:both}
|
||||
.xe_content h1{font-size:22px;border-bottom:4px solid #666;background-color:#000;*border-bottom:1px solid #999;zoom:1;*filter:progid:DXImageTransform.Microsoft.dropshadow(OffX='0', OffY='4', Color='#666666', positive='true')}
|
||||
.xe_content h1{font-size:22px;border-bottom:4px solid #666;background-color:#000;*border-bottom:1px solid #999;*zoom:1;*filter:progid:DXImageTransform.Microsoft.dropshadow(OffX='0', OffY='4', Color='#666666', positive='true')}
|
||||
.xe_content h1:after{content:"";display:block;font-size:0;line-height:0;overflow:hidden;height:1px;background:#999}
|
||||
.xe_content h2{font-size:20px;border-bottom:3px solid #666;background-color:#000;*border-bottom:1px solid #999;zoom:1;*filter:progid:DXImageTransform.Microsoft.dropshadow(OffX='0', OffY='3', Color='#666666', positive='true')}
|
||||
.xe_content h2{font-size:20px;border-bottom:3px solid #666;background-color:#000;*border-bottom:1px solid #999;*zoom:1;*filter:progid:DXImageTransform.Microsoft.dropshadow(OffX='0', OffY='3', Color='#666666', positive='true')}
|
||||
.xe_content h2:after{content:"";display:block;font-size:0;line-height:0;overflow:hidden;height:1px;background:#999}
|
||||
.xe_content h3{font-size:18px;border-bottom:2px solid #666;background-color:#000;*border-bottom:1px solid #999;zoom:1;*filter:progid:DXImageTransform.Microsoft.dropshadow(OffX='0', OffY='2', Color='#666666', positive='true')}
|
||||
.xe_content h3{font-size:18px;border-bottom:2px solid #666;background-color:#000;*border-bottom:1px solid #999;*zoom:1;*filter:progid:DXImageTransform.Microsoft.dropshadow(OffX='0', OffY='2', Color='#666666', positive='true')}
|
||||
.xe_content h3:after{content:"";display:block;font-size:0;line-height:0;overflow:hidden;height:1px;background:#999}
|
||||
.xe_content h4{font-size:16px;border-bottom:1px solid #666;background-color:#000;*border-bottom:1px solid #999;zoom:1;*filter:progid:DXImageTransform.Microsoft.dropshadow(OffX='0', OffY='1', Color='#666666', positive='true')}
|
||||
.xe_content h4{font-size:16px;border-bottom:1px solid #666;background-color:#000;*border-bottom:1px solid #999;*zoom:1;*filter:progid:DXImageTransform.Microsoft.dropshadow(OffX='0', OffY='1', Color='#666666', positive='true')}
|
||||
.xe_content h4:after{content:"";display:block;font-size:0;line-height:0;overflow:hidden;height:1px;background:#999}
|
||||
.xe_content h5{font-size:14px;border-bottom:1px solid #666}
|
||||
.xe_content h6{font-size:12px;border-bottom:1px dotted #666}
|
||||
|
|
|
|||
|
|
@ -1,8 +1,8 @@
|
|||
@charset "utf-8";
|
||||
.xeEditor .optionABC{clear:both;width:100%;border-bottom:1px solid #c2c2c2;overflow:hidden;background:#ffffff url(../images/bgBoardEditorOption.gif) no-repeat -3px bottom}
|
||||
.xeEditor .optionABC .selectGroup{white-space:nowrap;display:block;height:21px;margin:0 .5em 0 0;padding-left:1em;float:left}
|
||||
.xeEditor .optionABC .btnGroup{white-space:nowrap;position:relative;display:block;margin:0 .5em 0 0;float:left;height:21px;overflow:hidden;padding-left:2px}
|
||||
.xeEditor .optionABC .btnGroup img{float:left;display:block;margin-left:-1px;cursor:pointer}
|
||||
.xeEditor .optionABC .buttonGroup{white-space:nowrap;position:relative;display:block;margin:0 .5em 0 0;float:left;height:21px;overflow:hidden;padding-left:2px}
|
||||
.xeEditor .optionABC .buttonGroup img{float:left;display:block;margin-left:-1px;cursor:pointer}
|
||||
.xeEditor .optionA,
|
||||
.xeEditor .optionB,
|
||||
.xeEditor .optionC{float:left;background:#ffffff url(../images/bgBoardEditorOption.gif) no-repeat left bottom;padding:.5em 0 .5em .7em;overflow:hidden}
|
||||
|
|
@ -12,7 +12,7 @@
|
|||
.xeEditor .optionA{background-position:-3px bottom;padding-left:0}
|
||||
.xeEditor .optionA select option{font-size:.9em}
|
||||
.xeEditor .optionDE{width:100%;clear:both;overflow:hidden;background:#f8f8f8;border-bottom:1px solid #e1e1e1;height:29px}
|
||||
.xeEditor .optionDE .btnGroup{white-space:nowrap;position:relative;display:block;float:left;height:21px;overflow:hidden;padding-left:2px}
|
||||
.xeEditor .optionDE .buttonGroup{white-space:nowrap;position:relative;display:block;float:left;height:21px;overflow:hidden;padding-left:2px}
|
||||
.xeEditor .optionDE img{float:left;display:block;margin-right:.5em;cursor:pointer}
|
||||
.xeEditor .optionD{padding:.5em 0 .5em .8em;overflow:hidden;float:left;border-right:1px solid #e0e0e0}
|
||||
.xeEditor .optionE{padding:4px 0 0 8px;overflow:hidden;border-left:1px solid #ffffff;float:left}
|
||||
|
|
|
|||
4
modules/editor/tpl/css/editor_admin.css
Normal file
4
modules/editor/tpl/css/editor_admin.css
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
@charset "utf-8";
|
||||
|
||||
.module_category_title { border:1px solid #DDDDDD; margin:10px 5px 5px 0; padding:3px 3px 3px 9px; }
|
||||
.module_list { margin:0 0 5px 10px; }
|
||||
|
|
@ -1,4 +1,5 @@
|
|||
<load target="css/editor.css" usecdn="true" />
|
||||
<load target="css/editor_admin.css" usecdn="true" />
|
||||
<load target="js/editor_admin.js" usecdn="true" />
|
||||
<h1 class="h1">{$lang->cmd_setup}</h1>
|
||||
<div cond="$XE_VALIDATOR_MESSAGE" class="message {$XE_VALIDATOR_MESSAGE_TYPE}">
|
||||
|
|
@ -11,11 +12,11 @@
|
|||
<div class="table">
|
||||
<table width="100%" border="1" cellspacing="0">
|
||||
<tr>
|
||||
<th scope="row">{$lang->component_name}</th>
|
||||
<th scope="row"><div>{$lang->component_name}</div></th>
|
||||
<td>{$component->title}({$component->component_name}) ver. {$component->version}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">{$lang->component_author}</th>
|
||||
<th scope="row"><div>{$lang->component_author}</div></th>
|
||||
<td class="blue">
|
||||
<!--@foreach($component->author as $author)-->
|
||||
{$author->name} (<a href="{$author->homepage}" onclick="window.open(this.href);return false;">{$author->homepage}</a>, <a href="mailto:{$author->email_address}">{$author->email_address}</a>)<br />
|
||||
|
|
@ -24,14 +25,14 @@
|
|||
</tr>
|
||||
<!--@if($component->link)-->
|
||||
<tr>
|
||||
<th scope="row">{$lang->component_link}</th>
|
||||
<th scope="row"><div>{$lang->component_link}</div></th>
|
||||
<td><a href="#" onclick="winopen('{$component->link}');return false;">{$component->link}</a></td>
|
||||
</tr>
|
||||
<!--@end-->
|
||||
|
||||
<!--@foreach($component->extra_vars as $key => $val)-->
|
||||
<tr class="row{$cycle_idx}">
|
||||
<th scope="row">{$val->title}</th>
|
||||
<th scope="row"><div>{$val->title}</div></th>
|
||||
<td>
|
||||
<input type="text" name="{$key}" value="{$val->value}" />
|
||||
<p>{$val->description}</p>
|
||||
|
|
@ -40,7 +41,7 @@
|
|||
<!--@end-->
|
||||
|
||||
<tr>
|
||||
<th scope="row">{$lang->grant}</th>
|
||||
<th scope="row"><div>{$lang->grant}</div></th>
|
||||
<td>
|
||||
<!--@foreach($group_list as $key => $val)-->
|
||||
<input type="checkbox" name="target_group" value="{$key}" <!--@if(in_array($key, $component->target_group))-->checked="checked"<!--@end--> id="group_{$key}"> <label for="group_{$key}">{$val->title}</label>
|
||||
|
|
@ -51,10 +52,10 @@
|
|||
|
||||
<!--@if($mid_list)-->
|
||||
<tr>
|
||||
<th scope="row">
|
||||
<th scope="row"><div>
|
||||
{$lang->module}
|
||||
<input type="checkbox" onclick="XE.checkboxToggleAll('mid_list'); return false;" />
|
||||
</th>
|
||||
</div></th>
|
||||
<td>
|
||||
<p>{$lang->about_component_mid}</p>
|
||||
<!--@foreach($mid_list as $module_category_srl => $modules)-->
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue