블로그에서 사용되는 최근글/댓글/엮인글/태그/보관목록의 위젯에 layout에 따르는 스킨 컬러셋을 추가

git-svn-id: http://xe-core.googlecode.com/svn/sandbox@3086 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
zero 2007-11-27 06:43:42 +00:00
parent 8fd52c2667
commit 68d82d913e
42 changed files with 246 additions and 206 deletions

View file

@ -1,5 +1,5 @@
.newestComment_cyan { border:1px solid #e0e1db; background:url(../images/cyan/bgBoxTypeB.gif) repeat-x left top; margin-bottom:.7em; }
.newestComment_cyan h2 { border-left:1px solid #ffffff; border-right:1px solid #ffffff; padding:7px 0 0 12px; height:21px; _height:20px; font-size:1em; color:#54564b; font-family:Tahoma;}
.newestComment_cyan .commentList { padding:1.2em; overflow:hidden;}
.newestComment_cyan .commentList li { display:block; color:#a4a4a4; white-space:nowrap; overflow:hidden; list-style:none; width:100%;}
.newestComment_cyan .commentList li a { color:#a4a4a4; line-height:1.5em; text-decoration:none;}
.blog_widget_cyan .newest_comment { border:1px solid #e0e1db; background:url(../images/cyan/bgBoxTypeB.gif) repeat-x left top; margin-bottom:.7em; }
.blog_widget_cyan .newest_comment h2 { border-left:1px solid #ffffff; border-right:1px solid #ffffff; padding:7px 0 0 12px; height:21px; _height:20px; font-size:1em; color:#54564b; }
.blog_widget_cyan .newest_comment .items { padding:10px; overflow:hidden;}
.blog_widget_cyan .newest_comment .items li { font-size:.9em; display:block; color:#a4a4a4; margin-right:.1em; overflow:hidden; white-space:nowrap; list-style:none; width:100%;}
.blog_widget_cyan .newest_comment .items li a { color:#a4a4a4; line-height:1.5em; text-decoration:none; }

View file

@ -1,5 +1,5 @@
.newestComment_green { border:1px solid #e0e1db; background:url(../images/green/bgBoxTypeB.gif) repeat-x left top; margin-bottom:.7em; }
.newestComment_green h2 { border-left:1px solid #ffffff; border-right:1px solid #ffffff; padding:7px 0 0 12px; height:21px; _height:20px; font-size:1em; color:#54564b; font-family:Tahoma;}
.newestComment_green .commentList { padding:1.2em; overflow:hidden;}
.newestComment_green .commentList li { display:block; color:#a4a4a4; white-space:nowrap; overflow:hidden; list-style:none; width:100%;}
.newestComment_green .commentList li a { color:#a4a4a4; line-height:1.5em; text-decoration:none;}
.blog_widget_green .newest_comment { border:1px solid #e0e1db; background:url(../images/green/bgBoxTypeB.gif) repeat-x left top; margin-bottom:.7em; }
.blog_widget_green .newest_comment h2 { border-left:1px solid #ffffff; border-right:1px solid #ffffff; padding:7px 0 0 12px; height:21px; _height:20px; font-size:1em; color:#54564b; }
.blog_widget_green .newest_comment .items { padding:10px; overflow:hidden;}
.blog_widget_green .newest_comment .items li { font-size:.9em; display:block; color:#a4a4a4; margin-right:.1em; overflow:hidden; white-space:nowrap; list-style:none; width:100%;}
.blog_widget_green .newest_comment .items li a { color:#a4a4a4; line-height:1.5em; text-decoration:none; }

View file

@ -1,5 +1,5 @@
.newestComment_normal { border:1px solid #e0e1db; background:url(../images/normal/bgBoxTypeB.gif) repeat-x left top; margin-bottom:.7em; }
.newestComment_normal h2 { border-left:1px solid #ffffff; border-right:1px solid #ffffff; padding:7px 0 0 12px; height:21px; _height:20px; font-size:1em; color:#54564b; font-family:Tahoma;}
.newestComment_normal ul.commentList { padding:1.2em; overflow:hidden;}
.newestComment_normal ul.commentList li { display:block; color:#a4a4a4; white-space:nowrap; overflow:hidden; list-style:none; width:100%;}
.newestComment_normal ul.commentList li a { color:#a4a4a4; line-height:1.5em; text-decoration:none;}
.blog_widget_normal .newest_comment { border:1px solid #e0e1db; background:url(../images/normal/bgBoxTypeB.gif) repeat-x left top; margin-bottom:.7em; }
.blog_widget_normal .newest_comment h2 { border-left:1px solid #ffffff; border-right:1px solid #ffffff; padding:7px 0 0 12px; height:21px; _height:20px; font-size:1em; color:#54564b; }
.blog_widget_normal .newest_comment .items { padding:10px; overflow:hidden;}
.blog_widget_normal .newest_comment .items li { font-size:.9em; display:block; color:#a4a4a4; margin-right:.1em; overflow:hidden; white-space:nowrap; list-style:none; width:100%;}
.blog_widget_normal .newest_comment .items li a { color:#a4a4a4; line-height:1.5em; text-decoration:none; text-decoration:none; }

View file

@ -1,5 +1,5 @@
.newestComment_purple { border:1px solid #e0e1db; background:url(../images/purple/bgBoxTypeB.gif) repeat-x left top; margin-bottom:.7em; }
.newestComment_purple h2 { border-left:1px solid #ffffff; border-right:1px solid #ffffff; padding:7px 0 0 12px; height:21px; _height:20px; font-size:1em; color:#54564b; font-family:Tahoma;}
.newestComment_purple .commentList { padding:1.2em; overflow:hidden;}
.newestComment_purple .commentList li { display:block; color:#a4a4a4; white-space:nowrap; overflow:hidden; list-style:none; width:100%;}
.newestComment_purple .commentList li a { color:#a4a4a4; line-height:1.5em; text-decoration:none;}
.blog_widget_purple .newest_comment { border:1px solid #e0e1db; background:url(../images/purple/bgBoxTypeB.gif) repeat-x left top; margin-bottom:.7em; }
.blog_widget_purple .newest_comment h2 { border-left:1px solid #ffffff; border-right:1px solid #ffffff; padding:7px 0 0 12px; height:21px; _height:20px; font-size:1em; color:#54564b; }
.blog_widget_purple .newest_comment .items { padding:10px; overflow:hidden;}
.blog_widget_purple .newest_comment .items li { font-size:.9em; display:block; color:#a4a4a4; margin-right:.1em; overflow:hidden; white-space:nowrap; list-style:none; width:100%;}
.blog_widget_purple .newest_comment .items li a { color:#a4a4a4; line-height:1.5em; text-decoration:none; }

View file

@ -1,5 +1,5 @@
.newestComment_red { border:1px solid #e0e1db; background:url(../images/red/bgBoxTypeB.gif) repeat-x left top; margin-bottom:.7em; }
.newestComment_red h2 { border-left:1px solid #ffffff; border-right:1px solid #ffffff; padding:7px 0 0 12px; height:21px; _height:20px; font-size:1em; color:#54564b; font-family:Tahoma;}
.newestComment_red .commentList { padding:1.2em; overflow:hidden;}
.newestComment_red .commentList li { display:block; color:#a4a4a4; white-space:nowrap; overflow:hidden; list-style:none; width:100%;}
.newestComment_red .commentList li a { color:#a4a4a4; line-height:1.5em; text-decoration:none;}
.blog_widget_red .newest_comment { border:1px solid #e0e1db; background:url(../images/red/bgBoxTypeB.gif) repeat-x left top; margin-bottom:.7em; }
.blog_widget_red .newest_comment h2 { border-left:1px solid #ffffff; border-right:1px solid #ffffff; padding:7px 0 0 12px; height:21px; _height:20px; font-size:1em; color:#54564b; }
.blog_widget_red .newest_comment .items { padding:10px; overflow:hidden;}
.blog_widget_red .newest_comment .items li { font-size:.9em; display:block; color:#a4a4a4; margin-right:.1em; overflow:hidden; white-space:nowrap; list-style:none; width:100%;}
.blog_widget_red .newest_comment .items li a { color:#a4a4a4; line-height:1.5em; text-decoration:none; }

View file

@ -7,12 +7,14 @@
<!--%import("css/red.css")-->
<!--@elseif($colorset=="purple")-->
<!--%import("css/purple.css")-->
<!--@else-->
<!--@elseif($colorset=="normal")-->
<!--%import("css/normal.css")-->
{@ $colorset = "normal" }
<!--@else-->
{@ $colorset = "" }
<!--@end-->
<div class="newestComment_{$colorset}">
<div class="blog_widget_{$colorset}">
<div class="newest_comment">
<div class="header">
<!--@if($widget_info->title)-->
<h2>{$widget_info->title}</h2>
@ -20,9 +22,10 @@
<h2>newest comments</h2>
<!--@end-->
</div>
<ul class="commentList">
<ul class="items">
<!--@foreach($widget_info->comment_list as $val)-->
<li><a href="{getUrl('','document_srl',$val->get('document_srl'))}#comment_{$val->get('comment_srl')}">{$val->getSummary(60)}</a></li>
<!--@end-->
</ul>
</div>
</div>