쌩초보가 CSS HTML을 건드는게 아니였는데.............. 죄송해요. 그냥 처음부터 소스를 보여드릴껄 그랬나봐요.
되긴되는데 이상하게 되네요.. 아무래도 예제라 제 스킨에 적용시키는건 무리였나봐요. OTL... ㅠㅠ
제가 사용할 티스토리 스킨입니다. 물어볼곳이 이곳밖에 없어요. ㅠㅠ 마지막 끈이네요. 이것조차 안되면 티스토리 접어야하나요.
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" />
<link rel="alternate" type="application/rss+xml" title="[##_title_##]" href="[##_rss_url_##]" />
<link rel="stylesheet" media="screen" type="text/css" href="./style.css" />
<link rel="stylesheet" media="print" type="text/css" href="./images/print.css" />
<link rel="shortcut icon" href="[##_blog_link_##]favicon.ico" />
<title>[##_title_##] [##_page_title_##]</title>
</head>
<body id="[##_body_id_##]">
<s_t3>
<div id="container">
<div id="header">
<!-- 블로그메뉴 -->
<div id="blogMenu">
<ul>
<!-- 블로그 사용 환경 (설치형/티스토리)에 맞게 아래 주석으로 처리된 메뉴를 활성화 시키시기 바랍니다. -->
<li class="tab_home"><a href="[##_blog_link_##]" title="Home">Home</a></li>
<li class="tab_tag"><a href="[##_taglog_link_##]" title="Tag">Tag</a></li>
<li class="tab_media"><a href="[##_blog_link_##]media" title="MediaLog">MediaLog</a></li>
<li class="tab_location"><a href="[##_localog_link_##]" title="LocationLog">LocationLog</a></li>
<!-- <li class="tab_key"><a href="[##_keylog_link_##]" title="KeyLog">KeyLog</a></li> -->
<li class="tab_guestbook"><a href="[##_guestbook_link_##]" title="Guestbook">Guestbook</a></li>
<li class="tab_admin"><a href="[##_owner_url_##]" title="Admin">Admin</a></li>
<li class="tab_write last"><a href="[##_owner_url_##]/entry/post" title="Write">Write</a></li>
<li class="tab_RSS"><a href="[##_rss_url_##]"onclick="window.open(this.href); return false"/entry/post" title="RSS">RSS</a></li>
</ul>
</div><!-- close blogMenu -->
</div>
<!-- close header -->
<div id="outer_btn_left"></div>
<div id="outer_btn_right"></div>
<hr />
<div id="content">
<!-- 태그 -->
<s_tag>
<div id="taglog" class="nonEntry">
<div class="wrapEntryHead"><div class="bgL"><div class="bgR"><h3>tag</h3></div></div></div>
<div class="wrapEntryContent">
<ul>
<s_tag_rep>
<li>
<a href="[##_tag_link_##]" class="[##_tag_class_##]">[##_tag_name_##]</a>
</li>
</s_tag_rep>
</ul>
</div>
<div class="wrapEntrytBC"><div class="wrapEntrytBL"><div class="wrapEntrytBR"></div></div></div>
</div>
</s_tag>
<!-- 지역로그 -->
<s_local>
<div id="localog" class="nonEntry">
<div class="wrapEntryHead"><div class="bgL"><div class="bgR"><h3>location log</h3></div></div></div>
<div class="wrapEntryContent">
<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>
<div class="wrapEntrytBC"><div class="wrapEntrytBL"><div class="wrapEntrytBR"></div></div></div>
</div><!-- close localog -->
</s_local>
<s_guest>
<div id="guestbook" class="nonEntry">
<div class="wrapEntryHead"><div class="bgL"><div class="bgR"><h3>guestbook</h3></div></div></div>
<div class="wrapEntryContent">
<!-- 방명록쓰기 -->
<s_guest_input_form>
<div id="guestWrite" class="commentWrite">
<s_guest_member>
<s_guest_form>
<p class="wrapName">
<label for="name">NAME</label><input type="text" name="[##_guest_input_name_##]" value="[##_guest_name_##]" id="name" class="text" />
<label for="password">PASSWORD</label><input type="password" maxlength="8" name="[##_guest_input_password_##]" value="" id="password" class="text" />
</p>
<p class="wrapHomepage">
<label for="homepage">HOMEPAGE</label><input type="text" name="[##_guest_input_homepage_##]" value="[##_guest_homepage_##]" class="text" />
</p>
</s_guest_form>
<p class="secretWrap">
<input type="checkbox" id="[##_guest_input_is_secret_##]" name="[##_guest_input_is_secret_##]" class="checkbox" value="1" /><label for="[##_guest_input_is_secret_##]">SECRET</label>
</p>
</s_guest_member>
<p><textarea name="[##_guest_textarea_body_##]" cols="50" rows="6"></textarea></p>
<p class="button"><input type="submit" value="안부 남기기" onclick="[##_guest_onclick_submit_##]" class="submit" /></p>
</div>
</s_guest_input_form>
<!-- 방명록읽기 -->
<s_guest_container>
<div id="guestList" class="commentList">
<ol>
<s_guest_rep>
<li id="[##_guest_rep_id_##]">
<div class="[##_guest_rep_class_##]">
<span class="control">
<a href="#" onclick="[##_guest_rep_onclick_delete_##]" class="modify" title="수정/삭제"> <span>Edit/Del</span></a>
<a href="#" onclick="[##_guest_rep_onclick_reply_##]" class="write" title="댓글쓰기"> <span>Reply</span></a>
</span>
<span class="name">[##_guest_rep_name_##]</span>
<p>[##_guest_rep_desc_##]</p>
<span class="date"> [##_guest_rep_date_##]</span>
</div>
<s_guest_reply_container>
<ul>
<s_guest_reply_rep>
<li id="[##_guest_rep_id_##]">
<div class="[##_guest_rep_class_##]">
<span class="control">
<a href="#" onclick="[##_guest_rep_onclick_delete_##]" class="modify" title="수정/삭제"> <span>Edit/Del</span></a>
</span>
<span class="name">[##_guest_rep_name_##]</span>
<p>[##_guest_rep_desc_##]</p>
<span class="date"> [##_guest_rep_date_##]</span>
</div>
</li>
</s_guest_reply_rep>
</ul>
</s_guest_reply_container>
</li>
</s_guest_rep>
</ol>
</div><!-- close guestList -->
</s_guest_container>
</div>
<div class="wrapEntrytBC"><div class="wrapEntrytBL"><div class="wrapEntrytBR"></div></div></div>
</div><!-- close guestbook -->
</s_guest>
<!-- 본문검색리스트 -->
<s_list>
<div class="wrapEntryHead"><div class="bgL"><div class="bgR"></div></div></div>
<div id="searchList" class="listEntry wrapEntryContent">
<h3>'[##_list_conform_##]'에 해당되는 글 [##_list_count_##]건</h3>
<ol>
<s_list_rep>
<li>
<span class="date">[##_list_rep_regdate_##]</span> ::
<a href="[##_list_rep_link_##]">[##_list_rep_title_##]</a>
<span class="cnt">[##_list_rep_rp_cnt_##]</span>
</li>
</s_list_rep>
</ol>
</div><!-- close searchList -->
<div class="wrapEntrytBC"><div class="wrapEntrytBL"><div class="wrapEntrytBR"></div></div></div>
</s_list>
<!-- 댓글검색리스트 -->
<s_rplist>
<div class="wrapEntryHead"><div class="bgL"><div class="bgR"></div></div></div>
<div id="searchRplist" class="listEntry wrapEntryContent">
<h3>'[##_rplist_conform_##]'에 해당되는 댓글 [##_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><!-- close searchRplist -->
<div class="wrapEntrytBC"><div class="wrapEntrytBL"><div class="wrapEntrytBR"></div></div></div>
</s_rplist>
<!-- 공지사항글 -->
<s_notice_rep>
<div class="wrapEntryHead"><div class="bgL"><div class="bgR">
<span class="category">공지사항</span><span class="date">[##_notice_rep_date_##]</span>
</div></div></div>
<div class="entryNotice wrapEntryContent">
<div class="titleWrap">
<h2><a href="[##_notice_rep_link_##]">[##_notice_rep_title_##]</a></h2>
</div>
<div class="article">
[##_notice_rep_desc_##]
</div>
</div><!-- close entryNotice -->
<div class="wrapEntrytBC"><div class="wrapEntrytBL"><div class="wrapEntrytBR"></div></div></div>
</s_notice_rep>
<!-- 보호글 -->
<s_article_protected>
<div class="wrapEntryHead"><div class="bgL"><div class="bgR"><span class="date">[##_article_rep_date_##]</span></div></div></div>
<div class="wrapEntryContent">
<div class="titleWrap">
<h2><a href="[##_article_rep_link_##]">[##_article_rep_title_##]</a></h2>
</div>
<div class="entryProtected ">
<p class="text">
보호되어 있는 글입니다.
내용을 보시려면 비밀번호를 입력하세요.
</p>
<p class="form">
<label for="[##_article_password_##]"> <span>password</span></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>
</div><!-- close entryProtected -->
<div class="wrapEntrytBC"><div class="wrapEntrytBL"><div class="wrapEntrytBR"></div></div></div>
</s_article_protected>
<!-- 포스트의 본문 시작 -->
<s_article_rep>
<div class="wrapEntryHead"><div class="bgL"><div class="bgR">
<span class="category"><a href="[##_article_rep_category_link_##]">[##_article_rep_category_##]</a> </span>
<span class="date">[##_article_rep_date_##]</span>
</div></div></div>
<div class="entry wrapEntryContent">
<div class="titleWrap">
<h2><a href="[##_article_rep_link_##]">[##_article_rep_title_##]</a></h2>
<!-- 포스트관리 -->
<s_ad_div>
<div class="admin">
([##_s_ad_s1_label_##])→<a href="#" onclick="[##_s_ad_s2_onclick_##]">[##_s_ad_s2_label_##]</a> |
<a href="[##_s_ad_m_link_##]" title="Modify">Modify</a> :
<a href="#" onclick="[##_s_ad_m_onclick_##]" title="Modify (window)">Modify (window)</a> |
<a href="#" onclick="[##_s_ad_t_onclick_##]" title="Trackback">Trackback</a> |
<a href="#" onclick="[##_s_ad_d_onclick_##]" title="Delete">Delete</a>
</div>
</s_ad_div>
</div><!-- close titleWrap -->
<!-- 포스트 본문 내용 -->
<div class="article">
[##_article_rep_desc_##]
</div><!-- close article -->
<div class="author">
<span class="text">posted by</span> [##_article_rep_author_##]
</div>
<!-- 태그트레일 -->
<s_tag_label>
<div class="tagTrail">
<span class="tagText">TAG</span>
[##_tag_label_rep_##]
</div><!-- close tagTrail -->
</s_tag_label>
<div class="actionTrail">
<a href="#tb" onclick="[##_article_rep_tb_link_##]" title="트랙백"><s_tb_count>Trackback <span class="cnt">[##_article_rep_tb_cnt_##]</span></s_tb_count></a> :
<a href="#rp" onclick="[##_article_rep_rp_link_##]" title="댓글"><s_rp_count>Comment <span class="cnt">[##_article_rep_rp_cnt_##]</span></s_rp_count></a>
</div>
<!-- 트랙백 -->
<s_tb>
<div class="trackback">
<h3>Trackback : [##_tb_address_##]</h3>
<s_tb_container>
<ol>
<s_tb_rep>
<li id="[##_tb_rep_id_##]">
<h4><a href="[##_tb_rep_url_##]" onclick="window.open(this.href); return false" rel="external nofollow">[##_tb_rep_title_##]</a> <a href="#" onclick="[##_tb_rep_onclick_delete_##]; return false" class="delete" title="삭제"> <span>삭제</span></a></h4>
<span class="date">[##_tb_rep_date_##]</span>
<span class="from">Tracked from <span class="name">[##_tb_rep_site_##]</span></span>
<p>[##_tb_rep_desc_##]</p>
</li>
</s_tb_rep>
</ol>
</s_tb_container>
</div><!-- close trackback -->
</s_tb>
<s_rp>
<div class="comment">
<h3>댓글을 달아 주세요 </h3>
<!-- 댓글읽기 -->
<div class="commentList">
<s_rp_container>
<ol>
<s_rp_rep>
<li id="[##_rp_rep_id_##]">
<div class="[##_rp_rep_class_##]">
<span class="control">
<a href="[##_rp_rep_link_##]" class="address" title="댓글주소"> <span>Addr</span></a>
<a href="#" onclick="[##_rp_rep_onclick_delete_##]" class="modify" title="수정/삭제"> <span>Edit/Del</span></a>
<a href="#" onclick="[##_rp_rep_onclick_reply_##]" class="write" title="댓글쓰기"> <span>Reply</span></a>
</span>
<span class="name">[##_rp_rep_name_##]</span>
<p>[##_rp_rep_desc_##]</p>
<span class="date"> [##_rp_rep_date_##]</span>
</div>
<s_rp2_container>
<ul>
<s_rp2_rep>
<li id="[##_rp_rep_id_##]">
<div class="[##_rp_rep_class_##]">
<span class="control">
<a href="[##_rp_rep_link_##]" class="address" title="댓글주소"> <span>Addr</span></a>
<a href="#" onclick="[##_rp_rep_onclick_delete_##]" class="modify" title="수정/삭제"> <span>Edit/Del</span></a>
</span>
<span class="name">[##_rp_rep_name_##]</span>
<p>[##_rp_rep_desc_##]</p>
<span class="date"> [##_rp_rep_date_##]</span>
</div>
</li>
</s_rp2_rep>
</ul>
</s_rp2_container>
</li>
</s_rp_rep>
</ol>
</s_rp_container>
</div><!-- close commentList -->
<!-- 댓글쓰기 -->
<s_rp_input_form>
<div class="commentWrite">
<s_rp_member>
<s_rp_guest>
<p class="wrapName">
<label for="[##_rp_input_name_##]_[##_article_rep_id_##]">NAME</label><input type="text" name="[##_rp_input_name_##]" value="[##_guest_name_##]" id="[##_rp_input_name_##]_[##_article_rep_id_##]" class="text" />
<label for="[##_rp_input_password_##]_[##_article_rep_id_##]">PASSWORD</label><input type="password" maxlength="8" name="[##_rp_input_password_##]" value="" id="[##_rp_input_password_##]_[##_article_rep_id_##]" class="text" />
</p>
<p class="wrapHomepage">
<label for="[##_rp_input_homepage_##]_[##_article_rep_id_##]">HOMEPAGE</label><input type="text" name="[##_rp_input_homepage_##]" value="[##_guest_homepage_##]" id="[##_rp_input_homepage_##]_[##_article_rep_id_##]" class="text" />
</p>
</s_rp_guest>
<p class="secretWrap">
<input type="checkbox" name="[##_rp_input_is_secret_##]" id="[##_rp_input_is_secret_##]_[##_article_rep_id_##]" class="checkbox" /><label for="[##_rp_input_is_secret_##]_[##_article_rep_id_##]">SECRET</label>
</p>
</s_rp_member>
<p><textarea name="[##_rp_input_comment_##]" rows="6" cols="50"></textarea></p>
<p class="button"><input type="submit" value="댓글 달기" onclick="[##_rp_onclick_submit_##]" class="submit" /></p>
</div><!-- close commentWrite -->
</s_rp_input_form>
</div><!-- close comment -->
</s_rp>
</div><!-- close entry -->
<div class="wrapEntrytBC"><div class="wrapEntrytBL"><div class="wrapEntrytBR"></div></div></div>
</s_article_rep>
<!-- 페이지 -->
<s_paging>
<div id="paging">
<a class="" id="prevPage" title="이전"> <span>«prev</span></a>
<span class="numbox">
<s_paging_rep>
<a class="num"></a>
</s_paging_rep>
</span>
<a class="" id="nextPage" title="다음"> <span>next»</span></a>
<script type="text/javascript">
//<![CDATA[
var tmp_outer_btn_left = "<a [##_prev_page_##] title='이전 페이지'><img src='./images/이전버튼.png' alt='prev' /></a>";
var tmp_outer_btn_right = "<a [##_next_page_##] title='다음 페이지'><img src='./images/다음버튼.png' alt='next' /></a>";
document.getElementById("outer_btn_left").innerHTML = tmp_outer_btn_left;
document.getElementById("outer_btn_right").innerHTML = tmp_outer_btn_right;
//]]>
</script>
</div>
</s_paging>
</div><!-- close content -->
</div><!-- close body -->
<hr />
<div id="footer">
<!-- 카피라이트 -->
<span id="copyright">
<a href="[##_blog_link_##]" title="The Fashion Nerd">© The Fashion Nerd</a> · Theme by <a href="http://www.tistory.com" title="Tistory 바로가기">Tistory</a> · Powered by <a href="http://daum.net" onclick="window.open(this.href); return false" title="Daum 바로가기">Daum</a>
</span>
</div><!-- close footer -->
</div><!-- close container -->
</s_t3>
<div id="outer_btn_left" style="position: absolute; left:0; text-align:center;"></div>
<div id="outer_btn_right" style="position: absolute; right:0; text-align:center;"></div>
<script type="text/javascript">
initMoving(document.getElementById("outer_btn_left"), 300, 400, 250);
initMoving(document.getElementById("outer_btn_right"), 300, 400, 250);
</script>
<script type="text/javascript">
window.onresize = function(){
window.location.reload();
}
</script>
</body>
</html>
----------------------------------------------------------------------------
style.CSS
----------------------------------------------------------------------------
@charset "utf-8";
/* 반드시 들어가야 하는 스타일 시작 */
/* 본문 공통 */
body {
font: normal 12px "돋움", dotum, verdana, sans-serif;
margin: 0;
padding: 0;
color: #666;
background: /*@background-color=*/#FFFFFF/*@*/
/*@background-image=*/none/*@*/
/*@background-image-repeat=*/no-repeat/*@*/
/*@background-image-position=*//*@*/;
}
a:link, a:visited, a:hover, a:active {
color: #91919d;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* 페이징 - 현재 페이지 */
.selected {
font-weight: bold;
color: #d5ff09;
}
.no-more-prev {
color: #344c50 !important;
}
.no-more-next {
color: #344c50 !important;
}
/* 카테고리 - 이미지 버튼 */
.ib {
cursor: pointer;
}
/* 카테고리 - 트리 셀 */
.branch3 {
cursor: pointer;
}
/* 카테고리 - 카테고리 옆 개수 스타일 */
.c_cnt {
font: 11px tahoma, "굴림", gulim, sans-serif;
color: #738184;
}
/* 달력 월 표시 */
.cal_month {
height: 19px;
padding: 5px 6px 0 0;
text-align: right;
font: bold 10px verdana, sans-serif;
color: #e1e1f1;
overflow: hidden;
}
/* 달력 요일 표시(th 영역) */
.cal_week1 {
font: normal 11px "돋움", dotum, arial, sans-serif;
color: #6a858c;
padding: 2px 0 0;
}
/* 달력 일요일 표시(th 영역) */
.cal_week2 {
font: 0.95em "돋움", dotum, arial, sans-serif;
color: #fdfeff;
border-left: 1px solid #aabfc4;
padding: 2px 0 0;
}
/* 달력 Day(td 영역) */
.cal_day {
font: 10px verdana, "굴림", gulim, sans-serif;
color: #8aa7ab;
text-align: center;
}
/* 달력 Day, 일요일 (td 영역) */
.cal_day_sunday {}
.cal_day_sunday a {}
/* 달력 지난 달 날짜 표시(td) */
.cal_day1 {
color: #ccc;
}
/* 달력 다음 달 날짜 표시(td) */
.cal_day2 {
color: #8aa7ab;
}
/* 달력 이번 달 날짜 표시(td) */
.cal_day3 {
color: #8aa7ab
}
/* 달력 오늘 날짜 표시(td) */
.cal_day4 {
color: #fff;
background: #b4cbcd;
}
/* 달력 글쓴 날 링크 스타일 */
a.cal_click:link {
color: #4c727f;
}
a.cal_click:visited {
color: #4c727f;
}
a.cal_click:hover {
color: #4c727f;
}
/* 종류별 코멘트 [##_rp_rep_class_##] */
.rp_general {
}
.rp_admin {
background: url(images/iconAdmin.gif) no-repeat;
padding-left: 20px;
}
.rp_secret {
color: #f30;
}
/* 종류별 방명록 글 [##_guest_rep_class_##] */
.guest_general {}
.guest_admin {
background: url(images/iconAdmin.gif) no-repeat;
padding-left: 20px;
}
/* 비밀 댓글 (로그아웃시 비밀글 표현) */
.hiddenComment {
background: url(images/iconSecret.gif) no-repeat;
padding-left: 20px;
font-weight: normal;
}
/* 이미지 아래 캡션 스타일 */
.cap1 {
color: #999;
text-align: center;
padding: 4px 0;
margin: 0;
}
/* 그림 */
.imageblock {
margin: 20px 0;
}
img {
border: 0 none;
}
/* 왼쪽 */
.left {}
/* 가운데 */
.center {}
/* 오른쪽 */
.right {}
/* 그림 2개 배치 */
.dual {
background-color: #fff;
margin-bottom: 5px;
}
/* 그림 3개 배치 */
.triple {
background-color: #fff;
margin-bottom: 5px;
}
/* 본문 - more / less */
.moreless_fold {
background: url('images/iconMore.gif') 0 0 no-repeat;
padding-left: 17px;
color: #8888b0;
}
.moreless_top {
background: url('images/iconLess.gif') 0 0 no-repeat;
padding-left: 17px;
color: #8888b0;
}
.moreless_bottom {
background: url('images/iconLess.gif') 0 right no-repeat;
padding-right: 17px;
color: #8888b0;
text-align: right;
}
/* 키워드 */
.key1 {
cursor: pointer;
border-bottom: 1px dotted #ccc;
}
/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */
hr {
display: none;
}
.clear {
clear: both;
}
/* 블로그 레이아웃 */
#container {
width: /*@post-width:410=*/1210px/*@*/;
margin: 0 auto;
}
#header {
width: /*@post-width:410=*/1210px/*@*/;
padding: /*@title-height=*/180px/*@*/ 0 0;
background: /*@title-background-image=*/url("images/2.png")/*@*/
/*@title-background-image-repeat=*/no-repeat/*@*/
/*@title-background-image-position=*/center/*@*/
/*@title-background-color=*/transparent/*@*/;
overflow: hidden;
float: left;
}
#wrapContent {
width: /*@post-width:410=*/1210px/*@*/;
float: left;
padding: 20px 0 0 0;
}
#content {
float: right;
overflow: hidden;
margin: 0;
padding: 0 200px;
width: /*@post-width=*/800px/*@*/;
}
#sidebar1 {
float: right;
width: 190px;
}
#sidebar2 {
float: left;
width: 190px;
}
#footer {
clear: both;
background: #090104;
padding: 19px 0 21px;
text-align: center;
}
/* Header */
.wrapTitle {
padding: 0 0 12px 39px;
}
.wrapTitle h1 {
margin: 0;
padding: 0 0 1px;
}
.wrapTitle h1 a:link, .wrapTitle h1 a:visited, .wrapTitle h1 a:hover, .wrapTitle h1 a:active {
color: /*@title-color=*/#284a53/*@*/;
font: bold /*@title-font-size=*/25px/*@*/ /*@title-font-family=*/verdana/*@*/, sans-serif;
}
.wrapTitle h1 a:hover {
color: #284A53;
text-decoration: underline;
}
#blogDesc {
color: #6a858c;
font-size: 11px;
padding: 7px 0 0 2px;
margin: 0;
}
.wrapHeadMenu {
clear: both;
position: relative;
border-top: 1px solid #1F0A0A;
padding: 0 0 0 20px;
overflow: hidden;
background-color: #1F0A0A;
width: /*@post-width:390=*/1190px/*@*/;
}
#blogMenu {
width: /*@post-width:410=*/1000px/*@*/;
}
#blogMenu ul {
margin: 0;
padding: 0;
list-style: none;
float: right;
width: /*@post-width:300=*/1100px/*@*/;
}
#blogMenu ul li {
float: right;
color: #1F0A0A;
font: 12px Georgia, sans-serif;
padding: 6px 10px 7px;
}
#blogMenu ul li.last {
background-image: none;
}
#blogMenu ul li a {
color: #949191;
}
#blogMenu ul li a:hover {
color: #1F0A0A;
background: #E3E3E3;
}
#blogImage {
float: right;
padding: 2px 0 0;
}
#blogImage img {
width: 188px;
height: 47px;
border: 1px solid #bbc9cc;
}
#btnRSS {
position: absolute;
top: 8px;
right: 20px;
}
#btnRSS a {
background: url(images/btn_rss.gif) no-repeat right 1px;
color: #a5bec3;
font: 10px verdana, sans-serif;
padding: 0 15px 0 0;
}
.sidebar {
overflow: hidden;
}
.sidebar .module {
margin-bottom: 18px;
}
.sidebar .module h3 {
width: 160px;
margin: 0 0 4px;
padding: 4px 11px 4px 19px;
background: url(images/bg_sidebar_title.gif) no-repeat;
color: #fff;
font: 9px verdana, sans-serif;
}
.sidebar .module ul {
margin: 0;
padding: 0;
list-style: none;
}
.sidebar .module ul li {
padding: 4px 0 0 17px;
background: url(images/bul_sidebar.gif) no-repeat 9px 8px;
font-size: 11px;
color: #768187;
}
.sidebar .block ul li a {
color: #768187;
}
#calendar {
width: 190px;
background: url(images/bg_calendar_bot.gif) no-repeat left bottom;
}
#calendar h3 {
display: none;
}
.tt-calendar {
width: 189px !important;
}
.tt-calendar thead th {
height: 17px;
margin-right: 1px;
background: #bfd3d4;
}
.calendar_bot {
background: url(images/bg_calendar_top.gif) no-repeat left top;
}
.cal_month a {
color: #e1e1f1;
}
.cal_month a span {
font: 9px arial, sans-serif;
}
.tt-calendar tbody td {
height: 18px;
}
.calendar_prev {
background: url(images/btn_cal_prev.gif) 0 4px no-repeat;
padding: 0 4px 0 0;
}
.calendar_next {
background: url(images/btn_cal_next.gif) 5px 4px no-repeat;
padding: 0 4px 0 4px;
}
.calendar_prev span, .calendar_next span {
display: none;
}
#searchBox {
width: 190px;
height: 61px;
margin-bottom: 20px;
background: url(images/bg_search.gif) no-repeat;
}
#searchBox h3 {
background-image: none;
margin: 0;
padding: 6px 0 14px 9px;
font: bold 10px verdana, sans-serif;
color: #ffffff;
}
#searchBox input {
width: 150px;
margin: 0 0 0 8px;
border: 0;
border-top: 1px solid #8f8e98;
border-left: 1px solid #8f8e98;
background: #e6eef0;
color: #294a53;
font-size: 12px;
vertical-align: middle;
}
#searchBox input.submit {
margin: 1px 0 0;
background: url(images/btn_search.gif) no-repeat;
width: 17px;
height: 17px;
text-indent: -1000em;
border: 0;
cursor: pointer;
}
#category {
margin-bottom: 20px;
padding-bottom: 5px;
background: url(images/bg_category_bot.gif) no-repeat left bottom;
}
#category h3 {
width: 160px;
height: 15px;
margin: 0;
padding: 5px 11px 4px 22px;
background: url(images/bg_category.gif) no-repeat;
font: bold 10px verdana, sans-serif;
color: #ffffff;
}
#category ul {
margin: 0;
padding: 0;
list-style: none;
border: 1px solid #aabfc4;
border-top: 0 none;
border-bottom: 0 none;
background: #e5ecf2;
}
#category ul li {
border-top: 1px solid #cddae0;
font-size: 11px;
padding: 6px 0 0;
}
#category ul li a {
display: block;
color: #738184;
padding: 0 0 0 21px;
background: url(images/bul_category1.gif) no-repeat 8px 5px;
margin-bottom: 2px;
}
#category ul li ul {
border: none;
}
#category ul li ul li {
padding: 1px 0;
font-weight: normal;
}
#category ul li ul li a {
background: url(images/bul_category2.gif) no-repeat 11px 4px;
color: #738184;
margin: 0;
}
#category ul li ul li ul li {
border-top: 1px solid #cddae0;
}
#category ul li ul li ul li a {
background: none;
}
#tagbox h3 {
margin-bottom: 8px;
}
#tagbox ul {
margin: 0 4px 0 9px;
overflow: auto;
}
#tagbox li {
display: inline;
padding: 0 5px 0 0;
background: none;
line-height: 18px;
}
#tagbox li .cloud1, #tagbox li .cloud2, #tagbox li .cloud3, #tagbox li .cloud4 {
background-color: #80999e;
font-weight: bold;
font-size: 11px;
color: #cdd8de;
}
#tagbox li .cloud5 {
font-size: 11px;
color: #768187;
}
#counter {
width: 190px;
height: 53px;
margin: 0 0 20px;
background: url(images/bg_counter.gif) no-repeat;
}
#counter ul {
margin: 0;
padding: 0;
list-style: none;
}
#counter ul li {
float: left;
width: 63px;
color: #eaf2f5;
text-align: center;
overflow: hidden;
font: bold 10px tahoma, sans-serif;
background-image: none;
padding: 15px 0 0;
}
#counter ul li span {
display: block;
margin-top: 2px;
color: #e1fd6c;
font: normal 9px tahoma, sans-serif;
}
#adminMenu li {
display: inline;
background: none;
}
#adTistory {
background: url(images/tistoryBanner01.gif) no-repeat;
}
#adTistory a {
display: block;
padding: 7px 0 0 103px;
color: #759497;
font-size: 11px;
letter-spacing: -1px;
}
#footer, #footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
color: #758386;
font-size: 11px;
}
#copyright {
padding-left: 10px;
}
/* content */
.wrapEntryHead {
background: url(images/entry_title2.gif) repeat-x;
}
.wrapEntryHead .bgL {
background: url(images/entry_title1.gif) no-repeat left top;
}
.wrapEntryHead .bgR {
background: url(images/entry_title3.gif) no-repeat right top;
padding: 0 14px;
height: 24px;
}
.wrapEntryHead h3 {
margin: 0;
padding: 5px 0 3px;
font: bold 10px arial, sans-serif;
color: #d8d8db;
}
.wrapEntryContent {
background-color: #FFF;
border-left: 1px solid #aabfc4;
border-right: 1px solid #aabfc4;
padding: 26px 20px 20px;
overflow: hidden;
_overflow: visible;
_height: 1%;
}
.wrapEntrytBC {
background: url(images/bgEntryBC.png) repeat-x;
margin-bottom: 15px;
height: 5px;
overflow: hidden;
}
.wrapEntrytBL {
background: url(images/bgEntryBL.gif) no-repeat;
}
.wrapEntrytBR {
background: url(images/bgEntryBR.gif) no-repeat right top;
height: 5px;
}
#guestList ul, #guestList ol, #guestList li {
margin: 0;
padding: 0;
list-style: none;
}
#taglog ul {
padding: 5px;
margin: -8px 0 0 0;
text-align: justify;
}
#taglog li {
display: inline;
}
#taglog li .cloud1 {
background-color: #d5ff09;
color: #41616a;
font-size: 15px;
}
#taglog li .cloud2 {
background-color: #a6b6b9;
color: #fff;
font-size: 15px;
}
#taglog li .cloud3 {
color: #294a53;
font-size: 15px;
}
#taglog li .cloud4 {
color: #6f8c8f;
font-weight: bold;
font-size: 12px;
}
#taglog li .cloud5 {
font-size: 12px;
color: #939494;
}
#localog .spot,
#localog .info {
padding: 3px 0;
}
#localog .spot {
background: url(images/ic_local.gif) 0 2px no-repeat;
padding-left: 13px;
color: #939494;
}
#localog .info {
background: url(images/ic_localinfo.gif) 0 4px no-repeat;
padding-left: 15px;
_background-position-y: 3px;
}
#localog a:link {
color: #939494;
}
#localog a:visited {
color: #939494;
}
#localog a:hover {
color: #939494;
text-decoration: underline;
}
.commentWrite p {
color: #8caaac;
font: 10px verdana, sans-serif;
margin: 0;
padding: 0 0 5px;
}
.commentWrite label {
padding-right: 8px;
}
.commentWrite .text {
width: 34%;
font: 12px "돋움", dotum, sans-serif;
color: #9090ad;
color: #8DABAD;
border: 1px solid #C8D6D9;
background: #F7F8FA;
padding: 3px 0 1px 4px;
vertical-align: middle;
}
.commentWrite .wrapName {
margin: 0;
}
.commentWrite .wrapHomepage .text {
width: 79%;
}
.commentWrite .secretWrap label {
padding-left: 8px;
}
.commentWrite .secretWrap input {
vertical-align: middle;
margin: 2px 0 0 0;
}
.commentWrite textarea {
width: /*@post-width:-46=*/754px/*@*/;
height: 80px;
font: 12px / 14px "돋움", dotum, sans-serif;
color: #8DABAD;
border: 1px solid #C8D6D9;
background: #F7F8FA;
}
.commentWrite .button {
text-align: right;
padding: 7px 0 0 0 !important;
}
.commentWrite .submit {
text-indent: -1000em;
border: 0 none;
width: 116px;
height: 21px;
background: url(images/btn_save_comment.gif) no-repeat;
font: 1.1em "돋움", dotum, arial, sans-serif;
cursor: pointer;
}
.commentList {
overflow: hidden;
padding: 20px 0 0;
}
.commentList ol, .commentList ul {
margin: 0;
padding: 0;
list-style: none;
}
.commentList li p {
margin: 0;
padding: 4px 0 3px;
font: 11px / 16px "돋움", dotum, sans-serif;
color: #959595;
word-break: break-all;
}
.commentList li ul {
margin: 3px 0 0 0;
padding: 0;
}
.commentList li ul li {
background: url("images/ic_re.gif") no-repeat 0 2px;
padding-left: 29px !important;
}
.commentList li .name {
color: #7e9fa6;
font-weight: bold;
font-size: 11px;
}
.commentList li .name a {
color: #7e9fa6;
}
.commentList li .date {
display: block;
font: 10px verdana, sans-serif;
color: #b0b1b1;
padding-bottom: 9px;
}
.commentList .control {
float: right;
}
.commentList .control a.modify {
background: url(images/iconModify.gif) no-repeat;
padding: 0 0 2px 47px;
text-decoration: none;
}
.commentList .control a.modify span {
display: none;
}
.commentList .control a.write {
background: url(images/iconWrite.gif) no-repeat;
padding: 0 0 2px 35px;
text-decoration: none;
}
.commentList .control a.write span {
display: none;
}
.commentList .control a.address {
background: url(images/iconAddress.gif) no-repeat;
padding: 0 0 2px 33px;
text-decoration: none;
}
.commentList .control a.address span {
display: none;
}
#paging {
width: 100%;
margin-bottom: 30px;
text-align: center;
font-size: 10px;
background: url(images/bgPage2.gif) repeat-x;
}
#paging .bgL {
background: url(images/bgPage1.gif) no-repeat left top;
}
#paging .bgR {
background: url(images/bgPage3.gif) no-repeat right top;
padding: 4px 12px 0 12px;
height: 19px;
}
#paging .numbox, #paging .num {
color: #fff;
font: 10px verdana, sans-serif;
padding: 0 2px;
}
#paging #prevPage {
float: left;
color: #fff;
font: 10px verdana, sans-serif;
}
#paging #nextPage {
float: right;
color: #fff;
font: 10px verdana, sans-serif;
}
#paging #prevPage span, #paging #nextPage span {
font: 9px arial, sans-serif;
padding: 0 3px;
}
.listEntry h3 {
margin: 0;
padding: 0 0 23px;
font-size: 16px;
color: #585858;
}
.listEntry ol {
margin: 0;
padding: 0;
list-style: none;
}
.listEntry ol li {
color: #939494;
line-height: 1.5;
}
.titleWrap h2 {
margin: 0;
padding: 0 0 3px;
font: bold /*@post-title-font-size=*/16px/*@*/ /*@post-title-font-family=*/dotum/*@*/, "돋움", sans-serif;
color: /*@post-title-color=*/#585858/*@*/;
}
.titleWrap a {
color: /*@post-title-color=*/#585858/*@*/;
}
.wrapEntryHead .category {
float: right;
font: 11px "돋움", dotum, sans-serif;
color: #fff;
background: url(images/ic_category.gif) no-repeat 0 7px;
padding: 7px 0 0 18px
}
.wrapEntryHead .category a {
color: #fff;
}
.wrapEntryHead .date {
float: left;
padding: 6px 0 0 0;
font: 10px arial, "굴림", gulim, sans-serif;
color: #feffff;
}
.entryProtected {
margin: 21px 0 6px 0;
padding: 29px 0 10px;
text-align: center;
border: 8px solid #f5f5f8;
}
.entryProtected p.text {
color: #939494;
margin: 0;
padding: 0;
}
.entryProtected input {
width: 150px;
border: 1px solid #c6c6d9;
vertical-align: middle;
}
.entryProtected .submit {
margin: 1px 0 0;
background: url(images/btn_confirm.gif) no-repeat;
width: 68px;
height: 21px;
text-indent: -1000em;
border: 0;
cursor: pointer;
}
.entryProtected .form {
text-align: center;
}
.entryProtected label {
padding-left: 79px;
background: url(images/lb_password.gif) no-repeat;
}
.entryProtected label span {
display: none;
}
.article {
width: /*@post-width=-42*/757px/*@*/;
overflow: hidden;
word-break: break-all;
color: /*@post-body-color=*/#939494/*@*/;
font: normal /*@post-body-font-size=*/12px/*@*/ /*@post-body-font-family=*/dotum/*@*/, "돋움", sans-serif;
padding: 20px 0 0 0;
line-height: 1.5;
}
.article a:link, .article a:visited, .article a:hover, .article a:active {
color: #939494;
}
.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: 0 0 5px 30px;
margin: 10px 0;
}
.author {
clear: both;
text-align: right;
color: #bebfbf;
padding: 21px 0 17px 0;
font-size: 11px;
}
.author .text {
font: 10px arial, sans-serif;
}
.tagTrail {
margin: 0 -20px 0;
padding: 5px 5px 4px 56px;
background: url(images/entryTag.gif) 20px 7px no-repeat;
clear: both;
border-top: 1px solid #ebebeb;
color: #a9a9a9;
}
.tagTrail a {
color: #a9a9a9;
}
.tagText {
display: none;
}
.actionTrail {
margin: 0 -20px;
padding: 6px 0 8px 20px;
border-top: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb;
clear: both;
color: #91919d;
font: 10px verdana, sans-serif;
}
.actionTrail .cnt {
color: #7c9ea7;
font-weight: bold;
font-size: 9px;
}
.trackback {
margin: 0 -20px 0;
padding: 15px 20px 0 20px;
border-bottom: 1px solid #ebebeb;
}
.trackback img {
border: 0 none;
}
.trackback h3 {
font: bold 11px verdana, sans-serif;
color: #7c9ea7;
margin: 0;
padding: 0 0 13px 6px;
background: url(images/bul_trackback.gif) no-repeat 0 6px;
}
.trackback h4 {
font: normal 11px "돋움", dotum, sans-serif;
margin: 0;
padding: 0 0 1px;
color: #99b2b7;
}
.trackback h4 a {
color: #99b2b7;
}
.trackback ol {
margin: 0;
padding: 0;
list-style: none;
}
.trackback ol li {
word-break: break-all;
overflow: hidden;
padding-bottom: 17px;
}
.trackback .date {
float: right;
display: block;
font: 10px verdana, sans-serif;
color: #C1C1C1;
}
.trackback p {
font-size: 11px;
line-height: 16px;
color: #a9a9a9;
margin: 0;
padding: 3px 0 0 0;
}
.trackback a.delete {
background: url(images/iconDelete.gif) left top no-repeat;
padding-left: 8px;
text-decoration: none;
}
.trackback a.delete span {
display: none;
}
.trackback .from {
font-size: 11px;
color: #a9a9a9;
}
.comment {
}
.comment h3 {
display: none;
}
.entry .admin, .entry .admin a {
color: #bdbdbd;
}}