fanbinit/rhymix
1
0
Fork 0
mirror of https://github.com/Lastorder-DC/rhymix.git synced 2026-01-03 08:41:39 +09:00
Code Issues Projects Releases Packages Wiki Activity

rollback r10320, r10298, r10276, r10272

Browse source 
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 2012-03-05 09:16:55 +00:00
parent f8dd9888f6
commit 206ded7cf9
149 changed files with 3745 additions and 2812 deletions
Download patch file Download diff file Expand all files Collapse all files

8
classes/extravar/Extravar.class.php
View file

@ -279,18 +279,18 @@
$buff .=
'<div id="addr_searched_'.$column_name.'" style="display:'.($value[0]?'block':'none').';">'.
'<input type="text" readonly="readonly" name="'.$column_name.'" value="'.$value[0].'" class="address" />'.
'<span class="btn"><button type="button" onclick="doShowKrZipSearch(this, \''.$column_name.'\')">'.Context::getLang('cmd_cancel').'</button></span>'.
'<a href="#" onclick="doShowKrZipSearch(this, \''.$column_name.'\'); return false;" class="button red"><span>'.Context::getLang('cmd_cancel').'</span></a>'.
'</div>'.
'<div id="addr_list_'.$column_name.'" style="display:none;">'.
'<select name="addr_list_'.$column_name.'"></select>'.
'<span class="btn"><button type="button" onclick="doSelectKrZip(this, \''.$column_name.'\')">'.Context::getLang('cmd_select').'</button></span>'.
'<span class="btn"><button type="button" onclick="doHideKrZipList(this, \''.$column_name.'\')">'.Context::getLang('cmd_cancel').'</button></span>'.
'<a href="#" onclick="doSelectKrZip(this, \''.$column_name.'\'); return false;" class="button blue"><span>'.Context::getLang('cmd_select').'</span></a>'.
'<a href="#" onclick="doHideKrZipList(this, \''.$column_name.'\'); return false;" class="button red"><span>'.Context::getLang('cmd_cancel').'</span></a>'.
'</div>'.
'<div id="addr_search_'.$column_name.'" style="display:'.($value[0]?'none':'block').'">'.
'<input type="text" name="addr_search_'.$column_name.'" class="address" value="" />'.
'<span class="btn"><button type="button" onclick="doSearchKrZip(this, \''.$column_name.'\')">'.Context::getLang('cmd_search').'</button></span>'.
'<a href="#" onclick="doSearchKrZip(this, \''.$column_name.'\'); return false;" class="button green"><span>'.Context::getLang('cmd_search').'</span></a>'.
'</div>'.
'<input type="text" name="'.$column_name.'" value="'.htmlspecialchars($value[1]).'" class="address" />'.

35
common/css/xe.css
View file

