<![CDATA[TNF : Tatter Network Foundation forum - 댓글 박스 수정하는 방법 좀 알려주세요~]]> http://forum.tattersite.com/ko/viewtopic.php?id=10216 Thu, 25 Nov 2010 23:11:26 +0000 PunBB <![CDATA[RSS 답글: 댓글 박스 수정하는 방법 좀 알려주세요~]]> http://forum.tattersite.com/ko/viewtopic.php?pid=39800#p39800 
#articleBtmWrap { width:/*@post-width:-68=*/600px/*@*/; background: #f8f8f8; border: 1px solid #f5f5f5; padding: 7px 0 5px 0; font-family: verdana; font-size: 11px; color: #999; padding: 0px 0; margin-left: 0px; }
.comment { border: 1px solid red; width:/*@post-width:-98=*/570px/*@*/; overflow:hidden;  margin-left: 15px; }

요렇게 수정하니 제대로 보입니다.
width 값을 주석으로 -68px를 제외하신 듯 싶은데요. 그대로 제외없이 넣어주고
commnet 영역은 -30px를 하였습니다.

]]> Thu, 25 Nov 2010 23:11:26 +0000 http://forum.tattersite.com/ko/viewtopic.php?pid=39800#p39800 <![CDATA[댓글 박스 수정하는 방법 좀 알려주세요~]]> http://forum.tattersite.com/ko/viewtopic.php?pid=39797#p39797 안녕하세요~ 블로그를 간단한 포트폴리오 페이지로 수정하고 잇습니다.

이렇게 저렇게 찾아가면서 수정을 해왔는데 댓글 박스는 어떻게 해야할 지 모르겠네요 ;;

하다보니 오른쪽이 짧아져 있어 포스트 본문과 길이가 맞지 않네요

댓글 박스 전체를 중앙 정렬할 수 있는지

아니면 박스 크기를 본문 사이즈로 느릴 수 있는지 알려주세요 ~

주소는 www.inggoon.com

이구요

