ZB 1.1.0 Front-end Refactoring. ing.

git-svn-id: http://xe-core.googlecode.com/svn/sandbox@4783 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
ChanMyeong 2008-11-06 18:03:15 +00:00
parent 0c6422b669
commit 7eefe43491
39 changed files with 1755 additions and 1531 deletions

View file

@ -12,7 +12,6 @@ IE7 & IE6 & Below
*/
/* default.css - Type Selector Definition */
body { font-size:.75em; }
img { border:none; }
label { cursor:pointer; }
form { margin:0; padding:0; }
@ -83,8 +82,6 @@ a.bold { font-weight:bold; }
.folder_closer { display: none; }
.folder_area { display: none; }
.xe_content { line-height:1.6; }
.zbxe_widget_output { background:url(../tpl/images/widget_text.gif) no-repeat center bottom; display:block;}
/* xe layer */

View file

@ -11,7 +11,7 @@ Jeong, Chan Myeong 070601~070630
#lnb ul { margin:0; padding:0; }
/* Site Layout - Body Wrap */
body { background:#444 url(../images/black/bgBody.gif) repeat-x;}
body { background:#000;}
#bodyWrap { position:relative; width:980px; margin:0 auto; padding:1.5em 0 0 0;}
/* Site Layout - Header */

View file

@ -25,28 +25,28 @@
{@ $val->value = $oDocument->getExtraValue($key)}
<!--@if($val->type == 'text')-->
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value)}" class="inputTypeText w400" />
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value)}" class="inputText" />
<!--@elseif($val->type == 'homepage')-->
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value)}" class="inputTypeText w400" />
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value)}" class="inputText" />
<!--@elseif($val->type == 'email_address')-->
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value)}" class="inputTypeText w400" />
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value)}" class="inputText" />
<!--@elseif($val->type == 'tel')-->
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value[0])}" size="4" class="inputTypeText" />
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value[1])}" size="4" class="inputTypeText" />
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value[2])}" size="4" class="inputTypeText" />
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value[0])}" size="4" class="inputNum" />
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value[1])}" size="4" class="inputNum" />
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value[2])}" size="4" class="inputNum" />
<!--// textarea -->
<!--@elseif($val->type == 'textarea')-->
<textarea name="{$val->column_name}" class="inputTypeTextArea w400">{htmlspecialchars($val->value)}</textarea>
<textarea name="{$val->column_name}" rows="5" cols="20">{htmlspecialchars($val->value)}</textarea>
<!--@elseif($val->type == 'checkbox')-->
<!--@if($val->default)-->
<ul>
<!--@foreach($val->default as $v)-->
<li><input type="checkbox" name="{$val->column_name}" value="{$v}" <!--@if($v==$val->value||is_array($val->value)&&in_array($v, $val->value))-->checked="checked"<!--@end-->/> {$v}</li>
<li><input type="checkbox" name="{$val->column_name}" value="{$v}" <!--@if($v==$val->value||is_array($val->value)&&in_array($v, $val->value))-->checked="checked"<!--@end--> class="inputCheck" /> {$v}</li>
<!--@end-->
</ul>
<!--@end-->

View file

@ -6,9 +6,11 @@
<!--%import("css/board.css")-->
<!--%import("css/pagination.css")-->
<!--%import("css/tag.css")-->
<!--@if($module_info->colorset == "black")--> <!--%import("css/black.css")-->
<!--@else--> <!--%import("css/white.css")-->
<!--@if($module_info->colorset == "black")-->
<!--%import("css/black.css")-->
<!--@else-->
<!--%import("css/white.css")-->
<!--@end-->
<!--@if(!$module_info->duration_new = (int)$module_info->duration_new)-->
@ -65,9 +67,6 @@
<!--@if($grant->is_admin && $module_info->display_setup_button != 'N')-->
<li class="setup"><a href="{getUrl('act','dispBoardAdminBoardInfo')}">{$lang->cmd_setup}</a></li>
<!--@end-->
<!--@if($logged_info->is_admin == 'Y' && $module_info->display_setup_button != 'N')-->
<li class="admin"><a href="{getUrl('','module','admin','act','dispBoardAdminContent')}" onclick="window.open(this.href); return false;">{$lang->cmd_management}</a></li>
<!--@end-->
<!--@if($module_info->display_login_info != 'N')-->
<li class="myInfo"><a href="{getUrl('act','dispMemberInfo')}">{$lang->cmd_view_member_info}</a></li>
<li class="loginAndLogout"><a href="{getUrl('act','dispMemberLogout')}">{$lang->cmd_logout}</a></li>

View file

@ -30,11 +30,27 @@
<h3 class="commentHeader">{$lang->comment}</h3>
<div class="userNameAndPw">
<div class="editor">{$oComment->getEditor()}</div>
<dl class="editorOption">
<dt>옵션 : </dt>
<!--@if($is_logged)-->
<dd>
<input type="checkbox" name="notify_message" value="Y" <!--@if($oComment->useNotify())-->checked="checked"<!--@end--> id="notify_message" class="inputCheck" />
<label for="notify_message">{$lang->notify}</label>
</dd>
<!--@end-->
<dd>
<input type="checkbox" name="is_secret" value="Y" <!--@if($oComment->isSecret())-->checked="checked"<!--@end--> id="is_secret" class="inputCheck" />
<label for="is_secret">{$lang->secret}</label>
</dd>
</dl>
<!--@if(!$is_logged)-->
<div class="userNameAndPw">
<dl>
<dt><label for="userName">{$lang->writer}</label> :</dt>
<dd class="userName"><input type="text" name="nick_name" value="{$oDocument->getNickName()}" class="inputText" id="userName"/></dd>
<dd class="userName"><input type="text" name="nick_name" value="{$oComment->getNickName()}" class="inputText" id="userName"/></dd>
</dl>
<dl>
<dt><label for="userPw">{$lang->password}</label> :</dt>
@ -42,27 +58,18 @@
</dl>
<dl>
<dt><label for="emailAddress">{$lang->email_address}</label> :</dt>
<dd class="emailAddress"><input type="text" name="email_address" value="{htmlspecialchars($oDocument->get('email_address'))}" id="emailAddress" class="inputText"/></dd>
<dd class="emailAddress"><input type="text" name="email_address" value="{htmlspecialchars($oComment->get('email_address'))}" id="emailAddress" class="inputText"/></dd>
</dl>
<dl>
<dt><label for="homePage">{$lang->homepage}</label> :</dt>
<dd class="homePage"><input type="text" name="homepage" value="{htmlspecialchars($oDocument->get('homepage'))}" id="homePage" class="inputText"/></dd>
<dd class="homePage"><input type="text" name="homepage" value="{htmlspecialchars($oComment->get('homepage'))}" id="homePage" class="inputText"/></dd>
</dl>
<!--@else-->
<input type="checkbox" name="notify_message" value="Y" <!--@if($oComment->useNotify())-->checked="checked"<!--@end--> id="notify_message" />
<label for="notify_message">{$lang->notify}</label>
</div>
<!--@end-->
<input type="checkbox" name="is_secret" value="Y" <!--@if($oComment->isSecret())-->checked="checked"<!--@end--> id="is_secret" />
<label for="is_secret">{$lang->secret}</label>
</div>
<div class="editor">{$oComment->getEditor()}</div>
<div class="boardNavigation">
<span class="button"><input type="button" value="{$lang->cmd_back}" onclick="location.href='{getUrl('act','')}'"/></span>
<span class="button"><input type="submit" value="{$lang->cmd_comment_registration}" accesskey="s" /></span>
<span class="button strong red"><input type="submit" value="{$lang->cmd_comment_registration}" accesskey="s" /></span>
</div>
</div>

View file