@ -1,25 +1,39 @@
@charset "utf-8";
/* NHN (developers@xpressengine.com) */
/* Element Reset */
body,table,input,textarea,select,button{font-family:Tahoma,Geneva,sans-serif;font-size:12px}
body{word-break:break-all;word-wrap:break-word}
img{border:0;max-width:100%;height:auto}
/* Button Area */
.btnArea{margin:1em 0;text-align:right;zoom:1;clear:both}
.btnArea:after{content:"";display:block;clear:both}
.btnArea .etc{float:left}
img{border:0}
/* Button */
.btn{position:relative;display:inline-block;vertical-align:middle}
.btn *{display:inline-block;padding:0 8px;font-size:12px;height:24px;line-height:22px;margin:0;font-weight:bold !important;color:#fff;text-decoration:none !important;border:1px solid;cursor:pointer;overflow:visible;border-radius:3px;box-shadow:inset 0 0 1px #fff;background-color:#666;text-shadow:0 -1px 0 #333;zoom:1}
.btn *[disabled=disabled]{opacity:.5;*filter:alpha(opacity=50)}
.btn *[type=submit][disabled=disabled],
.btn *[type=button][disabled=disabled]{opacity:.5;*filter:alpha(opacity=50)}
.btn a,
.btn *[type=button]{border-color:#ccc;color:#333 !important;background:#eee -webkit-gradient(linear,0% 0%,0% 100%,from(#fff),to(#ddd));background:#eee -moz-linear-gradient(top,#fff,#ddd);background-color:#eee;text-shadow:1px 1px 0 #fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#ffffff, endColorStr=#dddddd)}
.btn *[type=submit]{border-color:#666;background:#333 -webkit-gradient(linear,0% 0%,0% 100%,from(#777),to(#777),color-stop(0.5,#333),color-stop(0.5,#000)) !important;background:#333 -moz-linear-gradient(top,#777,#000) !important;background-color:#333 !important;color:#ffc !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#777777, endColorStr=#333333)}
.btn input[type=button],
.btn button[type=button]{border-color:#ccc;color:#333 !important;background:#eee -webkit-gradient(linear,0% 0%,0% 100%,from(#fff),to(#ddd));background:#eee -moz-linear-gradient(top,#fff,#ddd);background-color:#eee;text-shadow:1px 1px 0 #fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#ffffff, endColorStr=#dddddd)}
.btn input[type=submit],
.btn button[type=submit]{border-color:#666;background:#333 -webkit-gradient(linear,0% 0%,0% 100%,from(#777),to(#777),color-stop(0.5,#333),color-stop(0.5,#000)) !important;background:#333 -moz-linear-gradient(top,#777,#000) !important;background-color:#333 !important;color:#ffc !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#777777, endColorStr=#333333)}
.btn a{height:22px}
.btn.medium *{padding:0 12px;font-size:16px;height:30px;line-height:28px}
.btn.medium a{height:28px}
.btn.large *{padding:0 18px;font-size:22px;height:36px;line-height:34px}
.btn.large a{height:34px}
/* Button - Regucy */
span.button,
a.button{position:relative;display:inline-block;vertical-align:top}
span.button *,
a.button *{display:inline-block;padding:0 8px;font-size:12px;height:24px;line-height:22px;margin:0;font-weight:bold !important;color:#fff;text-decoration:none !important;border:1px solid;cursor:pointer;overflow:visible;border-radius:3px;box-shadow:inset 0 0 1px #fff;background-color:#666;text-shadow:0 -1px 0 #333;zoom:1}
span.button *[type=submit][disabled=disabled],
span.button *[type=button][disabled=disabled]{opacity:.5;*filter:alpha(opacity=50)}
a.button span,
span.button button[type=button]{border-color:#ccc;color:#333 !important;background:#eee -webkit-gradient(linear,0% 0%,0% 100%,from(#fff),to(#ddd));background:#eee -moz-linear-gradient(top,#fff,#ddd);background-color:#eee;text-shadow:1px 1px 0 #fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#ffffff, endColorStr=#dddddd)}
span.button input,
span.button button[type=submit]{border-color:#666;background:#333 -webkit-gradient(linear,0% 0%,0% 100%,from(#777),to(#777),color-stop(0.5,#333),color-stop(0.5,#000));background:#333 -moz-linear-gradient(top,#777,#000);background-color:#333;color:#ffc !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#777777, endColorStr=#333333)}
a.button span{height:22px}
/* Button Area */
.btnArea{margin:1em 0;text-align:right;zoom:1;clear:both}
.btnArea:after{content:"";display:block;clear:both}
.btnArea .etc{float:left}
/* Text Button */
input[type=submit].text,
input[type=button].text,
@ -35,6 +49,7 @@ button[type=button].text{border:0;overflow:visible;padding:0;margin:0 4px 0 0;co
#popup_menu_area a:focus{text-decoration:underline}
/* Message */
.message{border:1px solid #ddd;background:#f8f8f8;margin:1em 0;padding:0 1em;border-radius:5px;line-height:1.4;font-size:12px}
body>.message{margin:1em}
.message p{margin:1em 0 !important}
.message em{font-style:normal;color:#e00}
.message.info,
@ -48,4 +63,4 @@ button[type=button].text{border:0;overflow:visible;padding:0;margin:0 4px 0 0;co
/* Waiting for server response - Modal Window */
.wfsr_fog{position:absolute;top:0;left:0;width:100%;_height:100%;min-height:100%;z-index:100}
.wfsr_fog .bg{position:absolute;position:fixed;background:#000;_background:none;width:100%;height:100%;opacity:.5;z-index:2;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);zoom:1}
.wfsr_fog .ie6{position:absolute;left:0;top:0;width:100%;height:100%;border:0;opacity:0;filter:alpha(opacity=0);z-index:1}
.wfsr_fog .ie6{position:absolute;left:0;top:0;width:100%;height:100%;border:0;opacity:0;filter:alpha(opacity=0);z-index:1}

52
common/css/xe.min.css vendored
View file

File diff suppressed because one or more lines are too long

55
common/js/plugins/ui.calendar/ui.calendar.css
View file

@ -1,34 +1,35 @@
@charset "utf-8";
/* Calendar */
.ui-calendar{display:none;padding:25px 15px 15px 15px;position:absolute;border:2px solid #737373;background:#fff;color:#333;zoom:1}
.ui-calendar .close{position:absolute;_display:block !important;top:10px;right:15px;width:17px;height:17px;border:0;padding:0;background:url(./img/buttonCloseLayerX.gif) no-repeat center center;cursor:pointer;zoom:1}
.ui-calendar .close span{position:absolute;width:0;height:0;font-size:0;line-height:0;overflow:hidden;z-index:-1;visibility:hidden}
.ui-calendar table{border:0;border-spacing:0;_width:200px}
.ui-calendar caption{font-weight:bold;text-align:center;position:relative}
.ui-calendar caption span{display:block;position:relative;padding:10px 0 15px 0;zoom:1}
.ui-calendar caption .today{font-size:11px;border:0;padding:0;border-bottom:1px solid;background:none;cursor:pointer}
.ui-calendar caption .today span{text-decoration:underline}
.ui-calendar caption .navi{position:absolute;top:10px;border:0;padding:0;width:17px;height:18px;background-color:transparent;background-image:url(./img/buttonPaginate.gif);background-repeat:no-repeat;cursor:pointer}
.ui-calendar caption .navi span{position:absolute;width:0;height:0;overflow:hidden;font-size:0;line-height:0;z-index:-1;visibility:hidden}
.ui-calendar caption .navi.prev{left:20px;background-position:left top}
.ui-calendar caption .navi.next{right:20px;background-position:right top}
.ui-calendar {display:none; padding:25px 15px 15px 15px; position:absolute; border:2px solid #737373; background:#fff; color:#333; *zoom:1;}
.ui-calendar .close{ position:absolute; _display:block !important; top:10px; right:15px; width:17px; height:17px; border:0; padding:0; background:url(./img/buttonCloseLayerX.gif) no-repeat center center; cursor:pointer; *zoom:1;}
.ui-calendar .close span{ position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; z-index:-1; visibility:hidden;}
.ui-calendar table{ border:0; border-spacing:0; _width:200px;}
.ui-calendar caption{ font-weight:bold; text-align:center; position:relative;}
.ui-calendar caption span{ display:block; position:relative; padding:10px 0 15px 0; *zoom:1;}
.ui-calendar caption .today{ font-size:11px; border:0; padding:0; border-bottom:1px solid; background:none; cursor:pointer;}
.ui-calendar caption .today span{text-decoration:underline;}
.ui-calendar caption .navi{ position:absolute; top:10px; border:0; padding:0; width:17px; height:18px; background-color:transparent; background-image:url(./img/buttonPaginate.gif); background-repeat:no-repeat; cursor:pointer;}
.ui-calendar caption .navi span{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; z-index:-1; visibility:hidden;}
.ui-calendar caption .navi.prev{ left:20px; background-position:left top;}
.ui-calendar caption .navi.next{ right:20px; background-position:right top;}
.ui-calendar caption .navi.prev_year,
.ui-calendar caption .navi.next_year{width:22px;background-image:url(./img/buttonPaginateDuble.gif)}
.ui-calendar caption .navi.prev_year{left:0;background-position:left top}
.ui-calendar caption .navi.next_year{right:0;background-position:right top}
.ui-calendar caption .navi.next_year{ width:22px; background-image:url(./img/buttonPaginateDuble.gif); }
.ui-calendar caption .navi.prev_year{ left:0; background-position:left top;}
.ui-calendar caption .navi.next_year{ right:0; background-position:right top;}
.ui-calendar th,
.ui-calendar td{border:0;text-align:center}
.ui-calendar th{color:#666;background:#f2f2f2;padding:3px 8px}
.ui-calendar td{font-size:11px;padding:3px 8px}
.ui-calendar td button{padding:0;border:0;background:none;cursor:pointer;width:20px;font-size:11px;font-family:Tahoma, Sans-serif}
.ui-calendar td button.today{font-weight:bold}
.ui-calendar td{ border:0; text-align:center;}
.ui-calendar th{ color:#666; background:#f2f2f2; padding:3px 8px;}
.ui-calendar td{ font-size:11px; padding:3px 8px;}
.ui-calendar td button{ padding:0; border:0; background:none; cursor:pointer; width:20px; font-size:11px; font-family:Tahoma, Sans-serif;}
.ui-calendar td button.today{ font-weight:bold;}
.ui-calendar td button.book,
.ui-calendar td button.active,
.ui-calendar tr.active button{background:#ff4747;color:#fff}
.ui-calendar tr.active button{ background:#ff4747; color:#fff;}
.ui-calendar .sun,
.ui-calendar .sun button{color:#ff1a1a}
.ui-calendar table.month{border-top:1px solid #f2f2f2;border-left:1px solid #f2f2f2}
.ui-calendar table.month td{border-right:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2}
.ui-calendar table.month td button{width:50px;color:#bababa}
.ui-calendar table.month td button.past{color:#333}
.ui-calendar table.month td button.active{color:#fff}
.ui-calendar .sun button{ color:#ff1a1a;}
.ui-calendar table.month{ border-top:1px solid #f2f2f2; border-left:1px solid #f2f2f2;}
.ui-calendar table.month td{ border-right:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2;}
.ui-calendar table.month td button{ width:50px; color:#bababa;}
.ui-calendar table.month td button.past{ color:#333;}
.ui-calendar table.month td button.active{ color:#fff;}

3
common/js/unittest/css/JSSpec.css
View file

@ -1,5 +1,4 @@
@charset "utf-8";
/* NHN (developers@xpressengine.com) */
@CHARSET "UTF-8";
/* --------------------
* @Layout

1
layouts/user_layout/user_layout.css
View file

@ -1,5 +1,4 @@
@charset "utf-8";
/* NHN (developers@xpressengine.com) */
/* Layout */
hr{display:none}
form, fieldset{border:0;margin:0;padding:0}

3
m.layouts/default/mx.css
View file

@ -1,5 +1,4 @@
@charset "utf-8";
/* NHN (developers@xpressengine.com) */
/* Mobile XE (/m.layouts/default/) */
body{margin:0;background:#fff;color:#000;word-wrap:break-word}
body,input,textarea,select,button,table{font-family:Tahoma,Geneva,sans-serif}
@ -7,7 +6,7 @@ body,input,textarea,select,button,table{font-family:Tahoma,Geneva,sans-serif}
.fl{float:left}
.fr{float:right}
/* Header */
.hd{min-height:28px;line-height:28px;padding:6px;margin:0 0 1px 0;border-bottom:2px solid #8d7de1;background:#444 -webkit-gradient(linear,0% 0%,0% 100%,from(#434343),to(#0d0d0d));background:#444 -moz-linear-gradient(top,#434343,#0d0d0d);background-color:#444;zoom:1}
.hd{min-height:28px;line-height:28px;padding:6px;margin:0 0 1px 0;border-bottom:2px solid #8d7de1;background:#444 -webkit-gradient(linear,0% 0%,0% 100%,from(#434343),to(#0d0d0d));background:#444 -moz-linear-gradient(top,#434343,#0d0d0d);background-color:#444;*zoom:1}
.hd:after{content:"";margin:0 -6px;position:relative;top:9px;display:block;clear:both;height:1px;background:#6352d2}
.hd .h1{float:left;display:inline;color:#fff;font-size:24px;margin:0;font-weight:bold}
.hd .h1 a{color:#fff}

3
m.layouts/simpleGray/mx.css
View file

@ -1,5 +1,4 @@
@charset "utf-8";
/* NHN (developers@xpressengine.com) */
/* Mobile XE */
body{margin:0;background:#fff;color:#000;word-wrap:break-word}
body,input,textarea,select,button,table{font-family:Tahoma, Geneva, sans-serif}
@ -8,7 +7,7 @@ body,input,textarea,select,button,table{font-family:Tahoma, Geneva, sans-serif}
.fr{float:right}
.cb{clear:both}
/* Edge = Header/Footer */
.eg{position:relative;background:#666;zoom:1}
.eg{position:relative;background:#666;*zoom:1}
.eg:after{content:"";display:block;clear:both}
.eg a{text-decoration:none}
/* Header */

4
modules/addon/tpl/css/addon.css Normal file
View 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; }

4
modules/admin/tpl/css/admin.css
View file

@ -266,10 +266,10 @@ body.modalContainer{_height:100%;_width:100%} /* IE6 only */
.x .h2Anchor{position:absolute;right:0;border:0;background:none;color:#00f;text-decoration:underline}
/* Skip Navigation */
.x .skipNav{margin:0;text-align:center}
.x .skipNav a{position:absolute;width:1px;height:1px;display:block;font-weight:bold;overflow:hidden}
.x .skipNav a{position:absolute;width:1px;height:1px;display:block;font-weight:bold;padding:10px 0}
.x .skipNav a:hover,
.x .skipNav a:active,
.x .skipNav a:focus{position:relative;width:auto;height:auto;padding:10px 0}
.x .skipNav a:focus{position:relative;width:auto;height:auto}
/* Header */
.x .header{position:relative;z-index:2;padding:30px 0 0 0;background:#4c4c4c;box-shadow:0 0 10px #aaa;zoom:1;border-radius:5px 5px 0 0}
.x .header:after{content:"";display:block;clear:both}

2
modules/admin/tpl/css/admin.min.css vendored
View file

File diff suppressed because one or more lines are too long

59
modules/autoinstall/tpl/css/autoinstall.css Normal file
View file

@ -0,0 +1,59 @@
@charset "utf-8";
/* NHN (developers@xpressengine.com) */
.install{ border-top:1px solid #ddd; *zoom:1;}
.install:after{ content:""; display:block; clear:both;}
.aside { width:180px; float:left; margin-right:30px; padding-bottom:30px; }
.aside .categoryBox { background-color:#F8F8F8; padding:10px; width:160px; overflow:hidden; }
.aside .categoryBox h3 { padding:0 0 10px 0; margin:0 0 10px 0; white-space:nowrap; overflow:hidden; color:#48494E; font-size:11px; font-weight:normal;}
.aside .categoryBox .bottomLine {background:transparent url(../img/hrE1.gif) repeat-x scroll left bottom;}
.aside .categoryBox .topLine {background:transparent url(../img/hrE1.gif) repeat-x scroll left top;}
.aside .categoryBox h3 a { color:#48494E; font-size:12px; font-weight:bold; text-decoration:none; }
.aside .categoryBox ul.category { margin:10px 0 0 0; padding:0; list-style:none; }
.aside .categoryBox ul.category li { margin:0 0 10px 10px; }
.aside .categoryBox ul.category li a.selected { font-weight:bold; color:#2893BB; }
.aside .categoryBox ul.category li a { text-decoration:none; color:#7B7575; }
.aside .categoryBox ul.category li span { font-family:verdana; font-size:10px; color:#999; }
.aside .categoryBox ul.resourceManage { margin:0; padding:10px 0 0 0; list-style:none; background:transparent url(../img/hrE1.gif) repeat-x scroll left top; }
.aside .categoryBox ul.resourceManage li { background:url(../img/btnManage.gif) no-repeat 2px 2px; padding-left:14px; white-space:nowrap; overflow:hidden; margin-bottom:10px; }
.aside .categoryBox ul.resourceManage li a { text-decoration:none; color:#747474; }
.aside .categoryBox ul.resourceManage li a.selected { font-weight:bold; }
.aside .searchBox { padding:10px 0; text-align:center; }
.aside .searchBox input.input { border:1px solid #ddd; width:120px; height:16px;}
.aside .searchBox input.submit { vertical-align:middle; }
.install .content { position:relative; *zoom:1; overflow:hidden; width:auto; float:none; margin:0;}
.updateList,
.updateList th,
.updateList td{ border:0; vertical-align:top; text-align:left; padding:10px 0;}
.updateList {width:100%; height:100px; table-layout:fixed;}
.updateList th,
.updateList td{ border-bottom:1px dotted #ddd;}
.updateList th img { border:1px solid #ccc; padding:2px; overflow:hidden; *zoom:1; }
.updateList td { padding:10px 0 0 0;}
.updateList td .title{ position:relative;}
.updateList td .title h3 { padding:0; margin:0 0 5px 0; font-size:12px;}
.updateList td .title a {text-decoration:none; color:#333 !important; }
.updateList td .title .buttons{ position:absolute; top:0; right:0;}
.updateList td .info p{ margin:0 0 5px 0; line-height:1.5;}
.updateList td .info p.desc{ margin:0 100px 10px 0;}
.updateList td .info p.meta{ font-size:11px;}
.updateList td .info p.meta span{ display:inline-block; line-height:1; padding:0 5px 0 9px;}
.updateList td .info p.meta .reputation{ padding:0 5px 0 0;}
.updateList td .info p.meta .reputation img{ float:left; margin:-1px 0 0 0;}
.updateList td .info p.meta .reputation span{ padding:0 0 0 5px;}
.updateList td .info p.meta .lastUpdate{ border-left:1px solid #ddd;}
.updateList td .info p.meta .download{ border-left:1px solid #ddd;}
ul.listOrder { position:relative; overflow:hidden; margin:0; padding:10px 0; text-align:left; background:transparent url(../img/hrE1.gif) repeat-x scroll left bottom;}
ul.listOrder.asc li.arrow { background:url(../img/arrUp.gif) no-repeat right 2px; padding-right:10px; }
ul.listOrder.desc li.arrow { background:url(../img/arrDown.gif) no-repeat right 2px; padding-right:10px; }
ul.listOrder li { position:relative; left:-1px; display:inline; margin:0; padding:0 5px 0 9px; border-left:1px solid #ddd;}
ul.listOrder li.arrow a { text-decoration:none; font-weight:bold; color:#2893BB; }
ul.listOrder li a { text-decoration:none; color:#7B7575; }
p.caution strong { font-size: 1.2em; font-weight: bold; color: red; }

1
modules/autoinstall/tpl/header.html Normal file
View file

@ -0,0 +1 @@
<h1 class="h1">{$lang->autoinstall}</h1>

BIN
modules/autoinstall/tpl/img/arrDown.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 60 B

BIN
modules/autoinstall/tpl/img/arrUp.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 60 B

BIN
modules/autoinstall/tpl/img/arrowPagination.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 98 B

BIN
modules/autoinstall/tpl/img/btn_search.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 605 B

BIN
modules/autoinstall/tpl/img/hrE1.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 43 B

BIN
modules/autoinstall/tpl/img/starOff.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 97 B

BIN
modules/autoinstall/tpl/img/starOn.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 127 B

2
modules/autoinstall/tpl/index.html
View file

@ -1,4 +1,4 @@
<h1 class="h1">{$lang->autoinstall}</h1>
<include target="header.html" />
<div cond="$XE_VALIDATOR_MESSAGE" class="message {$XE_VALIDATOR_MESSAGE_TYPE}">
<p>{$XE_VALIDATOR_MESSAGE}</p>
</div>

48
modules/autoinstall/tpl/install.html Normal file
View file

@ -0,0 +1,48 @@
<include target="header.html" />
<load target="js/waiting.js" usecdn="true" />
<h2 class="h2">{$package->title} ver. {$package->version}</h2>
<p cond="$package->installed">{$lang->current_version}: {$package->cur_version} <block cond="$package->need_update">({$lang->require_update})</block></p>
<p cond="!$package->installed">{$lang->require_installation}</p>
<block cond="$package->depends">
<p>{$lang->about_depending_programs}</p>
<ul>
<li loop="$package->depends => $dep">
{$dep->title} ver. {$dep->version} -
<block cond="$dep->installed">{$lang->current_version}: {$dep->cur_version} <block cond="$dep->need_update">({$lang->require_update})</block></block>
<block cond="!$dep->installed">{$lang->require_installation}</block>
<block cond="$show_ftp_note && ($dep->need_update || !$dep->installed)">
<a href="{_XE_DOWNLOAD_SERVER_}?module=resourceapi&act=procResourceapiDownload&package_srl={$dep->package_srl}">{$lang->cmd_download}</a> ({$lang->path}: {$dep->path})
</block>
</li>
</ul>
</block>
<block cond="!$package->installed || $package->need_update">
<block cond="$show_ftp_note">
<p>{$lang->description_download}. (<a href="{getUrl('', 'module', 'admin', 'act', 'dispAdminConfigFtp')}">FTP Setup</a>)</p>
<p>{$lang->path}: {$package->path}</p>
<p><a href="{_XE_DOWNLOAD_SERVER_}?module=resourceapi&act=procResourceapiDownload&package_srl={$package->package_srl}">{$lang->cmd_download}</a>
</block>
<block cond="!$show_ftp_note">
<p>{$lang->description_install}</p>
<div cond="$XE_VALIDATOR_MESSAGE" class="message {$XE_VALIDATOR_MESSAGE_TYPE}">
<p>{$XE_VALIDATOR_MESSAGE}</p>
</div>
<form action="./" class="form" method="post" ruleset="ftp">
<input type="hidden" name="module" value="autoinstall" />
<input type="hidden" name="act" value="procAutoinstallAdminPackageinstall" />
<input type="hidden" name="package_srl" value="{$package->package_srl}" />
<input type="hidden" name="return_url" value="{$return_url}" />
<input cond="!$need_password" type="hidden" name="ftp_password" value="dummy" />
<block cond="$need_password">
<p class="q"><label for="ftp_password">FTP {$lang->password}</label></p>
<p class="a"><input type="password" name="ftp_password" id="ftp_password" value="" /> <span class="desc">{$lang->about_ftp_password}</span></p>
</block>
<div class="btnArea">
<span class="btn medium"><input type="submit" value="{$package->installed?$lang->update:$lang->install}" /></span>
</div>
</form>
</block>
</block>

43
modules/autoinstall/tpl/js/autoinstall.js Normal file
View file

@ -0,0 +1,43 @@
function completeUpdate(ret_obj) {
alert(ret_obj['message']);
location.reload();
}
function doUpdate() {
var params = new Array();
exec_xml('autoinstall', 'procAutoinstallAdminUpdateinfo', params, completeUpdate);
}
function doInstallPackage(package_srl) {
var params = new Array();
params['package_srl'] = package_srl;
var e = jQuery("#ftp_password").get(0)
if(typeof(e) != "undefined")
{
params['ftp_password'] = e.value;
}
exec_xml('autoinstall', 'procAutoinstallAdminPackageinstall', params, completeInstall);
}
function completeUpdateNoMsg(ret_obj) {
//location.reload();
var src = current_url.setQuery('act', 'dispAutoinstallAdminIndex');
location.href = src;
}
function completeInstall(ret_obj) {
alert(ret_obj['message']);
if(ret_obj['error'] != 0) return;
var params = new Array();
exec_xml('autoinstall', 'procAutoinstallAdminUpdateinfo', params, completeUpdateNoMsg);
}
function completeUninstall(ret_obj) {
alert(ret_obj['message']);
if(ret_obj['error'] != 0) return;
var params = new Array();
exec_xml('autoinstall', 'procAutoinstallAdminUpdateinfo', params, completeUpdateNoMsg);
}

15
modules/autoinstall/tpl/js/waiting.js Normal file
View file

@ -0,0 +1,15 @@
(function($){
var WaitingStub = xe.createPlugin('waiting_stub', {
API_BEFORE_VALIDATE : function(sender, params) {
$('.wfsr').html(waiting_message).show();
},
API_BEFORE_SHOW_ALERT : function(sender, params) {
$('.wfsr').hide();
}
});
var Validator = xe.getApp('validator')[0];
if(Validator){
Validator.registerPlugin(new WaitingStub);
}
})(jQuery);

40
modules/autoinstall/tpl/uninstall.html Normal file
View file

@ -0,0 +1,40 @@
<include target="header.html" />
<load target="js/waiting.js" usecdn="true" />
<h2 class="h2">{$package->title}</h2>
<p>{$package->type} ({$package->path})</p>
<block cond="$package->avail_remove">
<div class="message info">
<p>{$lang->description_uninstall}</p>
</div>
<div cond="$XE_VALIDATOR_MESSAGE" class="message {$XE_VALIDATOR_MESSAGE_TYPE}">
<p>{$XE_VALIDATOR_MESSAGE}</p>
</div>
<form action="./" class="form" method="post" ruleset="ftp">
<input type="hidden" name="module" value="autoinstall" />
<input type="hidden" name="act" value="procAutoinstallAdminUninstallPackage" />
<input type="hidden" name="package_srl" value="{$package_srl}" />
<input type="hidden" name="return_url" value="{$return_url}" />
<input cond="!$need_password" type="hidden" name="ftp_password" value="dummy" />
<block cond="$need_password">
<p class="q"><label for="ftp_password">FTP {$lang->password}</label></p>
<p class="a"><input type="password" name="ftp_password" id="ftp_password" value="" /> <span class="desc">{$lang->about_ftp_password}</span></p>
</block>
<div class="btnArea">
<span class="btn medium"><input type="submit" value="{$lang->cmd_delete}" /></span>
</div>
</form>
</block>
<block cond="!$package->avail_remove">
<div class="message error">
<p>{$lang->msg_dependency_package}</p>
</div>
<p cond="$package->deps">{$lang->dependant_list}:</p>
<ul cond="$package->deps">
<li loop="$package->deps => $dep_package_srl">{$installed[$dep_package_srl]->title}</li>
</ul>
</block>

18
modules/document/tpl/category_info.html
View file

@ -1,8 +1,8 @@
<input type="hidden" name="category_srl" value="{$category_info->category_srl}" />
<input type="hidden" name="parent_srl" value="{$category_info->parent_srl}" />
<div class="layer" style="display:block">
<button type="button" class="xButton layerClose" title="Close this layer" onclick="jQuery(this).closest('#category_info').hide();">X</button>
<div class="layer" boxModelController" style="display:block">
<button type="button" class="xButton layerClose" title="Close this layer." onclick="jQuery(this).closest('#category_info').hide();">X</button>
<h4 class="xeAdmin h3">{$lang->category}</h4>
<div class="layerBody table">
<table cellspacing="0" class="rowTable">
@ -15,8 +15,8 @@
<tr>
<th scope="row">{$lang->category_title}</th>
<td>
<input type="text" name="category_title" id="category_name" value="{$category_info->title}" />
<a href="{getUrl('','module','module','act','dispModuleAdminLangcode','target','category_name')}" onclick="popopen(this.href);return false;">{$lang->cmd_find_langcode}</a>
<input type="text" name="category_title" id="category_name" value="{$category_info->title}" />
<a href="{getUrl('','module','module','act','dispModuleAdminLangcode','target','category_name')}" onclick="popopen(this.href);return false;" class="buttonSet buttonSetting"><span>{$lang->cmd_find_langcode}</span></a>
</td>
</tr>
<tr>
@ -31,12 +31,12 @@
<th scope="row">{$lang->category_description}</th>
<td >
<textarea name="category_description" id="category_description" rows="8" cols="42">{htmlspecialchars($category_info->description)}</textarea>
<a href="{getUrl('','module','module','act','dispModuleAdminLangcode','target','category_description')}" onclick="popopen(this.href);return false;">{$lang->cmd_find_langcode}</a>
<a href="{getUrl('','module','module','act','dispModuleAdminLangcode','target','category_description')}" onclick="popopen(this.href);return false;" class="buttonSet buttonSetting"><span>{$lang->cmd_find_langcode}</span></a>
<p>{$lang->about_category_description}</p>
</td>
</tr>
<tr>
<tr >
<th scope="row2">{$lang->category_group_srls}</th>
<td>
<!--@foreach($group_list as $key=>$val)-->
@ -53,9 +53,13 @@
<p>{$lang->about_expand}</p>
</td>
</tr>
<tr>
<th scope="row" colspan="2" class="button">
<span class="buttonAction actionBlue"><input type="submit" value="{$lang->cmd_save}" /></span>
</th>
</tr>
</table>
</div>
<div class="btnArea"><input type="submit" value="{$lang->cmd_save}" /></div>
</div>
<script type="text/javascript">
jQuery(function(){

4
modules/document/tpl/category_list.html
View file

@ -27,9 +27,7 @@
<li class="root" id='tree_0'><span>{$lang->category}</span></li>
</ul>
</div>
<div class="btnArea">
<span class="btn"><button type="button" onclick="doReloadTreeCategory('{$module_info->module_srl}')">{$lang->cmd_remake_cache}</button></span>
</div>
<span style="float:right"><a href="#" onclick="doReloadTreeCategory('{$module_info->module_srl}');return false;" class="button black"><span>{$lang->cmd_remake_cache}</span></a></span>
<script type="text/javascript">
var simpleTreeCollection;
var max_menu_depth = 999;

2
modules/document/tpl/checked_list.html
View file

@ -25,7 +25,7 @@
<th scope="row">{$lang->move_target_module}</th>
<td>
<input type="hidden" name="target_module" id="target_module" value="{$module_srl}" />
<input type="text" name="_target_module" id="_target_module" value="{$mid} ({$browser_title})" readonly="readonly" /><a href="{getUrl('','module','module','act','dispModuleSelectList','id','target_module','type','single')}" onclick="popopen(this.href,'ModuleSelect');return false;">{$lang->cmd_select}</a>
<input type="text" name="_target_module" id="_target_module" value="{$mid} ({$browser_title})" readonly="readonly" /><a href="{getUrl('','module','module','act','dispModuleSelectList','id','target_module','type','single')}" onclick="popopen(this.href,'ModuleSelect');return false;" class="button green"><span>{$lang->cmd_select}</span></a>
</td>
</tr>
<tr>

16
modules/document/tpl/extra_keys.html
View file

@ -29,7 +29,7 @@
<tr>
<th>{$lang->column_name}</th>
<td >
<input type="text" name="name" value="{$selected_var->name}" id="name" /><a href="{getUrl('','module','module','act','dispModuleAdminLangcode','target','name')}" onclick="popopen(this.href);return false;">{$lang->cmd_find_langcode}</a>
<input type="text" name="name" value="{$selected_var->name}" id="name" /><a href="{getUrl('','module','module','act','dispModuleAdminLangcode','target','name')}" onclick="popopen(this.href);return false;" class="buttonSet buttonSetting"><span>{$lang->cmd_find_langcode}</span></a>
</td>
</tr>
<tr>
@ -54,7 +54,7 @@
</tr>
<tr>
<th>{$lang->description}</th>
<td><input type="text" name="desc" value="{$selected_var->desc}" id="desc" /><a href="{getUrl('','module','module','act','dispModuleAdminLangcode','target','desc')}" onclick="popopen(this.href);return false;">{$lang->cmd_find_langcode}</a></td>
<td><input type="text" name="desc" value="{$selected_var->desc}" id="desc" /><a href="{getUrl('','module','module','act','dispModuleAdminLangcode','target','desc')}" onclick="popopen(this.href);return false;" class="buttonSet buttonSetting"><span>{$lang->cmd_find_langcode}</span></a></td>
</tr>
<tr>
<th>{$lang->cmd_search}</th>
@ -64,9 +64,9 @@
</div>
<div class="btnArea">
<!--@if($selected_var)-->
<span class="btn"><input type="submit" value="{$lang->cmd_modify}..." /></span>
<span class="btn"><input type="submit" value="{$lang->cmd_modify}" /></span>
<!--@else-->
<span class="btn"><input type="submit" value="{$lang->cmd_insert}..." /></span>
<span class="btn"><input type="submit" value="{$lang->cmd_insert}" /></span>
<!--@end-->
<span class="btn"><a href="{getUrl('type','','selected_var_idx','')}">{$lang->cmd_back}</a></span>
</div>
@ -97,10 +97,10 @@
<td rowspan="3"><!--@if($val->is_required=='Y')--><b>{$lang->is_required}</b><!--@else-->N<!--@end--></td>
<td rowspan="3"><!--@if($val->search=='Y')--><b>{$lang->search_target}</b><!--@else-->N<!--@end--></td>
<td rowspan="3">
<!--@if($val->idx>1)--><button type="button" onclick="moveVar('up','{$module_srl}','{$val->idx}')" class="text">{$lang->cmd_move_up}</button><!--@end-->
<button type="button" cond="count($extra_keys) > $val->idx" onclick="moveVar('down','{$module_srl}','{$val->idx}')" class="text">{$lang->cmd_move_down}</button>
<a href="{getUrl('selected_var_idx',$val->idx)}">{$lang->cmd_modify}...</a>
<button type="button" onclick="return doDeleteExtraKey('{$module_srl}','{$val->idx}')" class="text">{$lang->cmd_delete}</button>
<!--@if($val->idx>1)--><a href="#" onclick="moveVar('up','{$module_srl}','{$val->idx}'); return false;" class="buttonSet buttonUp"><span>{$lang->cmd_move_up}</span></a><!--@end-->
<a cond="count($extra_keys) > $val->idx" href="#" onclick="moveVar('down','{$module_srl}','{$val->idx}');return false;" class="buttonSet buttonDown">{$lang->cmd_move_down}</a>
<a href="{getUrl('selected_var_idx',$val->idx)}" class="buttonSet buttonSetting"><span>{$lang->cmd_modify}...</span></a>
<a href="#" onclick="return doDeleteExtraKey('{$module_srl}','{$val->idx}');" class="buttonSet buttonDelete"><span>{$lang->cmd_delete}</span></a>
</td>
</tr>
<tr>

2
modules/document/tpl/saved_list_popup.html
View file

@ -17,7 +17,7 @@
<td > <a href="#" onclick="jQuery('#saved_document_{$val->document_srl}').toggle(); setFixedPopupSize(); return false;">{$val->getTitle()}</a>
<div id="saved_document_{$val->document_srl}" class="saved_content" style="display:none;">{$val->getContent(false)}</div>
</td>
<td><button type="button" onclick="doDocumentSelect('{$val->document_srl}'); return false;" class="text">{$lang->cmd_select}</button></td>
<td><a href="#" onclick="doDocumentSelect('{$val->document_srl}'); return false;" class="buttonSet buttonActive"><span>{$lang->cmd_select}</span></a></td>
</tr>
<!--@end-->
</tbody>

6
modules/editor/components/emoticon/tpl/popup.css Normal file
View 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;}

62
modules/editor/components/emoticon/tpl/popup.html
View file

@ -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
View 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
View 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; }

18
modules/editor/components/image_gallery/tpl/popup.html
View file

@ -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&amp;act=dispEditorComponentInfo&amp;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&amp;act=dispEditorComponentInfo&amp;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>

2
modules/editor/components/image_gallery/tpl/popup.js
View file

@ -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
View 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}

59
modules/editor/components/image_gallery/tpl/slide_gallery.css
View file

@ -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;
}

7
modules/editor/components/image_gallery/tpl/slide_gallery.min.css vendored
View file

@ -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
View 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;}

204
modules/editor/components/image_link/tpl/popup.html
View file

@ -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&amp;act=dispEditorComponentInfo&amp;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&amp;act=dispEditorComponentInfo&amp;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(/&lt;/ig,'<').replace(/&gt;/ig,'>').replace(/&amp;/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,'&amp;').replace(/</ig,'&lt;').replace(/>/ig,'&gt;');
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
View 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(/&lt;/ig,'<').replace(/&gt;/ig,'>').replace(/&amp;/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,'&amp;').replace(/</ig,'&lt;').replace(/>/ig,'&gt;');
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
View file

@ -0,0 +1,2 @@
@charset "utf-8";
@import url(../../../../../modules/admin/tpl/css/admin.css);

4
modules/editor/components/multimedia_link/tpl/popup.html
View file

@ -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&amp;act=dispEditorComponentInfo&amp;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&amp;act=dispEditorComponentInfo&amp;component_name={$component_info->component_name}" target="_blank">{$lang->about_component}</a></span>
</div>
</form>

114
modules/editor/components/multimedia_link/tpl/popup.js
View file

@ -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
View 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
View 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; }

21
modules/editor/components/poll_maker/tpl/popup.html
View file

@ -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&amp;act=dispEditorComponentInfo&amp;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&amp;act=dispEditorComponentInfo&amp;component_name={$component_info->component_name}" target="_blank">{$lang->about_component}</a></span>
</div>
</form>

5
modules/editor/skins/dreditor/blank.html
View file

@ -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>

136
modules/editor/skins/dreditor/css/button.css
View file

@ -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;}

594
modules/editor/skins/dreditor/css/dreditor.css
View file

@ -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
View 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;}

61
modules/editor/skins/dreditor/css/style@content.css
View file

@ -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;}

6
modules/editor/skins/dreditor/drcomponents/fold/tpl/fold.html
View file

@ -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>

78
modules/editor/skins/dreditor/editor.html
View file

@ -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>

12
modules/editor/skins/dreditor/js/DrEditor.js
View file

@ -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;

4
modules/editor/skins/dreditor/js/Xpress_Editor.js
View file

@ -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;

42
modules/editor/skins/xpresseditor/css/default.css
View file

@ -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}

8
modules/editor/styles/xeStyle/style.css
View file

@ -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}

8
modules/editor/styles/xeStyleBlack/style.css
View file

@ -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}

6
modules/editor/tpl/css/editor.css
View file

@ -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
View 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; }

15
modules/editor/tpl/setup_component.html
View file

@ -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> &nbsp;
@ -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)-->

5
modules/file/tpl/css/file_list.css Normal file
View file

@ -0,0 +1,5 @@
@charset "utf-8";
.adminTable tr.bg1 td {
background-color: #FAFAFA;
}

26
modules/install/tpl/css/install.css
View file

@ -2,13 +2,13 @@
/* NHN (developers@xpressengine.com) */
/* Element Reset */
html, body{margin:0}
body, input, textarea, select, table, button{font-family:Tahoma, Geneva, sans-serif;font-size:12px}
img, fieldset{border:0}
form, fieldset{margin:0;padding:0}
em, address{font-style:normal}
body, input, textarea, select, table, button {font-family:Tahoma, Geneva, sans-serif;font-size:12px}
img, fieldset {border:0}
form, fieldset {margin:0;padding:0}
em, address {font-style:normal}
button{margin:0;padding:0;overflow:visible;cursor:pointer}
a{text-decoration:none}
a:hover, a:active, a:focus{text-decoration:underline}
a {text-decoration:none}
a:hover, a:active, a:focus {text-decoration:underline}
/* Common Class */
.iText{border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;background:transparent}
.iCheck, .iRadio{width:13px;height:13px;margin:0;padding:0;vertical-align:middle}
@ -20,19 +20,19 @@ html{height:100%;background:url(../img/bgHtml.gif) repeat-x 0 0}
#xei #header h1{margin:0}
#xei #header em{position:absolute;top:10px;right:20px;font-weight:bold;font-size:14px;color:#eee}
#xei #header em strong{font-size:20px;color:#F60}
#xei #body{width:580px;padding:0 0 0 220px;position:relative;overflow:hidden;zoom:1}
#xei #body{width:580px;padding:0 0 0 220px;position:relative;overflow:hidden;*zoom:1}
#xei #body:after{content:"";display:block;clear:both}
#xei #body .dummy{position:absolute;left:0;top:287px;display:block;width:219px;height:1000px;background:#484848;zoom:1}
#xei #body .dummy{position:absolute;left:0;top:287px;display:block;width:219px;height:1000px;background:#484848;*zoom:1}
#xei #progress{position:absolute;left:0;top:0;width:219px}
#xei #progress ul{list-style:none;margin:0;padding:0}
#xei #progress li{position:relative;margin:0 0 1px 0;vertical-align:top;line-height:40px;color:#999;text-indent:30px;background-color:#555;background-image:url(../img/icoStatus.gif);background-repeat:no-repeat;background-position:10px 0;zoom:1}
#xei #progress li{position:relative;margin:0 0 1px 0;vertical-align:top;line-height:40px;color:#999;text-indent:30px;background-color:#555;background-image:url(../img/icoStatus.gif);background-repeat:no-repeat;background-position:10px 0;*zoom:1}
#xei #progress li.done{background-position:10px -40px}
#xei #progress li.active{background-color:#666;background-position:10px -80px;font-weight:bold;color:#fff;margin-right:-1px}
#xei #content{position:relative;width:580px;min-height:328px;_height:328px;padding:20px 0 60px 0;background:#666}
/* Button */
.ibtn,
.ibtn *{position:relative;margin:0;padding:0;display:inline-block;height:30px;line-height:30px;text-decoration:none !important;border:0;font-size:12px;font-family:Tahoma, Sans-serif;white-space:nowrap;background:url(../img/btnPack.gif) no-repeat;vertical-align:top;overflow:visible;color:#eee}
.ibtn{margin-right:4px;background-position:left -30px}
.ibtn {margin-right:4px;background-position:left -30px}
.ibtn *{left:4px;cursor:pointer;_cursor:hand;padding:0 10px 0 6px;background-position:right -30px}
.ibtn *:hover,
.ibtn *:active,
@ -44,7 +44,7 @@ html{height:100%;background:url(../img/bgHtml.gif) repeat-x 0 0}
.ibtn .back{background-position:-14px -146px}
.ibtn .monitor{background-position:-37px -147px}
/* Button Area */
.ibtnArea{position:absolute;bottom:0;right:0;width:540px;margin:0;padding:15px 20px;text-align:center;zoom:1;color:#fff;border-top:1px solid #444;background:#555}
.ibtnArea{position:absolute;bottom:0;right:0;width:540px;margin:0;padding:15px 20px;text-align:center;*zoom:1;color:#fff;border-top:1px solid #444;background:#555}
.ibtnArea:after{content:"";display:block;clear:both}
.ibtnArea .fLeft{float:left}
.ibtnArea .fRight{float:right}
@ -58,14 +58,14 @@ html{height:100%;background:url(../img/bgHtml.gif) repeat-x 0 0}
.table td{border:0;padding:8px 15px;vertical-align:top;text-align:left}
.table th{color:#eee}
.table td{color:#eee}
.table td strong{color:#f60}
.table td strong {color:#f60}
.table thead th{border-bottom:1px solid #484848;background:#f8f8f8}
.table tbody th{border-bottom:1px solid #484848;background:#555;white-space:nowrap}
.table tfoot th{border-bottom:1px solid #484848}
.table tbody td{border-bottom:1px solid #484848}
.table tfoot td{border-bottom:1px solid #484848;font-weight:bold;color:#333}
/* Select */
.select{position:relative;line-height:normal;display:inline-block;*display:inline;vertical-align:middle;background:#555;text-align:left;zoom:1}
.select{position:relative;line-height:normal;display:inline-block;*display:inline;vertical-align:middle;background:#555;text-align:left;*zoom:1}
.select *{margin:0;padding:0;cursor:pointer;font-size:12px;font-family:Tahoma, Sans-serif}
.select .myValue{position:relative;z-index:2;left:0;top:0;border:1px solid #999;color:#eee;line-height:19px;_line-height:normal;text-align:left;overflow:visible;background:transparent}
.select .myValue.selected{font-weight:bold}

2
modules/integration_search/skins/default/header.html
View file

@ -20,7 +20,7 @@
<input type="hidden" name="where" value="{$where}" />
<input type="hidden" name="search_target" value="title_content" />
<input name="is_keyword" type="text" class="iText" value="{$is_keyword}"/>
<span class="btn"><input type="submit" value="{$lang->cmd_search}" /></span>
<span class="button large strong black"><input type="submit" value="{$lang->cmd_search}" /></span>
</form>
</div>

140
modules/integration_search/skins/default/white.css
View file

@ -1,92 +1,92 @@
@charset "utf-8";
#spot{padding-left:10px;margin-bottom:20px}
#spot .search *{vertical-align:middle}
#spot .search .iText{border:4px solid #b6b6b6;padding:2px;width:252px;font-size:16px;font-weight:bold}
#spot { padding-left:10px; margin-bottom:20px; }
#spot .search * { vertical-align:middle;}
#spot .search .iText { border:4px solid #b6b6b6; padding:2px; width:252px; font-size:16px; font-weight:bold; }
.localNavigation{border-bottom:1px solid #ccc;zoom:1;margin:0 0 20px 0px;padding:0;overflow:hidden;padding-left:10px}
.localNavigation:after{content:"";display:block;clear:both}
.localNavigation li{position:relative;list-style:none;float:left;margin:0 -1px 0 0;padding:0;background:#fff}
.localNavigation li a{color:#666;text-decoration:none;text-decoration:none;float:left;padding:7px 15px 0 15px;height:18px;border:1px solid #ddd;border-bottom:none;background:url(images/white/bgTab.gif) repeat-x}
.localNavigation li.on{margin-bottom:-1px}
.localNavigation li.on a{height:19px;background:none}
.localNavigation { border-bottom:1px solid #ccc; *zoom:1; margin:0 0 20px 0px; padding:0; overflow:hidden; padding-left:10px; }
.localNavigation:after {content:""; display:block; clear:both;}
.localNavigation li{ position:relative; list-style:none; float:left; margin:0 -1px 0 0; padding:0;background:#fff;}
.localNavigation li a { color:#666; text-decoration:none; text-decoration:none; float:left; padding:7px 15px 0 15px; height:18px; border:1px solid #ddd; border-bottom:none; background:url(images/white/bgTab.gif) repeat-x;}
.localNavigation li.on { margin-bottom:-1px;}
.localNavigation li.on a{ height:19px; background:none;}
.subNavigation{zoom:1;margin:0 0 20px 10px;padding:0 0 10px 0;overflow:hidden;border-bottom:1px solid #EFEFEF}
.subNavigation:after{content:"";display:block;clear:both}
.subNavigation li{position:relative;list-style:none;float:left;margin:0 -1px 0 0;padding:0 }
.subNavigation li a{color:#666;text-decoration:none;text-decoration:none;float:left;padding:0 10px 0 0;margin-right:10px;border-right:1px solid #ddd}
.subNavigation li.last a{border-right:0}
.subNavigation li.on{margin-bottom:-1px}
.subNavigation li.on a{font-weight:bold}
.subNavigation { *zoom:1; margin:0 0 20px 10px; padding:0 0 10px 0; overflow:hidden; border-bottom:1px solid #EFEFEF; }
.subNavigation:after {content:""; display:block; clear:both;}
.subNavigation li{ position:relative; list-style:none; float:left; margin:0 -1px 0 0; padding:0 }
.subNavigation li a { color:#666; text-decoration:none; text-decoration:none; float:left; padding:0 10px 0 0; margin-right:10px; border-right:1px solid #ddd; }
.subNavigation li.last a { border-right:0; }
.subNavigation li.on { margin-bottom:-1px;}
.subNavigation li.on a { font-weight:bold; }
strong.noKeyword{font-size:16px;display:block;margin:50px 0 0 10px}
strong.noKeyword { font-size:16px; display:block; margin:50px 0 0 10px; }
h3.subTitle{padding:0 0 0 20px;margin:10px 0 20px 10px;background:url(images/white/iconH2.gif) no-repeat left center;font-size:12px;color:#666}
h3.subTitle span{font-weight:normal;font-family:verdana;font-size:11px}
h3.subTitle { padding:0 0 0 20px; margin:10px 0 20px 10px; background:url(images/white/iconH2.gif) no-repeat left center; font-size:12px; color:#666; }
h3.subTitle span { font-weight:normal; font-family:verdana; font-size:11px; }
.noResult{display:block;margin:0 0 30px 10px;color:#666;padding:0 0 10px 20px;border-bottom:1px solid #EFEFEF;line-height:160%}
.noResult { display:block; margin:0 0 30px 10px; color:#666; padding:0 0 10px 20px; border-bottom:1px solid #EFEFEF; line-height:160%;}
.searchResult{margin:10px 0 0 10px;padding:0}
.searchResult li{width:100%;margin-bottom:15px;clear:both;overflow:hidden;list-style:none}
.searchResult li .thumb{display:block;float:left;margin-right:14px;padding:1px;border:1px solid #DDD}
.searchResult li dl{margin:5px 0 0 0;padding:0}
.searchResult li dl dt{padding:0;margin:0;color:#d8d8d8;margin-bottom:1px}
.searchResult li dl dt a{color:#1a3588;text-decoration:underline}
.searchResult.comment li dl dt a{color:#444444;text-decoration:none}
.searchResult.comment li dl dt a:hover{text-decoration:underline}
.searchResult li dl dt .reply{color:#fe6700;font:.9em Tahoma}
.searchResult li dl dt .reply em{color:#fe6700;font:normal 10px Tahoma}
.searchResult li dl dt .category{color:#818181}
.searchResult li dl dt .category a{color:#818181;border:none;text-decoration:none}
.searchResult li dl dd{padding:0;margin:0;line-height:18px;color:#555555;margin-bottom:4px}
.searchResult li address{color:#d8d8d8;font-size:12px;margin-top:5px}
.searchResult li address strong{color:#3e3e3e;font-size:1em;font-weight:normal}
.searchResult li address img{vertical-align:middle;margin-right:2px}
.searchResult li address .time{color:#818181;font:.8em Tahoma}
.searchResult li address .read{font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;color:#818181}
.searchResult li address .readNum{color:#818181;font:.8em Tahoma}
.searchResult li address .recom{font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;color:#818181}
.searchResult li address .recomNum{color:#fe6700;font:bold .8em Tahoma}
.searchResult { margin:10px 0 0 10px; padding:0;}
.searchResult li { width:100%; margin-bottom:15px; clear:both; overflow:hidden;list-style:none; }
.searchResult li .thumb { display:block; float:left; margin-right:14px; padding:1px; border:1px solid #DDD;}
.searchResult li dl { margin:5px 0 0 0; padding:0; }
.searchResult li dl dt { padding:0; margin:0; color:#d8d8d8; margin-bottom:1px;}
.searchResult li dl dt a { color:#1a3588; text-decoration:underline;}
.searchResult.comment li dl dt a { color:#444444; text-decoration:none;}
.searchResult.comment li dl dt a:hover { text-decoration:underline;}
.searchResult li dl dt .reply { color:#fe6700; font:.9em Tahoma;}
.searchResult li dl dt .reply em { color:#fe6700; font:normal 10px Tahoma;}
.searchResult li dl dt .category { color:#818181;}
.searchResult li dl dt .category a { color:#818181; border:none; text-decoration:none;}
.searchResult li dl dd { padding:0; margin:0; line-height:18px; color:#555555; margin-bottom:4px;}
.searchResult li address { color:#d8d8d8; font-size:12px; margin-top:5px; }
.searchResult li address strong { color:#3e3e3e; font-size:1em; font-weight:normal;}
.searchResult li address img { vertical-align:middle; margin-right:2px;}
.searchResult li address .time { color:#818181; font:.8em Tahoma;}
.searchResult li address .read { font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#818181;}
.searchResult li address .readNum { color:#818181; font:.8em Tahoma;}
.searchResult li address .recom { font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#818181;}
.searchResult li address .recomNum { color:#fe6700; font:bold .8em Tahoma;}
.searchImageResult{margin:10px 0 0 10px;padding:0;overflow:hidden;zoom:1}
.searchImageResult li{width:124px;height:190px;padding:0;margin:0 20px 15px 0;list-style:none;float:left;overflow:hidden;vertical-align:top}
.searchImageResult li img{display:block;margin-bottom:10px;padding:1px;border:1px solid #DDD}
.searchImageResult li dl{margin:0;padding:0}
.searchImageResult li dl dt{padding:0;margin:0;color:#d8d8d8;margin-bottom:1px}
.searchImageResult li dl dt a{color:#1a3588;text-decoration:underline}
.searchImageResult li address{color:#d8d8d8;font-size:12px;margin-top:5px}
.searchImageResult li address strong{color:#3e3e3e;font-size:1em;font-weight:normal}
.searchImageResult li address img{vertical-align:middle;margin-right:2px}
.searchImageResult li address .time{color:#818181;font:.8em Tahoma}
.searchImageResult li address .read{font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;color:#818181}
.searchImageResult li address .readNum{color:#818181;font:.8em Tahoma}
.searchImageResult li address .recom{font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;color:#818181}
.searchImageResult li address .recomNum{color:#fe6700;font:bold .8em Tahoma}
.searchImageResult li address .time{color:#818181;font:.8em Tahoma}
.searchImageResult { margin:10px 0 0 10px; padding:0; overflow:hidden; *zoom:1;}
.searchImageResult li { width:124px; height:190px; padding:0; margin:0 20px 15px 0; list-style:none; float:left; overflow:hidden; vertical-align:top;}
.searchImageResult li img { display:block; margin-bottom:10px; padding:1px; border:1px solid #DDD;}
.searchImageResult li dl { margin:0; padding:0; }
.searchImageResult li dl dt { padding:0; margin:0; color:#d8d8d8; margin-bottom:1px;}
.searchImageResult li dl dt a { color:#1a3588; text-decoration:underline;}
.searchImageResult li address { color:#d8d8d8; font-size:12px; margin-top:5px; }
.searchImageResult li address strong { color:#3e3e3e; font-size:1em; font-weight:normal;}
.searchImageResult li address img { vertical-align:middle; margin-right:2px;}
.searchImageResult li address .time { color:#818181; font:.8em Tahoma;}
.searchImageResult li address .read { font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#818181;}
.searchImageResult li address .readNum { color:#818181; font:.8em Tahoma;}
.searchImageResult li address .recom { font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#818181;}
.searchImageResult li address .recomNum { color:#fe6700; font:bold .8em Tahoma;}
.searchImageResult li address .time { color:#818181; font:.8em Tahoma;}
div.isMore{color:#666;text-align:right;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #EFEFEF}
div.isMore a{color:#666;text-decoration:underline}
div.isMore { color:#666; text-align:right; margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #EFEFEF; }
div.isMore a { color:#666; text-decoration:underline; }
/* Pagination Reset */
.pagination{padding:15px 0;margin:0;text-align:center}
.pagination *{margin:0;padding:0}
.pagination img{border:0}
.pagination{ padding:15px 0; margin:0; text-align:center;}
.pagination *{ margin:0; padding:0;}
.pagination img{ border:0;}
.pagination a,
.pagination strong{position:relative;display:inline-block;text-decoration:none;line-height:normal;color:#333;font-family:Tahoma, Sans-serif;vertical-align:middle}
.pagination strong{ position:relative; display:inline-block; text-decoration:none; line-height:normal; color:#333; font-family:Tahoma, Sans-serif; vertical-align:middle;}
.pagination a:hover,
.pagination a:active,
.pagination a:focus{background-color:#f4f4f4 !important}
.pagination strong{color:#ff6600 !important}
.pagination a:focus{ background-color:#f4f4f4 !important; }
.pagination strong{ color:#ff6600 !important;}
.pagination a.prev,
.pagination a.prevEnd,
.pagination a.next,
.pagination a.nextEnd{font-weight:normal !important;border:none !important;margin:0 !important;white-space:nowrap}
.pagination a.nextEnd{ font-weight:normal !important; border:none !important; margin:0 !important; white-space:nowrap; }
/* Pagination A1 */
.pagination.a1 a,
.pagination.a1 strong{margin:0 -4px;padding:1px 10px 1px 8px;border:none;border-left:1px solid #ccc;border-right:1px solid #ddd;font-weight:bold;font-size:12px;background:#fff}
.pagination.a1 a.prev{padding-left:10px;background:#fff url(images/white/arrowPrevA1.gif) no-repeat left center}
.pagination.a1 a.prevEnd{padding-left:15px;background:#fff url(images/white/arrowPrevEndA1.gif) no-repeat left center}
.pagination.a1 a.next{padding-right:10px;background:#fff url(images/white/arrowNextA1.gif) no-repeat right center}
.pagination.a1 a.nextEnd{padding-right:15px;background:#fff url(images/white/arrowNextEndA1.gif) no-repeat right center}
.pagination.a1 strong{ margin:0 -4px; padding:1px 10px 1px 8px; border:none; border-left:1px solid #ccc; border-right:1px solid #ddd; font-weight:bold; font-size:12px; background:#fff;}
.pagination.a1 a.prev{ padding-left:10px; background:#fff url(images/white/arrowPrevA1.gif) no-repeat left center; }
.pagination.a1 a.prevEnd{ padding-left:15px; background:#fff url(images/white/arrowPrevEndA1.gif) no-repeat left center; }
.pagination.a1 a.next{ padding-right:10px; background:#fff url(images/white/arrowNextA1.gif) no-repeat right center; }
.pagination.a1 a.nextEnd{ padding-right:15px; background:#fff url(images/white/arrowNextEndA1.gif) no-repeat right center; }

4
modules/integration_search/tpl/index.html
View file

@ -38,8 +38,8 @@
<select name="_target_module_srl" id="_target_module_srl" size="8" style="display:block;margin:10px 0;"></select>
<a href="{getUrl('','module','module','act','dispModuleSelectList','id','target_module_srl')}" onclick="popopen(this.href, 'ModuleSelect');return false;">{$lang->cmd_insert}</a>
<button type="button" onclick="midRemove('target_module_srl')" class="text">{$lang->cmd_delete}</button>
<a href="{getUrl('','module','module','act','dispModuleSelectList','id','target_module_srl')}" onclick="popopen(this.href, 'ModuleSelect');return false;" class="button blue"><span>{$lang->cmd_insert}</span></a>
<a href="#" onclick="midRemove('target_module_srl');return false;" class="button red"><span>{$lang->cmd_delete}</span></a>
<script type="text/javascript">
jQuery( function() { getModuleSrlList('target_module_srl'); } );

184
modules/layout/faceoff/css/layout.css
View file

@ -1,108 +1,108 @@
@charset "utf-8";
/* NHN (developers@xpressengine.com) */
/* html{overflow:auto} */
/* html{ overflow:auto;} */
#header h1 a{text-decoration:none}
#footer address{font-style:normal}
#footer address a{text-decoration:none}
#header h1 a { text-decoration:none; }
#footer address { font-style:normal; }
#footer address a { text-decoration:none; }
/* Skip To Content */
a.skipToContent{display:block;position:relative;top:0;clear:both;overflow:hidden;height:0;text-decoration:none}
a.skipToContent{ display:block; position:relative; top:0; clear:both; overflow:hidden; height:0; text-decoration:none;}
a.skipToContent:hover,
a.skipToContent:active,
a.skipToContent:focus{height:auto;margin:0 0 10px 0;padding:5px}
a.skipToContent:focus{ height:auto; margin:0 0 10px 0; padding:5px;}
/* Hr */
hr{display:none;position:absolute}
hr{ display:none; position:absolute;}
/* Heading
h1{position:relative;float:left;margin:0}
h2{position:relative;margin:0 0 10px 0;border-bottom:2px solid}
h3{position:relative;margin:0}*/
h1{ position:relative; float:left; margin:0;}
h2{ position:relative; margin:0 0 10px 0; border-bottom:2px solid;}
h3{ position:relative; margin:0;}*/
/* Container + Header + Body + Footer */
#container{position:relative;margin:0}
#header{position:relative;zoom:1;overflow:hidden}
#header:after{content:"";display:block;clear:both}
#body{position:relative;zoom:1}
#body:after{content:"";display:block;clear:both}
#content{position:relative;text-align:justify;padding:0}
#footer{position:relative;zoom:1;padding:10px 0 10px 0}
#footer address{text-align:center}
#container{ position:relative; margin:0;}
#header{ position:relative; *zoom:1; overflow:hidden; }
#header:after{ content:""; display:block; clear:both;}
#body{ position:relative; *zoom:1;}
#body:after{ content:""; display:block; clear:both;}
#content{ position:relative; text-align:justify; padding:0;}
#footer{ position:relative; *zoom:1; padding:10px 0 10px 0; }
#footer address{ text-align:center;}
/* Layout Width */
.fixed #container{width:960px;margin-left:auto;margin-right:auto}
.liquid #container{width:90%;margin-left:auto;margin-right:auto}
.hybrid #container{width:90%;margin-left:auto;margin-right:auto}
.fixed #container{ width:960px; margin-left:auto; margin-right:auto;}
.liquid #container{ width:90%; margin-left:auto; margin-right:auto;}
.hybrid #container{ width:90%; margin-left:auto; margin-right:auto;}
/* Align Layout */
.aLeft #container{margin-left:0}
.aRight #container{margin-right:0}
.aLeft #container{ margin-left:0;}
.aRight #container{ margin-right:0;}
/* Neck */
#neck{position:relative;clear:both;zoom:1}/* overflow:hidden}*/
#neck .extension{/* margin-right:-30px;*/zoom:1}
#neck .extension:after{content:"";display:block;clear:both}
#neck{ position:relative; clear:both; *zoom:1;}/* overflow:hidden;}*/
#neck .extension{ /* margin-right:-30px;*/ *zoom:1;}
#neck .extension:after{ content:""; display:block; clear:both;}
/* Knee */
#knee{position:relative;clear:both;zoom:1}/* overflow:hidden}*/
#knee .extension{/* margin-right:-30px;*/zoom:1}
#knee .extension:after{content:"";display:block;clear:both}
#knee{ position:relative; clear:both; *zoom:1;}/* overflow:hidden;}*/
#knee .extension{ /* margin-right:-30px;*/ *zoom:1;}
#knee .extension:after{ content:""; display:block; clear:both;}
/* Extension */
#body .extension{position:relative;display:none}
#body .extension{ position:relative; display:none; }
/* ----- Fixed 2 Column Layout ----- */
.fixed .ce #body .e1,
.fixed .ec #body .e1{width:200px;padding:10px}
.fixed .ec #body .e1{ width:200px; padding:10px;}
.fixed .ce #body #content{width:730px;padding:10px 0 10px 10px}
.fixed .ec #body #content{width:730px;padding:10px 10px 10px 0}
.fixed .ce #body #content{ width:730px; padding:10px 0 10px 10px;}
.fixed .ec #body #content{ width:730px; padding:10px 10px 10px 0;}
.fixed .ce #body #content{float:left}
.fixed .ec #body #content{float:right}
.fixed .ce #body #content{ float:left;}
.fixed .ec #body #content{ float:right;}
.fixed .ce #body .e1,
.fixed .ec #body .e1{display:block}
.fixed .ce #body .e1{float:right;clear:right}
.fixed .ec #body .e1{float:left;clear:left}
.fixed .ec #body .e1{ display:block;}
.fixed .ce #body .e1{ float:right; clear:right;}
.fixed .ec #body .e1{ float:left; clear:left;}
/* ----- Fixed 3 Column Layout ----- */
.fixed .cee #body .e1{display:block;width:200px;padding:10px}
.fixed .cee #body .e2{display:block;width:200px;padding:10px}
.fixed .ece #body .e1{display:block;width:200px;padding:10px}
.fixed .ece #body .e2{display:block;width:200px;padding:10px}
.fixed .eec #body .e1{display:block;width:200px;padding:10px}
.fixed .eec #body .e2{display:block;width:200px;padding:10px}
.fixed .cee #body .e1 { display:block; width:200px; padding:10px;}
.fixed .cee #body .e2 { display:block; width:200px; padding:10px;}
.fixed .ece #body .e1 { display:block; width:200px; padding:10px;}
.fixed .ece #body .e2 { display:block; width:200px; padding:10px;}
.fixed .eec #body .e1 { display:block; width:200px; padding:10px;}
.fixed .eec #body .e2 { display:block; width:200px; padding:10px;}
.fixed .cee #body #content{width:510px;padding:10px 0 10px 10px}
.fixed .ece #body #content{width:520px;padding:10px 0 10px 0}
.fixed .eec #body #content{width:510px;padding:10px 10px 10px 0}
.fixed .cee #body #content { width:510px; padding:10px 0 10px 10px; }
.fixed .ece #body #content { width:520px; padding:10px 0 10px 0; }
.fixed .eec #body #content { width:510px; padding:10px 10px 10px 0; }
.fixed .cee #body #content{float:left}
.fixed .ece #body #content{float:left;margin-right:-100%;left:220px}
.fixed .eec #body #content{float:right}
.fixed .cee #body #content{ float:left; }
.fixed .ece #body #content{ float:left; margin-right:-100%; left:220px;}
.fixed .eec #body #content{ float:right;}
.fixed .ece #body .e1,
.fixed .eec #body .e1{float:left}
.fixed .eec #body .e1{ float:left; }
.fixed .cee #body .e1,
.fixed .eec #body .e2{float:left}
.fixed .eec #body .e2{ float:left;}
.fixed .cee #body .e2,
.fixed .ece #body .e2{float:right}
.fixed .ece #body .e2{ float:right;}
/* ----- Liquid 2 Column Layout ----- */
.liquid .ce #body .e1,
.liquid .ec #body .e1{width:20%}
.liquid .ec #body .e1{ width:20%;}
.liquid .ce #body #content,
.liquid .ec #body #content{width:80%}
.liquid .ce #body #content{float:left}
.liquid .ec #body #content{float:right}
.liquid .ec #body #content{ width:80%;}
.liquid .ce #body #content{ float:left;}
.liquid .ec #body #content{ float:right;}
.liquid .ce #body .e1,
.liquid .ec #body .e1{display:block}
.liquid .ce #body .e1{float:right;clear:right}
.liquid .ec #body .e1{float:left;clear:left}
.liquid .ec #body .e1{ display:block;}
.liquid .ce #body .e1{ float:right; clear:right;}
.liquid .ec #body .e1{ float:left; clear:left;}
/* ----- Liquid 3 Column Layout ----- */
.liquid .cee #body .e1,
@ -110,38 +110,38 @@ h3{position:relative;margin:0}*/
.liquid .ece #body .e1,
.liquid .ece #body .e2,
.liquid .eec #body .e1,
.liquid .eec #body .e2{display:block;width:21%}
.liquid .eec #body .e2{ display:block; width:21%;}
.liquid .cee #body #content,
.liquid .ece #body #content,
.liquid .eec #body #content{width:58%}
.liquid .eec #body #content{ width:58%;}
.liquid .cee #body #content{float:left}
.liquid .ece #body #content{float:left;margin-right:-100%;left:21%}
.liquid .eec #body #content{float:right}
.liquid .cee #body #content{ float:left; }
.liquid .ece #body #content{ float:left; margin-right:-100%; left:21%;}
.liquid .eec #body #content{ float:right;}
.liquid .ece #body .e1,
.liquid .eec #body .e1{float:left}
.liquid .eec #body .e1{ float:left; }
.liquid .cee #body .e1,
.liquid .eec #body .e2{float:left}
.liquid .eec #body .e2{ float:left;}
.liquid .cee #body .e2,
.liquid .ece #body .e2{float:right}
.liquid .ece #body .e2{ float:right;}
/* ----- Hybrid 2 Column Layout ----- */
.hybrid .ce #body{padding-right:230px}
.hybrid .ec #body{padding-left:230px}
.hybrid .ce #body{ padding-right:230px;}
.hybrid .ec #body{ padding-left:230px; }
.hybrid .ce #body .e1,
.hybrid .ec #body .e1{width:200px;padding:10px}
.hybrid .ce #body #content{width:100%;padding:10px 0 10px 10px}
.hybrid .ec #body #content{width:100%;padding:10px 10px 10px 0;margin-left:-100%}
.hybrid .ce #body #content{float:left}
.hybrid .ec #body #content{float:right}
.hybrid .ec #body .e1{ width:200px; padding:10px;}
.hybrid .ce #body #content{ width:100%; padding:10px 0 10px 10px; }
.hybrid .ec #body #content{ width:100%; padding:10px 10px 10px 0; margin-left:-100%;}
.hybrid .ce #body #content{ float:left;}
.hybrid .ec #body #content{ float:right;}
.hybrid .ce #body .e1,
.hybrid .ec #body .e1{display:block}
.hybrid .ce #body .e1{float:right;clear:right;margin-left:-220px;right:-220px}
.hybrid .ec #body .e1{float:left;clear:left;margin-right:-230px;left:-230px}
.hybrid .ec #body .e1{ display:block; }
.hybrid .ce #body .e1{ float:right; clear:right; margin-left:-220px; right:-220px;}
.hybrid .ec #body .e1{ float:left; clear:left; margin-right:-230px; left:-230px;}
/* ----- Hybrid 3 Column Layout ----- */
.hybrid .cee #body .e1,
@ -149,25 +149,25 @@ h3{position:relative;margin:0}*/
.hybrid .ece #body .e1,
.hybrid .ece #body .e2,
.hybrid .eec #body .e1,
.hybrid .eec #body .e2{display:block;width:200px;padding:10px}
.hybrid .eec #body .e2{ display:block; width:200px; padding:10px; }
.hybrid .cee #body{padding-right:440px;padding-left:10px}
.hybrid .ece #body{padding-left:220px;padding-right:220px}
.hybrid .eec #body{padding-left:440px;padding-right:10px}
.hybrid .cee #body{ padding-right:440px; padding-left:10px; }
.hybrid .ece #body{ padding-left:220px; padding-right:220px;}
.hybrid .eec #body{ padding-left:440px; padding-right:10px;}
.hybrid .cee #body #content{width:100%;padding:10px 0 10px 0}
.hybrid .ece #body #content{width:100%;padding:10px 0 10px 0}
.hybrid .eec #body #content{width:100%;padding:10px 0 10px 0}
.hybrid .cee #body #content{width:100%;padding:10px 0 10px 0; }
.hybrid .ece #body #content{width:100%;padding:10px 0 10px 0; }
.hybrid .eec #body #content{width:100%;padding:10px 0 10px 0; }
.hybrid .cee #body #content{float:left;margin-right:-450px}
.hybrid .ece #body #content{float:left;margin-right:-100%}
.hybrid .eec #body #content{float:right}
.hybrid .cee #body #content{ float:left; margin-right:-450px; }
.hybrid .ece #body #content{ float:left; margin-right:-100%;}
.hybrid .eec #body #content{ float:right;}
.hybrid .ece #body .e1,
.hybrid .eec #body .e2{float:left;left:-220px;margin-right:-220px}
.hybrid .eec #body .e1{float:left;left:-440px;margin-right:-220px}
.hybrid .eec #body .e2{ float:left; left:-220px; margin-right:-220px;}
.hybrid .eec #body .e1{ float:left; left:-440px; margin-right:-220px;}
.hybrid .cee #body .e1,
.hybrid .ece #body .e2{float:right;left:220px;margin-left:-220px}
.hybrid .cee #body .e2{float:right;left:440px;margin-left:-220px}
.hybrid .ece #body .e2{ float:right; left:220px; margin-left:-220px;}
.hybrid .cee #body .e2{ float:right; left:440px; margin-left:-220px;}

3
modules/layout/tpl/css/adminEdit.css Normal file
View file

@ -0,0 +1,3 @@
.uploaded_image_list {list-style: none; margin: 0; padding: 0;}
.uploaded_image_list li {display: inline-block; margin-right: 10px;}
.uploaded_image_list img {border: 1px #ccc solid; padding: 3px; width: 96px; height: 96px;}

208
modules/layout/tpl/css/faceoff_menu.css Normal file
View file

@ -0,0 +1,208 @@
@charset "utf-8";
/* NHN > UIT Center > Open UI Technology Team > Kim Taegon(gonom9@nhncorp.com) */
/* toolbar */
#toolbar { position:relative; z-index:1000; background:url(../images/bgMenu.gif) repeat-x 0 0; font-size:12px; height:35px; clear:both; }
#toolbar *{ margin:0; padding:0;}
#toolbar h1 { float:left; color:#fff; padding:10px 20px; font-size:12px;}
#toolbar .tb-btn-active { font-weight:bold; }
#toolbar .tb-menu-item-hover { color:white; background-color:navy; }
#toolbar .tb-menu-item-selected { color:white; background-color:green; }
#faceoffSelector { border:2px dotted #ff6600; }
#smartmenu { position:absolute; top:10px; right:10px; margin:0; padding:0; font-size:12px; color:#fff; white-space:nowrap;}
#smartmenu li { display:none; list-style:none; font-weight:bold; }
#smartmenu li.active{ display:block;}
#smartmenu li dl{ margin:0; padding:0; display:inline;}
#smartmenu li dt,
#smartmenu li dd{ display:inline;}
#smartmenu li dt{ color:#ccc;}
#smartmenu li dd button{ background-color:#000; border:0; font-size:12px; font-family:Tahoma; font-weight:normal; color:#fff; cursor:pointer; border:1px solid #888; }
#layout-preview { display:none; width:120px; left:0px; right:0px; }
/* widgetMenu */
#toolbar .widgetMenu{ height:35px; margin:0; padding:0; font-size:12px; line-height:1.2; background:url(../images/bgMenu.gif) repeat-x 0 0;}
#toolbar .widgetMenu ul.widgetMenuList{ margin:0; padding:0; height:35px; float:left; }
#toolbar .widgetMenu ul.widgetMenuList li ul{ display:none; position:absolute; top:35px; left:0; height:auto; padding:10px 15px; background:#595959; border:1px solid #444;}
#toolbar .widgetMenu ul.widgetMenuList li.active ul{ display:block;}
#toolbar .widgetMenu ul.widgetMenuList.aCenter{ margin-left:auto; margin-right:auto;}
#toolbar .widgetMenu ul.widgetMenuList.aLeft{ margin-right:auto;}
#toolbar .widgetMenu ul.widgetMenuList.aRight{ margin-left:auto;}
#toolbar .widgetMenu li{ position:relative; padding-right:3px; float:left; list-style:none; background:url(../images/bgMenu.gif) no-repeat right -40px; white-space:nowrap;}
#toolbar .widgetMenu li button{ position:relative; float:left; height:35px; color:#fff !important; text-decoration:none !important; cursor:pointer; background-color:transparent; border:0; font-weight:bold; font-size:12px; font-family:Tahoma;}
#toolbar .widgetMenu li button span{ padding:0 15px;}
#toolbar .widgetMenu li.first button{ background:url(../images/bgMenu.gif) no-repeat left -40px; color:#f00 !important;}
#toolbar .widgetMenu li.active{ margin-left:-2px; background:url(../images/bgMenu.gif) no-repeat right -80px;}
#toolbar .widgetMenu li.active button{ font-weight:bold; color:#ff0 !important; background:url(../images/bgMenu.gif) no-repeat left -80px;}
#toolbar .widgetMenu li.active li{ float:none; background:none;}
#toolbar .widgetMenu li.active li.active{ margin:0;}
#toolbar .widgetMenu li li{ background:none; display:block !important; clear:both !important;}
#toolbar .widgetMenu li li.first{ background:none;}
#toolbar .widgetMenu li.active li.first{ padding-top:14px; background:url(../images/bgMenu.gif) no-repeat 30px top;}
#toolbar .widgetMenu li li button{ background:none; height:auto; font-weight:normal; text-align:left; float:none; display:block;}
#toolbar .widgetMenu li.active li button{ display:block; padding:0; float:none; height:auto; font-weight:normal; color:#fff !important; background:none; font-weight:normal;}
#toolbar .widgetMenu li.active li.active button{ color:#ff0 !important;}
/* preference dialog */
#propertyDialog { position:absolute; border:1px solid silver; background-color:white; padding:15px 20px; z-index:110; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0 auto; display:none; width:250px; left:20px; top:60px;}
#propertyDialog fieldset{ border:1px dotted #ccc; padding:5px 10px; margin:0 0 10px 0; white-space:nowrap;}
#propertyDialog legend{ font-weight:bold; background-color:#fff; padding:0 5px; }
#propertyDialog label{ cursor:default;}
#propertyDialog .more { display:none; margin:0; padding:0 0 0 10px; border-left:2px solid #eee;}
#propertyDialog .visible-more .more { display:block; }
#propertyDialog .visible-more .inputall { display:none; }
#propertyDialog .buttonArea{ text-align:center;}
#propertyDialog button{ cursor:pointer;}
.overlay { background-color:black; opacity:0.75; position:absolute; z-index:100; display:none; }
/* layout preview */
/* demoXe */
#demoXe { position:absolute; background:#fff; border:2px solid #ddd; padding:5px; width:100px; display:none; }
#demoXe * { margin:0; padding:0; font-size:0; line-height:0; }
/* Container + Header + Body + Footer */
#demoContainer { position:relative; }
#demoHeader { position:relative; height:10px; *zoom:1;
background:#ddd; margin-bottom:5px; }
#demoHeader:after { content:""; display:block; clear:both; }
#demoBody { position:relative; *zoom:1;
margin-bottom:5px; }
#demoBody:after { content:""; display:block; clear:both; }
#demoContent { position:relative; height:40px; text-align:justify; background:#ddd; }
#demoFooter { position:relative; height:10px; *zoom:1;
background:#ddd; }
#demoFooter address { text-align:center; }
/* Layout Width */
.demoFixed #demoContainer { width:100px; margin-left:auto; margin-right:auto; }
.demoLiquid #demoContainer { width:90%; margin-left:auto; margin-right:auto; }
.demoHybrid #demoContainer { width:90%; margin-left:auto; margin-right:auto; }
/* Align Layout */
.demoALeft #demoContainer { margin-left:0; }
.demoARight #demoContainer { margin-right:0; }
/* Extension */
.demoExtension,
.demoSection { position:relative; }
#demoBody .demoExtension { position:relative; display:none; height:40px; background:#ddd; }
#demoBody #demoContent { width:100%; height:40px; font-size:small; }
.demoExtension .demoSection { }
/* Layout Color */
.demoLiquid #demoHeader,
.demoLiquid #demoFooter,
.demoLiquid #demoContent,
.demoLiquid #demoBody .demoExtension { background:#999; }
.demoHybrid #demoHeader,
.demoHybrid #demoFooter,
.demoHybrid #demoContent { background:#999; }
/* ----- Fixed 2 Column Layout ----- */
.demoFixed .demoCE #demoBody .demoE1,
.demoFixed .demoEC #demoBody .demoE1 { width:15px; }
.demoFixed .demoCE #demoBody #demoContent,
.demoFixed .demoEC #demoBody #demoContent { width:80px; }
.demoFixed .demoCE #demoBody #demoContent { float:left; }
.demoFixed .demoEC #demoBody #demoContent { float:right; }
.demoFixed .demoCE #demoBody .demoE1,
.demoFixed .demoEC #demoBody .demoE1 { display:block; }
.demoFixed .demoCE #demoBody .demoE1 { float:right; clear:right; }
.demoFixed .demoEC #demoBody .demoE1 { float:left; clear:left; }
/* ----- Liquid 2 Column Layout ----- */
.demoLiquid .demoCE #demoBody .demoE1,
.demoLiquid .demoEC #demoBody .demoE1 { width:15%; }
.demoLiquid .demoCE #demoBody #demoContent,
.demoLiquid .demoEC #demoBody #demoContent { width:80%; }
.demoLiquid .demoCE #demoBody #demoContent { float:left; }
.demoLiquid .demoEC #demoBody #demoContent { float:right; }
.demoLiquid .demoCE #demoBody .demoE1,
.demoLiquid .demoEC #demoBody .demoE1 { display:block; }
.demoLiquid .demoCE #demoBody .demoE1 { float:right; clear:right; }
.demoLiquid .demoEC #demoBody .demoE1 { float:left; clear:left; }
/* ----- Hybrid 2 Column Layout ----- */
.demoHybrid .demoCE #demoBody { padding-right:20px; }
.demoHybrid .demoEC #demoBody { padding-left:20px; }
.demoHybrid .demoCE #demoBody .demoE1,
.demoHybrid .demoEC #demoBody .demoE1 { width:15px; }
.demoHybrid .demoCE #demoBody #demoContent { float:left; }
.demoHybrid .demoEC #demoBody #demoContent { float:right; }
.demoHybrid .demoCE #demoBody .demoE1,
.demoHybrid .demoEC #demoBody .demoE1 { display:block; }
.demoHybrid .demoCE #demoBody .demoE1 { float:right; clear:right; margin-left:-15px; right:-20px; }
.demoHybrid .demoEC #demoBody .demoE1 { float:left; clear:left; margin-right:-15px; left:-20px; }
/* ----- Fixed 3 Column Layout ----- */
.demoFixed .demoCEE #demoBody .demoE1,
.demoFixed .demoCEE #demoBody .demoE2,
.demoFixed .demoECE #demoBody .demoE1,
.demoFixed .demoECE #demoBody .demoE2,
.demoFixed .demoEEC #demoBody .demoE1,
.demoFixed .demoEEC #demoBody .demoE2 { display:block; width:15px; }
.demoFixed .demoCEE #demoBody #demoContent,
.demoFixed .demoECE #demoBody #demoContent,
.demoFixed .demoEEC #demoBody #demoContent { width:60px; }
.demoFixed .demoCEE #demoBody #demoContent { float:left; margin-right:5px; }
.demoFixed .demoECE #demoBody #demoContent { float:left; margin-right:-100%; left:20px; }
.demoFixed .demoEEC #demoBody #demoContent { float:right; }
.demoFixed .demoECE #demoBody .demoE1,
.demoFixed .demoEEC #demoBody .demoE1 { float:left; margin-right:5px; }
.demoFixed .demoCEE #demoBody .demoE1,
.demoFixed .demoEEC #demoBody .demoE2 { float:left; }
.demoFixed .demoCEE #demoBody .demoE2,
.demoFixed .demoECE #demoBody .demoE2 { float:right; }
/* ----- Liquid 3 Column Layout ----- */
.demoLiquid .demoCEE #demoBody .demoE1,
.demoLiquid .demoCEE #demoBody .demoE2,
.demoLiquid .demoECE #demoBody .demoE1,
.demoLiquid .demoECE #demoBody .demoE2,
.demoLiquid .demoEEC #demoBody .demoE1,
.demoLiquid .demoEEC #demoBody .demoE2 { display:block; width:15%; }
.demoLiquid .demoCEE #demoBody #demoContent,
.demoLiquid .demoECE #demoBody #demoContent,
.demoLiquid .demoEEC #demoBody #demoContent { width:60%; }
.demoLiquid .demoCEE #demoBody #demoContent { float:left; margin-right:5%; }
.demoLiquid .demoECE #demoBody #demoContent { float:left; margin-right:-100%; left:20%; }
.demoLiquid .demoEEC #demoBody #demoContent { float:right; }
.demoLiquid .demoECE #demoBody .demoE1,
.demoLiquid .demoEEC #demoBody .demoE1 { float:left; margin-right:5%; }
.demoLiquid .demoCEE #demoBody .demoE1,
.demoLiquid .demoEEC #demoBody .demoE2 { float:left; }
.demoLiquid .demoCEE #demoBody .demoE2,
.demoLiquid .demoECE #demoBody .demoE2 { float:right; }
/* ----- Hybrid 3 Column Layout ----- */
.demoHybrid .demoCEE #demoBody .demoE1,
.demoHybrid .demoCEE #demoBody .demoE2,
.demoHybrid .demoECE #demoBody .demoE1,
.demoHybrid .demoECE #demoBody .demoE2,
.demoHybrid .demoEEC #demoBody .demoE1,
.demoHybrid .demoEEC #demoBody .demoE2 { display:block; width:15px; }
.demoHybrid .demoCEE #demoBody { padding-right:40px; }
.demoHybrid .demoECE #demoBody { padding-left:20px; padding-right:20px; }
.demoHybrid .demoEEC #demoBody { padding-left:40px; }
.demoHybrid .demoCEE #demoBody #demoContent,
.demoHybrid .demoECE #demoBody #demoContent,
.demoHybrid .demoEEC #demoBody #demoContent { width:100%; }
.demoHybrid .demoCEE #demoBody #demoContent,
.demoHybrid .demoECE #demoBody #demoContent { float:left; margin-right:-100%; }
.demoHybrid .demoEEC #demoBody #demoContent { float:right; }
.demoHybrid .demoECE #demoBody .demoE1,
.demoHybrid .demoEEC #demoBody .demoE2 { float:left; left:-20px; margin-right:-20px; }
.demoHybrid .demoEEC #demoBody .demoE1 { float:left; left:-40px; margin-right:-20px; }
.demoHybrid .demoCEE #demoBody .demoE1,
.demoHybrid .demoECE #demoBody .demoE2 { float:right; left:20px; margin-left:-15px; }
.demoHybrid .demoCEE #demoBody .demoE2 { float:right; left:40px; margin-left:-15px; }
.aboutFaceOff { background-color:#EEE; color:#000; padding:20px; }
.aboutFaceOff h3 { padding:0; margin:0; font-size:14px; font-weight:bold; text-decoration:underline; margin-bottom:10px; }
.aboutFaceOff p,
.aboutFaceOff li { color:#666; }
fieldset.hideOption { float:left; border:0; margin:0; padding:0; }
fieldset.hideOption label { margin:10px 10px 0 10px !important; *margin-top:7px; font-family:tahoma; color:#fff !important; display:block; float:left;}

1181
modules/layout/tpl/css/widget.css
View file

File diff suppressed because it is too large Load diff

2
modules/layout/tpl/faceoff_layout_menu.html
View file

@ -339,7 +339,7 @@
</div>
</div>
</fieldset>
<div class="btnArea">
<div class="buttonArea">
<button type="submit">{$lang->layout_manager[49]}</button>
<button type="reset">{$lang->layout_manager[50]}</button>
</div>

6
modules/layout/tpl/index.html
View file

@ -33,13 +33,13 @@
<td>{zdate($val->regdate,"Y-m-d")}</td>
<td>
<!--@if(!$val->module_srl)-->
<a href="{getUrl('act','dispLayoutAdminModify','layout_srl',$val->layout_srl)}" title="{htmlspecialchars($lang->cmd_layout_management)}">{$lang->cmd_layout_management}</a>
<a href="{getUrl('act','dispLayoutAdminModify','layout_srl',$val->layout_srl)}" title="{htmlspecialchars($lang->cmd_layout_management)}" class="buttonSet buttonSetting"><span>{$lang->cmd_layout_management}</span></a>
<!--@else-->
&nbsp;
<!--@end-->
</td>
<td><a href="{getUrl('act','dispLayoutAdminEdit','layout_srl',$val->layout_srl)}" title="{htmlspecialchars($lang->cmd_layout_edit)}">{$lang->cmd_layout_edit}</a></td>
<td><a href="#" onclick="doDeleteLayout('{$val->layout_srl}');return false;" title="{htmlspecialchars($lang->cmd_delete)}">{$lang->cmd_delete}</a></td>
<td><a href="{getUrl('act','dispLayoutAdminEdit','layout_srl',$val->layout_srl)}" title="{htmlspecialchars($lang->cmd_layout_edit)}" class="buttonSet buttonLayoutEditor"><span>{$lang->cmd_layout_edit}</span></a></td>
<td><a href="#" onclick="doDeleteLayout('{$val->layout_srl}');return false;" title="{htmlspecialchars($lang->cmd_delete)}" class="buttonSet buttonDelete"><span>{$lang->cmd_delete}</span></a></td>
</tr>
<!--@end-->
</tbody>

6
modules/layout/tpl/layout_edit.html
View file

@ -1,10 +1,6 @@
<include target="header.html" />
<load target="css/adminEdit.css" usecdn="true" />
<load target="js/adminEdit.js" usecdn="true" />
<style type="text/css">
.uploaded_image_list {list-style:none;margin:0;padding:0}
.uploaded_image_list li {display:inline-block;margin-right:10px}
.uploaded_image_list img {border:1px #ccc solid;padding:3px;width:96px;height:96px}
</style>
<h2 class="h2">{$selected_layout->layout_title}</h2>

2
modules/layout/tpl/layout_image_list.html
View file

@ -21,6 +21,6 @@
<input type="hidden" name="act" value="procLayoutAdminUserImageUpload" />
<input type="hidden" name="layout_srl" value="{$layout_srl}" />
<input name="user_layout_image" type="file" />
<span class="btn"><button type="submit">{$lang->cmd_save}</button></span>
<span class="button black strong"><button type="submit">{$lang->cmd_save}</button></span>
</form>
<iframe name="hidden_iframe" style="width:0;height:0;border:0"></iframe>

6
modules/layout/tpl/mindex.html
View file

@ -33,13 +33,13 @@
<td>{zdate($val->regdate,"Y-m-d")}</td>
<td>
<!--@if(!$val->module_srl)-->
<a href="{getUrl('act','dispLayoutAdminModify','layout_srl',$val->layout_srl)}" title="{htmlspecialchars($lang->cmd_layout_management)}">{$lang->cmd_layout_management}</a>
<a href="{getUrl('act','dispLayoutAdminModify','layout_srl',$val->layout_srl)}" title="{htmlspecialchars($lang->cmd_layout_management)}" class="buttonSet buttonSetting"><span>{$lang->cmd_layout_management}</span></a>
<!--@else-->
&nbsp;
<!--@end-->
</td>
<td><a href="{getUrl('act','dispLayoutAdminEdit','layout_srl',$val->layout_srl)}" title="{htmlspecialchars($lang->cmd_layout_edit)}">{$lang->cmd_layout_edit}</a></td>
<td><button type="button" onclick="doDeleteLayout('{$val->layout_srl}');return false;" title="{htmlspecialchars($lang->cmd_delete)}" class="text">{$lang->cmd_delete}</button></td>
<td><a href="{getUrl('act','dispLayoutAdminEdit','layout_srl',$val->layout_srl)}" title="{htmlspecialchars($lang->cmd_layout_edit)}" class="buttonSet buttonLayoutEditor"><span>{$lang->cmd_layout_edit}</span></a></td>
<td><a href="#" onclick="doDeleteLayout('{$val->layout_srl}');return false;" title="{htmlspecialchars($lang->cmd_delete)}" class="buttonSet buttonDelete"><span>{$lang->cmd_delete}</span></a></td>
</tr>
<!--@end-->
</tbody>

2
modules/member/tpl/denied_id_list.html
View file

@ -26,7 +26,7 @@
<td>{$val->user_id}</td>
<td>{$val->description}&nbsp;</td>
<td>{zdate($val->regdate,"Y-m-d")}</td>
<td><button type="button" onclick="doUpdateDeniedID('{$val->user_id}','delete','{$lang->confirm_delete}');return false;" title="{$lang->cmd_delete}" class="text">{$lang->cmd_delete}</button></td>
<td><a href="#" onclick="doUpdateDeniedID('{$val->user_id}','delete','{$lang->confirm_delete}');return false;" title="{$lang->cmd_delete}" class="buttonSet buttonDelete"><span>{$lang->cmd_delete}</span></a></td>
</tr>
<!--@end-->
</tbody>

4
modules/member/tpl/group_update_form.html
View file

@ -33,8 +33,8 @@
<td >
<div id="filebox_preview_image_mark" style="width:100px;height:100px;<!--@if(!$selected_group->image_mark)-->display:none<!--@endif-->"></div>
<input type="hidden" name="image_mark" value="{$selected_group->image_mark}" />
<span class="btn"><button type="button" onclick="XE.filebox.open(jQuery('[name=image_mark]').get(0), 'jpg,jpeg,gif,png')">{$lang->cmd_select}</button></span>
<span id="filebox_cancel_image_mark" class="btn"<!--@if(!$selected_group->image_mark)--> style="display:none" <!--@endif-->><button type="button" onclick="XE.filebox.cancel('image_mark')">{$lang->cmd_delete}</button></span>
<span class="button black"><button type="button" onclick="XE.filebox.open(jQuery('[name=image_mark]').get(0), 'jpg,jpeg,gif,png')">{$lang->cmd_select}</button></span>
<span id="filebox_cancel_image_mark" class="button red"<!--@if(!$selected_group->image_mark)--> style="display:none" <!--@endif-->><button type="button" onclick="XE.filebox.cancel('image_mark')">{$lang->cmd_delete}</button></span>
<script type="text/javascript">//<![CDATA[
XE.filebox.init('image_mark');
//]]></script>

12
modules/menu/tpl/css/menu.css Normal file
View file

@ -0,0 +1,12 @@
@charset "utf-8";
body { margin:10px; }
h3 { margin:0 20px 0 20px; }
.menuListZone { table-layout:fixed; }
.menuListZone td { vertical-align:top; }
.menuListZone td.category_zone { padding-right:10px; }
#category_list { padding:.5em 0 .5em 0; margin-bottom:2em; width:250px; overflow:hidden; float:left; position:absolute; left:10px;}
#menu_zone_info { width:560px; position:absolute; margin:0 auto; left:0; right:0; z-index:9999;}

6
modules/menu/tpl/menu_item_info.html
View file

@ -5,7 +5,7 @@
<input type="hidden" name="active_btn" value="{$item_info->active_btn}" />
<div class="layer" style="display:block;">
<h3 class="h3">{$lang->menu}</h3>
<button type="button" onclick="hideCategoryInfo()" >{$lang->cmd_close}</button>
<button type="button" onclick="hideCategoryInfo();return false" >{$lang->cmd_close}</button>
<div class="layerBody">
<div class="table">
<table width="100%" border="1" cellspacing="0">
@ -20,13 +20,13 @@
<th scope="row">{$lang->menu_name}</th>
<td>
<input type="text" name="menu_name" id="menu_name" value="{$item_info->name}" />
<a href="{getUrl('','module','module','act','dispModuleAdminLangcode','target','menu_name')}" onclick="popopen(this.href);return false;">{$lang->cmd_find_langcode}</a> </td>
<a href="{getUrl('','module','module','act','dispModuleAdminLangcode','target','menu_name')}" onclick="popopen(this.href);return false;" class="buttonSet buttonSetting"><span>{$lang->cmd_find_langcode}</span></a> </td>
</tr>
<tr>
<th scope="row">{$lang->menu_url}</th>
<td>
<input type="text" name="menu_url" value="{$item_info->url}" />
<a href="{getUrl('module','menu','act','dispMenuAdminMidList')}" onclick="popopen(this.href);return false;">{$lang->cmd_search_mid}</a>
<a href="{getUrl('module','menu','act','dispMenuAdminMidList')}" onclick="popopen(this.href);return false;" class="button black"><span>{$lang->cmd_search_mid}</span> </a>
<p>{$lang->about_menu_url}</p>
</td>
</tr>

2
modules/message/m.skins/default/message.css
View file

@ -31,7 +31,7 @@ input[type=radio]{width:13px;height:13px;margin:0;padding:0}
/* Body */
.bd{background:#f8f8f8;padding:1px 0}
.co{margin:10px;line-height:1.4;font-size:14px;color:#333}
.co:after{content:"";display:block;clear:both;zoom:1}
.co:after{content:"";display:block;clear:both;*zoom:1}
/* Form Field */
.ff{margin:0;padding:0}
.ff ul{margin:0;padding:0;list-style:none}

2
modules/message/m.skins/default/system_message.html
View file

@ -44,7 +44,7 @@
<ul>
<li><label for="openid">Open ID</label><input type="text" name="openid" id="openid" value="" /></li>
</ul>
<div class="btnArea">
<div class="buttonArea">
<input type="submit" value="{$lang->cmd_login}" class="bn dark" />
</div>
<ul class="hp">

18
modules/message/skins/default/message.css
View file

@ -14,15 +14,15 @@
#loginAccess #warning{display:none;margin:0 0 20px 0}
#loginAccess #warning.open{display:block}
#loginAccess #warning p{margin:0}
#loginAccess .btnArea{position:relative;margin:0 28px;padding:0;color:#767676;zoom:1}
#loginAccess .btnArea .keeping{position:relative;margin:0 0 20px 0;height:32px;line-height:32px}
#loginAccess #gLogin .btnArea .btnAccount{position:absolute;top:0;right:0}
#loginAccess .btnAccount,
#loginAccess .btnAccount a,
#loginAccess .btnAccount input{position:relative;display:inline-block;margin:0;padding:0;overflow:visible;height:32px;line-height:32px;font-size:12px;font-weight:bold;color:#fff;vertical-align:middle;cursor:pointer;border:0;text-decoration:none !important;background:transparent url(./images/buttonAction.gif) no-repeat}
#loginAccess .btnAccount{margin:0 4px 0 0;background-position:left top}
#loginAccess .btnAccount a,
#loginAccess .btnAccount input{left:4px;background-position:right top;vertical-align:top;padding:0 24px 0 36px}
#loginAccess .buttonArea{position:relative;margin:0 28px;padding:0;color:#767676;*zoom:1}
#loginAccess .buttonArea .keeping{position:relative;margin:0 0 20px 0;height:32px;line-height:32px}
#loginAccess #gLogin .buttonArea .buttonAccount{position:absolute;top:0;right:0}
#loginAccess .buttonAccount,
#loginAccess .buttonAccount a,
#loginAccess .buttonAccount input{position:relative;display:inline-block;margin:0;padding:0;overflow:visible;height:32px;line-height:32px;font-size:12px;font-weight:bold;color:#fff;vertical-align:middle;cursor:pointer;border:0;text-decoration:none !important;background:transparent url(./images/buttonAction.gif) no-repeat}
#loginAccess .buttonAccount{margin:0 4px 0 0;background-position:left top}
#loginAccess .buttonAccount a,
#loginAccess .buttonAccount input{left:4px;background-position:right top;vertical-align:top;padding:0 24px 0 36px}
#loginAccess .help{position:relative;padding:15px 0;background:#fafafa;border-top:1px solid #d9d9d9;text-align:center;border-radius:0 0 5px 5px}
#loginAccess .help li{display:inline;border-left:1px solid #c3c3c3;padding:0 0 0 10px;margin:0 6px 0 0;line-height:1}
#loginAccess .help li.first{border:0;padding:0}

8
modules/message/skins/default/system_message.html
View file

@ -17,7 +17,7 @@
<li><input type="text" name="user_id" id="uid" value="" class="iText" title="{$lang->user_id}" /></li>
<li><input type="password" name="password" id="upw" value="" class="iText" title="{$lang->password}" /></li>
</ul>
<div class="btnArea">
<div class="buttonArea">
<p class="keeping">
<input type="checkbox" name="keep_signed" id="keepid" class="inputCheck" value="Y" onclick="jQuery('#warning')[(jQuery('#keepid:checked').size()>0?'addClass':'removeClass')]('open');" />
<label for="keepid">{$lang->keep_signed}</label>
@ -25,7 +25,7 @@
<div id="warning" class="">
<p>{$lang->about_keep_warning}</p>
</div>
<span class="btnAccount"><input type="submit" value="{$lang->cmd_login}" /></span>
<span class="buttonAccount"><input type="submit" value="{$lang->cmd_login}" /></span>
</div>
</fieldset>
</form>
@ -35,9 +35,9 @@
</ul>
</div>
<div class="logOut" cond="$is_logged && $module == 'admin'">
<span class="btnAccount"><a href="{getUrl('act','dispMemberLogout','module','')}">{$lang->cmd_logout}</a></span>
<span class="buttonAccount"><a href="{getUrl('act','dispMemberLogout','module','')}">{$lang->cmd_logout}</a></span>
</div>
<div class="logOut" cond="!$is_logged && $module != 'admin'">
<span class="btnAccount"><a href="{getUrl('act','dispMemberLoginForm','module','', 'mid', '')}">{$lang->cmd_login}...</a></span>
<span class="buttonAccount"><a href="{getUrl('act','dispMemberLoginForm','module','', 'mid', '')}">{$lang->cmd_login}...</a></span>
</div>
</div>

10
modules/module/tpl/module_selector.html
View file

@ -13,8 +13,7 @@
<tr>
<th>{$lang->virtual_site}</th>
<td>
<input type="text" name="site_keyword" value="{$site_keyword}" />
<input type="submit" value="{$lang->cmd_search}" />
<input type="text" name="site_keyword" value="{$site_keyword}" /> <span class="button blue"><input type="submit" value="{$lang->cmd_search}" /></span>
<p>{$lang->about_search_virtual_site}</p>
</td>
</tr>
@ -26,8 +25,7 @@
<!--@foreach($mid_list as $key=>$val)-->
<option value="{$key}" <!--@if($selected_module == $key)-->selected="selected"<!--@end-->>{$val->title}</option>
<!--@end-->
</select>
<input type="submit" value="{$lang->cmd_search}" />
</select><span class="button blue"><input type="submit" value="{$lang->cmd_search}" /></span>
</td>
</tr>
</tbody>
@ -54,7 +52,7 @@
{@ $browser_title = str_replace("'", "\\'", htmlspecialchars($v->browser_title)); }
<td>{$k}</td>
<td>{$v->browser_title}</td>
<td><button type="button" class="text" onclick="insertModule('{$id}', {$v->module_srl}, '{$k}', '{$browser_title}',{$type=='single'?'false':'true'})">{$type=='single'?$lang->cmd_select:$lang->cmd_insert}</button></td>
<td><a href="#" onclick="insertModule('{$id}', {$v->module_srl}, '{$k}', '{$browser_title}',{$type=='single'?'false':'true'}); return false;" class="button green"><span>{$type=='single'?$lang->cmd_select:$lang->cmd_insert}</span></a></td>
<!--@if($_idx <count($val))--></tr><!--@end-->
{@ $_idx ++; }
<!--@end-->
@ -66,7 +64,7 @@
<tr>
<td>{$k}</td>
<td>{$v->browser_title}</td>
<td><button type="button" onclick="insertModule('{$id}', {$v->module_srl}, '{$k}', '{str_replace("'","\\'",$v->browser_title)}',{$type=='single'?'false':'true'})">{$type=='single'?$lang->cmd_select:$lang->cmd_insert}</button></td>
<td><a href="#" onclick="insertModule('{$id}', {$v->module_srl}, '{$k}', '{str_replace("'","\\'",$v->browser_title)}',{$type=='single'?'false':'true'}); return false;" class="button green"><span>{$type=='single'?$lang->cmd_select:$lang->cmd_insert}</span></a></td>
</tr>
<!--@end-->
<!--@end-->

4
modules/module/tpl/skin_config.html
View file

@ -85,11 +85,11 @@
<td >
<!--@if($val->type=="text")-->
<input type="text" name="{$val->name}" value="{$val->value}" id="target{$val->name}" />
<a href="{getUrl('','module','module','act','dispModuleAdminLangcode','target','target'.$val->name)}" onclick="popopen(this.href);return false">{$lang->cmd_find_langcode}</a>
<a href="{getUrl('','module','module','act','dispModuleAdminLangcode','target','target'.$val->name)}" onclick="popopen(this.href);return false;" class="buttonSet buttonSetting"><span>{$lang->cmd_find_langcode}</span></a>
<!--@elseif($val->type=="textarea")-->
<textarea name="{$val->name}" id="target{$val->name}" rows="8" cols="42">{$val->value}</textarea>
<a href="{getUrl('','module','module','act','dispModuleAdminLangcode','target','target'.$val->name)}" onclick="popopen(this.href);return false">{$lang->cmd_find_langcode}</a>
<a href="{getUrl('','module','module','act','dispModuleAdminLangcode','target','target'.$val->name)}" onclick="popopen(this.href);return false;" class="buttonSet buttonSetting"><span>{$lang->cmd_find_langcode}</span></a>
<!--@elseif($val->type=="select")-->
<select name="{$val->name}">

6
modules/page/m.skins/default/mobile.html
View file

@ -3,10 +3,10 @@
<div class="tag">{$lang->tag} : <block cond="is_array($oDocument->get('tag_list'))">{implode(',', $oDocument->get('tag_list'))}</block></div>
<!--@if($grant->manager)-->
<!--%import("./js/page_admin.js")-->
<div class="btnArea">
<div class="tRight clear">
<!--@if($logged_info->is_admin=='Y')-->
<a href="{getUrl('act','dispPageAdminInfo','module_srl',$module_info->module_srl)}">{$lang->cmd_setup}...</a>
<a href="{getUrl('act','dispPageAdminInfo','module_srl',$module_info->module_srl)}" class="button green"><span>{$lang->cmd_setup}...</span></a>
<!--@end-->
<a href="{getUrl('act','dispPageAdminContentModify','document_srl','')}">{$lang->cmd_page_modify}...</a>
<a href="{getUrl('act','dispPageAdminContentModify','document_srl','')}" class="button red"><span>{$lang->cmd_page_modify}...</span></a>
</div>
<!--@end-->

2
modules/page/page.mobile.php
View file

@ -65,7 +65,7 @@ class pageMobile extends pageView {
preg_match_all('!(<img)([^\>]*)(widget=)([^\>]*?)(\>)!is', $this->module_info->content, $matches);
$page_content = '';
for($i=0,$c=count($matches[0]);$i<$c;$i++) {
$page_content .= preg_replace('/ style\=\"([^\"]+)\" /i',$matches[0][$i])."\n\n";
$page_content .= preg_replace('/ style\=\"([^\"]+)\" /i',' style="overflow:hidden;clear:both;margin:0 0 20px 0; _margin-right:10px;" ',$matches[0][$i])."\n\n";
}
}
return $page_content;

6
modules/page/tpl/css/mpage.css Normal file
View file

@ -0,0 +1,6 @@
/* Mobile XE */
body{margin:0;background:#fff;color:#000;word-wrap:break-word}
body,input,textarea,select,button,table{font-family:Tahoma, Geneva, sans-serif}
img{border:0}
em{font-style:normal}
.bd{position:relative;overflow:hidden;clear:both}

9
modules/page/tpl/css/page.css Normal file
View file

@ -0,0 +1,9 @@
@charset "utf-8";
h3 { margin:0 10px 0 10px; }
.adminLayer { margin-top:30px; background-color:#eee; border:1px solid #888;}
.buttonBox { border:2px solid #EEEEEE; padding:5px; overflow:hidden; *zoom:1;}
.buttonBox .fr { height:28px; }
.buttonBox .fl { height:28px; }
.buttonBox .buttonDiv { margin:2px 0; padding:0; border-top:1px solid EEEEEE; clear:both; }

10
modules/page/tpl/index.html
View file

@ -11,8 +11,8 @@
<fieldset>
{$lang->mid} <input type="text" name="s_mid" value="{htmlspecialchars($s_mid)}" />
{$lang->browser_title} <input type="text" name="s_browser_title" value="{htmlspecialchars($s_browser_title)}" />
<span class="btn"><input type="submit" value="{$lang->cmd_search}" /></span>
<span class="btn"><a href="{getUrl('s_mid','','s_browser_title','','page','')}">{$lang->cmd_cancel}</a></span>
<span class="button blue"><input type="submit" value="{$lang->cmd_search}" /></span>
<a href="{getUrl('s_mid','','s_browser_title','','page','')}" class="button black"><span>{$lang->cmd_cancel}</span></a>
</fieldset>
</form>
@ -81,10 +81,10 @@
<!-- 버튼 -->
<div class="btnArea">
<div class="etc">
<span class="btn"><a href="{getUrl('','module','module','act','dispModuleAdminModuleSetup')}" onclick="doCartSetup(this.href); return false;">{$lang->cmd_setup}</a></span>
<span class="btn"><a href="{getUrl('','module','module','act','dispModuleAdminModuleGrantSetup')}" onclick="doCartSetup(this.href); return false;">{$lang->cmd_manage_grant}</a></span>
<a href="{getUrl('','module','module','act','dispModuleAdminModuleSetup')}" onclick="doCartSetup(this.href); return false;" class="button green"><span>{$lang->cmd_setup}</span></a>
<a href="{getUrl('','module','module','act','dispModuleAdminModuleGrantSetup')}" onclick="doCartSetup(this.href); return false;" class="button blue"><span>{$lang->cmd_manage_grant}</span></a>
</div>
<a href="{getUrl('act','dispPageAdminInsert','module_srl','')}" class="btn"><span>{$lang->cmd_make}</span></a>
<a href="{getUrl('act','dispPageAdminInsert','module_srl','')}" class="button black strong"><span>{$lang->cmd_make}</span></a>
</div>
</form>

1
modules/page/tpl/mobile.html
View file

@ -1,3 +1,4 @@
<load target="css/mpage.css" usecdn="true" />
<div class="bd">
{$page_content}
</div>

26
modules/page/tpl/page_content_modify.html
View file

@ -1,8 +1,10 @@
<!--%import("filter/insert_page_content.xml")-->
<load target="js/page_admin.js" usecdn="true" />
<load target="css/page.css" usecdn="true" />
<load target="../../widget/tpl/js/widget.js" usecdn="true" />
<load target="../../widget/tpl/css/widget.css" usecdn="true" />
<div id="wgArea">{$page_content}</div>
<div id="zonePageContent">{$page_content}</div>
<form action="./" method="post" id="pageFo" onsubmit="return doSubmitPageContent(this);">
<input type="hidden" name="mid" value="{$module_info->mid}" />
<input type="hidden" name="module" value="page" />
@ -26,22 +28,22 @@
</div>
</form>
<div id="wgBtnArea" class="wgBtnArea">
<button type="button" class="wgStyle" title="Style"></button>
<button type="button" class="wgSetup" title="Setup"></button>
<button type="button" class="wgCopy" title="Copy"></button>
<button type="button" class="wgSize" title="Size"></button>
<button type="button" class="wgRemove" title="Remove"></button>
<div id="widgetButton" class="widgetButtons">
<div class="widgetStyle"></div>
<div class="widgetSetup"></div>
<div class="widgetCopy"></div>
<div class="widgetSize"></div>
<div class="widgetRemove"></div>
</div>
<div id="wgBoxBtnArea" class="wgBtnArea">
<button type="button" class="wgStyle" title="Style"></button>
<button type="button" class="wgBoxSize" title="Size"></button>
<button type="button" class="wgBoxRemove" title="Remove"></button>
<div id="widgetBoxButton" class="widgetButtons">
<div class="widgetStyle"></div>
<div class="widgetBoxSize"></div>
<div class="widgetBoxRemove"></div>
</div>
<script type="text/javascript">
var confirm_delete_msg = "{$lang->confirm_delete}";
xAddEventListener(window,"load",function() { doStartPageModify('wgArea', '{$module_info->module_srl}'); jQuery('div.admin').css('background-color','transparent');});
xAddEventListener(window,"load",function() { doStartPageModify('zonePageContent', '{$module_info->module_srl}'); jQuery('div.admin').css('background-color','transparent');});
</script>
<!--#include("../../widget/tpl/widget_layer.html")-->

2
modules/page/tpl/page_insert.html
View file

@ -57,7 +57,7 @@
<th scope="row">{$lang->browser_title}</th>
<td class="text">
<input type="text" name="browser_title" value="{$module_info->browser_title}" id="browser_title"/>
<a href="{getUrl('','module','module','act','dispModuleAdminLangcode','target','browser_title')}" onclick="popopen(this.href);return false;">{$lang->cmd_find_langcode}</a>
<a href="{getUrl('','module','module','act','dispModuleAdminLangcode','target','browser_title')}" onclick="popopen(this.href);return false;" class="buttonSet buttonSetting"><span>{$lang->cmd_find_langcode}</span></a>
<p>{$lang->about_browser_title}</p>
</td>
</tr>

72
modules/page/tpl/page_mobile_content_modify.html
View file

@ -1,48 +1,52 @@
<!--%import("filter/insert_mpage_content.xml")-->
<load target="js/page_admin.js" usecdn="true" />
<load target="css/page.css" usecdn="true" />
<load target="../../widget/tpl/js/widget.js" usecdn="true" />
<load target="../../widget/tpl/css/widget.css" usecdn="true" />
<div id="wgArea">{$page_content}</div>
<form action="./" method="post" id="pageFo" onsubmit="return doSubmitMPageContent(this);">
<input type="hidden" name="mid" value="{$module_info->mid}" />
<input type="hidden" name="module" value="page" />
<input type="hidden" name="act" value="dispPageAdminContentModify" />
<input type="hidden" name="module_srl" value="{$module_info->module_srl}" />
<input type="hidden" name="content" value="{htmlspecialchars($content)}" />
<input type="hidden" name="type" value="mobile" />
<div id="zonePageContent">{$page_content}</div>
<div class="adminLayer">
<form action="./" method="post" id="pageFo" onsubmit="return doSubmitMPageContent(this);">
<input type="hidden" name="mid" value="{$module_info->mid}" />
<input type="hidden" name="module" value="page" />
<input type="hidden" name="act" value="dispPageAdminContentModify" />
<input type="hidden" name="module_srl" value="{$module_info->module_srl}" />
<input type="hidden" name="content" value="{htmlspecialchars($content)}" />
<input type="hidden" name="type" value="mobile" />
<div class="btnArea">
<div class="etc">
<span class="btn"><input type="button" value="{$lang->cmd_box_widget_insert}" onclick="doAddWidgetBox(); return false;" /></span>
<span class="btn"><input type="button" value="{$lang->cmd_content_insert}" onclick="doAddContent('{$module_info->mid}'); return false;" /></span>
<select name="widget_list">
<!--@foreach($widget_list as $widget)-->
<option value="{$widget->widget}" <!--@if($widget->widget=='content')-->selected="selected"<!--@end-->>{$widget->title}</option>
<!--@end-->
</select>
<span class="btn"><input type="button" value="{$lang->cmd_insert}" onclick="doAddWidget(this.form); return false;"/></span>
</div>
<span class="btn"><input type="submit" value="{$lang->cmd_save}"/></span>
<span class="btn"><input type="button" value="{$lang->cmd_remove_all_widgets}" onclick="removeAllWidget();return false;"/></span>
</form>
<div id="wgBtnArea" class="wgBtnArea">
<button type="button" class="wgStyle" title="Style"></button>
<button type="button" class="wgSetup" title="Setup"></button>
<button type="button" class="wgCopy" title="Copy"></button>
<button type="button" class="wgSize" title="Size"></button>
<button type="button" class="wgRemove" title="Remove"></button>
<div class="btnArea">
<div class="etc">
<span class="btn"><input type="button" value="{$lang->cmd_box_widget_insert}" onclick="doAddWidgetBox(); return false;" /></span>
<span class="btn"><input type="button" value="{$lang->cmd_content_insert}" onclick="doAddContent('{$module_info->mid}'); return false;" /></span>
<select name="widget_list">
<!--@foreach($widget_list as $widget)-->
<option value="{$widget->widget}" <!--@if($widget->widget=='content')-->selected="selected"<!--@end-->>{$widget->title}</option>
<!--@end-->
</select>
<span class="btn"><input type="button" value="{$lang->cmd_insert}" onclick="doAddWidget(this.form); return false;"/></span>
</div>
<span class="btn"><input type="submit" value="{$lang->cmd_save}"/></span>
<span class="btn"><input type="button" value="{$lang->cmd_remove_all_widgets}" onclick="removeAllWidget();return false;"/></span>
</form>
</div>
<div id="wgBoxBtnArea" class="wgBtnArea">
<button type="button" class="wgStyle" title="Style"></button>
<button type="button" class="wgBoxSize" title="Size"></button>
<button type="button" class="wgBoxRemove" title="Remove"></button>
<div id="widgetButton" class="widgetButtons">
<div class="widgetStyle"></div>
<div class="widgetSetup"></div>
<div class="widgetCopy"></div>
<div class="widgetSize"></div>
<div class="widgetRemove"></div>
</div>
<div id="widgetBoxButton" class="widgetButtons">
<div class="widgetStyle"></div>
<div class="widgetBoxSize"></div>
<div class="widgetBoxRemove"></div>
</div>
<script type="text/javascript">
var confirm_delete_msg = "{$lang->confirm_delete}";
xAddEventListener(window,"load",function() { doStartPageModify('wgArea', '{$module_info->module_srl}'); jQuery('div.admin').css('background-color','transparent');});
xAddEventListener(window,"load",function() { doStartPageModify('zonePageContent', '{$module_info->module_srl}'); jQuery('div.admin').css('background-color','transparent');});
</script>
<!--#include("../../widget/tpl/widget_layer.html")-->

2
modules/session/tpl/index.html
View file

@ -4,5 +4,5 @@
<div class="infoText">{nl2br($lang->about_session)}</div>
<form action="./" method="post" onsubmit="return false;">
<div class="fr"><span class="btn"><input type="button" value="{$lang->cmd_clear_session}" onclick="doClearSession(); return false; "/></span></div>
<div class="fr"><span class="button black strong"><input type="button" value="{$lang->cmd_clear_session}" onclick="doClearSession(); return false; "/></span></div>
</form>

1
modules/widget/tpl/add_content_widget.html
View file

@ -10,6 +10,7 @@
<input type="hidden" name="mid" value="{$module_info->mid}" />
<input type="hidden" name="module_srl" value="{$module_srl}" />
<input type="hidden" name="document_srl" value="{$document_srl}" />
<input type="hidden" name="style" value="float:left;padding:none;margin:none;width:100%;" />
<input type="hidden" name="widget_padding_left" value="" />
<input type="hidden" name="widget_padding_right" value="" />
<input type="hidden" name="widget_padding_top" value="" />

75
modules/widget/tpl/css/widget.css
View file

@ -5,41 +5,46 @@
#colorset_area{margin-top:.5em}
#colorset_area .header{float:left;margin-right:.5em;padding-top:.2em}
#colorset_area .footer{float:left}
#zonePageContent{overflow:hidden;width:100%;padding:none !important;margin:none !important}
.pageAddContent{width:700px}
.wgWrap{display:inline-block;*display:inline;zoom:1;vertical-align:top;cursor:move;z-index:99;position:relative}
.wgWrap .wgRight,
.wgWrap .wgBoxRight{border:0;background:transparent url("../images/btn_resize.gif") no-repeat left bottom;width:12px;height:12px;position:absolute;bottom:1px;right:1px;cursor:pointer;z-index:99}
.wgWrap .wgBorder,
.wgWrap .wgBoxBorder{border:1px dotted #ccc;margin:0 0 -1px -1px;height:100%}
.wgBtnArea{z-index:99;overflow:hidden;zoom:1;padding:3px;position:absolute;visibility:hidden;background-color:#D2E9C7;left:0;top:0}
.wgBtnArea button{border:0;margin:0;padding:0;width:14px;height:14px;cursor:pointer;z-index:99;background-color:transparent;background-repeat:no-repeat;background-position:1px 1px}
.wgBtnArea .wgStyle{background-image:url("../images/widgetstyle_setup.gif")}
.wgBtnArea .wgSetup{background-image:url("../images/widget_setup.gif")}
.wgBtnArea .wgCopy{background-image:url("../images/widget_copy.gif")}
.wgBtnArea .wgSize{background-image:url("../images/widget_size.gif")}
.wgBtnArea .wgRemove{background-image:url("../images/widget_remove.gif")}
.wgBtnArea .wgBoxCopy{background-image:url("../images/widget_copy.gif")}
.wgBtnArea .wgBoxSize{background-image:url("../images/widget_size.gif")}
.wgBtnArea .wgBoxRemove{background-image:url("../images/widget_remove.gif")}
#wgCSS{width:500px;overflow:hidden;border:1px solid #888;background:#fff;z-index:99;position:absolute}
#wgCSS table{border:0;width:100%;table-layout:fixed}
#wgCSS table th{padding:4px 0 4px 0;background-color:#DEDEDE;text-align:center;color:#888}
#wgCSS table th.line{border-top:1px dotted #eee}
#wgCSS table td{padding:4px 10px 4px 10px;background-color:#EFEFEF}
#wgCSS table td div{margin-bottom:5px}
#wgCSS table td.line{border-top:1px dotted #999}
#wgCSS table td.btnBox{background-color:#fff;white-space:nowrap;overflow:hidden;vertical-align:top;text-align:center;border-top:1px solid #888;color:#ddd}
#wgCSS .input{background:#fff;border:1px solid #aaa;padding:1px;font:8pt verdana;width:60px}
#wgCSS .full_input{background:#fff;border:1px solid #aaa;padding:1px;font:8pt verdana;width:90%}
#wgCSS .small_input{background:#fff;border:1px solid #aaa;padding:1px;font:8pt verdana;width:20px}
#wgCSS .color_input{background:#fff;border:1px solid #aaa;padding:1px;font:8pt verdana;width:44px}
#wgCSS .submit{width:90%;border:1px solid #DEDEDE;background-color:#fff}
.widgetOutput{float:left;cursor:move;z-index:998;overflow:hidden;position:relative;width:100%}
.widgetOutput .widgetBorder{border:1px dashed #ccc;z-index:999}
.widgetOutput .widgetBoxBorder{border:1px dashed #ccc;z-index:999}
.widgetOutput .widgetResize {border:0;background:transparent url("../images/btn_resize.gif") no-repeat left bottom;width:12px;height:12px;position:absolute;bottom:1px;right:1px;cursor:pointer;z-index:1000}
.widgetOutput .widgetResizeLeft {border:0;background:transparent url("../images/btn_resize_left.gif") no-repeat left bottom;width:12px;height:12px;position:absolute;bottom:0;left:1px;cursor:pointer;z-index:1000}
.widgetOutput .widgetBoxResize {border:0;background:transparent url("../images/btn_resize.gif") no-repeat left bottom;width:12px;height:12px;position:absolute;bottom:1px;right:1px;cursor:pointer;z-index:1000}
.widgetOutput .widgetBoxResizeLeft{border:0;background:transparent url("../images/btn_resize_left.gif") no-repeat left bottom;width:12px;height:12px;position:absolute;bottom:0;left:1px;cursor:pointer;z-index:1000}
.widgetButtons{z-index:9999;overflow:hidden;*zoom:1;float:left;padding:3px;position:absolute;visibility:hidden}
#widgetButton{background-color:#C7DBE9;left:0;top:0}
#widgetBoxButton{background-color:#D2E9C7;right:0;top:0}
.widgetButtons div{float:left}
.widgetButtons .widgetStyle{background:transparent url("../images/widgetstyle_setup.gif") no-repeat 1px 1px;width:14px;height:14px; cursor:pointer;z-index:1000}
.widgetButtons .widgetSetup{background:transparent url("../images/widget_setup.gif") no-repeat 1px 1px;width:14px;height:14px; cursor:pointer;z-index:1000}
.widgetButtons .widgetCopy{background:transparent url("../images/widget_copy.gif") no-repeat 1px 1px;width:14px;height:14px; cursor:pointer;z-index:1000}
.widgetButtons .widgetSize{background:transparent url("../images/widget_size.gif") no-repeat 1px 1px;width:14px;height:14px; cursor:pointer;z-index:1000}
.widgetButtons .widgetRemove{background:transparent url("../images/widget_remove.gif") no-repeat 1px 1px;width:14px;height:14px; cursor:pointer;z-index:1000}
.widgetButtons .widgetBoxCopy{background:transparent url("../images/widget_copy.gif") no-repeat 1px 1px;width:14px;height:14px;cursor:pointer;z-index:1000}
.widgetButtons .widgetBoxSize{background:transparent url("../images/widget_size.gif") no-repeat 1px 1px;width:14px;height:14px;cursor:pointer;z-index:1000}
.widgetButtons .widgetBoxRemove{background:transparent url("../images/widget_remove.gif") no-repeat 1px 1px;width:14px;height:14px;cursor:pointer;z-index:1000}
#pageSizeLayer{width:500px;overflow:hidden;border:1px solid #888;background:#fff;z-index:2000;position:absolute}
#pageSizeLayer table{border:0;width:100%;table-layout:fixed}
#pageSizeLayer table th{padding:4px 0 4px 0;background-color:#DEDEDE;text-align:center;color:#888}
#pageSizeLayer table th.line {border-top:1px dotted #eee}
#pageSizeLayer table td{padding:4px 10px 4px 10px;background-color:#EFEFEF}
#pageSizeLayer table td div{margin-bottom:5px}
#pageSizeLayer table td.line {border-top:1px dotted #999}
#pageSizeLayer table td.buttonBox{background-color:#fff;white-space:nowrap;overflow:hidden;vertical-align:top;text-align:center;border-top:1px solid #888;color:#ddd}
#pageSizeLayer .input{background:#fff;border:1px solid #aaa;padding:1px;font:8pt verdana;width:60px}
#pageSizeLayer .full_input{background:#fff;border:1px solid #aaa;padding:1px;font:8pt verdana;width:90%}
#pageSizeLayer .small_input{background:#fff;border:1px solid #aaa;padding:1px;font:8pt verdana;width:20px}
#pageSizeLayer .color_input{background:#fff;border:1px solid #aaa;padding:1px;font:8pt verdana;width:44px}
#pageSizeLayer .submit{width:90%;border:1px solid #DEDEDE;background-color:#fff}
.help{padding:5px 0;background-color:#EFEFEF;border-top:1px solid #ccc}
ul.midCommand{float:left;margin:0 0 0 10px;;padding:0;zoom:1}
ul.midCommand{float:left;margin:0 0 0 10px;;padding:0;*zoom:1}
ul.midCommand li{display:block;margin-bottom:5px;list-style:none}
a.wgStyle{display:inline-block;margin:0 10px 10px 0;border:1px solid #fff;overflow:hidden;zoom:1;width:96px;height:96px;position:relative;text-decoration:none}
a.wgStyle:hover{border:1px dashed #ccc}
a.wgStyle:hover span{display:none}
a.wgStyle.selected{border:1px dashed #999}
a.wgStyle img{width:96px;height:96px;margin:1px}
a.wgStyle span{position:absolute;left:0;bottom:0;display:block;width:96px;background-color:#888;color:#fff;padding:4px 3px 3px 3px;opacity:.8;filter:alpha(opacity=80);text-align:center;font-family:tahoma}
a.widgetStyle{display:inline-block;margin:0 10px 10px 0;border:1px solid #fff;overflow:hidden;*zoom:1; width:96px;height:96px;position:relative;text-decoration:none}
a.widgetStyle:hover{border:1px dashed #ccc}
a.widgetStyle:hover span{display:none}
a.widgetStyle.selected{border:1px dashed #999}
a.widgetStyle img {width:96px;height:96px;margin:1px}
a.widgetStyle span{position:absolute;left:0;bottom:0;display:block;width:96px;background-color:#888;color:#fff;padding:4px 3px 3px 3px;opacity:.8;filter:alpha(opacity=80);text-align:center;font-family:tahoma}

264
modules/widget/tpl/js/widget.js
View file

@ -17,6 +17,14 @@ function getStyle(obj) {
return style;
}
// float: 값을 구하는게 IE랑 그외가 다름
function getFloat(obj) {
return jQuery(obj).css('float');
}
function setFloat(obj, fl) {
jQuery(obj).css('float', fl);
}
// padding값을 구하는 함수 (없을 경우 0으로 세팅), zbxe의 위젯에서만 사용
function getPadding(obj, direct) {
var padding = obj.getAttribute("widget_padding_"+direct);
@ -33,13 +41,17 @@ function doStartPageModify(zoneID, module_srl) {
zoneModuleSrl = module_srl;
// 위젯 크기/여백 조절 레이어를 가장 밖으로 뺌
jQuery('#wgCSS')
jQuery('#tmpPageSizeLayer')
.attr('id', 'pageSizeLayer')
.css({position:'absolute',left:0,top:0})
.hide()
.appendTo('body')
.find('>form')
.submit(function(){ doApplyWidgetSize(this); return false; });
// 모든 위젯들의 크기를 정해진 크기로 맞춤
doFitBorderSize();
// 드래그와 리사이즈와 관련된 이벤트 리스너 생성
xAddEventListener(document,"click",doCheckWidget);
xAddEventListener(document,"mousedown",doCheckWidgetDrag);
@ -50,7 +62,7 @@ function doStartPageModify(zoneID, module_srl) {
// 내용 모두 삭제
function removeAllWidget() {
if(!confirm(confirm_delete_msg)) return;
restoreWgBtn();
restoreWidgetButtons();
jQuery(zonePageObj).html('');
}
@ -62,7 +74,7 @@ function getWidgetContent(obj) {
if(typeof(obj)=='undefined' || !obj) obj = zonePageObj;
var widget = null;
jQuery('div.wgWrap',obj).each(function(){
jQuery('div.widgetOutput',obj).each(function(){
if(jQuery(this).parent().get(0) != obj) return;
widget = jQuery(this).attr('widget');
switch(widget) {
@ -201,6 +213,9 @@ function doSyncPageContent() {
}
if(typeof(editorStart)!='undefined') editorStart(1, "module_srl", "content", false, 400 );
//editor_upload_start(1);
//setFixedPopupSize();
}
// 부모창에 위젯을 추가
@ -237,19 +252,20 @@ function addContentWidget(fo_obj) {
if(!ret_obj || ret_obj.error != '0') return;
var document_srl = ret_obj.document_srl;
var contentWidget = opener.jQuery('div.wgWrap[widget=widgetContent][document_srl='+document_srl+']'), attr = [];
var contentWidget = opener.jQuery('div.widgetOutput[widget=widgetContent][document_srl='+document_srl+']'), attr = [];
if(contentWidget.size() > 0) {
attr = contentWidget.get(0).attributes;
}
var tpl = ''+
'<div class="wgWrap" style="width:100px;height:100px;'+fo_obj.style.value+'" widget_padding_left="'+fo_obj.widget_padding_left.value+'" widget_padding_right="'+fo_obj.widget_padding_right.value+'" widget_padding_top="'+fo_obj.widget_padding_top.value+'" widget_padding_bottom="'+fo_obj.widget_padding_bottom.value+'" document_srl="'+document_srl+'" widget="widgetContent">'+
'<button type="button" class="wgRight"></button>'+
'<div class="wgBorder">'+
'<div class="widgetOutput" style="'+fo_obj.style.value+'" widget_padding_left="'+fo_obj.widget_padding_left.value+'" widget_padding_right="'+fo_obj.widget_padding_right.value+'" widget_padding_top="'+fo_obj.widget_padding_top.value+'" widget_padding_bottom="'+fo_obj.widget_padding_bottom.value+'" document_srl="'+document_srl+'" widget="widgetContent">'+
'<button type="button" class="widgetResize"></button>'+
'<button type="button" class="widgetResizeLeft"></button>'+
'<div class="widgetBorder">'+
'<div style="padding:'+fo_obj.widget_padding_top.value+'px '+fo_obj.widget_padding_right.value+'px'+fo_obj.widget_padding_bottom.value+'px'+fo_obj.widget_padding_left.value+'px"></div>'+content+
'</div>'+
'<div class="widgetContent" style="display:none"></div>'+
'<div class="widgetContent" style="display:none;width:1px;height:1px;overflow:hidden;"></div>'+
'</div>';
var $tpl = jQuery(tpl);
@ -270,13 +286,15 @@ function addContentWidget(fo_obj) {
/* 박스 위젯 추가 */
function doAddWidgetBox() {
var tpl = ''+
'<div class="wgWrap" widget="widgetBox" style="width:100px;height:100px">'+
'<button type="button" class="wgBoxRight"></button>'+
'<div class="wgBoxBorder">'+
'<div class="nullWidget"></div>'+
'<div class="widgetOutput" style="float:left;width:100%;height:20px;" widget="widgetBox" >'+
'<button type="button" class="widgetBoxResize"></button>'+
'<button type="button" class="widgetBoxResizeLeft"></button>'+
'<div class="widgetBoxBorder">'+
'<div class="nullWidget" style="width:100%;height:100px;"></div>'+
'</div>'+
'</div>';
zonePageObj.innerHTML += tpl;
doFitBorderSize();
}
@ -291,6 +309,26 @@ function doAddWidget(fo) {
popopen(url,'GenerateWidgetCode');
}
// widgetBorder에 height를 widgetOutput와 맞춰줌
function doFitBorderSize() {
var obj_list = jQuery('.widgetBorer', zonePageObj).get();
for(var i=0;i<obj_list.length;i++) {
var obj = obj_list[i];
var height = xHeight(obj.parentNode);
if(height<3) height = 20;
xHeight(obj, height);
obj.parentNode.style.clear = '';
}
var obj_list = jQuery('.widgetBoxBorder', zonePageObj).get();
for(var i=0;i<obj_list.length;i++) {
var obj = obj_list[i];
xHeight(obj, xHeight(obj.parentNode));
obj.parentNode.style.clear = '';
}
}
var selectedWidget = null;
var writedText = null;
var checkDocumentWrite = false;
@ -319,7 +357,7 @@ window.document.write = window.document.writeln = function(str){
// 위젯 추가
function doAddWidgetCode(widget_code) {
restoreWgBtn();
restoreWidgetButtons();
// css 추가
var tmp = widget_code;
@ -387,11 +425,24 @@ function doAddWidgetCode(widget_code) {
selectedWidget.parentNode.insertBefore(obj, selectedWidget);
selectedWidget.parentNode.removeChild(selectedWidget);
} else {
get_by_id('wgArea').appendChild(obj);
get_by_id('zonePageContent').appendChild(obj);
}
checkDocumentWrite = false;
selectedWidget = null;
/*
//zoneObj.style.visibility = 'hidden';
zoneObj.style.opacity = 0.2;
zoneObj.style.filter = "alpha(opacity=20)";
// 위젯 추가후 페이지 리로딩
var tpl = getWidgetContent();
var fo_obj = get_by_id('pageFo');
fo_obj.content.value = tpl;
fo_obj.mid.value = current_mid;
fo_obj.submit();
*/
}
// 클릭 이벤트시 위젯의 수정/제거/이벤트 무효화 처리
@ -403,13 +454,13 @@ function doCheckWidget(e) {
var pObj = obj.parentNode;
while(pObj) {
if(pObj.id == "wgCSS") return;
if(pObj.id == "pageSizeLayer") return;
pObj = pObj.parentNode;
}
doHideWidgetSizeSetup();
// 위젯 설정
if(obj.className == 'wgSetup') {
if(obj.className == 'widgetSetup') {
var p_obj = obj.parentNode.parentNode;
var widget = p_obj.getAttribute("widget");
if(!widget) return;
@ -419,7 +470,7 @@ function doCheckWidget(e) {
return;
// 위젯 스타일
} else if(obj.className == 'wgStyle') {
} else if(obj.className == 'widgetStyle') {
var p_obj = obj.parentNode.parentNode;
var widget = p_obj.getAttribute("widget");
var widgetstyle = p_obj.getAttribute("widgetstyle");
@ -429,9 +480,9 @@ function doCheckWidget(e) {
return;
// 위젯 복사
} else if(obj.className == 'wgCopy' && obj.parentNode.parentNode.className == 'wgWrap') {
} else if(obj.className == 'widgetCopy' && obj.parentNode.parentNode.className == 'widgetOutput') {
p_obj = obj.parentNode.parentNode;
restoreWgBtn();
restoreWidgetButtons();
if(p_obj.getAttribute('widget')=='widgetContent' && p_obj.getAttribute('document_srl') ) {
var response_tags = new Array('error','message','document_srl');
@ -444,7 +495,7 @@ function doCheckWidget(e) {
xInnerHtml(dummy,xInnerHtml(p_obj));
dummy.widget_sequence = '';
dummy.className = "wgWrap";
dummy.className = "widgetOutput";
for(var i=0;i<p_obj.attributes.length;i++) {
if(!p_obj.attributes[i].nodeName || !p_obj.attributes[i].nodeValue) continue;
var name = p_obj.attributes[i].nodeName.toLowerCase();
@ -463,7 +514,7 @@ function doCheckWidget(e) {
return;
// 위젯 사이트/ 여백 조절
} else if(obj.className == 'wgSize' || obj.className == 'wgBoxSize') {
} else if(obj.className == 'widgetSize' || obj.className == 'widgetBoxSize') {
var p_obj = obj.parentNode.parentNode;
var widget = p_obj.getAttribute("widget");
if(!widget) return;
@ -472,11 +523,11 @@ function doCheckWidget(e) {
return;
// 위젯 제거
} else if(obj.className == 'wgRemove' || obj.className == 'wgBoxRemove') {
} else if(obj.className == 'widgetRemove' || obj.className == 'widgetBoxRemove') {
var p_obj = obj.parentNode.parentNode;
var widget = p_obj.getAttribute("widget");
if(confirm(confirm_delete_msg)) {
restoreWgBtn();
restoreWidgetButtons();
p_obj.parentNode.removeChild(p_obj);
}
return;
@ -485,7 +536,7 @@ function doCheckWidget(e) {
// 내용 클릭 무효화
var p_obj = obj;
while(p_obj) {
if(p_obj.className == 'wgWrap') {
if(p_obj.className == 'widgetOutput') {
evt.cancelBubble = true;
evt.returnValue = false;
xPreventDefault(e);
@ -504,7 +555,7 @@ function completeCopyWidgetContent(ret_obj, response_tags, params, p_obj) {
dummy.widget_sequence = '';
dummy.className = "wgWrap";
dummy.className = "widgetOutput";
for(var i=0;i<p_obj.attributes.length;i++) {
if(!p_obj.attributes[i].nodeName || !p_obj.attributes[i].nodeValue) continue;
var name = p_obj.attributes[i].nodeName.toLowerCase();
@ -524,7 +575,7 @@ function completeCopyWidgetContent(ret_obj, response_tags, params, p_obj) {
// content widget 제거
function completeDeleteWidgetContent(ret_obj, response_tags, params, p_obj) {
restoreWgBtn();
restoreWidgetButtons();
p_obj.parentNode.removeChild(p_obj);
}
@ -534,15 +585,15 @@ function doCheckWidgetDrag(e) {
var evt = new xEvent(e); if(!evt.target) return;
var obj = evt.target;
if(jQuery(obj).parents('#wgCSS').size() > 0) return;
if(jQuery(obj).parents('#pageSizeLayer').size() > 0) return;
doHideWidgetSizeSetup();
if(obj.className == 'wgSetup' || obj.className == 'wgStyle' || obj.className == 'wgCopy' || obj.className == 'wgBoxCopy' || obj.className == 'wgSize' || obj.className == 'wgBoxSize' || obj.className == 'wgRemove' || obj.className == 'wgBoxRemove') return;
if(obj.className == 'widgetSetup' || obj.className == 'widgetStyle' || obj.className == 'widgetCopy' || obj.className == 'widgetBoxCopy' || obj.className == 'widgetSize' || obj.className == 'widgetBoxSize' || obj.className == 'widgetRemove' || obj.className == 'widgetBoxRemove') return;
p_obj = obj;
while(p_obj) {
if(p_obj.className == 'wgWrap' || p_obj.className == 'wgRight' || p_obj.className == 'wgBoxRight') {
if(p_obj.className == 'widgetOutput' || p_obj.className == 'widgetResize' || p_obj.className == 'widgetResizeLeft' || p_obj.className == 'widgetBoxResize' || p_obj.className == 'widgetBoxResizeLeft') {
widgetDragEnable(p_obj, widgetDragStart, widgetDrag, widgetDragEnd);
widgetMouseDown(e);
return;
@ -560,7 +611,7 @@ function _getInt(val) {
// 위젯 크기 조절 레이어를 보여줌
var selectedSizeWidget = null;
function doShowWidgetSizeSetup(px, py, obj) {
var layer = jQuery('#wgCSS');
var layer = jQuery('#pageSizeLayer');
var form = layer.find('>form:first');
var obj = jQuery(obj);
@ -569,6 +620,8 @@ function doShowWidgetSizeSetup(px, py, obj) {
selectedSizeWidget = obj[0];
var opts = {
widget_align : obj.css('float'),
width : obj[0].style.width,
height : obj[0].style.height,
@ -639,7 +692,10 @@ function doShowWidgetSizeSetup(px, py, obj) {
}
function doHideWidgetSizeSetup() {
jQuery('#wgCSS').hide();
jQuery('#pageSizeLayer').hide();
//var layer = get_by_id("pageSizeLayer");
//layer.style.visibility = "hidden";
//layer.style.display = "none";
}
function _getSize(value) {
@ -676,6 +732,9 @@ function _getBGColorStyle(fld_color) {
function doApplyWidgetSize(fo_obj) {
if(selectedSizeWidget) {
if(fo_obj.widget_align.selectedIndex == 1) setFloat(selectedSizeWidget, 'right');
else setFloat(selectedSizeWidget, 'left');
var width = _getSize(fo_obj.width.value);
if(width) selectedSizeWidget.style.width = width;
@ -683,9 +742,9 @@ function doApplyWidgetSize(fo_obj) {
if(height && height != "100%") selectedSizeWidget.style.height = height;
else {
selectedSizeWidget.style.height = '';
var wgBorder = xGetElementsByClassName('wgBorder',selectedSizeWidget);
for(var i=0;i<wgBorder.length;i++) {
var obj = wgBorder[i];
var widgetBorder = xGetElementsByClassName('widgetBorder',selectedSizeWidget);
for(var i=0;i<widgetBorder.length;i++) {
var obj = widgetBorder[i];
obj.style.height = '';
}
}
@ -718,7 +777,7 @@ function doApplyWidgetSize(fo_obj) {
var borderObj = selectedSizeWidget.firstChild;
while(borderObj) {
if(borderObj.nodeName == "DIV" && (borderObj.className == "wgBorder" || borderObj.className == "wgBoxBorder")) {
if(borderObj.nodeName == "DIV" && (borderObj.className == "widgetBorder" || borderObj.className == "widgetBoxBorder")) {
var contentObj = borderObj.firstChild;
while(contentObj) {
if(contentObj.nodeName == "DIV") {
@ -793,15 +852,15 @@ function doApplyWidgetSize(fo_obj) {
}
var hideElements = new Array();
function restoreWgBtn() {
var wgBtnArea = get_by_id('wgBtnArea');
var wgBoxBtnArea = get_by_id('wgBoxBtnArea');
if(!wgBtnArea || !wgBoxBtnArea) return;
function restoreWidgetButtons() {
var widgetButton = get_by_id('widgetButton');
var boxWidgetButton = get_by_id('widgetBoxButton');
if(!widgetButton || !boxWidgetButton) return;
wgBtnArea.style.visibility = 'hidden';
get_by_id("wgArea").parentNode.appendChild(wgBtnArea);
wgBoxBtnArea.style.visibility = 'hidden';
get_by_id("wgArea").parentNode.appendChild(wgBoxBtnArea);
widgetButton.style.visibility = 'hidden';
get_by_id("zonePageContent").parentNode.appendChild(widgetButton);
boxWidgetButton.style.visibility = 'hidden';
get_by_id("zonePageContent").parentNode.appendChild(boxWidgetButton);
for(var i=0;i<hideElements.length;i++) {
var obj = hideElements[0];
@ -810,39 +869,57 @@ function restoreWgBtn() {
hideElements = new Array();
}
function showWgBtn(name, obj) {
var wgBtnArea = get_by_id(name);
if(!wgBtnArea) return;
wgBtnArea.style.visibility = 'visible';
obj.insertBefore(wgBtnArea, obj.firstChild);
function showWidgetButton(name, obj) {
var widgetButton = get_by_id(name);
if(!widgetButton) return;
widgetButton.style.visibility = 'visible';
obj.insertBefore(widgetButton, obj.firstChild);
/*
var cobj = obj.firstChild;
while(cobj) {
cobj = cobj.nextSibling;
}
obj.appendChild(widgetButton);
*/
}
function widgetSetup(evt) {
var e = new xEvent(evt);
var obj = e.target;
var o = jQuery(obj).parents('.wgWrap');
if(jQuery(obj).is('.widgetButtons') || jQuery(obj).parents('.widgetButtons').size() > 0) return;
if(jQuery(obj).is('.buttonBox') || jQuery(obj).parents('.buttonBox').size() > 0) return;
var o = jQuery(obj).parents('.widgetOutput');
if(o.size() == 0){
restoreWgBtn();
restoreWidgetButtons();
return;
}
/*
if(!obj || typeof(obj.className)=='undefined' || obj.className != 'widgetOutput') {
restoreWidgetButtons();
return;
}
*/
obj = o.get(0);
var widget = o.attr('widget');
if(!widget) return;
if(widget == 'widgetBox') {
restoreWgBtn();
showWgBtn('wgBoxBtnArea', obj);
restoreWidgetButtons();
showWidgetButton('widgetBoxButton', obj);
} else {
restoreWgBtn();
showWgBtn('wgBtnArea', obj);
restoreWidgetButtons();
showWidgetButton('widgetButton', obj);
var p_obj = obj.parentNode;
if(p_obj) {
while(p_obj) {
if(p_obj.nodeName == 'DIV' && p_obj.getAttribute('widget')=='widgetBox') {
showWgBtn('wgBoxBtnArea', p_obj);
showWidgetButton('widgetBoxButton', p_obj);
break;
}
p_obj = p_obj.parentNode;
@ -908,7 +985,7 @@ function widgetDragEnable(obj, funcDragStart, funcDrag, funcDragEnd) {
// 드래그를 시작할때 호출되는 함수 (이동되는 형태를 보여주기 위한 작업을 함)
function widgetDragStart(tobj, px, py) {
if(tobj.className == 'wgRight' || tobj.className == 'wgBoxRight') return;
if(tobj.className == 'widgetResize' || tobj.className == 'widgetResizeLeft' || tobj.className == 'widgetBoxResize' || tobj.className == 'widgetBoxResizeLeft') return;
var obj = widgetGetTmpObject(tobj);
xInnerHtml(obj, xInnerHtml(tobj));
@ -938,11 +1015,16 @@ function widgetDrag(tobj, dx, dy) {
var pWidth = xWidth(tobj.parentNode);
var cssFloat = getFloat(tobj.parentNode);
if(!cssFloat) cssFloat = 'left';
// 위젯 리사이즈 (우측)
if(tobj.className == 'wgRight' || tobj.className == 'wgBoxRight') {
if(tobj.className == 'widgetResize' || tobj.className == 'widgetBoxResize') {
if(nx < sx+minWidth) nx = sx+minWidth;
if(nx > zoneRight) nx = zoneRight;
if(cssFloat == 'right') nx = sx + pWidth;
var new_width = nx - sx;
if(new_width < minWidth) new_width = minWidth;
@ -958,6 +1040,27 @@ function widgetDrag(tobj, dx, dy) {
xWidth(tobj.parentNode, new_width);
xHeight(tobj.parentNode, new_height);
// 위젯 리사이즈 (좌측)
} else if(tobj.className == 'widgetResizeLeft' || tobj.className == 'widgetBoxResizeLeft') {
if(nx < zoneLeft) nx = zoneLeft;
if(cssFloat == 'left') nx = sx;
var new_width = pWidth + (sx - nx);
if(new_width < minWidth) new_width = minWidth;
var new_height = ny - sy;
if(new_height < minHeight) new_height = minHeight;
// 위젯의 크기 조절
xWidth(tobj.nextSibling, new_width);
xHeight(tobj.nextSibling, new_height);
xWidth(tobj.parentNode, new_width);
xHeight(tobj.parentNode, new_height);
// 위젯 드래그
} else {
var obj = widgetGetTmpObject(tobj);
@ -967,7 +1070,7 @@ function widgetDrag(tobj, dx, dy) {
// 박스 안에 있을 경우에는 박스내의 위젯하고 자리를 바꾸고 그 외의 경우에는 박스를 빠져 나간다
if(tobj.parentNode != zonePageObj) {
// 박스내에 있는 위젯들을 구함
var widgetList = xGetElementsByClassName("wgWrap",tobj.parentNode);
var widgetList = xGetElementsByClassName("widgetOutput",tobj.parentNode);
for(var i=0;i<widgetList.length;i++) {
var target_obj = widgetList[i];
@ -990,6 +1093,7 @@ function widgetDrag(tobj, dx, dy) {
if(next1) next1.parentNode.insertBefore(tobj, next1);
if(next2) next2.parentNode.insertBefore(target_obj, next2);
doFitBorderSize();
widgetList = null;
return;
}
@ -1003,7 +1107,11 @@ function widgetDrag(tobj, dx, dy) {
var ll = parseInt(l,10) + parseInt(xWidth(p_tobj),10);
var tt = parseInt(t,10) + parseInt(xHeight(p_tobj),10);
if( (tobj.xDPX < l || tobj.xDPX > ll) || (tobj.xDPY < t || tobj.xDPY > tt) ) {
zonePageObj.insertBefore(tobj, jQuery(tobj).parents('div.wgWrap[widget=widgetBox]').get(0));
// zonePageObj.insertBefore(tobj, tobj.parentNode.parentNode.parentNode);
zonePageObj.insertBefore(tobj, jQuery(tobj).parents('div.widgetOutput[widget=widgetBox]').get(0));
doFitBorderSize();
return;
}
@ -1041,6 +1149,8 @@ function widgetDrag(tobj, dx, dy) {
// 이동을 멈춤
widgetManualEnd();
doFitBorderSize();
boxList = null;
return;
}
@ -1050,7 +1160,7 @@ function widgetDrag(tobj, dx, dy) {
}
// 다른 위젯들을 구해서 자리를 바꿈
var widgetList = xGetElementsByClassName("wgWrap",zonePageObj);
var widgetList = xGetElementsByClassName("widgetOutput",zonePageObj);
for(var i=0;i<widgetList.length;i++) {
var target_obj = widgetList[i];
var widget = target_obj.getAttribute("widget");
@ -1075,6 +1185,7 @@ function widgetDrag(tobj, dx, dy) {
if(next1) next1.parentNode.insertBefore(tobj, next1);
if(next2) next2.parentNode.insertBefore(target_obj, next2);
doFitBorderSize();
widgetList = null;
return;
}
@ -1099,6 +1210,33 @@ function widgetDisapearObject(obj, tobj) {
obj.parentNode.removeChild(obj);
widgetTmpObject[tobj.id] = null;
return;
/*
var it = 5;
var ib = 1;
var x = parseInt(xPageX(obj),10);
var y = parseInt(xPageY(obj),10);
var ldt = (x - parseInt(xPageX(tobj),10)) / ib;
var tdt = (y - parseInt(xPageY(tobj),10)) / ib;
return setInterval(function() {
if(ib < 1) {
clearInterval(widgetDisapear);
xInnerHtml(tobj,xInnerHtml(obj));
xInnerHtml(obj,'');
xDisplay(obj, 'none');
obj.parentNode.removeChild(obj);
widgetTmpObject[tobj.id] = null;
return;
}
ib -= 5;
x-=ldt;
y-=tdt;
xLeft(obj, x);
xTop(obj, y);
}, it/ib);
*/
}
// 마우스다운 이벤트 발생시 호출됨
@ -1164,6 +1302,8 @@ function widgetDragDisable(id) {
obj.dragStart = null;
obj.drag = null;
obj.dragEnd = null;
//obj.style.backgroundColor = obj.getAttribute('source_color');
xRemoveEventListener(obj, 'mousedown', widgetMouseDown, false);
return;
@ -1183,4 +1323,4 @@ function widgetManualEnd() {
widgetDragManager.obj = null;
widgetDragManager.isDrag = false;
}
}

Some files were not shown because too many files have changed in this diff Show more