skin.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>[##_title_##] :: [##_page_title_##]</title>
<link href="./style.css" rel="stylesheet" type="text/css" />
<link rel="alternate" type="application/rss+xml" title="[##_title_##]" href="[##_rss_url_##]" />
<link rel="shortcut icon" href="[##_blog_link_##]favicon.ico" />
</head>
<body>
<s_t3>
<div id="container">
    <div id="header">
        <div id="searchBox">
            <s_search>
            
            
          </s_search>
        </div>
        <h1><a href="[##_blog_link_##]" title="[##_title_##]"><img src="./images/inggoon_com.gif" width="500" height="83" alt="[##_title_##]" /></a></h1>
    </div>
    <div id="sidebar">
        <s_sidebar>
<s_sidebar_element>
        <!-- 블로그 이미지 모듈 -->
        <div id="blogImage"><img src="[##_image_##]" alt="블로그 이미지" /></div>
    </s_sidebar_element>

    <s_sidebar_element>
        <!-- 블로그 설명 모듈 -->
        <div id="blogDesc">[##_desc_##]</div>
    </s_sidebar_element>
        <s_sidebar_element>
        <!-- 블로그 메뉴 -->
<div id="blogMenu">
        <ul>
        <br><li class="tab_guestbook"><a href="[##_guestbook_link_##]">GUESTBOOK</a><br>
                </ul>
</div>
</s_sidebar_element>
        <s_sidebar_element>
        <!-- 공지사항 모듈 -->
          <s_rct_notice>
          <div id="notice">

            <ul>
              <s_rct_notice_rep>
                <li><a href="[##_notice_rep_link_##]">[##_notice_rep_title_##]</a> </li>
              </s_rct_notice_rep>
            </ul>
          </div>
        </s_rct_notice>
        </s_sidebar_element>
        <s_sidebar_element>
        <!-- 카테고리 모듈 -->
        <div id="category">
                        <div class="wrapAbContent">
          [##_category_list_##]                </div>
        </div>
        </s_sidebar_element>

        <s_sidebar_element>
        <!-- 태그목록 모듈 -->
        <div id="tagbox">
        <h3>Tags</h3>
          <ul>
          <s_random_tags>
            <li><a href="[##_tag_link_##]" class="[##_tag_class_##]"> [##_tag_name_##]</a></li>
          </s_random_tags>
          </ul>
        </div>
        </s_sidebar_element>

        <s_sidebar_element>
        <!-- 최근 포스트 모듈 -->
        <div id="recentPost">
        <h3>Recent Posts</h3>
          <ul>
            <s_rctps_rep>
              <li>
            <a href="[##_rctps_rep_link_##]"> [##_rctps_rep_title_##].</a> <span class="ps_cnt">[##_rctps_rep_rp_cnt_##]</span>
              </li>
            </s_rctps_rep>
          </ul>
        </div>
        </s_sidebar_element>

        <s_sidebar_element>
        <!-- 최근 댓글 모듈 -->
        <div id="recentComment">
        <h3>Recent Comments</h3>
          <ul id="recentComments">
            <s_rctrp_rep>
              <li><a href="[##_rctrp_rep_link_##]">[##_rctrp_rep_desc_##].</a>
                    <span class="info"><span class="name">[##_rctrp_rep_name_##]</span><span class="date">[##_rctrp_rep_time_##]</span></span>
              </li>
            </s_rctrp_rep>
          </ul>
        </div>
        </s_sidebar_element>

        <s_sidebar_element>
        <!-- 최근 트랙백 모듈 -->
        <div id="recentTrackback">
        <h3>Recent Trackbacks</h3>
          <ul>
            <s_rcttb_rep>
              <li>
            <a href="[##_rcttb_rep_link_##]">[##_rcttb_rep_desc_##].</a>
            <span class="info"><span class="name">[##_rcttb_rep_name_##]</span><span class="date">[##_rcttb_rep_time_##]</span></span>
              </li>
            </s_rcttb_rep>
          </ul>
        </div>
        </s_sidebar_element>

        <s_sidebar_element>
        <!-- 최근 보관함 모듈 -->
        <div id="archive">
        <h3>Archives</h3>
          <ul>
            <s_archive_rep>
              <li>
                <a href="[##_archive_rep_link_##]">[##_archive_rep_date_##] </a> <span class="ps_cnt">([##_archive_rep_count_##])</span>
              </li>
            </s_archive_rep>
          </ul>
        </div>
        </s_sidebar_element>

<s_sidebar_element>
            <!-- calender -->
          <br>  <a href="http://s06.flagcounter.com/more/WLpI"><img src="http://s06.flagcounter.com/count/WLpI/bg=FFFFFF/txt=757575/border=FFFFFF/columns=2/maxflags=20/viewers=3/labels=0/" alt="free counters"></a>            </s_sidebar_element>

<s_sidebar_element>
            <!-- link -->
            <div id="link">
<h3>Links</h3>
<ul><s_link_rep><li><a href="[##_link_url_##]" onclick="window.open(this.href); return false"> [##_link_site_##].</a></li></s_link_rep></ul></div>
            </s_sidebar_element>
<s_sidebar_element>
<!-- counter -->
        <div id="counter">
        <span class="total">        Total : [##_count_total_##] </span><br>
<span class="today">  Today : [##_count_today_##]  </span>
<span class="yesterday">  Yesterday : [##_count_yesterday_##]  </span>        </div>
        </s_sidebar_element>

        <!-- etc -->
        <s_sidebar_element>
        <div id="btnRSS">
        <a href="[##_rss_url_##]" onclick="window.open(this.href); return false"><img src="./images/rss.gif" alt="RSS" width="55" height="33" /></a>
        </div>
        </s_sidebar_element>

        </s_sidebar>
    </div>
<div id="content">
<s_list>
<div id="searchList" class="nonEntry">
    <ol> 
<s_list_rep>
<li> 
<b><a href="[##_list_rep_link_##]">[##_list_rep_title_##]</b></a>
<span class="cnt">[##_list_rep_rp_cnt_##]</span>
</li>

</s_list_rep></ol>

</div>
</s_list>

<s_rplist>
<div id="searchRplist" class="nonEntry">
    <h3>'[##_rplist_conform_##]'   comment [##_rplist_count_##]건</h3>
    <ol>
        <s_rplist_rep>
            <li>
                <span class="date">[##_rplist_rep_regdate_##]</span>
                <a href="[##_rplist_rep_link_##]">[##_rplist_rep_body_##]</a>
                <span class="cnt">[##_rplist_rep_rp_cnt_##]</span>
                <span class="name">[##_rplist_rep_name_##]</span>
            </li>
        </s_rplist_rep>
    </ol>
</div>
</s_rplist>

<s_local>
<div id="localog" class="nonEntry">
    <h3>지역로그</h3>
    <s_local_spot_rep>
        <div class="spot" style="margin-left: [##_local_spot_depth_##]px">
            [##_local_spot_##]
        </div>
    </s_local_spot_rep>
    <s_local_info_rep>
        <div class="info" style="margin-left: [##_local_info_depth_##]px">
            <a href="[##_local_info_link_##]">[##_local_info_title_##]</a>
        </div>
    </s_local_info_rep>
</div>
</s_local>

<s_tag>
<div id="taglog" class="nonEntry">
    <h3>태그</h3>
    <ul>
        <s_tag_rep>
            <li>
                <a href="[##_tag_link_##]" class="[##_tag_class_##]">[##_tag_name_##]</a>
            </li>
        </s_tag_rep>
    </ul>
</div>
</s_tag>

<s_guest>
<div id="guestbook" class="nonEntry">
    <h3>" Say To Me "</h3>
    <s_guest_input_form>
        <div id="guestWrite">
            <s_guest_member>
                <s_guest_form>
                    <p>
                        <input type="text" name="[##_guest_input_name_##]" value="[##_guest_name_##]" />
                        <label > : Name </label>
                    </p>
                    <p>
                        <input type="password" maxlength="8" name="[##_guest_input_password_##]" value="" />
                        <label > : Password </label>
                    </p>
                    <p>
                        <input type="text" name="[##_guest_input_homepage_##]" value="[##_guest_homepage_##]" class="homepage" />
                        <label > : homepage </label>
                    </p>
                </s_guest_form>
            </s_guest_member>
            <p>
                <textarea name="[##_guest_textarea_body_##]" cols="55" rows="6"> </textarea>
            </p>
            <p>
                <input type="submit" value="" onclick="[##_guest_onclick_submit_##]" class="submit" />
            </p>
        </div><!-- guestWrite close -->
    </s_guest_input_form>

    <s_guest_container>
        <div id="guestList">
            <ol>
                <s_guest_rep>
                    <li id="[##_guest_rep_id_##]">
                        <div class="[##_guest_rep_class_##]">
                            <span class="name">[##_guest_rep_name_##]</span>
                            <span class="date"> [##_guest_rep_date_##]</span>
                            <span class="control">
                                <a href="#" onclick="[##_guest_rep_onclick_delete_##]" class="modify"><span>Modify/Delete</span></a>
                                <a href="#" onclick="[##_guest_rep_onclick_reply_##]" class="write"><span>Reply</span></a>
                            </span>
                            <p>[##_guest_rep_desc_##]</p>
                        </div>
                        <s_guest_reply_container>
                            <ul>
                                <s_guest_reply_rep>
                                    <li id="[##_guest_rep_id_##]">
                                        <div class="[##_guest_rep_class_##]">
                                            <span class="name">[##_guest_rep_name_##]</span>
                                            <span class="date"> [##_guest_rep_date_##]</span>
                                            <span class="control">
                                                <a href="#" onclick="[##_guest_rep_onclick_delete_##]" class="modify"><span>Modify/Delete</span></a>
                                            </span>
                                            <p>[##_guest_rep_desc_##]</p>
                                        </div>
                                    </li>
                                </s_guest_reply_rep>
                            </ul>
                        </s_guest_reply_container>
                    </li>
                </s_guest_rep>
            </ol>
        </div><!-- guestList close -->
    </s_guest_container>
</div><!-- guestbook close -->
</s_guest>

<s_notice_rep>
<div class="entryNotice">
    <div class="titleWrap">
        <h2>
        <span class="category"></span> </span>
    </div>
    <div class="article">
        [##_notice_rep_desc_##]
    </div>
</div>
</s_notice_rep>

<s_article_protected>
<div class="entryProtected">
    <div class="titleWrap">
                <h2>[##_article_rep_title_##]</a></h2>
<span class="date">[##_article_rep_date_##]</span>
    </div>
    <p class="text">보호되어 있는 글입니다. <br />
    내용을 보시려면 비밀번호를 입력하세요.</p>
    <p><label for="[##_article_password_##]">비밀번호 ::</label>
    <input id="[##_article_password_##]" name="[##_article_password_##]" type="password" maxlength="16" onkeydown="if (event.keyCode == 13) [##_article_dissolve_##]" />
    <input type="button" class="submit" value="확인" onclick="[##_article_dissolve_##]" />
    </p>
</div>
</s_article_protected>

<s_article_rep>
<div class="entry">
    <div class="titleWrap">

                

        
        </s_ad_div>
    </div><!-- titleWrap close -->

    <div class="article">
        [##_article_rep_desc_##]
    </div>
    
</div>

    <s_tag_label>
        <div class="tagTrail">
            <span class="tagText">TAG </span> [##_tag_label_rep_##]
        </div>
    </s_tag_label>
<div id="articleBtmWrap">
    <div class="actionTrail">
                
    </div>
<a href="#rp" onclick="[##_article_rep_rp_link_##]"><s_rp_count>  Comment <span class="cnt">[##_article_rep_rp_cnt_##]</span></s_rp_count></a>
    <s_tb>
        <div class="trackback">
            <h3>Trackback Address :: [##_tb_address_##]</h3>
            <s_tb_container>
                <ol>
                    <s_tb_rep>
                        <li id="[##_tb_rep_id_##]">
                            <h4>Subject: <a href="[##_tb_rep_url_##]" onclick="window.open(this.href); return false" rel="external nofollow">[##_tb_rep_title_##]</a></h4>
                            <span class="from">Tracked from <span class="name">[##_tb_rep_site_##]</span></span>
                            <span class="date">[##_tb_rep_date_##]</span>
                            <a href="#" onclick="[##_tb_rep_onclick_delete_##]; return false" class="delete">&nbsp;<span>Delete</span></a>
                            <p>[##_tb_rep_desc_##]</p>
                        </li>
                    </s_tb_rep>
                </ol>
            </s_tb_container>
        </div><!-- trackback close -->
    </s_tb>

    <s_rp>
        <div class="comment">
            <h3>comment </h3>
            <div class="commentList">
                <s_rp_container>
                    <ol>
                        <s_rp_rep>
                            <li id="[##_rp_rep_id_##]">
                                <div class="[##_rp_rep_class_##]">
                                    <span class="name">[##_rp_rep_name_##]</span>
                                    <span class="date"> [##_rp_rep_date_##]</span>
                                    <span class="control">
                                        <a href="[##_rp_rep_link_##]" class="address">Address</a>
                                        <a href="#" onclick="[##_rp_rep_onclick_delete_##]" class="modify">Modify/Delete</a>
                                        <a href="#" onclick="[##_rp_rep_onclick_reply_##]" class="write">Reply</a>
                                    </span>
                                    <p>[##_rp_rep_desc_##]</p>
                                </div>
                                <s_rp2_container>
                                    <ul>
                                        <s_rp2_rep>
                                            <li id="[##_rp_rep_id_##]">
                                                <div class="[##_rp_rep_class_##]">
                                                    <span class="name">[##_rp_rep_name_##]</span>
                                                    <span class="date"> [##_rp_rep_date_##]</span>
                                                    <span class="control">
                                                        <a href="[##_rp_rep_link_##]" class="address">Address</a>
                                                        <a href="#" onclick="[##_rp_rep_onclick_delete_##]" class="modify">Modify/Delete</a>
                                                    </span>
                                                    <p>[##_rp_rep_desc_##]</p>
                                                </div>
                                            </li>
                                        </s_rp2_rep>
                                    </ul>
                                </s_rp2_container>
                            </li>
                        </s_rp_rep>
                    </ol>
                </s_rp_container>
            </div><!-- commentList close -->

            <s_rp_input_form>
                <div class="commentWrite">
                    <s_rp_member>
                        <s_rp_guest>
                            <p>
                                <input type="text" name="[##_rp_input_name_##]" value="[##_guest_name_##]" />
                                <label > : Name </label>
                            </p>
                            <p>
                                <input type="password" maxlength="8" name="[##_rp_input_password_##]" value="" />
                                <label > : Password </label>
                            </p>
                            <p>
                                <input type="text" class="homepage" name="[##_rp_input_homepage_##]" value="[##_guest_homepage_##]"/>
                                <label > : homepage </label>
                            </p>
                        </s_rp_guest>
                        <p class="secretWrap">
                            <input type="checkbox" name="[##_rp_input_is_secret_##]" class="checkbox" />
                            <label > secret </label>
                        </p>
                    </s_rp_member>
                    <p>
                        <textarea name="[##_rp_input_comment_##]" rows="10" cols="50"></textarea>
                    </p>
                    <p>
                        <input type="" value="" onclick="[##_rp_onclick_submit_##]" class="submit" />
                    </p>
                </div><!-- commentWrite close -->
            </s_rp_input_form>

        </div><!-- comment close -->
    </s_rp>
</div><!-- entry close -->


</s_article_rep>

<s_paging>
<div id="paging">
    
</div>
</s_paging>
         </div>
    <div id="footer">
<div class="adTistory">
        
                     <div class="copyright">
            <span class="tistory">   <a href="http://www.inggoon.com" onclick="window.open(this.href); return false">Copyright ©  <b>Incheol Hwang</b>  All Rights Reserved. </a></span></p> <br>
        </div>
    </div>
</div>
</s_t3>
</body>
</html>

style.css

@charset "utf-8";
/* 반드시 들어가야 하는 스타일 시작 */
/* 본문 공통 */
    body {
       font-family: 돋움,Dotum,AppleGothic,sans-serif;
       font-size:12px;
       line-height: 1.5;

       /*@background-image=background-image:*/background-image: none/*@*/;
       /*@background-image-position=background-position:*/background-position: left top/*@*/;
       /*@background-image-repeat=background-repeat:*/background-repeat: repeat/*@*/;
       /*@background-color=background-color:*/background-color: #FFFFFF/*@*/;
       padding:0; margin:0;
    }
    a:link { color:#666; text-decoration:none;}
    a:visited { color:#666; text-decoration:none;}
    a:hover { color:#666; text-decoration:underline;}
    a:active { color:#666; text-decoration:none;}
    img { border: 0; }
/* 페이징 - 현재 페이지 */
    .selected               { font-weight: color:#FFF; }
    .no-more-prev { background:url(./images/icon_left_page.gif) left 1px no-repeat !important; padding-left:6px; color:#FFF;}
    .no-more-next { background:url(./images/icon_right_page.gif) right 1px no-repeat !important; padding-right:6px; color:#FFF;}
/* 카테고리 - 이미지 버튼 */
    .ib {     cursor: pointer; }
/* 5. 입력 텍스트 */
    .text { border:1px solid #999; }
/* 6. 트리 테이블 */
    .branch2 { }
/* 7. 트리 셀 */
    .branch3 { cursor: pointer; height: 10px; }
/* 8. 달력 월 표시 */
    .cal_month { font-family: verdana, san-serif; font-size: 10px; color: #ff000a; width: 170px; padding: 10px 0; margin: 5px auto; font-weight: bold;}
    .cal_month a:link, .cal_month a:visited, .cal_month a:hover { color: #ff000a; font-weight: bold;}
/* 9. 달력 요일 표시 */
    .cal_week1 { font-family: 돋움,Dotum,AppleGothic,sans-serif; font-size: 11px; height:18px; color: #666; font-weight: normal; }
/* 10. 달력 일요일 표시 */
    .cal_week2 { font-family: 돋움,Dotum,AppleGothic,sans-serif; font-size: 11px; height:18px; color: #ff000a; font-weight: normal; }
    .cal_day { font-family: verdana,san-serif; font-size:10px; color: #999; text-align:center; height:18px; }
/* 11. 달력 지난 달 날짜 표시 */
    .cal_day1 {   }
/* 12. 달력 다음 달 날짜 표시 */
    .cal_day2 {     }
/* 13. 달력 이번 달 날짜 표시 */
    .cal_day3 { }
/* 14. 달력 오늘 날짜 표시 */
    .cal_day4 { background-color: #e5e5e5; }
/* 15. 달력 글쓴 날 링크 스타일 */
    .cal_click a:link, .cal_click a:visited, .cal_click a:hover { color: #999; text-decoration: none; }
/* 16. 이미지 아래 캡션 스타일 */
    .cap1 { color: #876; text-align: center; }
/* 16. 키워드 스타일 */
    .key1 { cursor: pointer; border-bottom: 1px dotted #ccc; }
/* 16. 카테고리 옆 개수 스타일 */
    .c_cnt { font-size: 11px; color : #999; }
/* 17. 최신글 옆 개수 스타일 */
    .ps_cnt { font-size: 11px; color : #999; }

/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */

    #container { /*@post-width:295=width:;*/width: 895px;/*@*/ margin: 0 auto; }
    #header {
        float: left;
        /*@post-width:215=width:;*/width: 815px;/*@*/
        height:/*@title-height=*/90px/*@*/;
               margin: 30px 0 30px 40px; display: inline;
          /*@title-background-image=background-image:*/background-image: none/*@*/;
       /*@title-background-image-position=background-position:*/background-position: left top/*@*/;
       /*@title-background-image-repeat=background-repeat:*/background-repeat: repeat/*@*/;
       /*@title-background-color=background-color:*/background-color: #FFFFFF/*@*/;
    }
    #header h1{
        float: left;
        margin-top: 5px;
        /*@title-font-size=font-size:*/font-size: 16px/*@*/;
        /*@title-font-family=font-family:*/font-family: dotum/*@*/;
        /*@title-color=color:*/color: #78262A/*@*/;
        font-weight:bold;
      }

    #header h1 a {
        /*@title-font-size=font-size:*/font-size: 16px/*@*/;
        /*@title-font-family=font-family:*/font-family: dotum/*@*/;
        /*@title-color=color:*/color: #78262A/*@*/;
    }
    #searchBox { float: right; margin-top: 98px; margin-right: 15px; display: inline;}
    #searchBox input.search_keyword { border: 1px solid #e1e1e1; background-color: #f3f3f3; float: left; margin-right: 4px; }
    #searchBox input.button {background: url(./images/inggoon_search.gif) no-repeat; width: 32px; height: 20px;  text-indent: -1000em; border: 0px; cursor: pointer; float: left; }

    /* sidebar */
    #sidebar { clear: both; float: left; width: 190px; margin-left: 40px; display: inline; padding-bottom: 30px; }
    #blogImage {margin-bottom: 5px; }
    #blogImage img { width: 190px; }
    #blogDesc { font-size: 10px; font-family: tahoma; color: #999; padding: 5px 0 10px 0; border-bottom: 1px solid #ececec;}

    #blogMenu { margin: 0; padding: 0; }
    #blogMenu ul { list-style:none; margin: 0; padding: 0;}
    #blogMenu li a { list-style:none; width: 190px; height: 29px; text-indent: -100em; text-decoration: none; display:block; border-bottom: 1px solid #ececec;}
    #blogMenu li.tab_home a { background: url(./images/m_home.gif) no-repeat; overflow: hidden; }
    #blogMenu li.tab_home a:hover { background: url(./images/m_home_over.gif) no-repeat; overflow: hidden; }
    #blogMenu li.tab_localog a { background: url(./images/m_location.gif) no-repeat; overflow: hidden; }
    #blogMenu li.tab_localog a:hover { background: url(./images/m_location_over.gif) no-repeat; overflow: hidden; }
    #blogMenu li.tab_taglog a { background: url(./images/m_tags.gif) no-repeat; overflow: hidden; }
    #blogMenu li.tab_taglog a:hover { background: url(./images/m_tags_over.gif) no-repeat; overflow: hidden; }
    #blogMenu li.tab_media a { background: url(./images/m_media.gif) no-repeat; overflow: hidden; }
    #blogMenu li.tab_media a:hover { background: url(./images/m_media_over.gif) no-repeat; overflow: hidden; }
    #blogMenu li.tab_guestbook a { background: url(./images/m_guestbook.gif) no-repeat; overflow: hidden;}
    #blogMenu li.tab_guestbook a:hover { background: url(./images/m_guestbook_over.gif) no-repeat; overflow: hidden;}
    #blogMenu li.tab_admin a { background: url(./images/m_admin.gif) no-repeat; overflow: hidden;}
    #blogMenu li.tab_admin a:hover { background: url(./images/m_admin_over.gif) no-repeat; overflow: hidden;}
    #blogMenu li.tab_newpost a { background: url(./images/m_newpost.gif) no-repeat; overflow: hidden;}
    #blogMenu li.tab_newpost a:hover { background: url(./images/m_newpost_over.gif) no-repeat; overflow: hidden;}

    /* category */
    #category { border: 0px solid #ececec; margin-top: 10px;}
    #treeComponent #cafegoryWrapTd { padding: 10px; }
#category { auto; font-family: Verdana; font-size: 10px; font-weight: normal; color: #666; border-bottom: 1px solid #f5f5f5;}
#category li ul li ul li a {color:#000000; padding-right:10px; }
#category li ul li ul {margin:1px 0;border-top:1px solid #ddd;}
    
    #category .wrapAbContent { padding: 0 10px 10px 0px; }

    /* tag cloud */
    #tagbox { border: 1px solid #ececec; margin-top: 12px; }
    #tagbox ul {text-align: justify; margin: 10px;}
    #tagbox li { display: inline; line-height: 1.8; margin-right: 3px; }
    #tagbox li .cloud1 { font-weight:bold; font-size : 14px; color : #fc010a; letter-spacing: -1px; }
    #tagbox li .cloud2 { font-size : 12px; color : #000; }
    #tagbox li .cloud3 { font-size : 12px; color : #ddd; }
    #tagbox li .cloud4 { font-size : 12px; color : #999; }
    #tagbox li .cloud5 { font-size : 12px; color : #999; }
    #tagbox h3 { width: 170px; padding: 10px 0; margin: 5px auto; font-family: Verdana; font-size: 11px; font-weight: normal; color: #666; border-bottom: 1px solid #f5f5f5;}

    /* notice */
    #notice { border: 0px solid #ececec; margin-top: 10px; }
    #notice ul { padding: 0; list-style: none; margin: 10px;}
    #notice li { list-style: none; line-height: 1.4; }
    #notice  { auto; font-family: Verdana; font-size: 11px; font-weight: normal; color: #000; border-bottom: 1px solid #f5f5f5;}

    /* recentPost */
    #recentPost { border: 1px solid #ececec; margin-top: 10px; }
    #recentPost ul { padding: 0; list-style: none; margin: 10px;}
    #recentPost li { list-style: none; line-height: 1.4; }
    #recentPost li .cnt { font-family: verdana; font-size: 11px; color: #999; }
    #recentPost h3 { width: 170px; padding: 5px 0; margin: 5px auto; font-family: Verdana; font-size: 11px; font-weight: normal; color: #666; border-bottom: 1px solid #f5f5f5;}

    /* recentComment */
    #recentComment { border: 1px solid #ececec; margin-top: 10px; }
    #sidebar ul { padding: 0; list-style: none; margin: 10px;}
    #recentComment li { list-style: none; line-height: 1.4; }
    #recentComment li.cnt { font-family: verdana; font-size: 10px; color: #999; }
    #recentComment h3 { width: 170px; padding: 5px 0; margin: 5px auto; font-family: Verdana; font-size: 11px; font-weight: normal; color: #666; border-bottom: 1px solid #f5f5f5;}
    #recentComment li .info { color: #999; }

    /* recentTrackback */
    #recentTrackback { border: 1px solid #ececec; margin-top: 10px; }
    #recentTrackback ul { padding: 0; list-style: none; margin: 10px;}
    #recentTrackback li { list-style: none; line-height: 1.4; }
    #recentTrackback h3 { width: 170px; padding: 5px 0; margin: 5px auto; font-family: Verdana; font-size: 11px; font-weight: normal; color: #666; border-bottom: 1px solid #f5f5f5;}
    #recentTrackback li .info { color: #999; }

    /* archive */
    #archive { border: 1px solid #ececec; margin-top: 10px; }
    #archive ul { padding: 0; list-style: none; margin: 10px;}
    #archive li { list-style: none; line-height: 1.4; }
    #archive li .cnt { font-family: verdana; font-size: 10px; color: #999; }
    #archive h3 { width: 170px; padding: 5px 0; margin: 5px auto; font-family: Verdana; font-size: 11px; font-weight: normal; color: #666; border-bottom: 1px solid #f5f5f5;}

    /* calendar */
    #calendar { border: 1px solid #ececec; margin-top: 10px; }
    #calendar .tt-calendar { width: 170px; }
    #calendar .wrapAbContent { padding: 0 10px 10px 10px; }

    /* Links */
    #link { border: 0px solid #ececec; margin-top: 10px; }
    #link ul { padding: 0; list-style: none; margin: 10px;}
    #link li { list-style: none; line-height: 1.4; }
    #link h3 { width: 170px; padding: 0 0; margin: 0px auto; font-family: Verdana; font-size: 0px; font-weight: normal; color: #666; border-bottom: 0px solid #f5f5f5;}

    /* Counter */
    #counter { width: 190px; height: 31px; border-bottom: 1px solid #ececec; font-family: verdana,san-serif; font-size:10px; color: #999;}
    #counter li { display: inline; margin-right: 7px; }

    /* RSS */
    #btnRSS { width: 190px; border-bottom: 1px solid #ececec; }
    #btnRSS img {margin-left: 6px;}

    /* content */
    #content{ float:right; width:/*@post-width=*/600px/*@*/; margin-right: 40px; padding-bottom: 56px; display: inline; }

    /* ***** content ***** */
    #content .nonEntry {  }
    #content .nonEntry h3 {
          /*@post-title-font-size=font-size:*/font-size: 12px/*@*/;
          /*@post-title-font-family=font-family:*/font-family: Helvetica/*@*/;
          /*@post-title-color=color:*/color: #000000/*@*/;
          margin: 0; padding: 10px 0;
          font-weight: bold;
          border-bottom: 1px solid #f6f6f6;
          margin-bottom: 14px;
        }
    #content .entry          { width:/*@post-width=*/600px/*@*/; margin: 0; padding:0 0 15px 0; overflow:hidden; }

    #searchList ol,
    #searchRplist ol            { list-style:none;  padding:5px 0;  margin:0;}
    #searchList li,
    #searchRplist li            { border-bottom:1px solid #f6f6f6;  padding: 6px 0;}
    #searchList .date,
    #searchRplist .date         { color: #999; margin-right:10px; }
    #searchList .cnt            { color: #999; }
    #searchRplist .name         { color:#999;  padding-left:8px;}

    #localog .spot              { background:url(./images/iconIndentArrow_local.gif) 5px 0 no-repeat;  padding-left:20px;  margin-top:5px;}
    #localog .info              { background:url(./images/iconIndentArrow_localinfo.gif) 5px 3px no-repeat;  padding-left:15px;  margin-top:2px;}
    #localog                    { color: #666;}
    #localog a:link             { color: #999;}
    #localog a:visited          { color: #999;}
    #localog a:hover            { color: #999;  text-decoration: none;}

    #taglog ul                  { padding:5px; margin:0; text-align:justify;}
    #taglog li                  { display:inline;}
    #taglog a:hover             { background-color:#eee;  color:#000;}
    #taglog li .cloud1 { font-weight:bold; font-size : 14px; color : #fc010a; letter-spacing: -1px; }
    #taglog li .cloud2 { font-size : 12px; color : #000; }
    #taglog li .cloud3 { font-size : 12px; color : #ddd; }
    #taglog li .cloud4 { font-size : 12px; color : #999; }
    #taglog li .cloud5 { font-size : 12px; color : #999; }

    #guestbook p                { padding:2px 0; margin:0;}

    #guestWrite                 { padding:10px;  background-color:#f8f8f8; border:1px solid #f5f5f5; color: #666;}
    #guestWrite input           { width:150px; border:1px solid #f5f5f5; color: #666; }
    #guestWrite textarea        { width:/*@post-width:-38=*/562px/*@*/; overflow: hidden;  padding:5px; border:1px solid #f5f5f5;}
    #guestWrite .homepage       { width:300px;}
    #guestWrite .submit         { background:url(./images/btn_comment.gif) no-repeat; width:150px; height:23px; overflow:hidden; display:block; text-indent:-1000em; border:0; cursor:pointer; margin:0 auto; margin-top: 10px;}

    #guestList                  { padding:10px 0 0 0; color: #666; }
    #guestList ol,
    #guestList ul               { margin:0; padding:0;  list-style:none;}
    #guestList li p             { border-top:1px solid #ededed; margin-top:5px; padding-top:5px;}
    #guestList ol li            { border:5px solid #f5f5f5;  padding:10px;  margin-bottom:10px;  overflow:hidden;}
    #guestList li ul li         { margin-left:20px;  background:url("images/iconIndentArrow_local.gif") no-repeat 10px 10px;  background-color:#f5f5f5;  padding-left:25px;  border:none;  width:/*@post-width:-102=*/498px/*@*/; overflow:hidden;}
    #guestList li .name         { color:#666; }
    #guestList li .date         { font-family: verdana; font-size: 11px; color: #999; }
    #guestList .control a span { font-size: 11px; color: #999; }


       /* entry */
    .entryNotice h2,
    .entryProtected h2,
    .entry h2                {
        /*@post-title-font-size=font-size:*/font-size: 12px/*@*/;
        /*@post-title-font-family=font-family:*/font-family: Helvetica/*@*/;
        /*@post-title-color=color:*/color: #000000/*@*/;
        border-bottom: 1px solid #f6f6f6;
    }
    .entryNotice h2 a,
    .entryProtected h2 a,
    .entry h2 a    {
        /*@post-title-font-size=font-size:*/font-size: 12px/*@*/;
        /*@post-title-font-family=font-family:*/font-family: Helvetica/*@*/;
        /*@post-title-color=color:*/color: #000000/*@*/;
    }
    .titleWrap { width:/*@post-width=*/600px/*@*/; overflow: hidden; color: #999;}
    .titleWrap h2 { margin: 0; padding: 10px 0; /*@post-title-color=color:*/color: #000000/*@*/; margin-bottom: 14px; }
    .titleWrap h2 a:link { /*@post-title-color=color:*/color: #000000/*@*/; text-decoration:none; }
    .titleWrap h2 a:visited { /*@post-title-color=color:*/color: #000000/*@*/; text-decoration:none; }
    .titleWrap h2 a:hover { /*@post-title-color=color:*/color: #000000/*@*/; text-decoration:none; }
    .titleWrap h2 a:active { /*@post-title-color=color:*/color: #000000/*@*/; text-decoration:none; }

    .entryProtected { color: #666; }
    .entryProtected p.text   { padding:15px; border: 1px solid #f8f8f8; background-color: #f5f5f5; }
    .entryProtected input    { width:200px; border: 1px solid #e1e1e1; background-color: #f3f3f3;}
    .entryProtected .submit { background:url(./images/btn_ok.gif) 0 50% no-repeat; width:50px; height:23px; overflow:hidden; display:inline; text-indent:-1000em; border:0; cursor:pointer; margin-top: 13px;}

    .article                 {  width:/*@post-width:-68=*/532px/*@*/; font-size:/*@post-body-font-size=*/11px/*@*/; font-family: /*@post-body-font-family=*/Courier New/*@*/; color:/*@post-body-color=*/#000000/*@*/; overflow:hidden; padding: 40px 0; margin-left: 34px; }

    .article a:link          { color:#666;  text-decoration:none;}
    .article a:visited       { color:#666;  text-decoration:none;}
    .article a:hover         { color:#666;  text-decoration:underline;}
    .article a:active        { color:#666;  text-decoration:none;}

    .article dt              { text-decoration:underline;}
    .article dd              { margin-left:20px;  padding-bottom:10px;}

    .article blockquote      { background:url(./images/iconBlockquote.gif) top left no-repeat;  padding-left:25px;  margin:10px 20px;}

    .author                  { text-align:right; color:#888; padding:20px 20px;}
    .author .text            { font:90% Verdana, Arial, Helvetica, sans-serif;}

    .tagTrail                { padding:8px 5px 5px 30px;  background:url(./images/iconTag.gif) center left no-repeat; clear:both;}
    .tagText                 { display:none;}

    #articleBtmWrap { width:/*@post-width:-68=*/532px/*@*/; background: #f8f8f8; border: 0px solid #f5f5f5; padding: 7px 0 5px 0; font-family: verdana; font-size: 11px; color: #999; padding: 0px 0; margin-left: 0px; }

    .actionTrail             { width:/*@post-width:-98=*/502px/*@*/; overflow: hidden; border-bottom: 1px solid #fff; margin: 0 15px; padding-bottom: 5px; }
    .actionTrail .cnt        { color:#ff000a; font-weight: bold; }
    .actionTrail a:hover { text-decoration: none; }

    .trackback               { width:/*@post-width:-98=*/502px/*@*/; overflow:hidden;  margin: 0 15px;}
    .trackback a             { color:#666; text-decoration: none;}
    .trackback h3          { font-size: 11px; margin: 0; padding: 8px 0; font-weight: normal; border-bottom:1px solid #fff;}
    .trackback h4            { font-family: dotum; font-size: 11px; font-weight:normal;  margin:0; }
    .trackback ol            { margin:0;  padding:0; }
    .trackback li, .trackback .name, .trackback p { font-family: dotum; font-size: 11px; }
    .trackback li            { border-bottom:1px solid #fff;  padding:5px 0;}
    .trackback .date         { font:10px Verdana, Helvetica, Arial, Gulim, sans-serif;  color:#999;}
    .trackback p             { margin:2px 0 0 0; padding:0;}

    .comment                          { width:/*@post-width:-98=*/502px/*@*/; overflow:hidden;  margin-left: 15px; }
    .comment p                        { margin:3px 0 0 0; padding:0;}
    .comment h3                       { display:none; }
    .comment ol,
    .comment ul                       { padding: 0; margin: 0; }
    .comment ol li                    { padding: 3px 0; border-bottom:1px solid #fff; }
    .comment li ul li                 { padding:5px 10px 5px 35px;  background:url("images/iconReComment.gif") no-repeat 12px 6px; border:none;}
    .commentWrite                     { overflow: hidden; color:#666; }
    .commentWrite input               { width:150px; color:#666; border: 1px solid #f5f5f5; }
    .commentWrite textarea            {  width:/*@post-width:-98=*/502px/*@*/; overflow: hidden;  padding: 5px; margin: 5px 0 0 0; color: #666; border: 1px solid #f5f5f5;}
    .commentWrite .homepage           { width:300px;}
    .commentWrite .submit             { background:url(./images/btn_comment.gif) no-repeat; width:150px; height:23px; overflow:hidden; display:block; text-indent:-1000em; border:0; cursor:pointer; margin:10px auto; }
    .commentWrite .secretWrap         { clear:both; float:right; position:relative; top:0px; left:-10px; margin-bottom: 5px;}
    .commentWrite .checkbox           {    border:none; padding:0; margin:0; width:25px;}

    #paging            { padding-top:10px;  text-align:center;  font-size:0.95em;}
    #paging .numbox    { border-left:1px solid #ddd; padding-left:6px; margin-left:6px;  font:0.95em verdana;}
    #paging .num       { border-right:1px solid #ddd; padding-right:8px; margin-right:5px;}
    #paging #prevPage { background:url(./images/icon_left_page.gif) left 1px no-repeat; padding-left:12px;}
    #paging #nextPage { background:url(./images/icon_right_page.gif) right 1px no-repeat; padding-right:12px;}
    #paging span .selected { color: #FFFFFF; }

    /* footer */
    #footer { clear:both; width: 1000px; margin: 0 40px; padding-top: 0px;  }
    #footer .adTistory { float:left; }
    #footer .copyright {float: right; font-family: Vadana, san-serif; font-size: 11px; text-align: right; padding: 0; margin: 0; }
    #footer .copyright p, #footer .copyright p a { color: #999; }
    #footer .copyright .tistory, #footer .copyright .tistory a { color: #666; }

    #blogMenu ul {margin: 0; padding: 0;}

    #footer .adTistory .logoTistory {
        background: url(./images/logo2.png) no-repeat; width: 105px; height: 34px; text-indent: -100em; display: block; overflow: hidden;
    }
    * html #footer .adTistory .logoTistory {
        background-image:none;
        cursor: pointer;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tisStudioWhite/images/logo2.png', sizingMethod='crop');
    }
]]> Thu, 25 Nov 2010 15:47:52 +0000 http://forum.tattersite.com/ko/viewtopic.php?pid=39797#p39797