ZB 1.1.0 Front-end Refactoring. ing.
git-svn-id: http://xe-core.googlecode.com/svn/sandbox@4783 201d5d3c-b55e-5fd7-737f-ddc643e51545
|
|
@ -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 */
|
||||
|
|
|
|||
|
|
@ -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 */
|
||||
|
|
|
|||
|
|
@ -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-->
|
||||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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;}
|
||||
|
|
|
|||
|
|
@ -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;}
|
||||
|
|
|
|||
|
|
@ -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;}
|
||||
|
|
|
|||
|
|
@ -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;}
|
||||
|
|
@ -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;}
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -1,3 +1,4 @@
|
|||
<!--@if($oDocument->getCommentCount())-->
|
||||
<div class="feedbackList" id="trackback">
|
||||
|
||||
<h3 class="feedbackHeader">
|
||||
|
|
@ -31,3 +32,4 @@
|
|||
</div>
|
||||
|
||||
</div>
|
||||
<!--@end-->
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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")-->
|
||||
|
|
|
|||
|
|
@ -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";
|
||||
|
|
|
|||
|
|
@ -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";
|
||||
|
|
|
|||
|
|
@ -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";
|
||||
|
|
|
|||
|
|
@ -56,10 +56,15 @@
|
|||
"MS P明朝",
|
||||
"Osaka-等幅",
|
||||
"ヒラギノ角ゴ Pro W3",
|
||||
"times",
|
||||
"Courier",
|
||||
"Tahoma",
|
||||
"Arial",
|
||||
"'Arial Black'",
|
||||
"Tahoma",
|
||||
"Verdana",
|
||||
"Sans-serif",
|
||||
"Serif",
|
||||
"Monospace",
|
||||
"Cursive",
|
||||
"Fantasy",
|
||||
);
|
||||
|
||||
$lang->edit->header = "見出し";
|
||||
|
|
|
|||
|
|
@ -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 = "형식";
|
||||
|
|
|
|||
|
|
@ -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 = "Стиль";
|
||||
|
|
|
|||
|
|
@ -56,10 +56,15 @@
|
|||
"黑体",
|
||||
"楷体_GB2312",
|
||||
"宋体",
|
||||
"times",
|
||||
"Courier",
|
||||
"Tahoma",
|
||||
"Arial",
|
||||
"'Arial Black'",
|
||||
"Tahoma",
|
||||
"Verdana",
|
||||
"Sans-serif",
|
||||
"Serif",
|
||||
"Monospace",
|
||||
"Cursive",
|
||||
"Fantasy",
|
||||
);
|
||||
|
||||
$lang->edit->header = "样式";
|
||||
|
|
|
|||
|
|
@ -55,10 +55,15 @@
|
|||
"新細明體",
|
||||
"標楷體",
|
||||
"細明體",
|
||||
"times",
|
||||
"Courier",
|
||||
"Tahoma",
|
||||
"Arial",
|
||||
"'Arial Black'",
|
||||
"Tahoma",
|
||||
"Verdana",
|
||||
"Sans-serif",
|
||||
"Serif",
|
||||
"Monospace",
|
||||
"Cursive",
|
||||
"Fantasy",
|
||||
);
|
||||
|
||||
$lang->edit->header = "樣式";
|
||||
|
|
|
|||
54
modules/editor/skins/default/css/black.css
Normal 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;}
|
||||
|
|
@ -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;}
|
||||
|
|
|
|||
53
modules/editor/skins/default/css/white.css
Normal 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;}
|
||||
|
|
@ -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>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 15 KiB |
BIN
modules/editor/skins/default/images/black/buttonSetBg.gif
Normal file
|
After Width: | Height: | Size: 507 B |
BIN
modules/editor/skins/default/images/black/tabCorner.gif
Normal file
|
After Width: | Height: | Size: 84 B |
|
Before Width: | Height: | Size: 43 B |
|
Before Width: | Height: | Size: 46 B After Width: | Height: | Size: 46 B |
|
Before Width: | Height: | Size: 44 B |
|
Before Width: | Height: | Size: 1 KiB |
BIN
modules/editor/skins/default/images/white/buttonSet.gif
Normal file
|
After Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 168 B After Width: | Height: | Size: 168 B |
BIN
modules/editor/skins/default/images/white/tabCorner.gif
Normal file
|
After Width: | Height: | Size: 84 B |
|
|
@ -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';
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||