<![CDATA[TNF : Tatter Network Foundation forum - 1.0.5 표준스킨 영문 (재배포 가능?)]]> http://forum.tattersite.com/ko/viewtopic.php?id=429 Mon, 22 May 2006 04:44:39 +0000 PunBB <![CDATA[RSS 답글: 1.0.5 표준스킨 영문 (재배포 가능?)]]> http://forum.tattersite.com/ko/viewtopic.php?pid=2380#p2380 제가 알기로 0.9x대, 그리고 클래식의 키워드가
더 글로벌한 개념인 '태그'로 흡수 되려는 움직임이 있는 걸로 알고 있습니다.
물론 확정은 아니고요.

]]> Mon, 22 May 2006 04:44:39 +0000 http://forum.tattersite.com/ko/viewtopic.php?pid=2380#p2380 <![CDATA[RSS 답글: 1.0.5 표준스킨 영문 (재배포 가능?)]]> http://forum.tattersite.com/ko/viewtopic.php?pid=2315#p2315 chang1 작성:

/********************************** 키워드 팝업 *******************/

요 키워드 팝업은 어디에 어떻게 적용되는 것인가요?
클래식의 키워드는 아닌 것 같은데 말이죠^^;

]]> Sun, 21 May 2006 05:01:47 +0000 http://forum.tattersite.com/ko/viewtopic.php?pid=2315#p2315 <![CDATA[1.0.5 표준스킨 영문 (재배포 가능?)]]> http://forum.tattersite.com/ko/viewtopic.php?pid=2275#p2275 표준 영문 스킨입니다.
제 블로그가 현재 "호스팅" 되고 있어서, 스킨 파일 자체를 올리진 못하고요,
게다가 어차피 다른 모든건 표준스킨 그대로 따라가므로 skin.html 과 style.css 만 txt 로 복사신공 합니다.

현재 배포되고 있는 표준 국문 스킨을 적용한 후, 관리자 툴에서 스킨 에디터로 가서
skin.html 과 style.css 를 다음과 같이 치환해 주면 영문 스킨으로 바뀝니다.

적용된 결과는 (제 블로그) 여기에: http://www.web20asia.com

나름대로 폰트랑 이런것들 무쟈게 신경 쓴거에요 smile
시간이 있으면 CSS 주석문도 영문화 하고 싶은데 그건 살짝 다음 기회로 하죠.

제목에 재배포 가능 ? 이라고 쓴 이유는
요새 다국어 재배포 이슈가 올라오는 것 같아서 이지만 http://www.tattertools.com/ko/forum/vie … php?id=352
이 스킨은 TnC 에서 표준 배포용으로 만든 것으로 이해하고 있으므로 큰 무리는 없으리라 봅니다.

아래에서 CTRL + F 해서 "style.css" 찾아지는 시점까지가 스킨 html 이고 그 이하가 CSS 입니다.



