mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-01-09 03:32:00 +09:00
Zeroboard 1.0.7 Front-end Refactoring.
git-svn-id: http://xe-core.googlecode.com/svn/sandbox@4758 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
ChanMyeong
parent
2699d2b698
commit
ec0ac8dd33
62 changed files with 782 additions and 535 deletions
|
|
@ -60,9 +60,7 @@
|
|||
|
||||
<!-- 스킨의 상세 설명 -->
|
||||
<!--@if($module_info->comment)-->
|
||||
<p class="boardDescription">{$module_info->comment}
|
||||
<span class="roundCorner topLeft"></span><span class="roundCorner topLeft"></span>
|
||||
</p>
|
||||
<p class="boardDescription">{$module_info->comment}</p>
|
||||
<!--@end-->
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -31,16 +31,17 @@
|
|||
|
||||
<!--@if(!$comment->isAccessible())-->
|
||||
<!--%import("filter/input_password.xml")-->
|
||||
<div class="secretContent">
|
||||
<form action="./" method="get" onsubmit="return procFilter(this, input_password)">
|
||||
<form action="./" method="get" onsubmit="return procFilter(this, input_password)" class="secretMessage">
|
||||
<input type="hidden" name="mid" value="{$mid}" />
|
||||
<input type="hidden" name="page" value="{$page}" />
|
||||
<input type="hidden" name="document_srl" value="{$comment->get('document_srl')}" />
|
||||
<input type="hidden" name="comment_srl" value="{$comment->get('comment_srl')}" />
|
||||
<div class="title">{$lang->msg_is_secret}</div>
|
||||
<div class="content"><input type="password" name="password" class="inputTypeText" /><span class="button"><input type="submit" value="{$lang->cmd_input}" accesskey="s" /></span></div>
|
||||
<p>"{$lang->msg_is_secret}"</p>
|
||||
<dl>
|
||||
<dt><label for="cpw">비밀번호</label> :</dt>
|
||||
<dd><input type="password" id="cpw" name="password" class="inputText" /><span class="button red"><input type="submit" value="{$lang->cmd_input}" /></span></dd>
|
||||
</dl>
|
||||
</form>
|
||||
</div>
|
||||
<!--@else-->
|
||||
<!--@if($comment->getProfileImage())-->
|
||||
<img src="{$comment->getProfileImage()}" alt="profile" class="commentProfileImage" />
|
||||
|
|
|
|||
|
|
@ -30,20 +30,28 @@
|
|||
<input type="hidden" name="parent_srl" value="{$oComment->get('parent_srl')}" />
|
||||
|
||||
<div class="boardWrite commentEditor">
|
||||
|
||||
<h3 class="commentHeader">댓글 쓰기</h3>
|
||||
|
||||
<div class="userNameAndPw">
|
||||
<!--@if(!$is_logged)-->
|
||||
<label for="userName">{$lang->writer}</label>
|
||||
<input type="text" name="nick_name" value="{$oComment->get('nick_name')}" class="userName inputTypeText" id="userName"/>
|
||||
<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>
|
||||
|
||||
<label for="userPw">{$lang->password}</label>
|
||||
<input type="password" name="password" value="" id="userPw" class="userPw inputTypeText" />
|
||||
|
||||
<label for="emailAddress">{$lang->email_address}</label>
|
||||
<input type="text" name="email_address" value="{htmlspecialchars($oComment->get('email_address'))}" id="emailAddress" class="emailAddress inputTypeText"/>
|
||||
|
||||
<label for="homePage">{$lang->homepage}</label>
|
||||
<input type="text" name="homepage" value="{htmlspecialchars($oComment->get('homepage'))}" id="homePage" class="homePage inputTypeText"/>
|
||||
<!--@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>
|
||||
|
|
@ -54,12 +62,14 @@
|
|||
</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>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="commentButton tRight">
|
||||
<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>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
|
|
|
|||
148
modules/board/skins/xe_default/css/black.css
Normal file
148
modules/board/skins/xe_default/css/black.css
Normal file
|
|
@ -0,0 +1,148 @@
|
|||
@charset "utf-8";
|
||||
/* NHN > UIT Center > Open UI Platform Team > Jeong Chan Myeong(dece24@nhncorp.com) */
|
||||
|
||||
body{ background:#444; color:#fff;}
|
||||
|
||||
/* Board Reset */
|
||||
.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 .boardTitleText a{ color:#fff;}
|
||||
.boardHeader .boardTitleText em{ color:#ccc;}
|
||||
.boardHeader .boardDescription{ background:#666; }
|
||||
|
||||
/* Board Information */
|
||||
.boardInformation li{background-image:url(../images/black/lineVr11.gif);}
|
||||
.boardInformation em,
|
||||
.boardInformation strong{ color:#ff6600;}
|
||||
.boardInformation .infoLeft{ background-image:url(../images/common/iconArticle.gif);}
|
||||
.boardInformation .infoRight li.icon{ background:none;}
|
||||
.boardInformation .infoRight li.icon a{ background-image:url(../images/common/icons.gif);}
|
||||
|
||||
/* Board List Form */
|
||||
.boardListForm em,
|
||||
.boardListForm strong{color:#ff6600;}
|
||||
|
||||
/* Board List */
|
||||
.boardList{ border-top-color:#999; border-bottom-color:#999;}
|
||||
.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; color:#fff; background-color:#666; background-image:url(../images/black/bgThDefault.gif);}
|
||||
.boardList th a{ color:#ff6600;}
|
||||
.boardList td{ border-top-color:#999; 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 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 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:#999; border-bottom-color:#999;}
|
||||
.boardReadBody .memberSignature{ border-color:#999;}
|
||||
|
||||
.boardReadFooter{ color:#999;}
|
||||
.boardReadFooter a{ color:#999;}
|
||||
.boardReadFooter dt{ background:#444;}
|
||||
.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;}
|
||||
|
||||
.feedbackList{ color:#ccc;}
|
||||
.feedbackList .feedbackHeader{ color:#000;}
|
||||
.feedbackList .feedbackHeader strong{ color:#ff6600;}
|
||||
|
||||
.feedbackList .item{ border-top-color:#999;}
|
||||
.feedbackList .reply .indent{ border-left-color:#999;}
|
||||
|
||||
/* Time */
|
||||
.time *{ color:#ccc;}
|
||||
.time dt{ background:#444;}
|
||||
.time dd{ background-image:url(../images/black/lineVr11.gif);}
|
||||
|
||||
/* Attached File */
|
||||
.attachedFile *{ color:#999;}
|
||||
.attachedFile dt{ background:#444;}
|
||||
.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:#999;}
|
||||
|
||||
/* UserName & Password */
|
||||
.board .userNameAndPw dd .inputText{ border-color:#ccc;}
|
||||
|
||||
/* Comment */
|
||||
.board .boardEditor{ border-color:#999; background:#555;}
|
||||
.board .commentEditor .commentHeader{border-bottom-color:#999; color:#fff;}
|
||||
|
||||
/* Secret Message */
|
||||
.board .secretMessage dd .inputText{ border-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;}
|
||||
|
||||
/* Pagination */
|
||||
.pagination.a1 a{ color:#fff;}
|
||||
.pagination a:hover,
|
||||
.pagination a:active,
|
||||
.pagination a:focus{ background-color:#505050 !important; }
|
||||
.pagination.a1 a,
|
||||
.pagination.a1 strong,
|
||||
.pagination.a2 a,
|
||||
.pagination.a2 strong{ border-color:#666;}
|
||||
.pagination.a1 a,
|
||||
.pagination.a1 strong,
|
||||
.pagination.a1 a.prev,
|
||||
.pagination.a1 a.prevEnd,
|
||||
.pagination.a1 a.next,
|
||||
.pagination.a1 a.nextEnd,
|
||||
.pagination.a2 a,
|
||||
.pagination.a2 strong,
|
||||
.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;}
|
||||
|
||||
|
||||
|
|
@ -1,54 +1,43 @@
|
|||
@charset "utf-8";
|
||||
/* NHN > UIT Center > Open UI Platform Team > Jeong Chan Myeong(dece24@nhncorp.com) */
|
||||
|
||||
body{ background:#fff;}
|
||||
.displayNone{ display:none;}
|
||||
|
||||
/* Board Reset */
|
||||
.board{ font-family:"나눔고딕", NanumGothic, "맑은 고딕", MalgunGothic, AppleGothic, "굴림", Gulim, "돋움", Dotum, Tahoma, Sans-serif; line-height:normal; font-size:.8em;}
|
||||
.board{ font-family:NanumGothic, MalgunGothic, AppleGothic, Gulim, Dotum, Tahoma, Sans-serif; line-height:normal; font-size:.8em;}
|
||||
.board *{ font-size:1em;}
|
||||
.board label{ cursor:pointer;}
|
||||
.board img{ border:0;}
|
||||
.board a{ text-decoration:none; color:#000;}
|
||||
.board a{ text-decoration:none;}
|
||||
.board a:hover,
|
||||
.board a:active,
|
||||
.board a:focus{ text-decoration:underline;}
|
||||
|
||||
/* Board Type */
|
||||
.board.classic{}
|
||||
.board.zine{}
|
||||
.board.gallery{}
|
||||
|
||||
/* Board Header */
|
||||
.boardHeader{}
|
||||
.boardHeader *{ margin:0; padding:0;}
|
||||
.boardHeader .boardTitle{ font-size:1.5em; letter-spacing:-.1em; margin-bottom:10px; border-bottom:3px solid #ddd; *zoom:1; background:url(../images/white/iconBoardHeading.gif) no-repeat left center;}
|
||||
.boardHeader .boardTitle{ font-size:1.5em; letter-spacing:-.1em; margin-bottom:10px; border-bottom:3px solid; *zoom:1; background-repeat:no-repeat; background-position:left center;}
|
||||
.boardHeader .boardTitle:after{ content:""; display:block; clear:both;}
|
||||
.boardHeader .boardTitleText{ float:left; clear:both; margin-bottom:-3px; padding:5px 15px 5px 22px; border-bottom:3px solid #666; background:url(../images/white/lineVr11.gif) no-repeat right bottom;}
|
||||
.boardHeader .boardTitleText a{ color:#000; text-decoration:none;}
|
||||
.boardHeader .boardTitleText em{ font-style:normal; font-weight:normal; color:#666;}
|
||||
.boardHeader .boardDescription{ position:relative; padding:7px 15px; -moz-border-radius:3px; -webkit-border-radius:3px; background:#f8f8f8; }
|
||||
.boardHeader .boardTitleText{ float:left; clear:both; margin-bottom:-3px; padding:5px 15px 5px 22px; border-bottom:3px solid; background-repeat:no-repeat; background-position:right bottom;}
|
||||
.boardHeader .boardTitleText a{ text-decoration:none;}
|
||||
.boardHeader .boardTitleText em{ font-style:normal; font-weight:normal;}
|
||||
.boardHeader .boardDescription{ position:relative; padding:7px 15px; -moz-border-radius:3px; -webkit-border-radius:3px; }
|
||||
|
||||
/* Board Information */
|
||||
.boardInformation{ position:relative; width:100%; padding:10px 0; font-size:.85em; line-height:normal; *zoom:1;}
|
||||
.boardInformation *{ margin:0; padding:0;}
|
||||
.boardInformation:after{ content:""; display:block; float:none; clear:both;}
|
||||
.boardInformation ul{ position:relative; overflow:hidden;}
|
||||
.boardInformation li{ list-style:none; position:relative; left:-1px; display:block; float:left; padding:0 7px; background:url(../images/white/lineVr11.gif) no-repeat left center;}
|
||||
.boardInformation em,
|
||||
.boardInformation strong{ color:#ff6600;}
|
||||
.boardInformation li{ list-style:none; position:relative; left:-1px; display:block; float:left; padding:0 7px; background-repeat:no-repeat; background-position:left center;}
|
||||
.boardInformation strong{ font:bold 11px Tahoma;}
|
||||
.boardInformation .infoLeft{ padding-left:18px; float:left; background:url(../images/white/iconArticle.gif) no-repeat left center;}
|
||||
.boardInformation .infoLeft{ padding-left:18px; float:left; background-repeat:no-repeat; background-position:left center;}
|
||||
.boardInformation .infoRight{ float:right;}
|
||||
.boardInformation .infoRight li.icon{ background:none; padding:0; margin-right:3px;}
|
||||
.boardInformation .infoRight li.icon a{ display:block; float:left; width:12px; height:12px; overflow:hidden;}
|
||||
.boardInformation .infoRight li.icon{ padding:0; margin-right:3px;}
|
||||
.boardInformation .infoRight li.icon a{ display:block; float:left; width:12px; height:12px; overflow:hidden; background-repeat:no-repeat;}
|
||||
.boardInformation .infoRight li.icon a span{ display:block; width:12px; height:12px; position:relative; z-index:-1; visibility:hidden;}
|
||||
.boardInformation .infoRight li.rss a{ background:url(../images/white/iconRss.gif) no-repeat;}
|
||||
.boardInformation .infoRight li.tag_info a{ background:url(../images/white/iconTags.gif) no-repeat;}
|
||||
.boardInformation .infoRight li.listTypeClassic a{ background:url(../images/white/listTypeClassic.gif) no-repeat;}
|
||||
.boardInformation .infoRight li.listTypeZine a{ background:url(../images/white/listTypeZine.gif) no-repeat;}
|
||||
.boardInformation .infoRight li.listTypeGallery a{ background:url(../images/white/listTypeGallery.gif) no-repeat;}
|
||||
.boardInformation .infoRight li.contributors a{ background:url(../images/white/iconContributors.gif) no-repeat;}
|
||||
.boardInformation .infoRight li.rss a{ background-position:0 0;}
|
||||
.boardInformation .infoRight li.tag_info a{ background-position:-12px 0;}
|
||||
.boardInformation .infoRight li.listTypeClassic a{ background-position:-24px 0;}
|
||||
.boardInformation .infoRight li.listTypeZine a{ background-position:-36px 0;}
|
||||
.boardInformation .infoRight li.listTypeGallery a{ background-position:-48px 0;}
|
||||
.boardInformation .infoRight li.contributors a{ background-position:-60px 0;}
|
||||
|
||||
/* Board List Form */
|
||||
.boardListForm{ margin:0; line-height:normal;}
|
||||
|
|
@ -57,59 +46,55 @@ body{ background:#fff;}
|
|||
.boardListForm fieldset:after{ content:""; display:block; float:none; clear:both;}
|
||||
.boardListForm legend{ position:absolute; width:0; height:0; overflow:hidden; font:0/0 Sans-serif; visibility:hidden;}
|
||||
.boardListForm em,
|
||||
.boardListForm strong{ font-style:normal; color:#ff6600;}
|
||||
.boardListForm strong{ font-style:normal;}
|
||||
|
||||
/* Board List */
|
||||
.boardList{ border:0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; width:100%;}
|
||||
.boardList{ border:0; border-top:1px solid; border-bottom:1px solid; width:100%;}
|
||||
.boardList .inputCheck{ width:13px; height:13px;}
|
||||
.boardList .jumpTo{ float:left;}
|
||||
.boardList .jumpTo *{ vertical-align:middle; *vertical-align:top;}
|
||||
.boardList .jumpTo select{ font-size:12px; *margin-right:5px;}
|
||||
.boardList .jumpTo button{ border:0; padding:0; margin:0; width:22px; height:20px; text-align:center; background:url(../images/white/buttonBg2byte.gif) no-repeat; font-size:11px; letter-spacing:-1px; cursor:pointer; line-height:20px;}
|
||||
.boardList tr.notice{ background:#f8f8f8;}
|
||||
.boardList tr.bg1{ background:#fff;}
|
||||
.boardList tr.bg2{ background:#fbfbfb;}
|
||||
.boardList th{ border:0; border-bottom:1px solid #fff; padding:7px; white-space:nowrap; text-align:center; color:#333; background:#fff url(../images/white/bgThDefault.gif) repeat-x left bottom; line-height:normal;}
|
||||
.boardList .jumpTo button{ border:0; padding:0; margin:0; width:22px; height:20px; text-align:center; background-repeat:no-repeat; font-size:11px; letter-spacing:-1px; cursor:pointer; line-height:20px;}
|
||||
.boardList th{ border:0; border-bottom:1px solid; padding:7px; white-space:nowrap; text-align:center; background-repeat:repeat-x; background-position:left bottom; line-height:normal;}
|
||||
.boardList th.title{ width:100%;}
|
||||
.boardList th a{ color:#1978AD;}
|
||||
.boardList th a .sort{ vertical-align:middle; margin:0 5px;}
|
||||
.boardList td{ border:0; border-top:1px solid #eee; padding:6px; white-space:nowrap; text-align:center; color:#666; line-height:normal; vertical-align:top;}
|
||||
.boardList td{ border:0; border-top:1px solid; padding:6px; white-space:nowrap; text-align:center; line-height:normal; vertical-align:top;}
|
||||
.boardList td.num{ font:11px Tahoma;}
|
||||
.boardList td.check{ font:11px Tahoma;}
|
||||
.boardList td .category{ color:#000; padding-right:7px; margin-right:2px; background:url(../images/white/lineVr11.gif) no-repeat right center;}
|
||||
.boardList td .category{ padding-right:7px; margin-right:2px; background-repeat:no-repeat; background-position:right center;}
|
||||
.boardList td.title{ width:100%; white-space:normal; text-align:left;}
|
||||
.boardList td.title .replyNum{ font:11px Tahoma; color:#ccc;}
|
||||
.boardList td.title .replyNum sup{ font:10px Tahoma; color:#999;}
|
||||
.boardList td.title .replyNum{ font:11px Tahoma;}
|
||||
.boardList td.title .replyNum sup{ font:10px Tahoma;}
|
||||
.boardList td.author{}
|
||||
.boardList td.reading{ font:11px Tahoma;}
|
||||
.boardList td.recommend{ font:11px Tahoma;}
|
||||
.boardList td.date{ font:11px Tahoma;}
|
||||
|
||||
.boardList td.summary { text-align:left; border-top-style:dotted; white-space:normal;}
|
||||
.boardList td.summary .thumb{ display:block; float:left; padding:2px; border:1px solid #ddd; background:#fff; margin-right:10px;}
|
||||
.boardList td.summary .thumb{ display:block; float:left; padding:2px; border:1px solid; margin-right:10px;}
|
||||
.boardList td.summary .thumb img{ display:block;}
|
||||
|
||||
.thumbHeader{ 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; text-align:right; *zoom:1;}
|
||||
.thumbHeader{ border:0; border-top:1px solid; border-bottom:1px solid; padding:7px; font-weight:bold; white-space:nowrap; background-repeat:repeat-x; background-position:left bottom; line-height:normal; text-align:right; *zoom:1;}
|
||||
.thumbHeader:after{ content:""; display:block; clear:both;}
|
||||
.thumbHeader .left{ float:left;}
|
||||
.thumbHeader .left input{ width:13px; height:13px; margin-right:10px;}
|
||||
.thumbHeader .right{ float:right;}
|
||||
.thumbHeader *{ vertical-align:middle;}
|
||||
.thumbHeader a{ margin:0 10px; color:#1978AD;}
|
||||
.thumbHeader a{ margin:0 10px;}
|
||||
.thumbHeader .jumpTo *{ vertical-align:middle; *vertical-align:top;}
|
||||
.thumbHeader .jumpTo select{ font-size:12px; *margin-right:5px;}
|
||||
.thumbHeader .jumpTo button{ border:0; padding:0; margin:0; width:22px; height:20px; text-align:center; background:url(../images/white/buttonBg2byte.gif) no-repeat; font-size:11px; letter-spacing:-1px; cursor:pointer; line-height:20px;}
|
||||
.thumbHeader .jumpTo button{ border:0; padding:0; margin:0; width:22px; height:20px; text-align:center; background-repeat:no-repeat; font-size:11px; letter-spacing:-1px; cursor:pointer; line-height:20px;}
|
||||
.thumbHeader .sort{ vertical-align:middle; margin:0 5px;}
|
||||
|
||||
.thumbList{ border-bottom:1px solid #ddd; *zoom:1;}
|
||||
.thumbList{ border-bottom:1px solid; *zoom:1;}
|
||||
.thumbList:after{ content:""; display:block; clear:both;}
|
||||
.thumbList li{ margin:10px; list-style:none; overflow:hidden; float:left;}
|
||||
.thumbList li .thumb{ position:relative; float:left; clear:both; overflow:hidden; padding:2px; margin-bottom:5px; background:#fff; border:1px solid #ddd;}
|
||||
.thumbList li .thumb{ position:relative; float:left; clear:both; overflow:hidden; padding:2px; margin-bottom:5px; border:1px solid;}
|
||||
.thumbList li .thumb a{ position:relative; display:block;}
|
||||
.thumbList li .thumb a *{ cursor:pointer;}
|
||||
.thumbList li .thumb a img{ display:block;}
|
||||
.thumbList li .thumb a .text{ position:absolute; left:0; top:50%; margin-top:-.8em; *margin-top:-1.5em; display:block; width:100%; text-align:center; font-size:2em; font-weight:bold; color:#ccc; white-space:nowrap; letter-spacing:-1px;}
|
||||
.thumbList li .thumb a .category{ position:absolute; left:0; bottom:0; width:100%; padding:2px 0; background:#000; white-space:nowrap; opacity:.6; filter:alpha(opacity=60); color:#fff; text-indent:4px;}
|
||||
.thumbList li .thumb a .text{ position:absolute; left:0; top:50%; margin-top:-.8em; *margin-top:-1.5em; display:block; width:100%; text-align:center; font-size:2em; font-weight:bold; white-space:nowrap; letter-spacing:-1px;}
|
||||
.thumbList li .thumb a .category{ position:absolute; left:0; bottom:0; width:100%; padding:2px 0; white-space:nowrap; text-indent:4px;}
|
||||
.thumbList li .title{ clear:both; white-space:nowrap; margin-bottom:3px;}
|
||||
.thumbList li .title input{ width:13px; height:13px; vertical-align:middle; white-space:nowrap;}
|
||||
.thumbList li .author{}
|
||||
|
|
@ -118,11 +103,11 @@ body{ background:#fff;}
|
|||
.thumbList li .date{ font:11px Tahoma;}
|
||||
|
||||
/* Board Navigation */
|
||||
.boardNavigation{ position:relative; padding:10px 0; *zoom:1; text-align:center;}
|
||||
.boardNavigation:after{ content:""; display:block; float:none; clear:both;}
|
||||
.boardNavigation .pagination{ padding:5px 0;}
|
||||
.boardNavigation .buttonLeft{ float:left; text-align:left;}
|
||||
.boardNavigation .buttonRight{ float:right; text-align:right;}
|
||||
.board .boardNavigation{ position:relative; padding:10px 0; *zoom:1; text-align:center;}
|
||||
.board .boardNavigation:after{ content:""; display:block; float:none; clear:both;}
|
||||
.board .boardNavigation .pagination{ padding:5px 0;}
|
||||
.board .boardNavigation .buttonLeft{ float:left; text-align:left;}
|
||||
.board .boardNavigation .buttonRight{ float:right; text-align:right;}
|
||||
|
||||
/* Search Form */
|
||||
.boardSearchForm{ margin:0; font-size:.75em; line-height:normal;}
|
||||
|
|
@ -132,7 +117,7 @@ body{ background:#fff;}
|
|||
.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 #ccc; width:140px; height:15px; padding:4px 4px 2px 4px; font-size:12px; *margin:-1px 0;}
|
||||
.boardSearchForm .inputText{ border:1px solid; width:140px; height:15px; padding:4px 4px 2px 4px; font-size:12px; *margin:-1px 0;}
|
||||
|
||||
/* Board Read */
|
||||
.boardRead{}
|
||||
|
|
@ -144,37 +129,36 @@ body{ background:#fff;}
|
|||
.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 #ddd; border-bottom:1px solid #ddd; line-height:1.5em;}
|
||||
.boardReadBody{ padding:15px 0; border-top:1px solid; 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 .memberSignature{ border:1px dotted #ddd;}
|
||||
.boardReadBody .memberSignature{ border:1px dotted;}
|
||||
.boardReadBody .memberSignature .signature{ margin:10px;}
|
||||
|
||||
.boardReadFooter{ padding:10px 0; *zoom:1; color:#666; line-height:1em; font:11px Tahoma;}
|
||||
.boardReadFooter{ padding:10px 0; *zoom:1; line-height:1em; font:11px Tahoma;}
|
||||
.boardReadFooter:after{ content:""; display:block; float:none; clear:both;}
|
||||
.boardReadFooter *{ margin:0; padding:0;}
|
||||
.boardReadFooter a{ color:#666; text-decoration:underline; position:relative;}
|
||||
.boardReadFooter a{ text-decoration:underline; position:relative;}
|
||||
.boardReadFooter .footerLeft{ float:left;}
|
||||
.boardReadFooter .footerRight{ float:right;}
|
||||
.boardReadFooter dl{ clear:both; position:relative;}
|
||||
.boardReadFooter dt{ position:relative; z-index:2; display:inline; padding-right:5px; font-weight:bold; background:#fff;}
|
||||
.boardReadFooter dd{ position:relative; z-index:1; left:-5px; display:inline; padding-left:7px; margin-right:5px; background:url(../images/white/lineVr11.gif) no-repeat left center; *zoom:1;}
|
||||
.boardReadFooter dt{ position:relative; z-index:2; display:inline; padding-right:5px; font-weight:bold;}
|
||||
.boardReadFooter dd{ position:relative; z-index:1; left:-5px; display:inline; padding-left:7px; margin-right:5px; background-repeat:no-repeat; background-position:left center; *zoom:1;}
|
||||
.boardReadFooter .footerRight dl{ float:right;}
|
||||
.boardReadFooter .footerRight dl.noBr{ position:relative; left:5px; float:right; clear:both; overflow:hidden; white-space:nowrap;}
|
||||
.boardReadFooter .footerRight dl.noBr dt{ position:relative; left:-1px; padding-left:10px; background:url(../images/white/lineVr11.gif) no-repeat left center;}
|
||||
.boardReadFooter .footerRight dl.noBr dt{ position:relative; left:-1px; padding-left:10px; background-repeat:no-repeat; background-position:left center;}
|
||||
.boardReadFooter .footerRight dl.noBr dd{ margin-right:5px;}
|
||||
|
||||
.boardRead .boardNavigation{ border-top:1px solid #ddd;}
|
||||
.boardRead .boardNavigation{ border-top:1px solid;}
|
||||
|
||||
.feedbackList{ position:relative; overflow:hidden; padding-top:15px; margin-bottom:10px; color:#666;}
|
||||
.feedbackList{ position:relative; overflow:hidden; padding-top:15px; margin-bottom:10px; }
|
||||
.feedbackList *{ margin:0; padding:0;}
|
||||
.feedbackList .feedbackHeader{ position:relative; font-weight:bold; color:#000; margin-bottom:10px; font-size:1.5em;}
|
||||
.feedbackList .feedbackHeader strong{ color:#ff6600;}
|
||||
.feedbackList .feedbackHeader{ position:relative; font-weight:bold; margin-bottom:10px; font-size:1.5em;}
|
||||
|
||||
.feedbackList .item{ position:relative; padding-top:10px; margin-bottom:10px; border-top:1px dashed #ddd;}
|
||||
.feedbackList .item{ position:relative; padding-top:10px; margin-bottom:10px; border-top:1px dashed;}
|
||||
.feedbackList .item .indent{ position:relative;}
|
||||
.feedbackList .reply .indent{ border-left:2px solid #eee; padding-left:10px;}
|
||||
.feedbackList .reply .indent{ border-left:2px solid; padding-left:10px;}
|
||||
.feedbackList .item .header{ font-size:1.5em; margin-bottom:5px;}
|
||||
.feedbackList .item .header a{ font-size:1em;}
|
||||
.feedbackList .item .comment_popup_menu{ text-align:right; margin-bottom:10px;}
|
||||
|
|
@ -183,31 +167,31 @@ body{ background:#fff;}
|
|||
|
||||
/* Time */
|
||||
.time{ position:absolute; top:10px; right:0;}
|
||||
.time *{ position:relative; font-size:11px; font-family:Tahoma; color:#666; display:inline;}
|
||||
.time dt{ z-index:2; display:inline; padding-right:5px; font-weight:bold; background:#fff;}
|
||||
.time dd{ z-index:1; left:-5px; display:inline; padding-left:7px; margin-right:3px; background:url(../images/white/lineVr11.gif) no-repeat left center;}
|
||||
.time *{ position:relative; font-size:11px; font-family:Tahoma; display:inline;}
|
||||
.time dt{ z-index:2; display:inline; padding-right:5px; font-weight:bold;}
|
||||
.time dd{ z-index:1; left:-5px; display:inline; padding-left:7px; margin-right:3px; background-repeat:no-repeat; background-position:left center;}
|
||||
|
||||
/* Attached File */
|
||||
.attachedFile{ position:relative; margin:0; padding:0; border:none;}
|
||||
.item .attachedFile{ position:absolute; left:0; bottom:0;}
|
||||
.reply .attachedFile{ position:absolute; left:10px; bottom:0;}
|
||||
.attachedFile *{ position:relative; font-size:11px; font-family:Tahoma; color:#666; display:inline;}
|
||||
.attachedFile dt{ z-index:2; display:inline; padding-right:5px; font-weight:bold; background:#fff;}
|
||||
.attachedFile dd{ z-index:1; left:-5px; display:inline; padding-left:7px; margin-right:5px; background:url(../images/white/lineVr11.gif) no-repeat left center; *zoom:1;}
|
||||
.attachedFile dd a{ position:relative; text-decoration:underline; color:#666;}
|
||||
.attachedFile dd a .bubble{ position:absolute; display:none; text-decoration:none; background:#f8f8f8; white-space:nowrap; border:1px solid #ddd; padding:2px 5px; left:0; top:-20px; cursor:pointer;}
|
||||
.attachedFile *{ position:relative; font-size:11px; font-family:Tahoma; display:inline;}
|
||||
.attachedFile dt{ z-index:2; display:inline; padding-right:5px; font-weight:bold;}
|
||||
.attachedFile dd{ z-index:1; left:-5px; display:inline; padding-left:7px; margin-right:5px; background-repeat:no-repeat; background-position:left center; *zoom:1;}
|
||||
.attachedFile dd a{ position:relative; text-decoration:underline;}
|
||||
.attachedFile dd a .bubble{ position:absolute; display:none; text-decoration:none; white-space:nowrap; border:1px solid; padding:2px 5px; left:0; top:-20px; cursor:pointer;}
|
||||
.attachedFile dd a:hover .bubble,
|
||||
.attachedFile dd a:active .bubble,
|
||||
.attachedFile dd a:focus .bubble{ display:block;}
|
||||
|
||||
.replyForm{ padding:10px 20px 15px 20px; font-size:.75em; color:#666; margin-bottom:20px; background:#f4f4f4; -moz-border-radius:10px; -webkit-border-radius:10px;}
|
||||
.replyForm{ padding:10px 20px 15px 20px; font-size:.75em; margin-bottom:20px; -moz-border-radius:10px; -webkit-border-radius:10px;}
|
||||
.replyForm *{ margin:0; padding:0;}
|
||||
.replyForm fieldset{ border:0; position:relative;}
|
||||
.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; color:#000; margin-bottom:10px;}
|
||||
.replyForm textarea{ position:relative; width:95%; height:150px; border:1px solid #ccc; font-size:1em; overflow:auto; padding:10px; margin-bottom:10px;}
|
||||
.replyForm .inputText{ border:1px solid #ccc; padding:2px 4px 4px 4px; width:190px; height:15px; vertical-align:middle; *margin:-1px 0;}
|
||||
.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 dl{ margin-bottom:10px;}
|
||||
.replyForm dt{ width:80px; float:left; padding-top:6px; font-weight:bold;}
|
||||
.replyForm dd{ margin-bottom:5px;}
|
||||
|
|
@ -220,20 +204,11 @@ body{ background:#fff;}
|
|||
.boardWrite legend{ position:absolute; width:0; height:0; overflow:hidden; font:0/0 Sans-serif; visibility:hidden;}
|
||||
|
||||
.boardWrite .boardWriteHeader dl{ margin-bottom:5px;}
|
||||
.boardWrite .boardWriteHeader dl *{ vertical-align:middle; font-family:inherit; font-size:inherit;}
|
||||
.boardWrite .boardWriteHeader dl *{ vertical-align:middle;}
|
||||
.boardWrite .boardWriteHeader dt{ font-weight:bold; display:inline;}
|
||||
.boardWrite .boardWriteHeader dd{ display:inline;}
|
||||
.boardWrite .boardWriteHeader .inputText{ border:1px solid #ccc; padding:2px 4px 4px 4px; height:15px; *margin:-1px 0;}
|
||||
|
||||
.boardWrite .boardWriteHeader .userNameAndPw{ margin:0;}
|
||||
.boardWrite .boardWriteHeader .userNameAndPw dl{ display:inline; white-space:nowrap;}
|
||||
.boardWrite .boardWriteHeader .userNameAndPw dt{ position:relative; top:-3px;}
|
||||
.boardWrite .boardWriteHeader .userNameAndPw dd{ margin-right:5px;}
|
||||
.boardWrite .boardWriteHeader .userNameAndPw dd .inputText{ margin-bottom:5px;}
|
||||
.boardWrite .boardWriteHeader .userNameAndPw dd.userName .inputText{ width:80px;}
|
||||
.boardWrite .boardWriteHeader .userNameAndPw dd.userPw .inputText{ width:80px;}
|
||||
.boardWrite .boardWriteHeader .userNameAndPw dd.emailAddress .inputText{ width:120px;}
|
||||
.boardWrite .boardWriteHeader .userNameAndPw dd.homePage .inputText{ width:120px;}
|
||||
.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 dl.title dd{ white-space:nowrap;}
|
||||
.boardWrite .boardWriteHeader dl.title dd .inputText{ width:60%;}
|
||||
|
|
@ -241,30 +216,46 @@ body{ background:#fff;}
|
|||
.boardWrite .boardWriteHeader dl.option input{ width:13px; height:13px;}
|
||||
.boardWrite .boardWriteHeader dl.option dd{ margin-right:5px; white-space:nowrap;}
|
||||
|
||||
.boardWrite .boardWriteBody{ margin-bottom:10px;}
|
||||
.boardWrite .boardWriteBody dt{ padding-top:30px;}
|
||||
.boardWrite .boardWriteBody dd{ _zoom:1;}
|
||||
.boardWrite .boardWriteBody .styleText,
|
||||
.boardWrite .boardWriteBody .plainText,
|
||||
.boardWrite .boardWriteBody .htmlText{ display:none;}
|
||||
.boardWrite .boardWriteBody iframe,
|
||||
.boardWrite .boardWriteBody textarea{ width:95%; height:300px; border:1px solid #ccc; padding:10px; overflow:auto; font-size:1em; margin-bottom:10px;}
|
||||
.boardWrite .boardWriteBody .plainText textarea{ *margin:-1px 0;}
|
||||
.boardWrite .boardWriteBody .active{ display:block;}
|
||||
.boardWrite .boardWriteBody ul{ float:right; position:relative; right:4%;}
|
||||
.boardWrite .boardWriteBody li{ float:left; background:#eee; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-radius-topleft:5px; -webkit-border-radius-topright:5px; margin-left:5px;}
|
||||
.boardWrite .boardWriteBody li a{ display:block; float:left; text-decoration:none; color:#000; height:20px; padding:7px 15px 0 15px; letter-spacing:-1px;}
|
||||
.boardWrite .boardWriteBody li.active a{ font-weight:bold;}
|
||||
.boardWrite .boardWriteFooter .inputFile{ width:97%; border:1px solid #ccc; padding:2px 4px 4px 4px; height:23px;}
|
||||
.boardWrite .boardNavigation{ padding:10px 0; clear:both;}
|
||||
.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 p{ float:left;}
|
||||
|
||||
.boardWrite .boardNavigation,
|
||||
.boardEditor .boardNavigation{ border-top:1px solid;}
|
||||
|
||||
/* UserName & Password */
|
||||
.board .userNameAndPw{ margin:0;}
|
||||
.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;}
|
||||
.board .userNameAndPw dd .inputText{}
|
||||
.board .userNameAndPw dd.userName .inputText{ width:80px;}
|
||||
.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;}
|
||||
|
||||
/* Comment */
|
||||
.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;}
|
||||
|
||||
/* Secret Message */
|
||||
.board .secretMessage{ margin:0;}
|
||||
.board .secretMessage p{ text-align:center; margin:0; font-size:2em;}
|
||||
.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;}
|
||||
|
||||
/* Layer */
|
||||
#waitingforserverresponse { border:2px solid #444444; font-weight:bold; color:#444444; padding: 7px 5px 5px 25px; background:#FFFFFF url("../tpl/images/loading.gif") no-repeat 5px 5px; top:40px; left:40px; position:absolute; z-index:100; visibility:hidden; }
|
||||
#popup_menu_area{ position:absolute; background:#fff; border:2px solid #eee; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0; padding:0; z-index:100;}
|
||||
#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 #ddd; -moz-border-radius:3px; -webkit-border-radius:3px; padding:10px;}
|
||||
#popup_menu_area ul{ border:1px solid; -moz-border-radius:3px; -webkit-border-radius:3px; padding:10px;}
|
||||
#popup_menu_area li{ padding-left:20px; background-repeat:no-repeat; background-position:left center; margin-bottom:3px; *margin-bottom:-2px;}
|
||||
#popup_menu_area li a{ text-decoration:none; color:#000; white-space:nowrap;}
|
||||
#popup_menu_area li a{ text-decoration:none; white-space:nowrap;}
|
||||
#popup_menu_area li a:hover,
|
||||
#popup_menu_area li a:active,
|
||||
#popup_menu_area li a:focus{ font-weight:bold; letter-spacing:-1px;}
|
||||
|
|
|
|||
|
|
@ -19,51 +19,44 @@
|
|||
/* Pagination A1 */
|
||||
.pagination.a1 a,
|
||||
.pagination.a1 strong{ margin:0 -4px; padding:1px 10px 1px 8px; border:none; border-left:1px solid #ccc; border-right:1px solid #ddd; font-weight:bold; font-size:12px; background:#fff;}
|
||||
.pagination.a1 a.prev{ padding-left:10px; background:#fff url(../images/white/arrowPrevA1.gif) no-repeat left center; }
|
||||
.pagination.a1 a.prevEnd{ padding-left:15px; background:#fff url(../images/white/arrowPrevEndA1.gif) no-repeat left center; }
|
||||
.pagination.a1 a.next{ padding-right:10px; background:#fff url(../images/white/arrowNextA1.gif) no-repeat right center; }
|
||||
.pagination.a1 a.nextEnd{ padding-right:15px; background:#fff url(../images/white/arrowNextEndA1.gif) no-repeat right center; }
|
||||
.pagination.a1 a.prev{ padding-left:10px; background:#fff url(../images/common/arrowPrevA1.gif) no-repeat left center; }
|
||||
.pagination.a1 a.prevEnd{ padding-left:15px; background:#fff url(../images/common/arrowPrevEndA1.gif) no-repeat left center; }
|
||||
.pagination.a1 a.next{ padding-right:10px; background:#fff url(../images/common/arrowNextA1.gif) no-repeat right center; }
|
||||
.pagination.a1 a.nextEnd{ padding-right:15px; background:#fff url(../images/common/arrowNextEndA1.gif) no-repeat right center; }
|
||||
|
||||
/* Pagination A2 */
|
||||
.pagination.a2 a,
|
||||
.pagination.a2 strong{ margin:0 -4px; padding:0 10px 0 8px; font-weight:bold; font-size:11px; border:none; border-left:1px solid #ddd; border-right:1px solid #ccc; background:#fff; }
|
||||
.pagination.a2 a.prev{ padding-left:10px; background:#fff url(../images/white/arrowPrevA1.gif) no-repeat left center; }
|
||||
.pagination.a2 a.prevEnd{ padding-left:15px; background:#fff url(../images/white/arrowPrevEndA1.gif) no-repeat left center; }
|
||||
.pagination.a2 a.next{ padding-right:10px; background:#fff url(../images/white/arrowNextA1.gif) no-repeat right center; }
|
||||
.pagination.a2 a.nextEnd{ padding-right:15px; background:#fff url(../images/white/arrowNextEndA1.gif) no-repeat right center; }
|
||||
.pagination.a2 a.prev{ padding-left:10px; background:#fff url(../images/common/arrowPrevA1.gif) no-repeat left center; }
|
||||
.pagination.a2 a.prevEnd{ padding-left:15px; background:#fff url(../images/common/arrowPrevEndA1.gif) no-repeat left center; }
|
||||
.pagination.a2 a.next{ padding-right:10px; background:#fff url(../images/common/arrowNextA1.gif) no-repeat right center; }
|
||||
.pagination.a2 a.nextEnd{ padding-right:15px; background:#fff url(../images/common/arrowNextEndA1.gif) no-repeat right center; }
|
||||
|
||||
/* Pagination B1 */
|
||||
.pagination.b1 a,
|
||||
.pagination.b1 strong{ margin:0 -2px; padding:2px 8px; font-weight:bold; font-size:12px;}
|
||||
.pagination.b1 a.prev{ padding-left:16px; background:url(../images/white/arrowPrevB1.gif) no-repeat left center; }
|
||||
.pagination.b1 a.next{ padding-right:16px; background:url(../images/white/arrowNextB1.gif) no-repeat right center; }
|
||||
.pagination.b1 a.prev{ padding-left:16px; background:url(../images/common/arrowPrevB1.gif) no-repeat left center; }
|
||||
.pagination.b1 a.next{ padding-right:16px; background:url(../images/common/arrowNextB1.gif) no-repeat right center; }
|
||||
|
||||
/* Pagination B2 */
|
||||
.pagination.b2 a,
|
||||
.pagination.b2 strong{ margin:0 -2px; padding:2px 6px; font-size:11px;}
|
||||
.pagination.b2 a.prev{ padding-left:12px; background:url(../images/white/arrowPrevB1.gif) no-repeat left center; }
|
||||
.pagination.b2 a.next{ padding-right:12px; background:url(../images/white/arrowNextB1.gif) no-repeat right center; }
|
||||
.pagination.b2 a.prev{ padding-left:12px; background:url(../images/common/arrowPrevB1.gif) no-repeat left center; }
|
||||
.pagination.b2 a.next{ padding-right:12px; background:url(../images/common/arrowNextB1.gif) no-repeat right center; }
|
||||
|
||||
/* Pagination C1 */
|
||||
.pagination.c1 a,
|
||||
.pagination.c1 strong{ margin:0 -2px; padding:2px 4px; font-size:12px;}
|
||||
.pagination.c1 a.prev,
|
||||
.pagination.c1 a.next{ display:inline-block; width:13px; height:14px; padding:3px 4px; margin:0;}
|
||||
.pagination.c1 a.prev{ background:url(../images/white/arrowPrevC1.gif) no-repeat center;}
|
||||
.pagination.c1 a.next{ background:url(../images/white/arrowNextC1.gif) no-repeat center;}
|
||||
.pagination.c1 a.prev span,
|
||||
.pagination.c1 a.next span{ position:absolute; width:0; height:0; overflow:hidden; visibility:hidden;}
|
||||
.pagination.c1 a.next{ display:inline-block; width:13px; height:14px; padding:3px 4px; margin:0; font-size:0; line-height:0;}
|
||||
.pagination.c1 a.prev{ background:url(../images/common/arrowPrevC1.gif) no-repeat center;}
|
||||
.pagination.c1 a.next{ background:url(../images/common/arrowNextC1.gif) no-repeat center;}
|
||||
|
||||
/* Pagination C2 */
|
||||
.pagination.c2 a,
|
||||
.pagination.c2 strong{ margin:0 -2px; padding:2px 4px; font-size:11px;}
|
||||
.pagination.c2 a.prev,
|
||||
.pagination.c2 a.next{ display:inline-block; width:13px; height:14px; padding:3px 4px; margin:0;}
|
||||
.pagination.c2 a.prev{ background:url(../images/white/arrowPrevC1.gif) no-repeat center;}
|
||||
.pagination.c2 a.next{ background:url(../images/white/arrowNextC1.gif) no-repeat center;}
|
||||
.pagination.c2 a.prev span,
|
||||
.pagination.c2 a.next span{ position:absolute; width:0; height:0; overflow:hidden; visibility:hidden;}
|
||||
|
||||
|
||||
|
||||
.pagination.c2 a.next{ display:inline-block; width:13px; height:14px; padding:3px 4px; margin:0; font-size:0; line-height:0;}
|
||||
.pagination.c2 a.prev{ background:url(../images/common/arrowPrevC1.gif) no-repeat center;}
|
||||
.pagination.c2 a.next{ background:url(../images/common/arrowNextC1.gif) no-repeat center;}
|
||||
|
||||
|
|
|
|||
113
modules/board/skins/xe_default/css/white.css
Normal file
113
modules/board/skins/xe_default/css/white.css
Normal file
|
|
@ -0,0 +1,113 @@
|
|||
@charset "utf-8";
|
||||
/* NHN > UIT Center > Open UI Platform Team > Jeong Chan Myeong(dece24@nhncorp.com) */
|
||||
|
||||
body{ background:#fff; color:#333;}
|
||||
|
||||
/* Board Reset */
|
||||
.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 .boardTitleText a{ color:#000;}
|
||||
.boardHeader .boardTitleText em{ color:#666;}
|
||||
.boardHeader .boardDescription{ background:#f8f8f8; }
|
||||
|
||||
/* Board Information */
|
||||
.boardInformation li{background-image:url(../images/white/lineVr11.gif);}
|
||||
.boardInformation em,
|
||||
.boardInformation strong{ color:#ff6600;}
|
||||
.boardInformation .infoLeft{ background-image:url(../images/common/iconArticle.gif);}
|
||||
.boardInformation .infoRight li.icon{ background:none;}
|
||||
.boardInformation .infoRight li.icon a{ background-image:url(../images/common/icons.gif);}
|
||||
|
||||
/* Board List Form */
|
||||
.boardListForm em,
|
||||
.boardListForm strong{color:#ff6600;}
|
||||
|
||||
/* Board List */
|
||||
.boardList{ border-top-color:#ddd; border-bottom-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; 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 .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 a{ color:#1978AD;}
|
||||
.thumbHeader .jumpTo button{ background-image:url(../images/common/buttonBg2byte.gif);}
|
||||
|
||||
.thumbList{ border-bottom-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;}
|
||||
|
||||
/* Board Navigation */
|
||||
|
||||
/* Search Form */
|
||||
.boardSearchForm .inputText{ border-color:#ccc;}
|
||||
|
||||
/* Board Read */
|
||||
.boardReadBody{ border-top-color:#ddd; border-bottom-color:#ddd;}
|
||||
.boardReadBody .memberSignature{ border-color:#ddd;}
|
||||
|
||||
.boardReadFooter{ color:#666;}
|
||||
.boardReadFooter a{ color:#666;}
|
||||
.boardReadFooter dt{ background:#fff;}
|
||||
.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;}
|
||||
|
||||
.feedbackList{ color:#666;}
|
||||
.feedbackList .feedbackHeader{ color:#000;}
|
||||
.feedbackList .feedbackHeader strong{ color:#ff6600;}
|
||||
|
||||
.feedbackList .item{ border-top-color:#ddd;}
|
||||
.feedbackList .reply .indent{ border-left-color:#eee;}
|
||||
|
||||
/* Time */
|
||||
.time *{ color:#666;}
|
||||
.time dt{ background:#fff;}
|
||||
.time dd{ background-image:url(../images/white/lineVr11.gif);}
|
||||
|
||||
/* Attached File */
|
||||
.attachedFile *{ color:#666;}
|
||||
.attachedFile dt{ background:#fff;}
|
||||
.attachedFile dd{ background-image:url(../images/white/lineVr11.gif);}
|
||||
.attachedFile dd a{ color:#666;}
|
||||
.attachedFile dd a .bubble{ background:#f8f8f8; border-color:#ddd;}
|
||||
|
||||
.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;}
|
||||
|
||||
/* UserName & Password */
|
||||
.board .userNameAndPw dd .inputText{ border-color:#ccc;}
|
||||
|
||||
/* Comment */
|
||||
.board .boardEditor{ border-color:#ddd; background:#f8f8f8;}
|
||||
.board .commentEditor .commentHeader{border-bottom-color:#ddd; color:#000;}
|
||||
|
||||
/* Secret Message */
|
||||
.board .secretMessage dd .inputText{ border-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;}
|
||||
BIN
modules/board/skins/xe_default/images/black/bgThDefault.gif
Normal file
BIN
modules/board/skins/xe_default/images/black/bgThDefault.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 155 B |
BIN
modules/board/skins/xe_default/images/black/lineVr11.gif
Normal file
BIN
modules/board/skins/xe_default/images/black/lineVr11.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 44 B |
|
Before Width: | Height: | Size: 46 B After Width: | Height: | Size: 46 B |
|
Before Width: | Height: | Size: 51 B After Width: | Height: | Size: 51 B |
|
Before Width: | Height: | Size: 152 B After Width: | Height: | Size: 152 B |
|
Before Width: | Height: | Size: 52 B After Width: | Height: | Size: 52 B |
|
Before Width: | Height: | Size: 47 B After Width: | Height: | Size: 47 B |
|
Before Width: | Height: | Size: 51 B After Width: | Height: | Size: 51 B |
|
Before Width: | Height: | Size: 151 B After Width: | Height: | Size: 151 B |
|
Before Width: | Height: | Size: 51 B After Width: | Height: | Size: 51 B |
|
Before Width: | Height: | Size: 258 B After Width: | Height: | Size: 258 B |
|
Before Width: | Height: | Size: 219 B After Width: | Height: | Size: 219 B |
|
Before Width: | Height: | Size: 79 B After Width: | Height: | Size: 79 B |
BIN
modules/board/skins/xe_default/images/common/icons.gif
Normal file
BIN
modules/board/skins/xe_default/images/common/icons.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 522 B |
Binary file not shown.
|
Before Width: | Height: | Size: 70 B |
Binary file not shown.
|
Before Width: | Height: | Size: 351 B |
Binary file not shown.
|
Before Width: | Height: | Size: 68 B |
Binary file not shown.
|
Before Width: | Height: | Size: 68 B |
Binary file not shown.
|
Before Width: | Height: | Size: 73 B |
Binary file not shown.
|
Before Width: | Height: | Size: 70 B |
|
|
@ -37,7 +37,7 @@
|
|||
</div>
|
||||
|
||||
<div class="buttonRight">
|
||||
<a href="{getUrl('act','dispBoardWrite','document_srl','')}" class="button green"><span>{$lang->cmd_write}</span></a>
|
||||
<a href="{getUrl('act','dispBoardWrite','document_srl','')}" class="button green strong"><span>{$lang->cmd_write}</span></a>
|
||||
</div>
|
||||
|
||||
<!-- 페이지 네비게이션 -->
|
||||
|
|
@ -68,7 +68,7 @@
|
|||
<option value="{$key}" <!--@if($search_target==$key)-->selected="selected"<!--@end-->>{$val}</option>
|
||||
<!--@end-->
|
||||
</select>
|
||||
<input type="text" name="search_keyword" value="{htmlspecialchars($search_keyword)}" class="inputText"/>
|
||||
<input type="text" name="search_keyword" value="{htmlspecialchars($search_keyword)}" class="inputText" accesskey="S" title="{$lang->cmd_search}" />
|
||||
<!--@if($last_division)-->
|
||||
<a href="{getUrl('page',1,'document_srl','','division',$last_division,'last_division','')}" class="button"><span>{$lang->cmd_search_next}</span></a>
|
||||
<!--@end-->
|
||||
|
|
|
|||
|
|
@ -42,17 +42,18 @@
|
|||
<div class="boardReadBody">
|
||||
<!--@if($oDocument->isSecret() && !$oDocument->isGranted())-->
|
||||
<!--%import("filter/input_password.xml")-->
|
||||
<div class="secretContent">
|
||||
<form action="./" method="get" onsubmit="return procFilter(this, input_password)">
|
||||
<input type="hidden" name="mid" value="{$mid}" />
|
||||
<input type="hidden" name="page" value="{$page}" />
|
||||
<input type="hidden" name="document_srl" value="{$oDocument->document_srl}" />
|
||||
<form action="./" method="get" onsubmit="return procFilter(this, input_password)" class="secretMessage">
|
||||
<input type="hidden" name="mid" value="{$mid}" />
|
||||
<input type="hidden" name="page" value="{$page}" />
|
||||
<input type="hidden" name="document_srl" value="{$oDocument->document_srl}" />
|
||||
|
||||
<div class="title">{$lang->msg_is_secret}</div>
|
||||
<div class="content"><input type="password" name="password" id="cpw" class="inputTypeText" /><span class="button"><input type="submit" value="{$lang->cmd_input}" accesskey="s" /></span></div>
|
||||
<p>"{$lang->msg_is_secret}"</p>
|
||||
<dl>
|
||||
<dt><label for="cpw">비밀번호</label> :</dt>
|
||||
<dd><input type="password" name="password" id="cpw" class="inputText" /><span class="button red"><input type="submit" value="{$lang->cmd_input}" /></span></dd>
|
||||
</dl>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
</form>
|
||||
<!--@else-->
|
||||
{$oDocument->getContent()}
|
||||
<!--@end-->
|
||||
|
|
@ -168,19 +169,28 @@
|
|||
<input type="hidden" name="comment_srl" value="" />
|
||||
<input type="hidden" name="content" value="" />
|
||||
<div class="boardWrite commentEditor">
|
||||
|
||||
<h3 class="commentHeader">댓글 쓰기</h3>
|
||||
|
||||
<div class="userNameAndPw">
|
||||
<!--@if(!$is_logged)-->
|
||||
<label for="userName">{$lang->writer}</label>
|
||||
<input type="text" name="nick_name" value="" class="userName inputTypeText" id="userName"/>
|
||||
<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>
|
||||
|
||||
<label for="userPw">{$lang->password}</label>
|
||||
<input type="password" name="password" value="" id="userPw" class="userPw inputTypeText" />
|
||||
|
||||
<label for="emailAddress">{$lang->email_address}</label>
|
||||
<input type="text" name="email_address" value="" id="emailAddress" class="emailAddress inputTypeText"/>
|
||||
|
||||
<label for="homePage">{$lang->homepage}</label>
|
||||
<input type="text" name="homepage" value="" id="homePage" class="homePage inputTypeText"/>
|
||||
<!--@else-->
|
||||
<input type="checkbox" name="notify_message" value="Y" id="notify_message" />
|
||||
<label for="notify_message">{$lang->notify}</label>
|
||||
|
|
@ -192,10 +202,12 @@
|
|||
</div>
|
||||
|
||||
<div class="editor">{$oDocument->getCommentEditor()}</div>
|
||||
|
||||
<div class="boardNavigation">
|
||||
<span class="button red"><input type="submit" value="{$lang->cmd_comment_registration}" accesskey="s" /></span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="commentButton tRight">
|
||||
<span class="button"><input type="submit" value="{$lang->cmd_comment_registration}" accesskey="s" /></span>
|
||||
</div>
|
||||
</form>
|
||||
<!--@end-->
|
||||
|
|
|
|||
|
|
@ -111,8 +111,8 @@
|
|||
<div class="editor">{$oDocument->getEditor()}</div>
|
||||
|
||||
<div class="tag">
|
||||
<input type="text" name="tags" value="{htmlspecialchars($oDocument->get('tags'))}" class="inputTypeText" />
|
||||
<p class="info">{$lang->about_tag}</p>
|
||||
<input type="text" name="tags" value="{htmlspecialchars($oDocument->get('tags'))}" class="inputTypeText" title="Tag" />
|
||||
<p>{$lang->about_tag}</p>
|
||||
</div>
|
||||
|
||||
<div class="boardNavigation">
|
||||
|
|
@ -127,7 +127,7 @@
|
|||
<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 black"><input type="submit" value="{$lang->cmd_registration}" accesskey="s" /></span>
|
||||
<span class="button red strong"><input type="submit" value="{$lang->cmd_registration}" accesskey="s" /></span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue