Planet UI Debugging

git-svn-id: http://xe-core.googlecode.com/svn/sandbox@4964 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
ChanMyeong 2008-11-24 08:07:37 +00:00
parent 3ad2069f34
commit 177780fa22
10 changed files with 188 additions and 186 deletions

View file

@ -1,3 +1,15 @@
<!--@if($page_navigation->total_page>1)-->
<div class="pagination">
<!--@if($page_navigation->cur_page<$page_navigation->last_page)-->
<a href="{getUrl('page',$page_navigation->cur_page+1)}" class="prev">{$lang->cmd_prev}</a>
<!--@end-->
<!--@if($page_navigation->cur_page>1)-->
<a href="{getUrl('page',$page_navigation->cur_page-1)}" class="next">{$lang->cmd_next}</a>
<!--@end-->
</div>
<!--@end-->
<!--@foreach($content_list as $no => $item)-->
<div id="commentBody:{$item->get('document_srl')}" class="commentBody <!--@if($planet->getMid() == $item->getPlanetMid())-->myPlanet<!--@end-->">
<!--// Original Text -->

View file

@ -24,25 +24,34 @@ button *{position:relative;}
button span{ position:absolute; width:0; height:0; font:0/0 Sans-serif; visibility:hidden;}
.inputText, textarea{*margin:-1px 0; border:1px solid;}
.inputCheck, .inputRadio{width:13px; height:13px;}
.blind, legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
.blind, legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0 !important; line-height:0;}
/* Layout */
#container {}
#header{ position:relative; z-index:30; height:65px; float:left; clear:both;}
#header{ position:relative; z-index:30; float:left; clear:both; height:80px; font-family:"Malgun Gothic", AppleGothic, Dotum, Sans-serif;}
#header *{ margin:0; padding:0;}
#header li{ list-style:none;}
#body{ clear:both; z-index:20;}
.nTop #navigation{ top:-65px !important; z-index:100; }
.nTop #navigation{ top:-80px !important; z-index:100; }
.nTop #navigation .gnb ul{ margin:0;}
.nTop #navigation li{ list-style:none;}
.buttonArea{ text-align:center;}
.languageSelect { position:absolute; right:30px; top:10px; }
.languageSelect { position:absolute; right:0; top:-30px; }
.languageSelect select{ font-size:12px;}
/* Heading */
h1 { position:relative; top:-10px;}
h1 { position:relative; top:-10px; white-space:nowrap;}
h1, x:-moz-any-link{ top:0;}
h1, x:-moz-any-link, x:default{ top:-10px;}
h1 a{ font:bold 30px "Malgun Gothic", AppleGothic, Dotum, Sans-serif; color:#000; letter-spacing:-3px; text-decoration:none !important;}
h1 a{ font-weight:bold; font-size:30px; color:#000; letter-spacing:-3px; text-decoration:none !important;}
/* Time Navigation */
.timeNav{ font-size:.8em; white-space:nowrap;}
.timeNav .prev,
.timeNav .next{ display:inline-block; font-weight:bold; color:#000; padding:0 3px !important; text-decoration:none;}
.timeNav a:hover,
.timeNav a:activfe,
.timeNav a:focus{ border:1px solid #fff !important; width:18px; height:18px;}
/* Footer */
#footer{margin:0; clear:both; text-align:center; padding:30px 0;}
@ -72,64 +81,62 @@ h1 a{ font:bold 30px "Malgun Gothic", AppleGothic, Dotum, Sans-serif; color:#000
.gnb{ position:relative; float:right; margin-left:20px; }
.gnb ul{ margin:0; padding:0; position:relative; float:left; overflow:hidden;}
.gnb ul li{ position:relative; float:left;}
.gnb ul li a{ position:relative; display:block; float:left; background:url(../images/buttonGnb.gif) no-repeat center top; padding:11px 25px 11px 25px; font:11px AppleGothic, Dotum, Gulim, Sans-serif; color:#fff !important; text-decoration:none !important; letter-spacing:-1px; white-space:nowrap;}
.gnb ul li.active a{ opacity:0.7; filter:alpha(opacity=70);}
.gnb ul li a{ position:relative; display:block; float:left; background:url(../images/buttonGnb.gif) no-repeat center top; padding:11px 25px 11px 25px; font:12px AppleGothic, Dotum, Gulim, Sans-serif; color:#fff !important; text-decoration:none !important; letter-spacing:-1px; white-space:nowrap;}
.gnb ul li.active a{ opacity:0.7; filter:alpha(opacity=70); font-weight:bold;}
.gnb ul li a:hover,
.gnb ul li a:active,
.gnb ul li a:focus{ opacity:0.9; filter:alpha(opacity=90);}
.gnb ul li.first a{ background-position:left top;}
.gnb ul li.last a{ background-position:right top;}
/* ---------- Content ---------- */
/* Tab */
.generalTab{ float:left; margin:0 0 0 16px; padding:0; position:relative; *zoom:1;}
.generalTab *{ margin:0; padding:0; list-style:none;}
.generalTab li{ position:relative; top:2px; float:left; margin-right:6px; text-align:center; background:#848f97 url(../images/cr3pxLeft.gif) no-repeat left top;}
.generalTab li a{ position:relative; left:3px; display:block; height:22px; padding:5px 23px 0 20px; font-size:12px; color:#fff; text-decoration:none !important; background:#848f97 url(../images/cr3pxRight.gif) no-repeat right top;}
.generalTab li a sup{ font:9px Tahoma, Sans-serif;}
.generalTab li.active{ top:0; background-color:#50606B;}
.generalTab li.active a{ padding:7px 23px 0 20px; background-color:#50606B; font-weight:bold;}
.tab{ *zoom:1;}
.tab:after{ content:""; display:block; clear:both;}
.myTab{ float:left; margin:0 0 0 16px; padding:0; position:relative; *zoom:1;}
.myTab:after{ content:""; display:block; clear:both;}
.myTab *{ margin:0; padding:0; list-style:none;}
.myTab li{ position:relative; top:2px; float:left; margin-right:6px; text-align:center; background:url(../images/cr3pxLeft.gif) no-repeat left top;}
.myTab li a{ position:relative; left:3px; display:block; height:22px; padding:5px 23px 0 20px; font-size:12px; color:#fff; text-decoration:none !important; background:url(../images/cr3pxRight.gif) no-repeat right top;}
.myTab li a sup{ font:9px Tahoma, Sans-serif;}
.myTab li.active{ top:0;}
.myTab li.active a{ padding:7px 23px 0 20px; font-weight:bold;}
.exTab{ float:right; margin:0; padding:0; position:relative; right:13px; *zoom:1;}
.exTab:after{ content:""; display:block; clear:both;}
.exTab *{ margin:0; padding:0; list-style:none;}
.exTab li{ position:relative; top:2px; float:left; margin-right:6px; text-align:center; background:url(../images/cr3pxLeft.gif) no-repeat left top;}
.exTab li a{ position:relative; left:3px; display:block; height:22px; padding:5px 23px 0 20px; font-size:12px; color:#fff; text-decoration:none !important; background:url(../images/cr3pxRight.gif) no-repeat right top;}
.exTab li a sup{ font:9px Tahoma, Sans-serif;}
.exTab li.active{ top:0;}
.exTab li.active a{ padding:7px 23px 0 20px; font-weight:bold;}
/* Tag */
.tagRank{ position:relative; top:2px; float:right; margin-left:15px; }
.tagRank{ float:right; position:relative; top:2px; right:19px; z-index:20;}
.tagRank *{ margin:0; padding:0;}
.tagRank .buttonTag{ display:inline-block; position:relative; background:url(../images/buttonTagNavigation.gif) no-repeat left top;}
.tagRank .buttonTag, x:-moz-any-link{ padding:3px 0 7px 0;} /* Firefox 2 Fix */
.tagRank .buttonTag, x:-moz-any-link, x:default{ padding:0;} /* Firefox 2 Fix */
.tagRank .buttonTag button{ position:relative; left:3px; width:197px; padding:6px 10px 9px 10px; background:url(../images/buttonTagNavigation.gif) no-repeat right top; text-align:left;}
.tagRank .buttonTag button span{ display:block; width:177px; height:auto; visibility:visible; position:relative; font:bold 12px NanumGothic,"Malgun Gothic", AppleGothic, Dotum, Gulim, Sans-serif; color:#fff; background:url(../images/arrowTagNavigation.gif) no-repeat right -14px;}
.tagRank .layer{ display:none; position:absolute; width:200px; top:27px; left:0; background:#50606b; background:url(../images/boxTagNavigation.gif) no-repeat left bottom;}
.tagRank .buttonTag{ width:197px; display:block; position:relative; background:#848f97 url(../images/cr3pxLeft.gif) no-repeat left top;}
.tagRank .buttonTag button{ width:197px; display:block; position:relative; left:3px; height:27px; padding:5px 10px 0 10px; background:#848f97 url(../images/cr3pxRight.gif) no-repeat right top; text-align:left; vertical-align:middle;}
.tagRank .buttonTag button span{ padding:0 15px 0 0; display:block; visibility:visible; width:auto; height:auto; white-space:nowrap; position:relative; font-size:12px; line-height:12px; color:#fff; background:url(../images/arrowTagNavigation.gif) no-repeat right -14px;}
.tagRank .layer{ display:none; position:absolute; width:200px; top:27px; left:0px; background:#50606b; background:url(../images/boxTagNavigation.gif) no-repeat left bottom;}
.tagRank .layer a{ font:11px Dotum, Sans-serif; white-space:nowrap; text-decoration:none; line-height:normal;}
.tagRank .layer ul{ padding:1px 13px 30px 13px; text-align:justify;}
.tagRank .layer ul *{ line-height:16px;}
.tagRank .layer ul li{ display:inline; margin-bottom:4px;}
.tagRank .layer ul li a{ color:#cbd0d3; zoom:1;}
.tagRank .layer .more{ display:block; padding:5px 13px 7px 10px; _margin:-1px 0; position:absolute; bottom:0; right:0; font-weight:bold; color:#fff;}
.tagRank .layer .more{ display:block; padding:5px 13px 7px 10px; _margin:-1px 0; position:absolute; bottom:0; right:0; color:#fff;}
.tagRank.open .buttonTag button span{ background-position:right 6px;}
.tagRank.open .layer{ display:block;}
/* ---------- Content ---------- */
/* Tab */
.generalTab{ margin:0 0 0 10px; padding:0; position:relative; clear:both; *zoom:1;}
.generalTab *{ margin:0; padding:0; list-style:none;}
.generalTab li{ position:relative; top:4px; float:left; margin-right:6px; text-align:center; background:#848f97 url(../images/cr3pxLeft.gif) no-repeat left top;}
.generalTab li a{ position:relative; left:3px; display:block; padding:3px 23px 3px 20px; font:bold 1em NanumGothic,"Malgun Gothic", AppleGothic, Dotum, Gulim, Sans-serif; color:#fff; text-decoration:none !important; background:#848f97 url(../images/cr3pxRight.gif) no-repeat right top;}
.generalTab li a sup{ font:11px Tahoma, Sans-serif;}
.generalTab li.active{ top:0; background-color:#50606B;}
.generalTab li.active a{ padding:5px 23px 5px 20px; background-color:#50606B;}
.tab{ *zoom:1;}
.tab:after{ content:""; display:block; clear:both;}
.myTab{ float:left; margin:0 0 0 10px; padding:0; position:relative; *zoom:1;}
.myTab:after{ content:""; display:block; clear:both;}
.myTab *{ margin:0; padding:0; list-style:none;}
.myTab li{ position:relative; top:4px; float:left; margin-right:6px; text-align:center; background:url(../images/cr3pxLeft.gif) no-repeat left top;}
.myTab li a{ position:relative; left:3px; display:block; padding:3px 23px 3px 20px; font:bold 1em NanumGothic,"Malgun Gothic", AppleGothic, Dotum, Gulim, Sans-serif; color:#fff; text-decoration:none !important; background:url(../images/cr3pxRight.gif) no-repeat right top;}
.myTab li a sup{ font:11px Tahoma, Sans-serif;}
.myTab li.active{ top:0;}
.myTab li.active a{ padding:5px 23px 5px 20px;}
.exTab{ float:right; margin:0; padding:0; position:relative; right:7px; *zoom:1;}
.exTab:after{ content:""; display:block; clear:both;}
.exTab *{ margin:0; padding:0; list-style:none;}
.exTab li{ position:relative; top:4px; float:left; margin-right:6px; text-align:center; background:url(../images/cr3pxLeft.gif) no-repeat left top;}
.exTab li a{ position:relative; left:3px; display:block; padding:3px 23px 3px 20px; font:bold 1em NanumGothic,"Malgun Gothic", AppleGothic, Dotum, Gulim, Sans-serif; color:#fff; text-decoration:none !important; background:url(../images/cr3pxRight.gif) no-repeat right top;}
.exTab li a sup{ font:11px Tahoma, Sans-serif;}
.exTab li.active{ top:0;}
.exTab li.active a{ padding:5px 23px 5px 20px;}
/* Try Planet */
.tryPlanet{ position:relative; height:90px; background:url(../images/boxTryPlanet.gif) repeat-x 0 0; margin-bottom:15px;}
.tryPlanet *{ margin:0; padding:0;}
@ -212,8 +219,6 @@ h1 a{ font:bold 30px "Malgun Gothic", AppleGothic, Dotum, Sans-serif; color:#000
/* Comment List */
.commentList{ position:relative; padding:15px; border:1px solid #dedede; *zoom:1; z-index:10; clear:both; background:#eee;}
.commentList .commentHeader{ float:left; position:relative; clear:both; margin-bottom:10px; z-index:10;}
.commentList .commentHeader *{ margin:0;}
.commentList h3{ position:relative; display:inline-block; *display:inline; margin-right:20px; background:url(../images/boxH2Comment.gif) no-repeat 0 0; vertical-align:middle; *zoom:1; line-height:18px;}
.commentList h3, x:-moz-any-link { display:inline; padding-top:3px;}
.commentList h3, x:-moz-any-link, x:default { display:inline-block; *display:inline; padding-top:0;}
@ -222,21 +227,6 @@ h1 a{ font:bold 30px "Malgun Gothic", AppleGothic, Dotum, Sans-serif; color:#000
.commentList h3 span, x:-moz-any-link{ padding:8px 20px 5px 17px; }
.commentList h3 span, x:-moz-any-link, x:default{ padding:5px 20px 0 17px}
.commentList .timeNav{ left:20px; top:3px; padding:0 30px; font-family:NanumGothic,"Malgun Gothic", AppleGothic, Dotum, Gulim, Sans-serif; letter-spacing:-1px; *zoom:1; text-align:center;}
.commentList .timeNav strong{ font:bold 18px/18px NanumGothic,"Malgun Gothic", AppleGothic, Dotum, Gulim, Sans-serif;}
.commentList .timeNav .prev,
.commentList .timeNav .next{ position:absolute; top:2px; width:20px; height:20px; }
.commentList .timeNav .prev{ left:0; }
.commentList .timeNav .next{ right:0; }
.commentList .timeNav a:hover,
.commentList .timeNav a:activfe,
.commentList .timeNav a:focus{ border:1px solid #fff !important; width:18px; height:18px;}
.commentList .timeNav a img{ position:relative; top:3px;}
.commentList h3.timeNav{ position:relative; float:left; vertical-align:top; clear:both; left:0; top:0; background:none; font-size:1em; *zoom:1; *line-height:24px; margin-bottom:10px; *margin-bottom:0;}
.commentList h3.timeNav .prev,
.commentList h3.timeNav .next{ *top:5px;}
.commentList .commentHeader .button *{ font-size:12px;}
.commentList .planetBlue{ top:-3px;}
.commentList span.planetBlue{ margin-right:10px;}
@ -251,13 +241,13 @@ h1 a{ font:bold 30px "Malgun Gothic", AppleGothic, Dotum, Sans-serif; color:#000
.commentList .tagChoiceAfter button{ width:45px; height:23px; text-align:center; background:url(../images/buttonFixedBlack45.png) no-repeat; _behavior:url(./common/js/iePngFix.htc);}
.commentList .tagChoiceAfter a{ width:94px; height:18px; _height /**/:23px; padding-top:5px; text-align:center; background:url(../images/buttonFixedBlack94.png) no-repeat; _behavior:url(./common/js/iePngFix.htc);}
.commentBody.myPlanet .comment .tongue{ margin:0;}
.commentBody.myPlanet .comment .tongue{ margin:0 !important;}
.commentBody.myPlanet .comment .tongue .post,
.commentBody.myPlanet .comment .tongue .postScript,
.commentBody.myPlanet .comment .tongue .postExtra{ *zoom:1;}
/* Comment Body */
.commentBody{ position:relative; margin-top:10px; border:1px solid #d7dfe2; background:#fff; *zoom:1; clear:both;}
.commentBody{ position:relative; margin:10px 0; border:1px solid #d7dfe2; background:#fff; *zoom:1; clear:both;}
.commentBody .comment{ position:relative; margin:0 15px; padding:15px 0 15px 0; clear:both; *zoom:1;}
.commentBody .comment:after { content:""; display:block; width:0; height:0; font:0/0 Sans-serif; overflow:hidden; visibility:hidden; clear:both; float:none;}
.commentBody .comment .identity{ position:relative; width:98px; float:left; margin:0 -98px 0 0; font-size:1em; background:none; *zoom:1;}
@ -391,21 +381,23 @@ h1 a{ font:bold 30px "Malgun Gothic", AppleGothic, Dotum, Sans-serif; color:#000
.authorHeader .authorTag.edit dd.tagModify{ display:inline;}
.authorHeader .authorTag dd.tagModify .inputText{ border:1px solid #ccc; padding:2px 4px; height:13px; width:290px;}
.authorHeader .authorTag dd.tagModify button{ height:19px; font-size:.7em; background:#eee; border:1px solid #ccc; margin-left:5px; vertical-align:top;}
.authorHeader .authorTag .planetUri{ position:relative; right:20px; float:right; color:#fff; font-size:.7em; font-family:Tahoma Sans-serif;}
.authorHeader .authorTag .rssFeed{ position:absolute; top:10px; right:0; width:12px; height:12px; cursor:pointer; background:url(../images/rssFeed.png) no-repeat; _behavior:url(./common/js/iePngFix.htc);}
.authorHeader .authorTag .planetUri{ position:relative; float:right; color:#fff; font-size:.7em; font-family:Tahoma Sans-serif;}
.authorHeader .authorTag .rssFeed{ float:right; display:block; margin:0 0 0 5px; width:12px; height:12px; cursor:pointer; background:url(../images/rssFeed.png) no-repeat; _behavior:url(./common/js/iePngFix.htc);}
.authorHeader .authorTag .rssFeed span{ position:absolute; width:0; height:0; overflow:hidden;}
.authorHeader .tl,
.authorHeader .tr{position:absolute; top:0; display:block; width:4px; height:4px; overflow:hidden; background:url(../images/boxAuthorHeader.png) no-repeat; _background:url(../images/boxAuthorHeader.gif) no-repeat;}
.authorHeader .tl{ left:0; background-position:left top;}
.authorHeader .tr{ right:0; background-position:right top;}
.authorHeader .rss{ position:absolute; display:block; top:0; right:58px; width:15px; height:15px; background-repeat:no-repeat; background-position:center; cursor:pointer;}
.authorHeader .myOption{ position:absolute; top:20px; right:15px;}
.authorHeader .rss{ float:left; margin:0 5px 0 0; position:relative; display:block; width:15px; height:15px; background-repeat:no-repeat; background-position:center; cursor:pointer;}
.authorHeader .rss.off{ background-image:url(../images/rssOff.png); _behavior:url(./common/js/iePngFix.htc);}
.authorHeader .rss.on{ background-image:url(../images/rssOn.png); _behavior:url(./common/js/iePngFix.htc);}
.authorHeader .rss span{ display:block; width:0; height:0; overflow:hidden;}
.authorHeader .color{ position:absolute; display:block; top:0; right:18px; border:1px solid #ccc; width:16px; height:16px;}
.authorHeader .colorPreset{ position:absolute; display:none; top:25px; right:0;}
.authorHeader .color{ float:left; margin:0 5px 0 0; display:block; border:1px solid #ccc; width:16px; height:16px;}
.authorHeader .colorPreset{ position:absolute; display:none; top:25px; right:0; width:131px;}
.authorHeader .colorPreset.open{ display:block;}
.authorHeader .colorPreset.close{ display:none;}
.authorHeader .colorPreset li{ float:left; border:1px solid #ccc; margin-left:5px;}
@ -418,9 +410,10 @@ h1 a{ font:bold 30px "Malgun Gothic", AppleGothic, Dotum, Sans-serif; color:#000
.authorHeader .colorPreset li a{ display:block; width:14px; height:14px;}
.authorHeader .colorPreset li a span{ display:block; width:0; height:0; overflow:hidden; visibility:hidden;}
.authorHeader .apiMe2day{ position:absolute; top:20px; right:58px;}
.authorHeader .apiMe2day{ position:relative; float:left; width:16px; margin:0 5px 0 0;}
.authorHeader .apiMe2day fieldset{ width:16px;}
.authorHeader .apiMe2day *{ font-size:12px;}
.authorHeader .apiMe2day .setupButton{ position:absolute; top:0; right:0; width:16px; height:16px; background:url(../images/iconMe2day.png) no-repeat center; _behavior:url(./common/js/iePngFix.htc);}
.authorHeader .apiMe2day .setupButton{ width:16px; height:16px; background:url(../images/iconMe2day.png) no-repeat center; _behavior:url(./common/js/iePngFix.htc);}
.authorHeader .apiMe2day .apiProtocol{ position:relative; width:240px; border:2px solid #eee; background:#fff; padding:10px 15px 10px 20px; position:absolute; top:25px; right:0;}
.authorHeader .apiMe2day .apiProtocol.open{ display:block;}
.authorHeader .apiMe2day .apiProtocol.close{ display:none;}
@ -434,8 +427,9 @@ h1 a{ font:bold 30px "Malgun Gothic", AppleGothic, Dotum, Sans-serif; color:#000
.authorHeader .apiMe2day .apiProtocol .autoPush label{}
.authorHeader .apiMe2day .apiProtocol .buttonArea button{ border:1px solid #ccc; background:#eee; font-size:11px; *margin-right:4px;}
.authorHeader .mobile{ position:absolute; top:20px; right:20px;}
.authorHeader .mobile .setupButton{ position:absolute; top:-3px; right:0; width:12px; height:19px; background:url(../images/iconMobile.gif) no-repeat;}
.authorHeader .mobile{ float:left; width:12px; margin:0 5px 0 0; position:relative;}
.authorHeader .mobile fieldset{ width:12px;}
.authorHeader .mobile .setupButton{ position:relative; top:-3px; width:12px; height:19px; background:url(../images/iconMobile.gif) no-repeat;}
.authorHeader .mobile .address{ display:none; position:absolute; border:2px solid #eee; background:#fff; padding:10px 15px 10px 20px; position:absolute; top:25px; right:0; white-space:nowrap;}
.authorHeader .mobile .address.open{ display:block;}
.authorHeader .mobile .address *{ font-size:12px;}
@ -464,7 +458,7 @@ h1 a{ font:bold 30px "Malgun Gothic", AppleGothic, Dotum, Sans-serif; color:#000
.authorFooter .memo li span{ position:relative; right:40px; float:right; color:#fff; font:11px AppleGothic, Dotum, Gulim, Sans-serif;}
.authorFooter .memo p span .delete,
.authorFooter .memo li span .delete{ position:relative; left:5px; vertical-align:top; width:12px; height:11px; background:url(../images/buttonX.gif) no-repeat center;}
.authorFooter .memo .pagination{ position:relative; top:-10px; display:none; padding:0 0 10px 0; clear:both; background:url(../images/boxMemo.gif) no-repeat left bottom;}
.authorFooter .memo .pagination{ position:relative; top:-14px; display:none; padding:0 0 10px 0; clear:both; background:url(../images/boxMemo.gif) no-repeat left bottom;}
.authorFooter .memo .pagination a,
.authorFooter .memo .pagination strong{ background:#333; color:#ccc; border-color:#666;}
.authorFooter .memo .bottomCap{ clear:both; position:relative; top:2px; height:2px; overflow:hidden; background:url(../images/boxMemo.gif) no-repeat left -27px;}
@ -473,7 +467,7 @@ h1 a{ font:bold 30px "Malgun Gothic", AppleGothic, Dotum, Sans-serif; color:#000
.authorFooter .memo.open p .toggle,
.authorFooter .memo.open li.first .toggle{ display:block; background-position: center 10px;}
.authorFooter .memo.open ul,
.authorFooter .memo.open .pagination{ display:block; padding-top:2px; }
.authorFooter .memo.open .pagination{ display:block; padding-top:3px; }
.authorFooter .memoWrite{ position:relative; float:left; width:600px;}
.authorFooter .memoWrite.close{ display:none;}
.authorFooter .memoWrite .form.close{ display:none; }
@ -545,7 +539,7 @@ h1 a{ font:bold 30px "Malgun Gothic", AppleGothic, Dotum, Sans-serif; color:#000
.writePost .writeBody dd .inputText{ padding:3px 10px;}
.writePost .writeBody dd.preview{ display:block; clear:both;}
.writePost .writeBody dd.preview.off{ display:none;}
.writePost .writeBody dd.preview p{ padding:5px 10px; border:1px solid #f4f4f4; width:96%; background:#f4f4f4; color:#000;}
.writePost .writeBody dd.preview p{ padding:5px 10px; border:1px solid #ccc; width:96%; background:#fff; color:#000; opacity:.5; filter:alpha(opacity=50);}
.writePost .writeBody dd.preview p a{ color:#00f;}
.writePost .writeBody .writeOptions{ position:absolute; top:0; left:100%; margin-left:-105px;}
.writePost .writeBody .writeOptions p{ white-space:nowrap;}
@ -604,16 +598,16 @@ h1 a{ font:bold 30px "Malgun Gothic", AppleGothic, Dotum, Sans-serif; color:#000
.welcome .br{ bottom:0; right:0; background-position:right -4px;}
/* Pagination */
.pagination{ padding:15px 0; text-align:center;}
.pagination{ padding:5px 0; text-align:center;}
.pagination *{ margin:0; padding:0;}
.pagination a,
.pagination strong{ _position:relative; font-weight:bold; display:inline-block; padding:5px 5px 3px 5px; color:#313031; text-decoration:none; line-height:normal; font:bold 12px Tahoma, Sans-serif;}
.pagination strong{ _position:relative; font-weight:bold; display:inline-block; padding:5px 5px 3px 5px; color:#313031; text-decoration:none; line-height:normal; font:bold 12px Tahoma, Sans-serif !important;}
.pagination strong{ color:#ff8600 !important;}
.pagination a:hover{ background:#eee; }
.pagination a.prev{ padding:5px 10px 3px 18px; background:url(../images/paginationPrev.gif) no-repeat 8px 8px !important; border:none; font-weight:normal; }
.pagination a.prevEnd{ padding:5px 10px 3px 18px; background:url(../images/paginationPrevEnd.gif) no-repeat 4px 8px !important; border:none; border-right:1px solid #ccc; font-weight:normal;}
.pagination a.next{ padding:5px 18px 3px 10px; background:url(../images/paginationNext.gif) no-repeat 40px 8px !important; border:none; font-weight:normal; }
.pagination a.nextEnd{ padding:5px 18px 3px 10px; background:url(../images/paginationNextEnd.gif) no-repeat 40px 8px !important; border:none; border-left:1px solid #ccc; font-weight:normal;}
.pagination a.prev{ padding:5px 10px 3px 10px; background:url(../images/paginationPrev.gif) no-repeat left center !important; border:none; font-weight:normal; }
.pagination a.prevEnd{ padding:5px 10px 3px 10px; background:url(../images/paginationPrevEnd.gif) no-repeat left center !important; border:none; border-right:1px solid #ccc;}
.pagination a.next{ padding:5px 10px 3px 10px; background:url(../images/paginationNext.gif) no-repeat right center !important; border:none; font-weight:normal; }
.pagination a.nextEnd{ padding:5px 10px 3px 10px; background:url(../images/paginationNextEnd.gif) no-repeat right center !important; border:none; border-left:1px solid #ccc;}

View file

@ -20,20 +20,6 @@
</ul>
</div>
<!-- //GNB -->
<!-- 실시간 인기 태그-->
<div class="tagRank">
<!--// class="tagRank" | class="tagRank open" -->
<span class="buttonTag"><button type="button" onclick="toggleTagRank()"><span>{$lang->planet_hot_tag}</span></button></span>
<div class="layer">
<ul>
<!--@foreach($planet->getPopularTags(false,10) as $val)-->
<li><a href="{getUrl('act','dispPlanetContentTagSearch','keyword',urlencode($val->tag))}">{htmlspecialchars($val->tag)}</a></li>
<!--@end-->
</ul>
<a href="{getUrl('moretags',1)}" class="more">&gt;{$lang->cmd_planet_more_tag}</a>
</div>
</div>
<!-- //실시간 인기 태그 -->
<!-- 검색 -->
<form action="{Context::getRequestUri()}" method="get" class="search">
<input type="hidden" name="mid" value="{$mid}" />
@ -45,6 +31,11 @@
</fieldset>
</form>
<!--// 검색 -->
<div class="languageSelect">
<img widget="language_select" skin="default" colorset="normal" />
</div>
</div>
</div>
@ -53,7 +44,4 @@
<address>powered by <a href="http://www.zeroboard.com/" target="_blank">XE</a></address>
</div>
</div>
<div class="languageSelect">
<img widget="language_select" skin="default" colorset="normal" />
</div>
</div>

View file

@ -34,6 +34,16 @@
<!--@else-->
<h1>&nbsp;</h1>
<!--@end-->
<div class="timeNav">
<a class="prev" href="{getUrl('date',$prev_date)}" title="{$lang->cmd_prev}">&lt;</a>
<strong>{zdate($date,'Y')}</strong>{$lang->unit_year}
<strong>{zdate($date,'m')}</strong>{$lang->unit_month}
<strong>{zdate($date,'d')}</strong>{$lang->unit_day}
(<strong>{zdate($date,'l')}</strong>)
<a class="next" href="{getUrl('date',$next_date)}" title="{$lang->cmd_next}">&gt;</a>
</div>
</div>
<hr />
<div id="body">

Binary file not shown.

Before

Width:  |  Height:  |  Size: 195 B

After

Width:  |  Height:  |  Size: 201 B

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 264 B

After

Width:  |  Height:  |  Size: 266 B

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 213 B

After

Width:  |  Height:  |  Size: 217 B

Before After
Before After

View file

@ -13,17 +13,22 @@
<li <!--@if($type=='best')-->class="active"<!--@end-->><a href="{getUrl('type','best','page','','tagtab')}">{$lang->planet_best}<sup>{number_format($total_best)}</sup></a></li>
</ul>
<!-- 실시간 인기 태그-->
<div class="tagRank">
<!--// class="tagRank" | class="tagRank open" -->
<span class="buttonTag"><button type="button" onclick="toggleTagRank()"><span>{$lang->planet_hot_tag}</span></button></span>
<div class="layer">
<ul>
<!--@foreach($planet->getPopularTags(false,10) as $val)-->
<li><a href="{getUrl('act','dispPlanetContentTagSearch','keyword',urlencode($val->tag))}">{htmlspecialchars($val->tag)}</a></li>
<!--@end-->
</ul>
<a href="{getUrl('moretags',1)}" class="more">&gt;{$lang->cmd_planet_more_tag}</a>
</div>
</div>
<!-- //실시간 인기 태그 -->
<div class="commentList">
<div class="commentHeader">
<p class="timeNav">
<strong>{zdate($date,'Y')}</strong>{$lang->unit_year}
<strong>{zdate($date,'m')}</strong>{$lang->unit_month}
<strong>{zdate($date,'d')}</strong>{$lang->unit_day}
(<strong>{zdate($date,'l')}</strong>)
<a class="prev" href="{getUrl('date',$prev_date)}"><img src="./images/buttonPrev1.gif" border="0" alt="{$lang->cmd_prev}" /></a>
<a class="next" href="{getUrl('date',$next_date)}"><img src="./images/buttonNext1.gif" border="0" alt="{$lang->cmd_next}" /></a>
</p>
</div>
<!--#include("content_list.html")-->

View file

@ -21,16 +21,6 @@
</div>
<div class="commentList" id="commentList">
<div class="commentHeader">
<h3 class="timeNav">
<strong>{zdate($date,'Y')}</strong>{$lang->unit_year}
<strong>{zdate($date,'m')}</strong>{$lang->unit_month}
<strong>{zdate($date,'d')}</strong>{$lang->unit_day}
(<strong>{zdate($date,'l')}</strong>)
<a class="prev" href="{getUrl('date',$prev_date)}"><img src="./images/buttonPrev1.gif" border="0" alt="{$lang->cmd_prev}" /></a>
<a class="next" href="{getUrl('date',$next_date)}"><img src="./images/buttonNext1.gif" border="0" alt="{$lang->cmd_next}" /></a>
</h3>
</div>
<!--#include("content_list.html")-->

View file

@ -1,7 +1,7 @@
<!--%import("filter/modify_planet_info.xml")-->
<!--%import("filter/write_content.xml")-->
<div class="authorHeader">
<div class="authorHeader" >
<form action="{Context::getRequestUri()}" target="photo_iframe" method="post" onsubmit="return false;" enctype="multipart/form-data">
<input type="hidden" name="module" value="planet" />
<input type="hidden" name="mid" value="{$planet->getMid()}" />
@ -58,75 +58,78 @@
</dd>
<!--@end-->
</dl>
<a href="{$planet->getPermanentUrl()}" class="planetUri">{$planet->getPermanentUrl()}</a>
<!--@if($planet->isRssEnabled())--><a href="{getUrl('','mid',$planet->getMid(),'act','rss')}" class="rssFeed"><span>RSS Feed</span></a><!--@end-->
</div>
<!--@if($planet->isMyPlanet())-->
<!--@if(!$planet->isRssEnabled())-->
<button type="button" class="rss off" title="{$lang->msg_planet_rss_disabled}" onclick="doEnableRss();"><span>{$lang->msg_planet_rss_disabled}</span></button>
<!--@else-->
<button type="button" class="rss on" title="{$lang->msg_planet_rss_enabled}" onclick="doDisableRss();"><span>{$lang->msg_planet_rss_enabled}</span></button>
<!--@end-->
<button type="button" class="color" title="{$lang->colorset}" onclick="$Element('colorPreset').toggleClass('close','open');"><span>{$lang->colorset}</span></button>
<ul class="colorPreset close" id="colorPreset">
<li class="gray"><a href="#" onclick="doUpdateColorset(this);return false;" title="Gray"><span>Gray</span></a></li>
<li class="green"><a href="#" onclick="doUpdateColorset(this);return false;" title="Green"><span>Green</span></a></li>
<li class="blue"><a href="#" onclick="doUpdateColorset(this);return false;" title="Blue"><span>Blue</span></a></li>
<li class="cyan"><a href="#" onclick="doUpdateColorset(this);return false;" title="Cyan"><span>Cyan</span></a></li>
<li class="red"><a href="#" onclick="doUpdateColorset(this);return false;" title="Red"><span>Red</span></a></li>
<li class="orange"><a href="#" onclick="doUpdateColorset(this);return false;" title="Orange"><span>Orange</span></a></li>
</ul>
<!--@end-->
</fieldset>
</form>
<!--@if($planet->isMyPlanet())-->
<!--@if($config->use_me2day=='Y')-->
<!--%import("filter/me2day_api.xml")-->
<form action="./" method="post" class="apiMe2day" onsubmit="return procFilter(this,me2day_api);">
<fieldset>
<legend>{$lang->msg_me2day_sync}</legend>
<button type="button" class="setupButton" onclick="$Element('Me2ApiProtocol').toggleClass('close','open');"><span>{$lang->msg_me2day_sync}</span></button>
<div class="apiProtocol close" id="Me2ApiProtocol">
<p class="summary">{$lang->msg_me2day_sync_q}</p>
<dl>
<dt><label for="me2day_id">{$lang->me2day_id}</label> :</dt>
<dd><input name="me2day_id" type="text" id="me2day_id" value="{$myplanet->getMe2dayUID()}" /></dd>
<dt><label for="me2day_ukey">{$lang->me2day_ukey}</label> :</dt>
<dd><input name="me2day_ukey" type="password" id="me2day_ukey" value="{$myplanet->getMe2dayUKey()}" /></dd>
</dl>
<!--@if($myplanet->getMe2dayUID() && $myplanet->getMe2dayUKey())-->
<p class="autoPush"><input name="me2day_autopush" type="checkbox" value="Y" id="autoPushToMe2day" <!--@if($myplanet->getMe2dayAuthPush())-->checked="checked"<!--@end--> /><label for="autoPushToMe2day">{$lang->msg_me2day_activate}</label></p>
<!--@end-->
<div class="buttonArea">
<button type="submit">{$lang->cmd_save}</button>
<button type="button" onclick="this.form.reset(); $Element('Me2ApiProtocol').toggleClass('open','close');">{$lang->cmd_close}</button>
</div>
<a href="{$planet->getPermanentUrl()}" class="planetUri">{$planet->getPermanentUrl()}</a>
</div>
</fieldset>
</form>
<!--@if($planet->isMyPlanet())-->
<div class="myOption" >
<!--@if(!$planet->isRssEnabled())-->
<button type="button" class="rss off" title="{$lang->msg_planet_rss_disabled}" onclick="doEnableRss();"><span>{$lang->msg_planet_rss_disabled}</span></button>
<!--@else-->
<button type="button" class="rss on" title="{$lang->msg_planet_rss_enabled}" onclick="doDisableRss();"><span>{$lang->msg_planet_rss_enabled}</span></button>
<!--@end-->
<button type="button" class="color" title="{$lang->colorset}" onclick="$Element('colorPreset').toggleClass('close','open');"><span>{$lang->colorset}</span></button>
<ul class="colorPreset close" id="colorPreset">
<li class="gray"><a href="#" onclick="doUpdateColorset(this);return false;" title="Gray"><span>Gray</span></a></li>
<li class="green"><a href="#" onclick="doUpdateColorset(this);return false;" title="Green"><span>Green</span></a></li>
<li class="blue"><a href="#" onclick="doUpdateColorset(this);return false;" title="Blue"><span>Blue</span></a></li>
<li class="cyan"><a href="#" onclick="doUpdateColorset(this);return false;" title="Cyan"><span>Cyan</span></a></li>
<li class="red"><a href="#" onclick="doUpdateColorset(this);return false;" title="Red"><span>Red</span></a></li>
<li class="orange"><a href="#" onclick="doUpdateColorset(this);return false;" title="Orange"><span>Orange</span></a></li>
</ul>
<!--@if($config->use_me2day=='Y')-->
<!--%import("filter/me2day_api.xml")-->
<form action="./" method="post" class="apiMe2day" onsubmit="return procFilter(this,me2day_api);">
<fieldset>
<legend>{$lang->msg_me2day_sync}</legend>
<button type="button" class="setupButton" onclick="$Element('Me2ApiProtocol').toggleClass('close','open');"><span>{$lang->msg_me2day_sync}</span></button>
<div class="apiProtocol close" id="Me2ApiProtocol">
<p class="summary">{$lang->msg_me2day_sync_q}</p>
<dl>
<dt><label for="me2day_id">{$lang->me2day_id}</label> :</dt>
<dd><input name="me2day_id" type="text" id="me2day_id" value="{$myplanet->getMe2dayUID()}" /></dd>
<dt><label for="me2day_ukey">{$lang->me2day_ukey}</label> :</dt>
<dd><input name="me2day_ukey" type="password" id="me2day_ukey" value="{$myplanet->getMe2dayUKey()}" /></dd>
</dl>
<!--@if($myplanet->getMe2dayUID() && $myplanet->getMe2dayUKey())-->
<p class="autoPush"><input name="me2day_autopush" type="checkbox" value="Y" id="autoPushToMe2day" <!--@if($myplanet->getMe2dayAuthPush())-->checked="checked"<!--@end--> /><label for="autoPushToMe2day">{$lang->msg_me2day_activate}</label></p>
<!--@end-->
<div class="buttonArea">
<button type="submit">{$lang->cmd_save}</button>
<button type="button" onclick="this.form.reset(); $Element('Me2ApiProtocol').toggleClass('open','close');">{$lang->cmd_close}</button>
</div>
</div>
</fieldset>
</form>
<!--@end-->
<!--@if($config->use_mobile=='Y')-->
{@$phone_number=$myplanet->getPhoneNumber()}
<form method="post" class="mobile" onsubmit="setPhoneNumber(this);return false;">
<fieldset>
<legend>{$lang->planet_mobile_receive}</legend>
<button type="button" class="setupButton" onclick="showInsertPhoneNumber();" ><span>{$lang->planet_mobile_receive}</span></button>
<dl class="address">
<dt>{$lang->planet_mobile_number} : </dt>
<dd><input name="phone_number" type="text" maxlength="3" value='{$phone_number[0]}' onkeyup="if(this.value.length>=3){ this.form.phone_number[1].focus()}"/> - <input name="phone_number" type="text" maxlength="4" value='{$phone_number[1]}' onkeyup="if(this.value.length>=4){ this.form.phone_number[2].focus()}" /> - <input name="phone_number" type="text" maxlength="4" value='{$phone_number[2]}' /></dd>
<dd class="buttonArea"><button type="submit">{$lang->cmd_save}</button><button type="button" onclick="closeInsertPhoneNumber();">{$lang->cmd_close}</button></dd>
</dl>
</fieldset>
</form>
<!--@end-->
</div>
<!--@end-->
<!--@if($config->use_mobile=='Y')-->
{@$phone_number=$myplanet->getPhoneNumber()}
<form method="post" class="mobile" onsubmit="setPhoneNumber(this);return false;">
<fieldset>
<legend>{$lang->planet_mobile_receive}</legend>
<button type="button" class="setupButton" onclick="showInsertPhoneNumber();" ><span>{$lang->planet_mobile_receive}</span></button>
<dl class="address">
<dt>{$lang->planet_mobile_number} : </dt>
<dd><input name="phone_number" type="text" maxlength="3" value='{$phone_number[0]}' onkeyup="if(this.value.length>=3){ this.form.phone_number[1].focus()}"/> - <input name="phone_number" type="text" maxlength="4" value='{$phone_number[1]}' onkeyup="if(this.value.length>=4){ this.form.phone_number[2].focus()}" /> - <input name="phone_number" type="text" maxlength="4" value='{$phone_number[2]}' /></dd>
<dd class="buttonArea"><button type="submit">{$lang->cmd_save}</button><button type="button" onclick="closeInsertPhoneNumber();">{$lang->cmd_close}</button></dd>
</dl>
</fieldset>
</form>
<!--@end-->
<!--@end-->
<div class="fClear">
</div>
<span class="tl"></span><span class="tr"></span>
</div>
<div class="authorFooter">
<div class="memo" id="planetMemo">
<!--#include("memo_list.html")-->
@ -196,14 +199,14 @@
<dd>
<textarea id="writePost_content" name="content" rows="" cols="" onkeyup="planetPreview(this);"></textarea>
</dd>
<dt>{$lang->planet_postscript}</dt>
<dd><input type="text" name="about_postscript" value="{$lang->msg_planet_about_postscript}" class="inputText" readonly="readonly" onfocus="toggleWriteFormHelp(this)" onclick="toggleWriteFormHelp(this)" /><input name="postscript" type="text" class="inputText" value="" style="display:none; "/></dd>
<dt>{$lang->tag}</dt>
<dd><input type="text" name="about_tag" value="{$lang->msg_planet_about_tag}" class="inputText" readonly="readonly" onfocus="toggleWriteFormHelp(this)" onclick="toggleWriteFormHelp(this)" /><input name="content_tag" type="text" class="inputText" value="" style="display:none; "/></dd>
<dd id="preview" class="preview off">
<!--// class="preview" | class="preview off" -->
<p id="preview_text">&nbsp;</p>
</dd>
<dt>{$lang->planet_postscript}</dt>
<dd><input type="text" name="about_postscript" value="{$lang->msg_planet_about_postscript}" class="inputText" readonly="readonly" onfocus="toggleWriteFormHelp(this)" onclick="toggleWriteFormHelp(this)" onfocus="toggleWriteFormHelp(this);"/><input name="postscript" type="text" class="inputText" value="" style="display:none; "/></dd>
<dt>{$lang->tag}</dt>
<dd><input type="text" name="about_tag" value="{$lang->msg_planet_about_tag}" class="inputText" readonly="readonly" onfocus="toggleWriteFormHelp(this)" onclick="toggleWriteFormHelp(this)" onfocus="toggleWriteFormHelp(this);"/><input name="content_tag" type="text" class="inputText" value="" style="display:none; "/></dd>
</dl>
<div class="writeOptions">
<p><input id="btn_preview" name="" onclick="togglePreview()" type="checkbox" value="" checked="checked" /><label for="btn_preview">{$lang->planet_article_preview}</label></p>