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

@ -1,74 +1,74 @@
<!--// calendar -->
<!--%import("../../../../common/js/calendar.min.js",optimized=false)-->
<!--@if($lang_type == 'ko')-->
<!--%import("../../../../common/js/calendar-ko.js",optimized=false)-->
<!--@elseif($lang_type == 'es')-->
<!--%import("../../../../common/js/calendar-es.js",optimized=false)-->
<!--@elseif($lang_type == 'ge')-->
<!--%import("../../../../common/js/calendar-ge.js",optimized=false)-->
<!--@elseif($lang_type == 'ru')-->
<!--%import("../../../../common/js/calendar-ru.js",optimized=false)-->
<!--@elseif($lang_type == 'zh-CN')-->
<!--%import("../../../../common/js/calendar-zh-CN.js",optimized=false)-->
<!--@else-->
<!--%import("../../../../common/js/calendar-en.js",optimized=false)-->
<!--@end-->
<!--%import("../../../../common/js/calendar-setup.js",optimized=false)-->
<!--%import("../../../../common/css/calendar-system.css",optimized=false)-->
<!--@if(in_array($val->type, array('select', 'checkbox')))-->
{@ $val->default = explode(',', $val->default) }
<!--@end-->
{@ $val->column_name = "extra_vars".$key}
{@ $val->value = $oDocument->getExtraValue($key)}
<!--@if($val->type == 'text')-->
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value)}" class="inputTypeText w400" />
<!--@elseif($val->type == 'homepage')-->
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value)}" class="inputTypeText w400" />
<!--@elseif($val->type == 'email_address')-->
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value)}" class="inputTypeText w400" />
<!--@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" />
<!--// textarea -->
<!--@elseif($val->type == 'textarea')-->
<textarea name="{$val->column_name}" class="inputTypeTextArea w400">{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>
<!--@end-->
</ul>
<!--@end-->
<!--@elseif($val->type == 'select')-->
<select name="{$val->column_name}">
<!--@if($val->default)-->
<!--@foreach($val->default as $v)-->
<option value="{$v}" <!--@if($v == $val->value)-->selected="selected"<!--@end-->>{$v}</option>
<!--@end-->
<!--@end-->
</select>
<!--@elseif($val->type == 'date')-->
<input type="hidden" name="{$val->column_name}" id="date_{$val->column_name}" value="{$val->value}" />
<div class="display_date" id="str_{$val->column_name}">{zdate($val->value,"Y-m-d")}</div>
<script type="text/javascript">
DyCalendar.setup( { firstDay : 0, inputField : "date_{$val->column_name}", ifFormat : "%Y%m%d", displayArea : "str_{$val->column_name}", daFormat : "%Y-%m-%d"});
</script>
<!--@end-->
<!--@if($val->desc)-->
<p class="info">{$val->desc}</p>
<!--@end-->
<!--// calendar -->
<!--%import("../../../../common/js/calendar.min.js",optimized=false)-->
<!--@if($lang_type == 'ko')-->
<!--%import("../../../../common/js/calendar-ko.js",optimized=false)-->
<!--@elseif($lang_type == 'es')-->
<!--%import("../../../../common/js/calendar-es.js",optimized=false)-->
<!--@elseif($lang_type == 'ge')-->
<!--%import("../../../../common/js/calendar-ge.js",optimized=false)-->
<!--@elseif($lang_type == 'ru')-->
<!--%import("../../../../common/js/calendar-ru.js",optimized=false)-->
<!--@elseif($lang_type == 'zh-CN')-->
<!--%import("../../../../common/js/calendar-zh-CN.js",optimized=false)-->
<!--@else-->
<!--%import("../../../../common/js/calendar-en.js",optimized=false)-->
<!--@end-->
<!--%import("../../../../common/js/calendar-setup.js",optimized=false)-->
<!--%import("../../../../common/css/calendar-system.css",optimized=false)-->
<!--@if(in_array($val->type, array('select', 'checkbox')))-->
{@ $val->default = explode(',', $val->default) }
<!--@end-->
{@ $val->column_name = "extra_vars".$key}
{@ $val->value = $oDocument->getExtraValue($key)}
<!--@if($val->type == 'text')-->
<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="inputText" />
<!--@elseif($val->type == 'email_address')-->
<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="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}" 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--> class="inputCheck" /> {$v}</li>
<!--@end-->
</ul>
<!--@end-->
<!--@elseif($val->type == 'select')-->
<select name="{$val->column_name}">
<!--@if($val->default)-->
<!--@foreach($val->default as $v)-->
<option value="{$v}" <!--@if($v == $val->value)-->selected="selected"<!--@end-->>{$v}</option>
<!--@end-->
<!--@end-->
</select>
<!--@elseif($val->type == 'date')-->
<input type="hidden" name="{$val->column_name}" id="date_{$val->column_name}" value="{$val->value}" />
<div class="display_date" id="str_{$val->column_name}">{zdate($val->value,"Y-m-d")}</div>
<script type="text/javascript">
DyCalendar.setup( { firstDay : 0, inputField : "date_{$val->column_name}", ifFormat : "%Y%m%d", displayArea : "str_{$val->column_name}", daFormat : "%Y-%m-%d"});
</script>
<!--@end-->
<!--@if($val->desc)-->
<p class="info">{$val->desc}</p>
<!--@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

@ -29,12 +29,28 @@
<div class="boardWrite commentEditor">
<h3 class="commentHeader">{$lang->comment}</h3>
<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">
<!--@if(!$is_logged)-->
<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>
</div>
<!--@end-->
<!--@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>
<!--@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-->
@ -161,11 +159,27 @@
<input type="hidden" name="comment_srl" value="" />
<input type="hidden" name="content" value="" />
<div class="boardWrite commentEditor">
<h3 class="commentHeader">{$lang->comment}</h3>
<h3 class="commentHeader">{$lang->comment}</h3>
<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">
<!--@if(!$is_logged)-->
<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>
@ -88,46 +90,30 @@
</dd>
<!--@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>
<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>
<!--@end-->
<div class="boardNavigation">
<span class="button red strong"><input type="submit" value="{$lang->cmd_registration}" accesskey="s" /></span>
</div>
</form>