(이하 skin.html)


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>[##_blogger_##] :: [##_page_title_##]</title>
<link rel="stylesheet" media="screen" type="text/css" href="./style.css"/>
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="[##_rss_link_##]"/>
</head>
<body>
<s_t3>
  <div id="container">
    <div id="header">
      <h1><a href="[##_blog_link_##]"> [##_title_##]</a></h1>
      <div id="link"><a href="[##_localog_link_##]">  Location </a> : <a href="[##_taglog_link_##]"> Tag </a> : <a href="[##_guestbook_link_##]"> Guestbook</a></div>
    </div>
    <div id="content">
      <s_tag>
        <div id="tagcloud">
          <div class="title">Tag</div>
            <s_tag_rep> <a href="[##_tag_link_##]" class="[##_tag_class_##]">[##_tag_name_##]</a> </s_tag_rep>
        </div>
      </s_tag>
      <s_list>
        <div class="listup">
          <div class="title">[##_list_count_##] entries in'<span class="key">[##_list_conform_##]</span>'</div>
          <s_list_rep> <a href="[##_list_rep_link_##]"><span class="date">[##_list_rep_regdate_##]</span> [##_list_rep_title_##]<span class="c_cnt"> [##_list_rep_rp_cnt_##]</span></a> <br />
          </s_list_rep>
        </div>
      </s_list>
      <s_rplist>
        <div class="listup">
          <div class="title">[##_rplist_count_##] comments in '<span class="key">[##_rplist_conform_##]</span>'</div>
          <s_rplist_rep> <a href="[##_rplist_rep_link_##]"><span class="date">[##_rplist_rep_regdate_##]</span> [##_rplist_rep_body_##] <span class="name">[##_rplist_rep_name_##]</span><span class="c_cnt">[##_rplist_rep_rp_cnt_##]</span></a> <br />
          </s_rplist_rep>
        </div>
      </s_rplist>
      <s_local>
        <div class="listup">
          <div class="title">Locationlog</div>
          <s_local_spot_rep>
            <div class="local" style="margin-left:[##_local_spot_depth_##]px">[##_local_spot_##]</div>
          </s_local_spot_rep>
          <s_local_info_rep>
            <div class="local_info" style="margin-left: [##_local_info_depth_##]px"> <a href="[##_local_info_link_##]" class="btn"> [##_local_info_title_##]</a> </div>
          </s_local_info_rep>
        </div>
      </s_local>
           
           
      <s_guest>
        <div class="title">Guestbook</div>
        <div id="guestbook_write">
          <h4>Write a comment</h4>
          <s_guest_member>
            <s_guest_form>
              <p>
                <input type="text" id="[##_guest_input_name_##]" value="[##_guest_name_##]" class="ninput"/>
                <label for="[##_guest_input_name_##]"> : Name </label>
              </p><p>
                <input type="password" maxlength="8" id="[##_guest_input_password_##]" value="[##_guest_admin_check_##]" class="ninput"/>
                <label for="[##_guest_input_password_##]"> : Password </label>
              </p>
              <p>
                <input type="text" class="homepage" id="[##_guest_input_homepage_##]" value="[##_guest_homepage_##]"/>
                <label for="[##_guest_input_homepage_##]"> : Homepage </label>
              </p>
            </s_guest_form>
          </s_guest_member>
          <p>
            <textarea name="textarea" rows="4" id="[##_guest_input_comment_##]"></textarea>
          </p>
          <p>
            <input type="button" value="Save a comment" class="submit" onclick="[##_guest_onclick_submit_##]"/>
          </p>
        </div>
               
               
        <div id="guestbook">
          <s_guest_rep>
            <div class="accept">
              <div id="img_btn">
                             <a href="#" onclick="[##_guest_rep_onclick_delete_##]">
                             <img src="./images/iconModifyDelete.gif" alt="Modify/Delete" border="0" /></a>
                             <a href="#" onclick="[##_guest_rep_onclick_reply_##]">
                             <img src="./images/iconReply.gif" alt="Reply" /></a>
                            </div>
                            <div class="accept1">
              <div class="info">[##_guest_rep_name_##] <span class="date"> [##_guest_rep_date_##]</span></div>
              [##_guest_rep_desc_##]
                            </div>
              <s_guest_reply_rep>
                <div class="accept2">
                  <div id="img_btn"><a href="#" onclick="[##_guest_rep_onclick_delete_##]"><img src="./images/iconModifyDelete.gif" alt="Modify/Delete" border="0" /></a></div>
                  <div class="info">[##_guest_rep_name_##] <span class="date"> [##_guest_rep_date_##]</span> </div>
                  [##_guest_rep_desc_##] </div>
              </s_guest_reply_rep>
            </div>
          </s_guest_rep>
        </div>
               
               
      </s_guest>
      <s_article_protected>
        <div class="entry">
          <h2>[##_article_rep_title_##]</h2>
          <span class="date"> [##_article_rep_date_##]</span>
          <p> [Protected Entry]   Enter the password </p>
          <label for="[##_article_password_##]">Password ::</label>
          <input type="password" maxlength="16" id="[##_article_password_##]" value="" />
          <input type="button" class="submit" value="View" onclick="[##_article_dissolve_##]" />
                                        <p>  </p>                   
        </div>
      </s_article_protected>
           
      <s_notice_rep>
        <div class="entry">
          <h2><a href="[##_notice_rep_link_##]">[##_notice_rep_title_##]</a></h2>
          [##_notice_rep_date_##]
          <div class="notice">[##_notice_rep_desc_##]</div>
        </div>
      </s_notice_rep>           
           
           
      <s_article_rep>
        <div class="entry">
          <h2><a href="[##_article_rep_link_##]">[##_article_rep_title_##]</a></h2>
          <a href="[##_article_rep_category_link_##]" class="category">[##_article_rep_category_##]</a><span class="date"> | [##_article_rep_date_##]</span>
          <s_ad_div>
            <div id="control"> <a href="[##_s_ad_m_link_##]" class="btn">Modify</a> :
              ([##_s_ad_s1_label_##])→<a href="#" onclick="[##_s_ad_s2_onclick_##]" class="btn">[##_s_ad_s2_label_##]</a> : <a href="#" onclick="[##_s_ad_t_onclick_##]" class="btn">Trackback</a> : <a href="#" onclick="[##_s_ad_d_onclick_##]" class="btn">Delete</a> </div>
          </s_ad_div>
          <div id="article">
            [##_article_rep_desc_##]
          </div>
        </div>
        <div id="img_top"><a href="#top"><img src="./images/btn_top.gif" alt="top" /></a></div>
        <s_tag_label>
          <div id="tag"><span class="tag">TAG</span> [##_tag_label_rep_##]</div>
        </s_tag_label>
        <div id="btnbox"><a href="#tb" onclick="[##_article_rep_tb_link_##]">Trackback[##_article_rep_tb_cnt_##]</a> : <a href="#rp" onclick="[##_article_rep_rp_link_##]">Comment[##_article_rep_rp_cnt_##]</a></div>
        [##_article_div_area_##]
        <s_tb>
          <div id="trackback">
            <div class="add">Trackback Address  :: [##_tb_address_##]</div>
            <s_tb_rep>
              <div id="accept">
                <div id="img_btn"><a href="#" onclick="[##_tb_rep_onclick_delete_##]; return false"> <img src="./images/iconDelete.gif" alt="Delete" border="0" /> </a> </div>
                Tracked from <a href="[##_tb_rep_url_##]" onclick="window.open(this.href); return false">[##_tb_rep_site_##]</a> <span class="date">[##_tb_rep_date_##]</span> <a href="#"></a><br />
                제목: <a href="[##_tb_rep_url_##]" onclick="window.open(this.href); return false">[##_tb_rep_title_##] </a><br />
                [##_tb_rep_desc_##] </div>
            </s_tb_rep>
          </div>
        </s_tb>
        <s_rp>
          <div id="comment">
            <s_rp_rep>
              <div class="accept">
                <div id="img_btn"> <a href="#" onclick="[##_rp_rep_onclick_delete_##]"> <img src="./images/iconModifyDelete.gif" alt="Modify/Delete" border="0" /></a> <a href="#" onclick="[##_rp_rep_onclick_reply_##]"><img src="./images/iconReply.gif" alt="Reply" /></a> </div>
                <div class="info">[##_rp_rep_name_##] <span class="date">[##_rp_rep_date_##]</span></div>
                [##_rp_rep_desc_##]
                <s_rp2_rep>
                  <div class="accept2">
                    <div id="img_btn"><a href="#" onclick="[##_rp_rep_onclick_delete_##]"><img src="./images/iconModifyDelete.gif" alt="Modify/Delete" border="0" /></a></div>
                    <div class="info">[##_rp_rep_name_##] <span class="date">[##_rp_rep_date_##]</span> </div>
                    [##_rp_rep_desc_##] </div>
                </s_rp2_rep>
              </div>
            </s_rp_rep>
            <div id="comment_write">
              <div class="title">Write a comment</div>
              <s_rp_member>
                <s_rp_guest>
                  <p>
                    <input type="text" id="[##_rp_input_name_##]" value="[##_guest_name_##]" class="ninput"/>
                    <label for="[##_rp_input_name_##]"> : Name </label>
                  </p><p>
                    <input type="password" maxlength="8" id="[##_rp_input_password_##]" value="[##_rp_admin_check_##]" class="ninput"/>
                    <label for="[##_rp_input_password_##]"> : Password </label>
                  </p>
                  <p>
                    <input type="text" class="homepage" id="[##_rp_input_homepage_##]" value="[##_guest_homepage_##]"/>
                    <label for="[##_rp_input_homepage_##]"> : Homepage </label>
                </p></s_rp_guest>
                  <input type="checkbox" id="[##_rp_input_is_secret_##]" class="checkbox" />
                  <label for="[##_rp_input_is_secret_##]"> Secret Mode </label>
                <p></p>
              </s_rp_member>
              <p>
                <textarea rows="4" id="[##_rp_input_comment_##]"></textarea>
              </p>
              <p>
                <input type="button" value="Save a comment" class="submit" onclick="[##_rp_onclick_submit_##]"/>
              </p>
            </div>
          </div>
        </s_rp>
        <br />
      </s_article_rep>
      <s_paging>
        <div id="paging"><a [##_prev_page_##]>◀ PREV</a> :
          <s_paging_rep><a [##_paging_rep_link_##] class="page">[[##_paging_rep_link_num_##]]</a> : </s_paging_rep>
          <a [##_next_page_##]>NEXT ▶</a></div>
      </s_paging>
    </div>
    <div id="sidebar">
      <div class="owner"> <a href="[##_blog_link_##]owner/entry">Admin</a> | <a href="[##_blog_link_##]owner/entry/post">Write Post</a></div><p>
      <div class="image"><img src="[##_image_##]" alt="BLOG main image" /></div>
      <p><div class="desc">[##_desc_##]</div>
      <div class="listbox">
        <s_rct_notice>
          <ul>
            <s_rct_notice_rep>
              <li> <a href="[##_notice_rep_link_##]">[##_notice_rep_title_##]</a> </li>
            </s_rct_notice_rep>
          </ul>
        </s_rct_notice>
      </div>   
      <s_search>
        <div id="searchbox">
          <input type="text" name="[##_search_name_##]" value="[##_search_text_##]"  onkeypress="if (event.keyCode == 13) { [##_search_onclick_submit_##] }" />
          <input value="Search" type="button" onclick="[##_search_onclick_submit_##]" class="submit" />
        </div>
      </s_search>
<!--
      <div class="bar">Category</div>
      <div class="listbox">[##_category_##]</div>
-->
      <div class="bar">Tag</div>
      <div class="listbox" style="text-align: justify;">
        <s_random_tags> <a href="[##_tag_link_##]" class="[##_tag_class_##]"> [##_tag_name_##]</a> </s_random_tags>
      </div>
      <div class="bar">Recent Posts </div>
      <div class="listbox">
        <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>
      <div class="bar">Recent Comment</div>
      <div class="listbox">
        <ul>
          <s_rctrp_rep>
            <li><a href="[##_rctrp_rep_link_##]">[##_rctrp_rep_desc_##]<span class="name">- [##_rctrp_rep_name_##]</span></a> <span class="date">[##_rctrp_rep_time_##]</span></li>
          </s_rctrp_rep>
        </ul>
      </div>
      <div class="bar">Recent Trackback</div>
      <div class="listbox">
        <ul>
          <s_rcttb_rep>
            <li><a href="[##_rcttb_rep_link_##]">[##_rcttb_rep_desc_##] - <span class="name">[##_rcttb_rep_name_##]</span> <span class="date">[##_rcttb_rep_time_##]</span></a> </li>
          </s_rcttb_rep>
        </ul>
      </div>
      <div class="bar">Archive</div>
      <div class="listbox">
        <ul>
          <s_archive_rep>
            <li><a href="[##_archive_rep_link_##]">[##_archive_rep_date_##]</a> <span class="cnt">([##_archive_rep_count_##])</span> </li>
          </s_archive_rep>
        </ul>
      </div>
      <div class="bar">Calender</div>
      <div class="listbox">[##_calendar_##]</div>
      <div class="bar">Link</div>
      <div class="listbox">
        <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>
      <div id="counter">Total : [##_count_total_##] <br />
        Today : [##_count_today_##]     Yesterday : [##_count_yesterday_##] </div>
     
       
            <div class="image">
                      <a href="[##_rss_url_##]" onclick="window.open(this.href); return false">
          <img src="./images/rss.gif" vspace="5" alt="rss"/></a>       
      </div>
    </div>
    <div id="footer"><br />
      <a href="[##_blog_link_##]"> [##_blogger_##]</a>’s Blog is powered by <a href="http://tattertools.com" target="_blank">Tattertools.com </a></div>
  </div>
</s_t3>
</body>
</html>



(이하 style.css)


@charset "utf-8";

/* 반드시 들어가야 하는 스타일 시작 */
/* 1. 본문 전체  */
    body{
        background:url(images/bg.gif) repeat-x #ddd;
        text-align: center;
        padding-top: 20px;
    }

    body, td, input, textarea {
        font:0.75em/1.5em Tahoma, Helvetica, sans-serif;
        color : #666;               
    }

    td, input, select, textarea {
        font-size: 12px;
    }

/* 2. 기본 링크 */
    a:link {
        text-decoration: none;
        color : #369;
    }
    a:visited {
        text-decoration: none;   
        color : #369;
    }
    a:hover {
        text-decoration: underline;       
        color : #369;
    }

/* 3. 이미지 */
    img {
        border-width: 0px;
    }

/* 4. 이미지 버튼 */
    .ib {
        cursor: pointer;
    }

/* 5. 입력 텍스트 */
    .text {
    }

/* 6. 트리 테이블 */
    .branch2 {
    }

/* 7. 트리 셀 */
    .branch3 {
        cursor: pointer;
        height: 11px;
    }

/* 8. 달력 월 표시 */
    .cal_month {
        font:10px Tahoma;
        height: 18px;
        text-align: center;
        vertical-align: top;
        font-weight:bold;
    }

/* 9. 달력 요일 표시 */
    .cal_week1 {
        font:10px Tahoma;
        text-align:center;
    }

/* 10. 달력 일요일 표시 */
    .cal_week2 {
        color: #f30;
        font:10px Tahoma;
        text-align: center;
    }

/* 11. 달력 지난 달 날짜 표시 */
    .cal_day1 {
        color: #000;
        font:10px Tahoma;
        text-align:center;
    }

/* 12. 달력 다음 달 날짜 표시 */
    .cal_day2 {
        color: #000;
        font:10px Tahoma;
        text-align: center;
    }

/* 13. 달력 이번 달 날짜 표시 */
    .cal_day3 {
        font:10px Tahoma;
        text-align: center;
    }

/* 14. 달력 오늘 날짜 표시 */
    .cal_day4 {
        text-align: center;
        font:10px Tahoma;
        background-color:#ccc;
        font-weight:bold;
    }

/* 15. 달력 글쓴 날 링크 스타일 */
    a.cal_click:link {
        font:10px Tahoma;   
        font-weight: bold;
        color : #333;
    }
    a.cal_click:visited {
        font:10px Tahoma;   
        font-weight: bold;
        color : #333;
    }
    a.cal_click:hover {
        font:10px Tahoma;   
        font-weight: bold;
        color : #369;
    }

/* 16. 이미지 아래 캡션 스타일 */
    .cap1 {
        color: #876;
        text-align: center;
    }

/* 16. 키워드 스타일 */
    .key1 {
        cursor: pointer;
        border-bottom: 1px dotted #ccc;
    }

/* 16. 카테고리 옆 개수 스타일 */
    .c_cnt {
        font:10px Tahoma;
        color : #999;
    }

/* 17. 최신글 옆 개수 스타일 */
    .ps_cnt {
        font:10px Tahoma;
        color : #999;
    }


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

h1, h2, h3 {
    margin:0px;
    }
#container {
    width:740px;
    background:url(images/bg_footer.gif) repeat-x bottom #fff;   
    border:2px solid #d2d2d2;
    border-bottom:6px solid #d2d2d2;
  text-align: left;   
    padding:20px; 
    margin: 0px auto;   
}

/********************************** 헤더영역 *******************/
#header {
    height:35px;
    background:url(images/bg_header.gif) no-repeat;
    padding : 35px 11px 0px 60px;
    color:#fff;
    margin-bottom:11px;
    }
#header h1{
    line-height:26px;
    font-size:24px;
    font-weight:bold;
    float:left;
    }
#header #link {
    text-align:right;
    margin-left:400px;
    padding-top:11px;
    font-size:11px;
    }
#header a:link    {color:#fff;}   
#header a:visited {color:#fff;}   
#header a:hover   {color:#000;}   
#header a:active  {color:#fff;}   

/********************************** 컨텐츠 영역 *******************/
#content {
    width:511px;
    float:left;
  overflow: hidden;
    }
#content a:hover {
    color:#369;
    }       
#content #btnbox{
    border-top:1px dotted #ccc;
    border-bottom:1px solid #999;
    padding:5px 0px 3px 11px;
    font-size:12px;
    }           
#content a.btn:link {color:#336699;}   
#content a.btn:visited {color:#336699;}   
#content a.btn:hover {color:#666;}   
#content a.btn:active {color:#336699;}           

#content .listup {
    line-height:18px;
    padding:11px 0;
    border-bottom:1px solid #ddd;
    margin-bottom:20px;
    }   
.listup a:hover {
    color:#369;
    border-bottom:1px dotted #999;
    }           
.listup .date {
    font-size:11px;
    padding-right:5px;
    color:#369;
    }   
.listup .name {
    font-size:11px;
    color:#999;
    }           
   
#content .title    {
    font-size:14px;
    font-weight:bold;
    color:#000;
    background:url(images/iconComputer.gif) no-repeat 0 50%;
    padding:11px 0px 11px 20px;
}
#content .title .key    {
    color:#369;
}

/*** 컨텐츠 영역 > 태그 *******************/   
#tagcloud *{
    line-height: 1.5em;
    text-align: justify;
    }       
#tagcloud a:hover{
    text-decoration:none;
    }   
#tagcloud .cloud1 {
  font-size : 20px;
  color : #f60;
  }
#tagcloud .cloud2 {
  font-size : 18px;
  color : #039;
  }
#tagcloud .cloud3 {
  font-size : 16px;
  color : #690;
  }
#tagcloud .cloud4 {
  font-size : 14px;
  color : #09c;
  }
#tagcloud .cloud5 {
  font-size : 12px;
  color : #999;
  }   
   
/*** 컨텐츠 영역 > 키로그 *******************/   
.listup .keydate{
    padding:11px;
    font-weight:bold;
    }
.listup .keybox{
    padding:11px;
    }   
   
       
/*** 컨텐츠 영역 > 위치로그 *******************/           
.listup .local {
    padding-left:50px;
    background:url(images/iconIndentArrow_local.gif) no-repeat 30px 2px;
    margin-bottom:3px;
    }   
.listup .local_info {
    padding-left:25px;
    background:url(images/iconIndentArrow_localinfo.gif) no-repeat 11px 50%;
    margin-bottom:3px;
    }       

/*** 컨텐츠 영역 > 방명록 *******************/
#guestbook {
    padding:0px 11px;
    line-height:16px;
    font-size:12px;   
    }
#guestbook .info {
    padding: 5px 0px;
    color:#369;
}   
#guestbook .date{
    font:10px Tahoma;
    color:#666;
    }       
#guestbook .accept {
    border-bottom:1px dotted #ccc;
    padding:11px 0px;
    }
#guestbook .accept1 {
    padding:11px 0px 5px 30px;
    background:url(images/iconGuestbook.gif) no-repeat 5px 15px;
    }   
#guestbook .accept2 {
    padding:11px 0px 5px 25px;
    background:url(images/iconIndentArrow.gif) no-repeat 11px 15px;
    margin-left:50px;
    }   
   
#guestbook a:link {color:#369; font-weight:bold;}   
#guestbook a:visited {color:#369; font-weight:bold;}   
#guestbook a:hover {color:#666; font-weight:bold;}   
#guestbook a:active {color:#369; font-weight:bold;}   

/*** 컨텐츠 영역 > 댓글쓰기 *******************/
#guestbook_write {
    border-top:1px solid #ccc;
    background-color:#f7f7f7;
    font-size:11px;
    padding:11px;
    }
#guestbook_write p {
    margin:4px 0;
    }
#guestbook_write .title {
    font-size:18px;
    margin-bottom:11px;
    }   
#guestbook_write .ninput{
    width:180px;
    border:1px solid #999;   
    }       
#guestbook_write input.homepage{
    width:250px;
    border:1px solid #999;
    }   
#guestbook_write textarea{
    border:1px solid #999;
    width:450px;
    height:100px;
  overflow:visible;   
    }   
#guestbook_write .submit{
    height:30px;
    width:180px;
    border:1px solid #999;
    background-color:#fff;
    font:10px Verdana;
    font-weight:bold;
    color:#666;
    }   

/*** 컨텐츠 영역 > Entry *******************/   
.entry {
    padding:5px;
    overflow:hidden;
    padding-bottom:15px;
    }
.entry h2{
    font: 16px Tahoma;
    color:#000;
    font-weight:bold;
}
.entry h2 a{
    font-size:16px;
    color:#222;
    font-weight:bold;
}

.entry h2 a:hover {
    color:#36c;
    }   
.entry input{
    border:1px solid #999;
    height:20px;
    width:150px;
    background-color:#fff;
}
.entry .submit{
    border:1px solid #999;
    height:24px;
    width:60px;
    background-color:#ddd;
}
.entry .category {
    color:#999;
    font-size:11px;
    }
.entry a.category:hover {
    color:#369;
    }   
.entry .date {
    font:10px Tahoma;
    color:#999;
    }   
.entry #control {
    font:12px;
    padding-top:5px;
    }   
       

#article *{
         font: 13px/1.8 Arial;   
    }       
#article {
         font: 13px/1.8 Arial;
    padding-top:10px;
    padding-bottom:10px;
    }

/*** 컨텐츠 영역 > 태그& 댓글 & 트랙백 버튼 *******************/
#img_top {
    text-align:right;
    float:right;
    margin-top:3px;
}
#tag {
    padding:5px 11px 5px 20px;
    background:url(images/entry_tag.gif) no-repeat 0 50%;
    }
#tag .tag {
    font:10px Tahoma;
    color:#fff;
    font-weight:bold;
    padding-right:11px;
    }
#tag a:hover {
    color:#f30;
    }   
   
/*** 컨텐츠 영역 > 트랙백 *******************/

#img_btn {
    text-align:right;
    float:right;   
}
#trackback {
    background:#f7f7f7;
    padding:11px;
    margin-bottom:5px;   
    }   
#trackback .date{
    font:10px Tahoma;
    }       
#trackback .info {
    padding: 5px 0px;
}   
#trackback .add {
    font:11px Verdana, Arial, Helvetica, sans-serif;
  padding-bottom : 11px;
    }
#trackback #accept {
  padding : 11px 0px;
    border-top:1px dotted #ccc;
    }   
   
#trackback a:link {color:#369;}   
#trackback a:visited {color:#369;}   
#trackback a:hover {color:#333;    border-bottom: 1px dotted #999;}   
#trackback a:active {color:#369;}   

/*** 컨텐츠 영역 > 댓글 *******************/
#comment {
    background:#f7f7f7;
    padding:0 11px 11px 11px;
    margin-bottom:5px;   
    }
#comment .info {
    padding: 5px 0px;
    color:#369;
}   
#comment .date{
    font:10px Tahoma;
    color:#666;
    }       
#comment .accept {
    border-bottom:1px dotted #ccc;
    padding:11px 0px;
    }
#comment .accept2 {
    padding:11px 0px 5px 25px;
    background:url(images/iconIndentArrow.gif) no-repeat 11px 15px;
    margin-left:50px;
    }   
   
