표준 영문 스킨입니다.
제 블로그가 현재 "호스팅" 되고 있어서, 스킨 파일 자체를 올리진 못하고요,
게다가 어차피 다른 모든건 표준스킨 그대로 따라가므로 skin.html 과 style.css 만 txt 로 복사신공 합니다.
현재 배포되고 있는 표준 국문 스킨을 적용한 후, 관리자 툴에서 스킨 에디터로 가서
skin.html 과 style.css 를 다음과 같이 치환해 주면 영문 스킨으로 바뀝니다.
적용된 결과는 (제 블로그) 여기에: http://www.web20asia.com
나름대로 폰트랑 이런것들 무쟈게 신경 쓴거에요 
시간이 있으면 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;
}
니들웍스