@ -1,16 +1,23 @@
@charset "utf-8";
/* NHN > UIT Center > Open UI Platform Team > Jeong Chan Myeong(dece24@nhncorp.com) */
/* Zeroboard XE Black Theme */
/* Board Reset */
.board{ background:#444; color:#fff;}
.board{ background:#000; color:#fff;}
.board .inputText,
.board textarea{ border-color:#444;}
.board .inputText,
.board textarea,
.board select{ background:#333; color:#fff;}
.board a{color:#fff;}
/* Board Header */
.boardHeader .boardTitle{ border-bottom-color:#999; background-image:url(../images/common/iconBoardHeading.gif);}
.boardHeader .boardTitleText{ border-bottom-color:#ccc; background-image:url(../images/black/lineVr11.gif);}
.boardHeader .boardTitle{ border-color:#999; background-image:url(../images/common/iconBoardHeading.gif);}
.boardHeader .boardTitleText{ border-color:#ccc; background-image:url(../images/black/lineVr11.gif);}
.boardHeader .boardTitleText a{ color:#fff;}
.boardHeader .boardTitleText em{ color:#ccc;}
.boardHeader .boardDescription{ background:#666; }
.boardHeader .boardDescription{ background:#333; }
/* Board Information */
.boardInformation li{background-image:url(../images/black/lineVr11.gif);}
@ -25,88 +32,104 @@
.boardListForm strong{color:#ff6600;}
/* Board List */
.boardList{ border-top-color:#666; border-bottom-color:#666;}
.boardList{ border-color:#333;}
.boardList .jumpTo button{ background-color:transparent; background-image:url(../images/common/buttonBg2byte.gif);}
.boardList tr.notice{ background:#555;}
.boardList tr.bg1{ background:#494949;}
.boardList tr.bg2{ background:#444;}
.boardList th{ border-bottom-color:#333; border-top-color:#333; color:#fff; background-color:#666; background-image:url(../images/black/bgThDefault.gif);}
.boardList tr.notice{ background:#222;}
.boardList tr.bg1{ background:#000;}
.boardList tr.bg2{ background:#181818;}
.boardList th{ border-color:#000; color:#fff; background-color:#666; background-image:url(../images/black/bgThDefault.gif);}
.boardList th a{ color:#ff6600;}
.boardList td{ border-top-color:#666; color:#fff;}
.boardList td{ border-color:#333; color:#fff;}
.boardList td .category{ color:#fff; background-image:url(../images/black/lineVr11.gif);}
.boardList td.title .replyNum{ color:#ccc;}
.boardList td.title .replyNum sup{ color:#999;}
.boardList td.summary .thumb{ border-color:#999; background:#444;}
.thumbHeader{ border-top-color:#999; border-bottom-color:#999; color:#333; background-color:#666; background-image:url(../images/black/bgThDefault.gif);}
.thumbHeader{ border-color:#999; color:#333; background-color:#666; background-image:url(../images/black/bgThDefault.gif);}
.thumbHeader a{ color:#ff6600;}
.thumbHeader .jumpTo button{ background-color:transparent; background-image:url(../images/common/buttonBg2byte.gif);}
.thumbList{ border-bottom-color:#999;}
.thumbList li .thumb{ background:#444; border-color:#999;}
.thumbList{ border-color:#333;}
.thumbList li .thumb{ background:#222; border-color:#333;}
.thumbList li .thumb a .text{ color:#ccc;}
.thumbList li .thumb a .category{ background:#000; opacity:.6; filter:alpha(opacity=60); color:#fff;}
/* Board Navigation */
/* Search Form */
.boardSearchForm .inputText{ border-color:#999;}
/* Board Read */
.boardReadBody{ border-top-color:#666; border-bottom-color:#666;}
.boardReadHeader{ border-color:#666;}
.boardReadBody{ border-color:#666;}
.boardReadBody .memberSignature{ border-color:#666;}
.boardReadFooter{ color:#999;}
.boardReadFooter a{ color:#999;}
.boardReadFooter dt{ background:#444;}
.boardReadFooter dt{ background:#000;}
.boardReadFooter dd{ background-image:url(../images/black/lineVr11.gif);}
.boardReadFooter .footerRight dl.noBr dt{ background-image:url(../images/black/lineVr11.gif);}
.boardRead .boardNavigation{ border-top-color:#999;}
.boardRead .boardNavigation{ border-color:#666;}
.feedbackList{ color:#ccc;}
.feedbackList .feedbackHeader{ color:#000;}
.feedbackList .feedbackHeader strong{ color:#ff6600;}
.feedbackList .item{ border-top-color:#666;}
.feedbackList .item{ border-color:#666;}
.feedbackList .reply .indent{ border-left-color:#666;}
/* Time */
.time *{ color:#ccc;}
.time dt{ background:#444;}
.time dt{ background:#000;}
.time dd{ background-image:url(../images/black/lineVr11.gif);}
/* Attached File */
.attachedFile *{ color:#999;}
.attachedFile dt{ background:#444;}
.attachedFile dt{ background:#000;}
.attachedFile dd{ background-image:url(../images/black/lineVr11.gif);}
.attachedFile dd a{ color:#999;}
.attachedFile dd a .bubble{ background:#666; border-color:#555;}
.replyForm{ color:#666; background:#f4f4f4;}
.replyForm .title{ color:#000;}
.replyForm textarea{ border-color:#ccc;}
.replyForm .inputText{ border-color:#ccc;}
/* Board Write */
.boardWrite .boardWriteHeader dd .inputText{ border-color:#ccc;}
.boardWrite .tag input{ border-color:#ccc;}
.boardWrite .boardNavigation,
.boardEditor .boardNavigation{ border-top-color:#666;}
.boardEditor .boardNavigation{ border-color:#666;}
/* UserName & Password */
.board .userNameAndPw dd .inputText{ border-color:#ccc;}
.board .userNameAndPw,
.board .editorOption{ border-color:#666; background:#222;}
/* Comment */
.board .boardEditor{ border-color:#888; background:#555;}
.board .commentEditor .commentHeader{border-bottom-color:#666; color:#fff;}
.board .boardEditor{ border-color:#666; background:#333;}
.board .commentEditor .commentHeader{border-color:#666; color:#fff;}
/* Secret Message */
.board .secretMessage dd .inputText{ border-color:#ccc;}
/* Extra Var Table */
.extraVarsList{ border-color:#333;}
.extraVarsList caption{ color:#999;}
.extraVarsList em{ color:#ff6600;}
.extraVarsList th,
.extraVarsList td{ border-color:#333;}
.extraVarsList th{ background:#222;}
.extraVarsList td{ background:#000;}
.extraVarsList td .inputNum{ border-color:#444; background:#333;}
/* Tag Cloud */
.tagCloud{border-color:#666;}
.tagCloud .tagHeader{border-color:#999; color:#fff; background-color:#666; background-image:url(../images/black/bgThDefault.gif);}
.tagCloud .tagHeader strong{ color:#ff6600;}
.tagCloud li.rank1 a{ background:#12d763; color:#fff;}
.tagCloud li.rank2 a{ color:#eee;}
.tagCloud li.rank3 a{ color:#00b4b5;}
.tagCloud li.rank4 a{ color:#ddd;}
.tagCloud li.rank5 a{ color:#ccc;}
/* Layer */
#waitingforserverresponse { border-color:#444; color:#444; background-color:#fff;}
#popup_menu_area{background:#fff; border-color:#eee;}
#popup_menu_area ul{ border-color:#ddd;}
#popup_menu_area li a{ color:#000;}
@ -115,11 +138,11 @@
.pagination.a1 a{ color:#fff;}
.pagination a:hover,
.pagination a:active,
.pagination a:focus{ background-color:#505050 !important; }
.pagination a:focus{ background-color:#222 !important; }
.pagination.a1 a,
.pagination.a1 strong,
.pagination.a2 a,
.pagination.a2 strong{ border-color:#666;}
.pagination.a2 strong{ border-color:#333;}
.pagination.a1 a,
.pagination.a1 strong,
.pagination.a1 a.prev,
@ -131,17 +154,4 @@
.pagination.a2 a.prev,
.pagination.a2 a.prevEnd,
.pagination.a2 a.next,
.pagination.a2 a.nextEnd{ background-color:#444;}
/* Editor */
.editorTypeSelector a span{ color:#000;}
/* Tag Cloud */
.tagCloud .tagHeader{border-top-color:#999; border-bottom-color:#999; color:#fff; background-color:#666; background-image:url(../images/black/bgThDefault.gif);}
.tagCloud li.rank1 a{ background:#12d763; color:#fff;}
.tagCloud li.rank2 a{ color:#eee;}
.tagCloud li.rank3 a{ color:#00b4b5;}
.tagCloud li.rank4 a{ color:#ddd;}
.tagCloud li.rank5 a{ color:#ccc;}
.pagination.a2 a.nextEnd{ background-color:#000;}

View file

@ -1,9 +1,13 @@
@charset "utf-8";
/* NHN > UIT Center > Open UI Platform Team > Jeong Chan Myeong(dece24@nhncorp.com) */
/* Zeroboard XE */
/* Board Reset */
.board{ font-family:NanumGothic, MalgunGothic, AppleGothic, Gulim, Dotum, Tahoma, Sans-serif; line-height:normal; font-size:1.1em;}
.board{ font-family:NanumGothic, "Malgun Gothic", AppleGothic, Gulim, Dotum, Tahoma, Sans-serif; line-height:normal; font-size:.8em;}
.board *{ font-size:1em;}
.board .inputText,
.board textarea{ border:1px solid;}
.board label{ cursor:pointer;}
.board img{ border:0;}
.board a{ text-decoration:none;}
@ -117,22 +121,22 @@
.boardSearchForm fieldset *{ vertical-align:middle;}
.boardSearchForm legend{ position:absolute; width:0; height:0; overflow:hidden; font:0/0 Sans-serif; visibility:hidden;}
.boardSearchForm select{ font-size:12px; height:23px;}
.boardSearchForm .inputText{ border:1px solid; width:140px; height:15px; padding:4px 4px 2px 4px; font-size:12px; *margin:-1px 0;}
.boardSearchForm .inputText{ width:140px; height:15px; padding:4px 4px 2px 4px; font-size:12px; *margin:-1px 0;}
/* Board Read */
.boardRead{}
.boardReadHeader{ margin-bottom:5px; *zoom:1;}
.boardReadHeader{ padding-bottom:5px; margin-bottom:15px; *zoom:1; border-bottom:2px solid;}
.boardReadHeader:after{ content:""; display:block; float:none; clear:both;}
.boardReadHeader *{ margin:0; padding:0;}
.boardReadHeader .title{ float:left; font-size:1.5em;}
.boardReadHeader em{ position:relative; top:5px; float:right; font-style:normal; font-weight:bold; font-size:1em;}
.boardReadHeader a{ font-weight:bold; font-size:1em;}
.boardReadBody{ padding:15px 0; border-top:1px solid; border-bottom:1px solid; line-height:1.5em;}
.boardReadBody{ padding-bottom:15px; border-bottom:1px solid; line-height:1.5em;}
.boardReadBody .document_popup_menu{ margin-top:20px; text-align:right;}
.boardReadBody .document_popup_menu a{ text-decoration:underline;}
.boardReadBody .xe_content{ margin-bottom:15px;}
.boardReadBody .xe_content{ margin-bottom:15px; line-height:1.6em;}
.boardReadBody .memberSignature{ border:1px dotted;}
.boardReadBody .memberSignature .signature{ margin:10px;}
@ -194,42 +198,39 @@
.replyForm fieldset:after{ content:""; display:block; float:none; clear:both;}
.replyForm legend{ position:absolute; width:0; height:0; overflow:hidden; font:0/0 Sans-serif; visibility:hidden;}
.replyForm .title{ font-weight:bold; font-size:1.5em; margin-bottom:10px;}
.replyForm textarea{ position:relative; width:95%; height:150px; border:1px solid; font-size:1em; overflow:auto; padding:10px; margin-bottom:10px;}
.replyForm .inputText{ border:1px solid; padding:2px 4px 4px 4px; width:190px; height:15px; vertical-align:middle; *margin:-1px 0;}
.replyForm textarea{ position:relative; width:95%; height:150px; font-size:1em; overflow:auto; padding:10px; margin-bottom:10px;}
.replyForm .inputText{ padding:2px 4px 4px 4px; width:190px; height:15px; vertical-align:middle; *margin:-1px 0;}
.replyForm dl{ margin-bottom:10px;}
.replyForm dt{ width:80px; float:left; padding-top:6px; font-weight:bold;}
.replyForm dd{ margin-bottom:5px;}
/* Board Write */
.boardWrite{}
.boardWrite *{ margin:0; padding:0;}
.boardWrite li{ list-style:none;}
.boardWrite fieldset{ border:0; position:relative;}
.boardWrite legend{ position:absolute; width:0; height:0; overflow:hidden; font:0/0 Sans-serif; visibility:hidden;}
.boardWrite .boardWriteHeader{ position:relative;}
.boardWrite .boardWriteHeader dl{ margin-bottom:5px;}
.boardWrite .boardWriteHeader dl *{ vertical-align:middle;}
.boardWrite .boardWriteHeader dt{ font-weight:bold; display:inline;}
.boardWrite .boardWriteHeader dd{ display:inline;}
.boardWrite .boardWriteHeader dd select{ font-size:12px; vertical-align:top; height:23px;}
.boardWrite .boardWriteHeader dd .inputText{ border:1px solid; padding:3px 4px; height:15px; margin-bottom:5px; font-size:12px; *margin-top:-1px;}
.boardWrite .boardWriteHeader dd .inputText{ padding:3px 4px; height:15px; margin-bottom:5px; font-size:12px; *margin-top:-1px;}
.boardWrite .boardWriteHeader dl.title dd{ white-space:nowrap;}
.boardWrite .boardWriteHeader dl.title dd .inputText{ width:60%;}
.boardWrite .boardWriteHeader dl.option input{ width:13px; height:13px;}
.boardWrite .boardWriteHeader dl.option dd{ margin-right:5px; white-space:nowrap;}
.boardWrite .tag{ clear:both; margin-bottom:10px; *zoom:1;}
.boardWrite .tag:after{ content:""; display:block; float:none; clear:both;}
.boardWrite .tag input{ float:left; border:1px solid; width:330px; padding:4px 4px 2px 4px; margin-right:10px; font-size:12px;}
.boardWrite .tag .inputText{ float:left; width:330px; padding:4px 4px 2px 4px; margin-right:10px; font-size:12px;}
.boardWrite .tag p{ float:left;}
.boardWrite .boardNavigation,
.boardEditor .boardNavigation{ border-top:1px solid;}
/* UserName & Password */
.board .userNameAndPw{ margin:0;}
.board .userNameAndPw{ margin:0; padding:5px 10px 0 10px; border-top:1px solid;}
.board .userNameAndPw dl{ display:inline; white-space:nowrap;}
.board .userNameAndPw dt{ position:relative; top:-3px; font-weight:bold; display:inline;}
.board .userNameAndPw dd{ margin-right:5px; display:inline;}
@ -238,9 +239,15 @@
.board .userNameAndPw dd.userPw .inputText{ width:80px;}
.board .userNameAndPw dd.emailAddress .inputText{ width:120px;}
.board .userNameAndPw dd.homePage .inputText{ width:120px;}
.board .userNameAndPw dd .inputText{ border:1px solid; padding:3px 4px; height:15px; margin-bottom:5px; font-size:12px; *margin-top:-1px; vertical-align:middle;}
.board .userNameAndPw dd .inputText{ padding:3px 4px; height:15px; margin-bottom:5px; font-size:12px; *margin-top:-1px; vertical-align:middle;}
/* Comment */
.board .editorOption{ padding:8px 10px; border-top:1px solid;}
.board .editorOption *{ vertical-align:middle;}
.board .editorOption dt{ font-weight:bold; display:inline;}
.board .editorOption dd{ margin-right:5px; display:inline;}
.board .editorOption dd select{ font-size:12px;}
.board .editorOption dd .inputCheck{ width:13px; height:13px;}
.board .boardEditor{ border:1px solid; margin-bottom:20px;}
.board .boardEditor .commentEditor{ margin:10px 15px;}
.board .commentEditor .commentHeader{position:relative; border-bottom:1px solid; font-weight:bold; padding-bottom:5px; margin-bottom:10px; font-size:1.5em;}
@ -251,10 +258,40 @@
.board .secretMessage dl{ text-align:center; margin:15px 0;}
.board .secretMessage dt{ font-weight:bold; display:inline;}
.board .secretMessage dd{ margin:0; display:inline;}
.board .secretMessage dd .inputText{ border:1px solid; padding:3px 4px; height:15px; vertical-align:middle; margin-right:5px;}
.board .secretMessage dd .inputText{ padding:3px 4px; height:15px; vertical-align:middle; margin-right:5px;}
/* Extra Var Table */
.extraVarsList{ width:100%; border:0; border-bottom:1px solid; margin-bottom:15px;}
.extraVarsList caption{ text-align:right;}
.extraVarsList em{ font-style:normal; font-weight:normal;}
.extraVarsList th,
.extraVarsList td{ border:0; padding:5px 10px; text-align:left; border-top:1px solid; vertical-align:top;}
.extraVarsList th{ white-space:nowrap;}
.extraVarsList td{ width:100%;}
.extraVarsList td p{ display:inline-block; *display:inline; margin:3px 0;}
.extraVarsList td *{ vertical-align:middle;}
.extraVarsList td li{ display:inline; margin-right:10px;}
.extraVarsList td .inputText{ padding:3px 4px; font-size:12px; width:96%; display:block;}
.extraVarsList td .inputNum{ padding:3px 4px; font-size:12px; width:50px; border:1px solid;}
.extraVarsList td .inputCheck{ width:13px; height:13px; margin-right:5px;}
.extraVarsList td select { font-size:12px;}
.extraVarsList td textarea{ padding:3px 4px; font-size:12px; width:96%; display:block; overflow:auto;}
/* Tag Cloud */
.tagCloud{ padding-bottom:15px; border-bottom:1px solid #ddd;}
.tagCloud *{ margin:0; padding:0;}
.tagCloud .tagHeader{border:0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:7px; color:#333; background:#fff url(../images/white/bgThDefault.gif) repeat-x left bottom; line-height:normal;}
.tagCloud .tagHeader strong{ color:#ff6600;}
.tagCloud ul{ text-align:justify; margin-top:15px;}
.tagCloud li{ display:inline; list-style:none; margin:0 5px;}
.tagCloud li a{ white-space:nowrap;}
.tagCloud li.rank1 a{ font-weight:bold; font-size:2em; background:#12d763; color:#fff;}
.tagCloud li.rank2 a{ font-weight:bold; font-size:1.75em; color:#666;}
.tagCloud li.rank3 a{ font-weight:bold; font-size:1.5em; color:#00b4b5;}
.tagCloud li.rank4 a{ font-size:1.25em; color:#666;}
.tagCloud li.rank5 a{ font-size:1em; color:#666;}
/* Layer */
#waitingforserverresponse { border:2px solid; font-weight:bold; padding: 7px 5px 5px 25px; top:40px; left:40px; position:absolute; z-index:100; visibility:hidden; }
#popup_menu_area{ position:absolute; border:2px solid; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0; padding:0; z-index:100;}
#popup_menu_area *{ margin:0; padding:0; list-style:none; font-size:12px; line-height:normal;}
#popup_menu_area ul{ border:1px solid; -moz-border-radius:3px; -webkit-border-radius:3px; padding:10px;}

View file

@ -1,6 +1,8 @@
@charset "utf-8";
/* NHN > UIT Center > Open UI Platform Team > Jeong Chan Myeong(dece24@nhncorp.com) */
/* Zeroboard XE Pagination */
/* Pagination Reset */
.pagination{ padding:15px 0; margin:0; text-align:center;}
.pagination *{ margin:0; padding:0;}

View file

@ -1,14 +0,0 @@
@charset "utf-8";
/* NHN > UIT Center > Open UI Platform Team > Jeong Chan Myeong(dece24@nhncorp.com) */
.tagCloud *{ margin:0; padding:0;}
.tagCloud .tagHeader{border:0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:7px; white-space:nowrap; color:#333; background:#fff url(../images/white/bgThDefault.gif) repeat-x left bottom; line-height:normal;}
.tagCloud .tagHeader strong{ color:#ff6600;}
.tagCloud ul{ text-align:justify; margin:20px 0;}
.tagCloud li{ display:inline; list-style:none; margin:0 5px;}
.tagCloud li a{ white-space:nowrap;}
.tagCloud li.rank1 a{ font-weight:bold; font-size:2em; background:#12d763; color:#fff;}
.tagCloud li.rank2 a{ font-weight:bold; font-size:1.75em; color:#666;}
.tagCloud li.rank3 a{ font-weight:bold; font-size:1.5em; color:#00b4b5;}
.tagCloud li.rank4 a{ font-size:1.25em; color:#666;}
.tagCloud li.rank5 a{ font-size:1em; color:#666;}

View file

@ -1,13 +1,20 @@
@charset "utf-8";
/* NHN > UIT Center > Open UI Platform Team > Jeong Chan Myeong(dece24@nhncorp.com) */
/* Zeroboard XE White Theme */
/* Board Reset */
.board{ background:#fff; color:#333;}
.board .inputText,
.board textarea{ border-color:#ccc;}
.board .inputText,
.board textarea,
.board select{ background:#fff; color:#333;}
.board a{color:#000;}
/* Board Header */
.boardHeader .boardTitle{ border-bottom-color:#ddd; background-image:url(../images/common/iconBoardHeading.gif);}
.boardHeader .boardTitleText{ border-bottom-color:#666; background-image:url(../images/white/lineVr11.gif);}
.boardHeader .boardTitle{ border-color:#ddd; background-image:url(../images/common/iconBoardHeading.gif);}
.boardHeader .boardTitleText{ border-color:#666; background-image:url(../images/white/lineVr11.gif);}
.boardHeader .boardTitleText a{ color:#000;}
.boardHeader .boardTitleText em{ color:#666;}
.boardHeader .boardDescription{ background:#f8f8f8; }
@ -25,25 +32,25 @@
.boardListForm strong{color:#ff6600;}
/* Board List */
.boardList{ border-top-color:#ddd; border-bottom-color:#ddd;}
.boardList{ border-color:#ddd;}
.boardList .jumpTo button{ background-color:transparent; background-image:url(../images/common/buttonBg2byte.gif);}
.boardList tr.notice{ background:#f8f8f8;}
.boardList tr.bg1{ background:#fff;}
.boardList tr.bg2{ background:#fbfbfb;}
.boardList th{ border-bottom-color:#fff; border-top-color:#fff; color:#333; background-color:#fff; background-image:url(../images/white/bgThDefault.gif);}
.boardList th{ border-color:#fff; color:#333; background-color:#fff; background-image:url(../images/white/bgThDefault.gif);}
.boardList th a{ color:#1978AD;}
.boardList td{ border-top-color:#eee; color:#666;}
.boardList td{ border-color:#eee; color:#666;}
.boardList td .category{ color:#000; background-image:url(../images/white/lineVr11.gif);}
.boardList td.title .replyNum{ color:#ccc;}
.boardList td.title .replyNum sup{ color:#999;}
.boardList td.summary .thumb{ border-color:#ddd; background:#fff;}
.thumbHeader{ border-top-color:#ddd; border-bottom-color:#ddd; color:#333; background-color:#fff; background-image:url(../images/white/bgThDefault.gif);}
.thumbHeader{ border-color:#ddd; color:#333; background-color:#fff; background-image:url(../images/white/bgThDefault.gif);}
.thumbHeader a{ color:#1978AD;}
.thumbHeader .jumpTo button{ background-image:url(../images/common/buttonBg2byte.gif);}
.thumbList{ border-bottom-color:#ddd;}
.thumbList{ border-color:#ddd;}
.thumbList li .thumb{ background:#fff; border-color:#ddd;}
.thumbList li .thumb a .text{ color:#ccc;}
.thumbList li .thumb a .category{ background:#000; opacity:.6; filter:alpha(opacity=60); color:#fff;}
@ -51,10 +58,11 @@
/* Board Navigation */
/* Search Form */
.boardSearchForm .inputText{ border-color:#ccc;}
/* Board Read */
.boardReadBody{ border-top-color:#ddd; border-bottom-color:#ddd;}
.boardReadHeader{ border-color:#ddd;}
.boardReadBody{ border-color:#ddd;}
.boardReadBody .memberSignature{ border-color:#ddd;}
.boardReadFooter{ color:#666;}
@ -63,13 +71,13 @@
.boardReadFooter dd{ background-image:url(../images/white/lineVr11.gif);}
.boardReadFooter .footerRight dl.noBr dt{ background-image:url(../images/white/lineVr11.gif);}
.boardRead .boardNavigation{ border-top-color:#ddd;}
.boardRead .boardNavigation{ border-color:#ddd;}
.feedbackList{ color:#666;}
.feedbackList .feedbackHeader{ color:#000;}
.feedbackList .feedbackHeader strong{ color:#ff6600;}
.feedbackList .item{ border-top-color:#ddd;}
.feedbackList .item{ border-color:#ddd;}
.feedbackList .reply .indent{ border-left-color:#eee;}
/* Time */
@ -86,27 +94,42 @@
.replyForm{ color:#666; background:#f4f4f4;}
.replyForm .title{ color:#000;}
.replyForm textarea{ border-color:#ccc;}
.replyForm .inputText{ border-color:#ccc;}
/* Board Write */
.boardWrite .boardWriteHeader dd .inputText{ border-color:#ccc;}
.boardWrite .tag input{ border-color:#ccc;}
.boardWrite .boardNavigation,
.boardEditor .boardNavigation{ border-top-color:#ddd;}
.boardEditor .boardNavigation{ border-color:#ddd;}
/* UserName & Password */
.board .userNameAndPw dd .inputText{ border-color:#ccc;}
.board .userNameAndPw,
.board .editorOption{ border-color:#ddd; background:#f4f4f4;}
/* Comment */
.board .boardEditor{ border-color:#ddd; background:#f8f8f8;}
.board .commentEditor .commentHeader{border-bottom-color:#ddd; color:#000;}
.board .commentEditor .commentHeader{border-color:#ddd; color:#000;}
/* Secret Message */
.board .secretMessage dd .inputText{ border-color:#ccc;}
/* Extra Var Table */
.extraVarsList{ border-color:#ddd;}
.extraVarsList caption{ color:#999;}
.extraVarsList em{ color:#ff6600;}
.extraVarsList th,
.extraVarsList td{ border-color:#ddd;}
.extraVarsList th{ background:#f4f4f4;}
.extraVarsList td{ background:#fff;}
.extraVarsList td .inputNum{ border-color:#ccc;}
/* Tag Cloud */
.tagCloud{ border-color:#ddd;}
.tagCloud .tagHeader{border-color:#ddd; color:#333; background-color:#fff; background-image:url(../images/white/bgThDefault.gif);}
.tagCloud .tagHeader strong{ color:#ff6600;}
.tagCloud li.rank1 a{ background:#12d763; color:#fff;}
.tagCloud li.rank2 a{ color:#666;}
.tagCloud li.rank3 a{ color:#00b4b5;}
.tagCloud li.rank4 a{ color:#666;}
.tagCloud li.rank5 a{ color:#666;}
/* Layer */
#waitingforserverresponse { border-color:#444; color:#444; background-color:#fff;}
#popup_menu_area{background:#fff; border-color:#eee;}
#popup_menu_area ul{ border-color:#ddd;}
#popup_menu_area li a{ color:#000;}

View file

@ -14,7 +14,7 @@
<input type="hidden" name="comment_srl" value="{$comment_srl}" />
<div class="inputPassword">
<input type="password" name="password" id="cpw" class="inputTypeText" />
<input type="password" name="password" id="cpw" class="inputText" />
<span class="button"><input type="submit" value="{$lang->cmd_input}" accesskey="s" /></span>
<a href="{getUrl('act','')}" class="button"><span>{$lang->cmd_cancel}</span></a>
</div>

View file

@ -1,3 +1,4 @@
<!--@if($oDocument->getCommentCount())-->
<div class="feedbackList" id="trackback">
<h3 class="feedbackHeader">
@ -31,3 +32,4 @@
</div>
</div>
<!--@end-->

View file

@ -21,15 +21,13 @@
</div>
<!--@if($oDocument->isExtraVarsExists() && (!$oDocument->isSecret() || $oDocument->isGranted()) )-->
<table cellspacing="0" summary="" class="extraVarsList">
<col width="150" />
<col />
<table border="1" cellspacing="0" summary="Extra Form" class="extraVarsList">
<!--@foreach($module_info->extra_vars as $key => $val)-->
<!--@if($val->name)-->
<tr>
<th scope="row">{$val->name}</th>
<td>
<!--#include("./extra_var_value.html")-->
<!--#include("./_extra_var_value.html")-->
</td>
</tr>
<!--@end-->
@ -164,8 +162,24 @@
<h3 class="commentHeader">{$lang->comment}</h3>
<div class="userNameAndPw">
<div class="editor">{$oDocument->getCommentEditor()}</div>
<dl class="editorOption">
<dt>옵션 : </dt>
<!--@if($is_logged)-->
<dd>
<input type="checkbox" name="notify_message" value="Y" id="notify_message" />
<label for="notify_message">{$lang->notify}</label>
</dd>
<!--@end-->
<dd>
<input type="checkbox" name="is_secret" value="Y" id="is_secret" />
<label for="is_secret">{$lang->secret}</label>
</dd>
</dl>
<!--@if(!$is_logged)-->
<div class="userNameAndPw">
<dl>
<dt><label for="userName">{$lang->writer}</label> :</dt>
<dd class="userName"><input type="text" name="nick_name" value="{$oDocument->getNickName()}" class="inputText" id="userName"/></dd>
@ -182,18 +196,8 @@
<dt><label for="homePage">{$lang->homepage}</label> :</dt>
<dd class="homePage"><input type="text" name="homepage" value="{htmlspecialchars($oDocument->get('homepage'))}" id="homePage" class="inputText"/></dd>
</dl>
<!--@else-->
<input type="checkbox" name="notify_message" value="Y" id="notify_message" />
<label for="notify_message">{$lang->notify}</label>
<!--@end-->
<input type="checkbox" name="is_secret" value="Y" id="is_secret" />
<label for="is_secret">{$lang->secret}</label>
</div>
<div class="editor">{$oDocument->getCommentEditor()}</div>
<!--@end-->
<div class="boardNavigation">
<span class="button red strong"><input type="submit" value="{$lang->cmd_comment_registration}" accesskey="s" /></span>

View file

@ -8,27 +8,6 @@
<div class="boardWriteHeader">
<!--@if(!$is_logged)-->
<div class="userNameAndPw">
<dl>
<dt><label for="userName">{$lang->writer}</label> :</dt>
<dd class="userName"><input type="text" name="nick_name" value="{$oDocument->getNickName()}" class="inputText" id="userName"/></dd>
</dl>
<dl>
<dt><label for="userPw">{$lang->password}</label> :</dt>
<dd class="userPw"><input type="password" name="password" value="" id="userPw" class="inputText" /></dd>
</dl>
<dl>
<dt><label for="emailAddress">{$lang->email_address}</label> :</dt>
<dd class="emailAddress"><input type="text" name="email_address" value="{htmlspecialchars($oDocument->get('email_address'))}" id="emailAddress" class="inputText"/></dd>
</dl>
<dl>
<dt><label for="homePage">{$lang->homepage}</label> :</dt>
<dd class="homePage"><input type="text" name="homepage" value="{htmlspecialchars($oDocument->get('homepage'))}" id="homePage" class="inputText"/></dd>
</dl>
</div>
<!--@end-->
<dl class="title">
<dt><label class="title">{$lang->title} :</label></dt>
<dd>
@ -46,14 +25,37 @@
</dd>
</dl>
<dl class="option">
</div>
<!--@if($module_info->extra_vars)-->
<table border="1" cellspacing="0" summary="Extra Form" class="extraVarsList">
<caption><em>*</em> : 필수</caption>
<!--@foreach($module_info->extra_vars as $key => $val)-->
<!--@if($val->name)-->
<tr>
<th scope="row">{$val->name} <!--@if($val->is_required=='Y')--><em>*</em><!--@end--></th>
<td><!--#include("./_extra_var_form.html")--></td>
</tr>
<!--@endif-->
<!--@endforeach-->
</table>
<!--@endif-->
<div class="editor">{$oDocument->getEditor()}</div>
<div class="tag">
<input type="text" name="tags" value="{htmlspecialchars($oDocument->get('tags'))}" class="inputText" title="Tag" />
<p>{$lang->about_tag}</p>
</div>
<dl class="editorOption">
<dt>{$lang->cmd_option} : </dt>
<!--@if($grant->manager)-->
{@ $_color = array('555555','222288','226622','2266EE','8866CC','88AA66','EE2222','EE6622','EEAA22','EEEE22') }
<dd><select name="title_color" id="title_color" <!--@if($oDocument->get('title_color'))-->style="background-color:#{$oDocument->get('title_color')};"<!--@end--> onchange="this.style.backgroundColor=this.options[this.selectedIndex].style.backgroundColor;">
<option value="" style="background-color:#FFFFFF;">{$lang->title_color}</option>
<dd><select name="title_color" id="title_color" <!--@if($oDocument->get('title_color'))-->style="color:#{$oDocument->get('title_color')};"<!--@end--> onchange="this.style.color=this.options[this.selectedIndex].style.color;">
<option value="" style="color:#CCCCCC;">{$lang->title_color}</option>
<!--@foreach($_color as $_col)-->
<option value="{$_col}" style="background-color:#{$_col}" <!--@if($oDocument->get('title_color')==$_col)-->selected="selected"<!--@end-->>{$lang->title_color}</option>
<option value="{$_col}" style="color:#{$_col}" <!--@if($oDocument->get('title_color')==$_col)-->selected="selected"<!--@end-->>{$lang->title_color}</option>
<!--@endforeach-->
</select></dd>
<dd>
@ -89,46 +91,30 @@
<!--@end-->
</dl>
<!--@if(!$is_logged)-->
<div class="userNameAndPw">
<dl>
<dt><label for="userName">{$lang->writer}</label> :</dt>
<dd class="userName"><input type="text" name="nick_name" value="{$oDocument->getNickName()}" class="inputText" id="userName" title="필수" /></dd>
</dl>
<dl>
<dt><label for="userPw">{$lang->password}</label> :</dt>
<dd class="userPw"><input type="password" name="password" value="" id="userPw" class="inputText" title="필수" /></dd>
</dl>
<dl>
<dt><label for="emailAddress">{$lang->email_address}</label> :</dt>
<dd class="emailAddress"><input type="text" name="email_address" value="{htmlspecialchars($oDocument->get('email_address'))}" id="emailAddress" class="inputText" /></dd>
</dl>
<dl>
<dt><label for="homePage">{$lang->homepage}</label> :</dt>
<dd class="homePage"><input type="text" name="homepage" value="{htmlspecialchars($oDocument->get('homepage'))}" id="homePage" class="inputText" /></dd>
</dl>
</div>
<!--@if($module_info->extra_vars)-->
<table cellspacing="0" summary="" class="extraVarsList">
<col width="150" />
<col />
<!--@foreach($module_info->extra_vars as $key => $val)-->
<!--@if($val->name)-->
<tr>
<th scope="row">{$val->name} <!--@if($val->is_required=='Y')-->*<!--@end--></th>
<td><!--#include("./extra_var_form.html")--></td>
</tr>
<!--@endif-->
<!--@endforeach-->
</table>
<!--@endif-->
<div class="editor">{$oDocument->getEditor()}</div>
<div class="tag">
<input type="text" name="tags" value="{htmlspecialchars($oDocument->get('tags'))}" class="inputTypeText" title="Tag" />
<p>{$lang->about_tag}</p>
</div>
<!--@end-->
<div class="boardNavigation">
<div class="buttonLeft">
<!--@if($is_logged)-->
<span class="button"><input type="button" value="{$lang->cmd_temp_save}" onclick="doDocumentSave(this); return false;" /></span>
<span class="button"><input type="button" value="{$lang->cmd_load}" onclick="doDocumentLoad(this); return false;" /></span>
<!--@end-->
</div>
<div class="buttonRight">
<span class="button"><input type="button" value="{$lang->cmd_back}" onclick="location.href='{getUrl('act','')}'" /></span>
<span class="button"><input type="button" value="{$lang->cmd_preview}" onclick="doDocumentPreview(this); return false;" /></span>
<span class="button red strong"><input type="submit" value="{$lang->cmd_registration}" accesskey="s" /></span>
</div>
</div>
</form>
<!--#include("_footer.html")-->

View file

@ -52,14 +52,15 @@
$lang->edit->fontsize = 'Size';
$lang->edit->use_paragraph = 'Paragraph Function';
$lang->edit->fontlist = array(
"Gulim",
"Dodum",
"Batang",
"Goongseo",
"times",
"Courier",
"Tahoma",
"Arial",
"'Arial Black'",
"Tahoma",
"Verdana",
"Sans-serif",
"Serif",
"Monospace",
"Cursive",
"Fantasy",
);
$lang->edit->header = "Style";

View file

@ -52,14 +52,15 @@
$lang->edit->fontsize = 'Tamaño';
$lang->edit->use_paragraph = 'Párrafo';
$lang->edit->fontlist = array(
"Gulim",
"Dodum",
"Batang",
"Goongseo",
"times",
"Courier",
"Tahoma",
"Arial",
"'Arial Black'",
"Tahoma",
"Verdana",
"Sans-serif",
"Serif",
"Monospace",
"Cursive",
"Fantasy",
);
$lang->edit->header = "Estilo";

View file

@ -52,14 +52,15 @@
$lang->edit->fontsize = 'Mesure';
$lang->edit->use_paragraph = 'Fonctions sur Paragraphe';
$lang->edit->fontlist = array(
"Gulim",
"Dodum",
"Batang",
"Goongseo",
"times",
"Courier",
"Tahoma",
"Arial",
"'Arial Black'",
"Tahoma",
"Verdana",
"Sans-serif",
"Serif",
"Monospace",
"Cursive",
"Fantasy",
);
$lang->edit->header = "Style";

View file

@ -56,10 +56,15 @@
" P明朝",
"Osaka等幅",
"ヒラギノ角ゴ Pro W3",
"times",
"Courier",
"Tahoma",
"Arial",
"'Arial Black'",
"Tahoma",
"Verdana",
"Sans-serif",
"Serif",
"Monospace",
"Cursive",
"Fantasy",
);
$lang->edit->header = "見出し";

View file

@ -52,14 +52,18 @@
$lang->edit->fontsize = '크기';
$lang->edit->use_paragraph = '문단기능';
$lang->edit->fontlist = array(
"굴림",
"돋움",
"바탕",
"궁서",
"times",
"Courier",
"Tahoma",
"Dotum",
"Gulim",
"Batang",
"Arial",
"'Arial Black'",
"Tahoma",
"Verdana",
"Sans-serif",
"Serif",
"Monospace",
"Cursive",
"Fantasy",
);
$lang->edit->header = "형식";

View file

@ -52,14 +52,15 @@
$lang->edit->fontsize = 'Размер';
$lang->edit->use_paragraph = 'Функции параграфа';
$lang->edit->fontlist = array(
"Gulim",
"Dodum",
"Batang",
"Goongseo",
"times",
"Courier",
"Tahoma",
"Arial",
"'Arial Black'",
"Tahoma",
"Verdana",
"Sans-serif",
"Serif",
"Monospace",
"Cursive",
"Fantasy",
);
$lang->edit->header = "Стиль";

View file

@ -56,10 +56,15 @@
"黑体",
"楷体_GB2312",
"宋体",
"times",
"Courier",
"Tahoma",
"Arial",
"'Arial Black'",
"Tahoma",
"Verdana",
"Sans-serif",
"Serif",
"Monospace",
"Cursive",
"Fantasy",
);
$lang->edit->header = "样式";

View file

@ -55,10 +55,15 @@
"新細明體",
"標楷體",
"細明體",
"times",
"Courier",
"Tahoma",
"Arial",
"'Arial Black'",
"Tahoma",
"Verdana",
"Sans-serif",
"Serif",
"Monospace",
"Cursive",
"Fantasy",
);
$lang->edit->header = "樣式";

View file

@ -0,0 +1,54 @@
@charset "utf-8";
/* NHN > UIT Center > Open UI Platform Team > Jeong Chan Myeong(dece24@nhncorp.com) */
/* Editor XE White Theme */
/* Editor Type Selector */
.editorTypeSelector a,
.editorTypeSelector a span{ background-color:#444; background-image:url(../images/black/tabCorner.gif);}
/* Editor Type Selector - Hover */
.editorTypeSelector a:hover,
.editorTypeSelector a:active,
.editorTypeSelector a:focus,
.editorTypeSelector a:hover span,
.editorTypeSelector a:active span,
.editorTypeSelector a:focus span{ background-color:#555;}
/* Editor Type Selector - Active */
.editorTypeSelector li.active a,
.editorTypeSelector li.active a span{ background-color:#666;}
/* Editor Container */
.xeEditor{ border-color:#666;}
/* Tool Box */
.toolBox{ background-color:#666; background-image:url(../images/black/buttonSetBg.gif);}
.toolBox .item li button{ background-color:transparent; background-image:url(../images/black/buttonSet.gif);}
.toolBox .extension2 .exButton{ background-color:transparent; background-image:url(../images/black/buttonSet.gif);}
.toolBox .extension2 ul { background:#fafafa; border-color:#9f9f9f;}
.toolBox .editorHelp .helpButton{ background-color:transparent; background-image:url(../images/black/buttonSet.gif);}
.toolBox ul.helpList{ background:#fafafa; border-color:#9f9f9f;}
/* ToolBox Button Default */
/* Auto Save */
.xeEditor .editor_autosaved_message{ background:#333; border-color:#666;}
/* Edit Area */
.xeEditor .editorBox{ border-color:#000; background:#000;}
/* Editor */
.xeEditor .richEditor,
.xeEditor .richEditor html body,
.xeEditor .htmlEditor{ background:#000; color:#fff;}
/* Editor Resize Bar */
.xeEditor .textAreaDragIndicator{ border-color:#666;}
.xeEditor .textAreaDragIndicator button{ background-color:#444; background-image:url(../images/common/buttonTextAreaDrag.gif);}
/* File Uploader */
.commentEditor .xeEditor .fileUploader{ border-color:#666;}
.xeEditor .fileUploader .preview{ border-color:#666; background:#000;}

View file

@ -1,33 +1,48 @@
@charset "utf-8";
/* NHN > UIT Center > Open UI Platform Team > Jeong Chan Myeong(dece24@nhncorp.com) */
.editorTypeSelector{ position:relative; right:3px; z-index:10; float:right; clear:both; *zoom:1; margin-bottom:-2px !important;}
.editorTypeSelector:after{ content:""; display:block; clear:both;}
.editorTypeSelector li,
.editorTypeSelector a{ display:block; float:left; position:relative; background-image:url(../images/tabEditorSelector.gif); background-repeat:no-repeat;}
.editorTypeSelector li{ background-position:left top; margin-right:5px;}
.editorTypeSelector li a{ padding:3px 10px 0 10px; height:21px; left:3px; background-position:right top; text-decoration:none !important; white-space:nowrap;}
.editorTypeSelector li.active{ background-position:left -24px;}
.editorTypeSelector li.active a{ background-position:right -24px; font-weight:bold; height:23px;}
/* Editor XE */
.xeEditor{ clear:both; position:relative; z-index:1; border-top:1px solid #ddd; *zoom:1}
/* Editor Temporary */
.editorTemporary{ float:left; clear:left;}
/* Editor Type Selector */
.editorTypeSelector{ float:right; clear:right; position:relative; right:3px; margin:0; padding:0; line-height:normal; *zoom:1;}
.editorTypeSelector:after{ content:""; display:block; clear:both;}
.editorTypeSelector *{ margin:0; padding:0; list-style:none;}
.editorTypeSelector li{ float:left; margin-right:5px;}
.editorTypeSelector a,
.editorTypeSelector a span{ display:block; float:left; background-repeat:no-repeat; cursor:pointer; _cursor /**/:hand; white-space:nowrap;}
.editorTypeSelector a{ background-position:left top; text-decoration:none !important;}
.editorTypeSelector a span{ position:relative; padding:5px 15px; left:3px; background-position:right top;}
/* Editor Type Selector - Hover */
.editorTypeSelector a:hover span,
.editorTypeSelector a:active span,
.editorTypeSelector a:focus span{ font-weight:bold; letter-spacing:-1px;}
/* Editor Type Selector - Active */
.editorTypeSelector li.active a{ position:relative; top:-2px; margin-bottom:-2px;}
.editorTypeSelector li.active a span{ padding:7px 15px; font-weight:bold; letter-spacing:-1px;}
/* Editor Container */
.xeEditor{ clear:both; position:relative; z-index:1; border-top:1px solid; *zoom:1}
/* Tool Box */
.toolBox{ padding:5px 10px 3px 10px !important; *padding-bottom:8px !important; margin-bottom:5px !important; background:#fafafa url(../images/buttonSetBg.gif) repeat-x left bottom; *zoom:1;}
.toolBox{ position:relative; z-index:100; padding:5px 10px 3px 10px !important; *padding-bottom:8px !important; background-repeat:repeat-x; background-position:left bottom; *zoom:1;}
.toolBox:after{ content:""; display:block; clear:both;}
.toolBox { position:relative;}
.toolBox .item{ float:left; margin:0 5px 5px 0;}
.toolBox .item li{ float:left;}
.toolBox .item li button{ display:block; border:0; width:21px; height:21px; background-color:#fff; background-image:url(../images/buttonSet.gif); background-position:no-repeat; cursor:pointer;}
.toolBox .item li button{ display:block; border:0; width:21px; height:21px; background-position:no-repeat; cursor:pointer;}
.toolBox .item li button span{ position:relative; z-index:-1; font-size:0; line-height:0;}
.toolBox .extension2{ float:left; position:relative; margin:0 5px 5px 0;}
.toolBox .extension2 .exButton{ float:left; border:0; width:68px; height:21px; background-color:#fff; background:url(../images/buttonSet.gif) no-repeat -579px 0; cursor:pointer;}
.toolBox .extension2 .exButton{ float:left; border:0; width:68px; height:21px; background-repeat:no-repeat; background-position:-579px 0; cursor:pointer;}
.toolBox .extension2 .exButton span{ position:relative; z-index:-1; font-size:0; line-height:0;}
.toolBox .extension2 .exButton:hover,
.toolBox .extension2 .exButton:focus{ background-position:-579px -21px;}
.toolBox .extension2 .exButton:active{ background-position:-579px -42px;}
.toolBox .extension2 ul { display:none; position:absolute; padding:5px 0; top:26px; right:0; background:#fafafa; border:1px solid #9f9f9f;}
.toolBox .extension2 ul { display:none; position:absolute; padding:5px 0; top:26px; right:0; border:1px solid;}
.toolBox .extension2.open ul { display:block;}
.toolBox .extension2 li{ float:none; text-align:left; padding:0 10px;}
.toolBox .extension2 li button{ display:block; background:none; border:none; cursor:pointer; height:18px; font:11px Dotum, Tahoma; white-space:nowrap; width:auto; *width:100%;}
@ -35,15 +50,16 @@
.toolBox .extension2 li button span img{ vertical-align:top; width:13px;}
.toolBox .editorHelp{ float:left; position:relative; margin:0 5px 5px 0;}
.toolBox .editorHelp .helpButton{ float:left; border:0; width:22px; height:21px; background-color:#fff; background:url(../images/buttonSet.gif) no-repeat right top; cursor:pointer;}
.toolBox .editorHelp .helpButton{ float:left; border:0; width:22px; height:21px; background-repeat:no-repeat; background-position:right top; cursor:pointer;}
.toolBox .editorHelp .helpButton span{ position:relative; z-index:-1; font-size:0; line-height:0;}
.toolBox .editorHelp .helpButton:hover,
.toolBox .editorHelp .helpButton:focus{ background-position:right -21px;}
.toolBox .editorHelp .helpButton:active{ background-position:right -42px;}
.toolBox .editorHelp ul.helpList{ display:none; float:none !important; position:absolute; padding:5px 0; top:26px; right:0; background:#fafafa; border:1px solid #9f9f9f;}
.toolBox .editorHelp.open ul.helpList{ display:block;}
.toolBox .editorHelp ul.helpList li{ list-style:disc; float:none; text-align:left; white-space:nowrap; padding:0 10px 0 0; margin-left:25px;}
.toolBox .editorHelp ul.helpList li li{ list-style:circle; margin-left:20px;}
.toolBox ul.helpList{ display:none; float:none !important; position:absolute; padding:5px 0; top:100%; right:0; margin-top:-3px; border:1px solid;}
.toolBox ul.helpList.open{ display:block;}
.toolBox ul.helpList li{ list-style:disc; float:none; text-align:left; white-space:nowrap; padding:0 10px 0 0; margin-left:25px; font-size:12px;}
.toolBox ul.helpList li li{ list-style:circle; margin-left:20px;}
/* ToolBox Button Default */
.toolBox .item { list-style:none; padding:0; }
@ -177,9 +193,13 @@
.toolBox .item .emoticon button:active{ background-position:-558px -42px;}
/* Auto Save */
.xeEditor .editor_autosaved_message{ display:none; background:#fafafa; border:1px solid #ddd; margin:10px; padding:5px 10px; clear:both;}
.xeEditor .editor_autosaved_message{ display:none; border:1px solid; margin:10px 5px; padding:5px 10px; clear:both;}
/* Editor */
/* Edit Area */
.xeEditor .editorBox{ border-top:5px solid; border-bottom:5px solid; position:relative;}
.xeEditor .editorBox .editorMargin{ margin:0 5px;}
/* Editor Display */
.xeEditor .toolBox,
.xeEditor .richEditor,
.xeEditor .htmlEditor{ display:none;}
@ -187,19 +207,19 @@
.xeEditor.rich .richEditor,
.xeEditor.html .htmlEditor{ display:block;}
.xeEditor .richEditor,
.xeEditor .htmlEditor{ border:0; background:#fff;}
.xeEditor .htmlEditor{ border:0;}
.xeEditor .htmlEditor{ width:100%; padding:10px 0; font-size:12px;}
/* Editor Resize Bar */
.xeEditor .textAreaDragIndicator{ border-top:1px solid #ddd; border-bottom:1px solid #ddd; clear:both; margin-bottom:10px;}
.xeEditor .textAreaDragIndicator button{ width:100%; height:9px; border:none; cursor:n-resize; background:#f4f4f4 url(../images/buttonTextAreaDrag.gif) no-repeat center center; }
.xeEditor .textAreaDragIndicator{ border-top:1px solid; border-bottom:1px solid; clear:both; margin-bottom:5px;}
.xeEditor .textAreaDragIndicator button{ width:100%; height:9px; border:none; cursor:n-resize; background-repeat:no-repeat; background-position:center center; }
.xeEditor .mask{ position:relative; width:100%;height:500px;margin-top:-500px;bottom:0; display:none; }
/* File Uploader */
.xeEditor .fileUploader{ clear:both; position:relative; padding-top:5px; *zoom:1; *margin-bottom:5px;}
.commentEditor .xeEditor .fileUploader{ border-top:1px solid #ddd;}
.commentEditor .xeEditor .fileUploader{ border-top:1px solid;}
.xeEditor .fileUploader:after{ content:""; display:block; clear:both;}
.xeEditor .fileUploader .preview{ float:left; width:64px; height:64px; border:1px solid #ddd; padding:2px; margin:0 10px 5px 0; background:#fff;}
.xeEditor .fileUploader .preview{ float:left; width:64px; height:64px; border:1px solid; padding:2px; margin:0 10px 5px 0;}
.xeEditor .fileUploader .preview img{ display:block; width:64px; height:64px;}
.xeEditor .fileUploader .fileListArea{ float:left; width:260px; margin:0 10px 5px 0;}
.xeEditor .fileUploader .fileListArea select{ width:100%; height:70px; overflow:auto;}

View file

@ -0,0 +1,53 @@
@charset "utf-8";
/* NHN > UIT Center > Open UI Platform Team > Jeong Chan Myeong(dece24@nhncorp.com) */
/* Editor XE White Theme */
/* Editor Type Selector */
.editorTypeSelector a,
.editorTypeSelector a span{ background-color:#eee; background-image:url(../images/white/tabCorner.gif);}
/* Editor Type Selector - Hover */
.editorTypeSelector a:hover,
.editorTypeSelector a:active,
.editorTypeSelector a:focus,
.editorTypeSelector a:hover span,
.editorTypeSelector a:active span,
.editorTypeSelector a:focus span{ background-color:#e8e8e8;}
/* Editor Type Selector - Active */
.editorTypeSelector li.active a,
.editorTypeSelector li.active a span{ background-color:#ddd;}
/* Editor Container */
.xeEditor{ border-color:#ddd;}
/* Tool Box */
.toolBox{ background-color:#fafafa; background-image:url(../images/white/buttonSetBg.gif);}
.toolBox .item li button{ background-color:transparent; background-image:url(../images/white/buttonSet.gif);}
.toolBox .extension2 .exButton{ background-color:transparent; background-image:url(../images/white/buttonSet.gif);}
.toolBox .extension2 ul { background:#fafafa; border-color:#9f9f9f;}
.toolBox .editorHelp .helpButton{ background-color:transparent; background-image:url(../images/white/buttonSet.gif);}
.toolBox ul.helpList{ background:#fafafa; border-color:#9f9f9f;}
/* ToolBox Button Default */
/* Auto Save */
.xeEditor .editor_autosaved_message{ background:#fafafa; border-color:#ddd;}
/* Edit Area */
.xeEditor .editorBox{ border-color:#fff; background:#fff;}
/* Editor */
.xeEditor .richEditor,
.xeEditor .htmlEditor{ background:#fff;}
/* Editor Resize Bar */
.xeEditor .textAreaDragIndicator{ border-color:#ddd; border-color:#ddd;}
.xeEditor .textAreaDragIndicator button{ background-color:#f4f4f4; background-image:url(../images/common/buttonTextAreaDrag.gif);}
/* File Uploader */
.commentEditor .xeEditor .fileUploader{ border-color:#ddd;}
.xeEditor .fileUploader .preview{ border-color:#ddd; background:#fff;}

View file

@ -1,6 +1,12 @@
<!--// 스킨 css 로드 -->
<!--%import("css/editor.css")-->
<!--@if($module_info->colorset == "black")-->
<!--%import("css/black.css")-->
<!--@else-->
<!--%import("css/white.css")-->
<!--@end-->
<!--// 기본 js/언어파일 로드 -->
<!--%import("../../tpl/js/editor_common.js")-->
<!--%import("../../tpl/js/editor.js")-->
@ -12,6 +18,14 @@
<input type="hidden" name="_saved_doc_message" value="{$lang->msg_load_saved_doc}" />
<!--@end-->
<div class="editorTemporary">
<!--@if($is_logged)-->
<span class="button small"><input type="button" value="{$lang->cmd_temp_save}" onclick="doDocumentSave(this); return false;" /></span>
<span class="button small"><input type="button" value="{$lang->cmd_load}" onclick="doDocumentLoad(this); return false;" /></span>
<!--@end-->
</div>
<ul class="editorTypeSelector">
<li class="active" id="use_rich_{$editor_sequence}"><a href="#xeEditor" onclick="editorChangeMode('', '{$editor_sequence}')"><span>{$lang->edit->rich_editor}</span></a></li>
@ -21,6 +35,8 @@
<li id="use_html_{$editor_sequence}"><a href="#htmlEditor" onclick="editorChangeMode('html', '{$editor_sequence}')"><span>{$lang->edit->html_editor}</span></a></li>
<!--@end-->
<!--@end-->
<li><a href="#" onclick="doDocumentPreview(this); return false;"><span>{$lang->cmd_preview}</span></a></li>
</ul>
<!-- 에디터 -->
@ -117,6 +133,8 @@
<div class="editorHelp" id="editorHelp_{$editor_sequence}">
<button type="button" class="helpButton" title="{$lang->edit->help}" onclick="showEditorHelp(event,{$editor_sequence})"><span>{$lang->edit->help}</span></button>
</div>
<ul id="helpList_{$editor_sequence}" class="helpList">
<!--@if(!$_COOKIE['EditorInfo'])-->
<!-- 에디터 안내 출력 -->
@ -135,7 +153,7 @@
</ul>
</li>
</ul>
</div>
</div>
<!--@if($enable_autosave)-->
@ -143,15 +161,18 @@
<!--@end-->
<!-- 에디터 출력 -->
<iframe id="editor_iframe_{$editor_sequence}" class="richEditor" frameborder="0" height="{$editor_height}"></iframe>
<textarea id="editor_textarea_{$editor_sequence}" class="htmlEditor" style="height:{$editor_height}" rows="5" cols="20"></textarea>
<div class="editorBox">
<div class="editorMargin">
<iframe id="editor_iframe_{$editor_sequence}" class="richEditor" frameborder="0" height="{$editor_height}" title="Rich Text Editor"></iframe>
<textarea id="editor_textarea_{$editor_sequence}" class="htmlEditor" style="height:{$editor_height}" rows="5" cols="20" title="HTML Editor"></textarea>
</div>
</div>
<div class="mask" id="xeEditorMask_{$editor_sequence}"></div>
<!-- 에디터 크기 조절 bar -->
<!--@if($enable_resizable)-->
<div class="textAreaDragIndicator"><button type="button" id="editor_drag_bar_{$editor_sequence}"></button></div>
<div class="textAreaDragIndicator"><button type="button" id="editor_drag_bar_{$editor_sequence}" title="Text Area Resizer"></button></div>
<!--@end-->
<!--@if($allow_fileupload)-->
@ -178,7 +199,7 @@
<div class="fileUploader">
<div class="preview" id="preview_uploaded_{$editor_sequence}"></div>
<div class="fileListArea">
<select id="uploaded_file_list_{$editor_sequence}" multiple="multiple" class="fileList"></select>
<select id="uploaded_file_list_{$editor_sequence}" multiple="multiple" class="fileList"><option></option></select>
</div>
<div class="fileUploadControl">
<span class="button" id="swfUploadButton{$editor_sequence}"><button type="button">{$lang->edit->upload_file}</button></span>

View file

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 15 KiB

Before After
Before After

Binary file not shown.

After

Width:  |  Height:  |  Size: 507 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 84 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 43 B

View file

Before

Width:  |  Height:  |  Size: 46 B

After

Width:  |  Height:  |  Size: 46 B

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 44 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

View file

Before

Width:  |  Height:  |  Size: 168 B

After

Width:  |  Height:  |  Size: 168 B

Before After
Before After

Binary file not shown.

After

Width:  |  Height:  |  Size: 84 B

View file

@ -64,7 +64,7 @@ function editorGetSelectedNode(editor_sequence) {
* editor 시작 (editor_sequence로 iframe객체를 얻어서 쓰기 모드로 전환)
**/
function editorStart(editor_sequence, primary_key, content_key, editor_height, font_color) {
if(typeof(font_color)=='undefined') font_color = '#000000';
if(typeof(font_color)=='undefined') font_color = '#000';
// iframe obj를 찾음
var iframe_obj = editorGetIFrame(editor_sequence);
@ -118,9 +118,9 @@ function editorStart(editor_sequence, primary_key, content_key, editor_height, f
editor_path = editor_path.replace(/^\.\//ig, '');
var contentHtml = ''+
'<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">'+
'<html lang="ko" xmlns="http://www.w3.org/1999/xhtml><head><meta http-equiv="content-type" content="text/html; charset=utf-8"/>'+
'<html xmlns="http://www.w3.org/1999/xhtml><head><meta http-equiv="content-type" content="text/html; charset=utf-8"/>'+
'<style type="text/css">'+
'body {font-size:9pt;height:'+editor_height+'px; padding:0; margin:0; background-color:transparent; color:'+font_color+';}'+
'body {font-size:.8em; line-height:1.6em; font-family:NanumGothic, "Malgun Gothic", AppleGothic, Sans-serif; height:'+editor_height+'px; padding:0; margin:0; background-color:transparent; color:'+font_color+';}'+
'</style>'+
'</head><body editor_sequence="'+editor_sequence+'">'+
content+
@ -487,8 +487,8 @@ function showEditorHelp(e,editor_sequence){
if(xGetElementById(oid).className =='editorHelp'){
xGetElementById(oid).className = 'editorHelp open';
/*
if(xEvent(e).pageX <= xWidth('helpList_'+editor_sequence)){
/*
if(e.pageX <= xWidth('helpList_'+editor_sequence)){
xGetElementById('helpList_'+editor_sequence).style.right='auto';
xGetElementById('helpList_'+editor_sequence).style.left='0';
}else{
@ -505,9 +505,8 @@ function showEditorExtension(e,editor_sequence){
var oid = 'editorExtension_'+editor_sequence;
if(xGetElementById(oid).className =='extension2'){
xGetElementById(oid).className = 'extension2 open';
var e = new xEvent(e);
if(e.pageX <= xWidth('editor_component_'+editor_sequence)){
if(e.pageX <= xWidth('editor_component_'+editor_sequence)){
xGetElementById('editor_component_'+editor_sequence).style.right='auto';
xGetElementById('editor_component_'+editor_sequence).style.left='0';
}else{
@ -519,3 +518,4 @@ function showEditorExtension(e,editor_sequence){
xGetElementById(oid).className = 'extension2';
}
}