#comment a:link {color:#369; font-weight:bold;}   
#comment a:visited {color:#369; font-weight:bold;}   
#comment a:hover {color:#666; font-weight:bold;}   
#comment a:active {color:#369; font-weight:bold;}   

/*** 컨텐츠 영역 > 댓글쓰기 *******************/
#comment_write {
    font-size:11px;
    padding:11px;
    }
#comment_write p {
    margin:4px 0;
    }
#comment_write .title {
    font-size:14px;
    margin-bottom:11px;
    }   
#comment_write .ninput{
    width:140px;
    border:1px solid #999;   
    }       
#comment_write input.homepage{
    width:220px;
    border:1px solid #999;
    }   
#comment_write input.checkbox{
    }       
#comment_write textarea{
    border:1px solid #999;
    width:450px;
    height:200px;
  overflow:visible;   
    }   
#comment_write .submit{
    height:30px;
    width:250px;
    border:1px solid #999;
    background-color:#fff;
    font:10px Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#666;
    }   
   
#paging {
    padding:11px;
    text-align:center;
    font:10px Tahoma;
    color:#999;
    }
   
#paging a.page:link{color:#999;}   
#paging a.page:visited{color:#999;}       
#paging a.page:hover{color:#369; border-bottom:1px dotted #ccc;}   
#paging a.page:active{color:#999;}           

/********************************** 사이드바 영역 *******************/   
   
#sidebar {
    background:#fff;
    padding:5px;
    margin-left:526px; 
    border:5px solid #eee;
    width:190px;   
    }
/* 태그 클라우드 스타일 */

#sidebar .owner{
    font-size:11px;
    text-align:center;
    padding-bottom:2px;
    }   
#sidebar .image{
  margin-bottom:2px;
    text-align:center;
    overflow:hidden;   
    }   
#sidebar .desc{
    font-size:11px;
    line-height:14px;
    color:#666;
    text-align:center;
    }   
#searchbox {
    text-align:center;
    padding:5px 0;
    }   
#searchbox input{
    width:120px;
    border:1px solid #999;
    background-color:#f5f5f5;
    }   
#searchbox .submit{
    width:50px;
    height:18px;
    border:1px solid #999;
    background-color:#ccc;
    font:10px, Tahoma;
    font-weight:bold;
    }       
#sidebar .cloud1 {
  font-size : 16px;
  color : #f60;
  }
#sidebar .cloud2 {
  font-size : 15px;
  color : #039;
  }
#sidebar .cloud3 {
  font-size : 14px;
  color : #690;
  }
#sidebar .cloud4 {
  font-size : 13px;
  color : #09c;
  }
#sidebar .cloud5 {
  font-size : 12px;
  color : #999;
  }
#sidebar .bar{
    background-color:#eee;
    padding-left:5px;
    font-size:11px;
    font-weight:bold;
    }   
.listbox{
    margin:5px 0px 11px 5px;
    }
.listbox .cnt{
    font:11px Tahoma;
  color:#999;
    }   
.listbox .date{
    font:11px Tahoma;
  color:#999;
    }       
.listbox .name{
    font-size:11px;
  color:#999;
    }       
#sidebar ul{
    list-style: none;
  margin: 0px;
  padding: 0px;
    }   

#sidebar li a:link{color:#369;}   
#sidebar li a:visited{color:#369;}       
#sidebar li a:hover{color:#666; border-bottom:1px dotted #999;}   
#sidebar li a:active{color:#369;}           
   
#counter {
    background-color:#eee;
    text-align:center;
    padding:5px;
    font:10px Tahoma;
    margin-bottom:11px;
    }                           
#sidebar .ad{
text-align:center;
padding:5px;
        }   

/********************************** 푸터 영역 *******************/
#footer {
    font-size:11px;
    color:#999;
    padding-top:20px;
    text-align:center;
    clear:left; 
}

#footer a:link {
    color:#999;
    }   
#footer a:visited {
    color:#999;
    }   
#footer a:hover {
    color:#369;
    }   
#footer a:active {
    color:#999;
    }   

/********************************** 키워드 팝업 *******************/
#keyword {
    background:url(images/bg_footer.gif) repeat-x bottom #fff;   
    border:2px solid #d2d2d2;
  text-align: left;   
    padding:20px; 
}

#keyword .view {
    padding:11px 11px 30px 0px;
    margin-bottom:11px;
    border-bottom:1px dotted #ccc;
}

#keyword a.btn:link {color:#369;}   
#keyword a.btn:visited {color:#369;}   
#keyword a.btn:hover {color:#666;}   
#keyword a.btn:active {color:#369;}

#keyword .title    {
    font-size:14px;
    font-weight:bold;
    color:#000;
    background:url(images/iconComputer.gif) no-repeat 0 50%;
    padding:11px 0px 11px 20px;
}
#keyword .key    {
    color:#369;
}

]]> Sat, 20 May 2006 02:23:59 +0000 http://forum.tattersite.com/ko/viewtopic.php?pid=2275#p2275