블로그센터
4단 Textcube skin 본문
마음엔 안 들지만 바꿨다는 데 의의를 둔다.
혹 스킨을 원하시면 아래 소스를 붙여 사용하세요.
배경이 화이트라서 그냥 소스 붙여넣기만 하면 됩니다.
기본 스킨은 텍스트큐브의 Simple Gray입니다.
이걸 바탕으로 마구마구 삽질했습니다.
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="stylesheet" media="screen" type="text/css" href="./style.css" />
<title>블로그센터 :: 4단 Textcube skin</title>
</head>
<body>
<script type="text/javascript">
//<![CDATA[
function toggle(el) {
el = document.getElementById(el);
el.style.display = (el.style.display=='none' || el.style.display=='' ? 'block' : 'none')
}
//]]>
</script>
<div id="container"><div class="containerInner">
<div id="header"><div class="inner area">
<h1><a href="https://blogcenter.tistory.com/"><span>블로그센터</span></a></h1>
</div></div>
<!-- /header -->
<div id="body"><div class="bodyInner area">
<div id="content"><div class="inner">
<div id="menu"><div class="inner area">
<div class="blogMenu">
<ul>
<li class="menuBlog"><a href="https://blogcenter.tistory.com/">blog</a></li>
<li class="menuProfile"><a href="">profile</a></li>
<li class="menuGuestbook"><a href="https://blogcenter.tistory.com/guestbook">guestbook</a></li>
<li class="menuflickr"><a href="http://www.flickr.com/photos/blogyourlife/">flickr</a></li>
<li class="menuMore"><a href="#" onclick="toggle('moreMenu'); return false">more option</a></li>
</ul>
</div>
<div id="moreMenu" class="moreMenuBox" style="display: none;">
<ul>
<li class="menuNotice"><a href="">notice</a></li>
<li class="menuTag"><a href="https://blogcenter.tistory.com/tag">tag</a></li>
<li class="menuLocation"><a href="https://blogcenter.tistory.com/location">location</a></li>
<li class="menuMedia"><a href="">media</a></li>
<li class="menufacebook"><a href="http://www.facebook.com/people/Sohyon-Ju/1749924291">facebook</a></li>
</ul>
</div>
</div>
</div>
<hr />
<!-- /menu -->
<s_list>
<div class="searchResult group">
<h3><strong>''</strong>에 해당되는 글 <span class="cnt"></span>건</h3>
<ol>
<s_list_rep>
<li>
<span class="date"></span>
<span class="name"></span>
<a href=""></a>
<span class="cnt cnt4">(4)</span>
</li>
</s_list_rep>
</ol>
</div>
</s_list>
<s_article_rep>
<div class="entryPost entry group">
<div class="titleWrap">
<h2><a href="/entry/%ED%85%8D%ED%81%90%EC%9D%98-%EC%8A%A4%ED%82%A8%EC%9D%84-%EC%82%AC%EC%9D%B4%EB%93%9C%EB%B0%94-3%EA%B0%9C-%EC%A7%9C%EB%A6%AC%EB%A1%9C-%EB%B0%94%EA%BE%B8%EB%8B%A4">4단 Textcube skin</a></h2>
<span class="category"><a href="/category/%EB%B8%94%EB%A1%9C%EA%B7%B8%ED%8C%81">블로그팁</a> </span> |
<span class="date">2009. 8. 17. 05:51</span> |
<span class="name">수다공작소</span>
</div><!-- /titleWrap -->
<div class="article">
마음엔 안 들지만 바꿨다는 데 의의를 둔다.
혹 스킨을 원하시면 아래 소스를 붙여 사용하세요.
배경이 화이트라서 그냥 소스 붙여넣기만 하면 됩니다.
기본 스킨은 텍스트큐브의 Simple Gray입니다.
이걸 바탕으로 마구마구 삽질했습니다.
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="stylesheet" media="screen" type="text/css" href="./style.css" />
<title>블로그센터 :: 4단 Textcube skin</title>
</head>
<body>
<script type="text/javascript">
//<![CDATA[
function toggle(el) {
el = document.getElementById(el);
el.style.display = (el.style.display=='none' || el.style.display=='' ? 'block' : 'none')
}
//]]>
</script>
<div id="container"><div class="containerInner">
<div id="header"><div class="inner area">
<h1><a href="https://blogcenter.tistory.com/"><span>블로그센터</span></a></h1>
</div></div>
<!-- /header -->
<div id="body"><div class="bodyInner area">
<div id="content"><div class="inner">
<div id="menu"><div class="inner area">
<div class="blogMenu">
<ul>
<li class="menuBlog"><a href="https://blogcenter.tistory.com/">blog</a></li>
<li class="menuProfile"><a href="">profile</a></li>
<li class="menuGuestbook"><a href="https://blogcenter.tistory.com/guestbook">guestbook</a></li>
<li class="menuflickr"><a href="http://www.flickr.com/photos/blogyourlife/">flickr</a></li>
<li class="menuMore"><a href="#" onclick="toggle('moreMenu'); return false">more option</a></li>
</ul>
</div>
<div id="moreMenu" class="moreMenuBox" style="display: none;">
<ul>
<li class="menuNotice"><a href="">notice</a></li>
<li class="menuTag"><a href="https://blogcenter.tistory.com/tag">tag</a></li>
<li class="menuLocation"><a href="https://blogcenter.tistory.com/location">location</a></li>
<li class="menuMedia"><a href="">media</a></li>
<li class="menufacebook"><a href="http://www.facebook.com/people/Sohyon-Ju/1749924291">facebook</a></li>
</ul>
</div>
</div>
</div>
<hr />
<!-- /menu -->
<s_list>
<div class="searchResult group">
<h3><strong>''</strong>에 해당되는 글 <span class="cnt"></span>건</h3>
<ol>
<s_list_rep>
<li>
<span class="date"></span>
<span class="name"></span>
<a href=""></a>
<span class="cnt cnt">()</span>
</li>
</s_list_rep>
</ol>
</div>
</s_list>
<s_article_rep>
<div class="entryPost entry group">
<div class="titleWrap">
<h2><a href=""></a></h2>
<span class="category"><a href=""></a> </span> |
<span class="date"></span> |
<span class="name"></span>
</div><!-- /titleWrap -->
<div class="article">
<div class="clear"></div>
</div>
<s_tag_label>
<div class="tagTrail"><span>태그 : </span> </div>
</s_tag_label>
<s_location_label>
<div class="localTrail"><span>지역태그 : </span> </div>
</s_location_label>
<s_author_profile>
<div class="authorProfile">
<div class="image"></div>
<div class="box">
<div class="infoWrap">
<a href=""><span class="title"></span> </a>
<span class="name"></span>
</div>
<p></p>
<div class="gotolist"><a href=""><strong></strong>님의 글 보기</a></div>
</div>
<div class="clear"></div>
</div>
</s_author_profile>
<div class="communicationTrail">
<a href="" onclick="">
<s_rp_count>
의견 <span class="cnt">()</span>
</s_rp_count>
</a>
</div>
<s_rp>
<div class="communication">
<div class="communicationList">
<s_rp_container>
<ol>
<s_rp_rep>
<li id="" class="commentList">
<div class="">
<div class="image"></div>
<div class="box">
<span class="name"></span>
<span class="date"><a href="" class="address"> </a></span>
<span class="control">
</span>
<p></p>
</div>
<div class="clear"></div>
</div>
<s_rp2_container>
<ul>
<s_rp2_rep>
<li id="">
<div class="">
<div class="image"></div>
<div class="box">
<span class="name"></span>
<span class="date"><a href="" class="address"> </a></span>
<span class="control">
</span>
<p></p>
</div>
<div class="clear"></div>
</div>
</li>
</s_rp2_rep>
</ul>
</s_rp2_container>
</li>
</s_rp_rep>
<s_tbp_rep>
<li id="" class="trackbackList">
<div class="image"></div>
<div class="box">
<h4><a href="" onclick="window.open(this.href); return false" ></a></h4>
<span class="from">Tracked from <span class="name"></span></span>
<span class="date"><a href="" class="address"></a></span>
<span class="control">
</span>
<p></p>
</div>
<div class="clear"></div>
</li>
</s_tbp_rep>
</ol>
</s_rp_container>
</div><!-- /communicationList -->
<div class="communicationSend">
<div class="trackbackAdd">
</div>
<div class="commentWrite">
<div class="tt-input-div">
<s_rp_input_form /> </div>
</div>
</div>
</div><!-- /communication -->
</s_rp>
</div><!-- /entry -->
</s_article_rep>
<s_notice_rep>
<div class="entryNotice entry group">
<div class="titleWrap">
<h2><a href=""></a></h2>
<span class="category"><a href="https://blogcenter.tistory.com/notice">공지사항</a></span> |
<span class="date"></span>
</div>
<div class="article">
</div>
</div>
</s_notice_rep>
<s_profile>
<div class="profilePage noEntry group">
<h3>프로필</h3>
<div class="blogInformation">
<h4> 블로그 정보 <s_owner><a href="" class="gotoModify btn"> <span>개인정보수정</span> </a></s_owner></h4>
<div class="box">
<div class="image"><img src="" alt="프로필 이미지" /></div>
<div class="info">
<div class="name">수다공작소</div>
<div class="sec01">
<dl>
<dt>개설일</dt>
<dd> : </dd>
</dl>
<dl>
<dt>총 글 수</dt>
<dd> : 개</dd>
</dl>
<dl>
<dt>총 의견 수</dt>
<dd> : 개</dd>
</dl>
<dl>
<dt>총 방명록 수</dt>
<dd> : 개</dd>
</dl>
<div class="clear"></div>
</div>
<s_profile_blog>
<div class="sec02">
<s_profile_blog_own>
<dl>
<dt>운영중인 다른 블로그</dt>
<dd></dd>
</dl>
</s_profile_blog_own>
<s_profile_blog_team>
<dl>
<dt>참여중인 다른 블로그</dt>
<dd></dd>
</dl>
</s_profile_blog_team>
</div>
</s_profile_blog>
<s_profile_team>
<dl class="sec03">
<dt>팀원 목록</dt>
<dd></dd>
</dl>
</s_profile_team>
</div>
</div>
</div>
<s_profile_matching>
<div class="matchingBoard">
<h4>매칭 전광판</h4>
<div class="matchInfo">수다공작소님(블로그센터)과 님()의 매칭 정보입니다.</div>
<ul>
<s_profile_matching_rep>
<li></li>
</s_profile_matching_rep>
</ul>
</div>
</s_profile_matching>
<div class="bestPost">
<h4>베스트 포스트</h4>
<ul>
<s_profile_bests>
<li>
<span class="date"></span>
<a href=""></a>
</li>
</s_profile_bests>
</ul>
</div>
<div class="favBlog">
<h4>수다공작소님의 관심블로그<s_owner><a href="" class="gotoManager btn"><span>관리하기</span></a></s_owner></h4>
<s_profile_neighbor>
<div class="list">
<div class="image"><a href="/profile" onclick="window.open(this.href); return false;"><img src="" alt="프로필 이미지" style="width:32px;height:32px" /></a></div>
<div class="name"><a href="" onclick="window.open(this.href); return false;"></a></div>
<div class="title"><a href="" onclick="window.open(this.href); return false;"></a></div>
</div>
</s_profile_neighbor>
<div class="clear"></div>
</div>
</div>
</s_profile>
<s_guest>
<div class="guestbook noEntry group">
<h3>방명록</h3>
<div class="guestbookWrite">
<div class="tt-input-div">
<s_guest_input_form /> </div>
</div>
<s_guest_container>
<div class="communicationList">
<ol>
<s_guest_rep>
<li id="">
<div class="">
<div class="image"></div>
<div class="box">
<span class="name"></span>
<span class="date"> <a href="" class="address"></a></span>
<span class="control">
</span>
<p></p>
</div>
<div class="clear"></div>
</div>
<s_guest2_container>
<ul>
<s_guest2_rep>
<li id="">
<div class="">
<div class="image"></div>
<div class="box">
<span class="name"></span>
<span class="date"> <a href="" class="address"></a></span>
<span class="control">
</span>
<p></p>
</div>
<div class="clear"></div>
</div>
</li>
</s_guest2_rep>
</ul>
</s_guest2_container>
</li>
</s_guest_rep>
</ol>
</div><!-- guestList close -->
</s_guest_container>
</div><!-- guestbook close -->
</s_guest>
<s_tag>
<div class="taglog noEntry group">
<h3>태그</h3>
<ul>
<s_tag_rep>
<li>
<a href="" class=""> </a> ...
</li>
</s_tag_rep>
</ul>
</div>
</s_tag>
<s_local>
<div class="localog noEntry group">
<h3>지역로그</h3>
<div>
<s_local_spot_rep>
<div class="spot" style="margin-left: px">
</div>
</s_local_spot_rep>
<s_local_info_rep>
<div class="info" style="margin-left: px">
<a href=""></a>
</div>
</s_local_info_rep>
</div>
</div>
</s_local>
<s_paging>
<div class="paging">
<a class=" prevPage"><span>이전</span></a>
<span class="numbox">
<s_paging_rep>
<a class="num"><span class=""></span></a>
</s_paging_rep>
<s_paging_interword>
<span class="interword">...</span>
</s_paging_interword>
<s_paging_interword2>
<span class="interword">...</span>
</s_paging_interword2>
</span>
<a class=" nextPage"><span>다음</span></a>
</div>
</s_paging>
<s_page_error>
<div id="page-error" class="pageError noEntry group">존재하지 않는 페이지입니다.</div>
</s_page_error>
</div></div>
<hr />
<!-- /content -->
<div id="sidebar" class="sidebar">
<s_sidebar>
<s_sidebar_element>
<!-- 최근 글 위젯 -->
<div class="recentPost widget">
<h3>최근 글</h3>
<div class="box">
<ul id="recentEntries">
<s_rctps_rep>
<li>
<a href=""> </a>
<span class="cnt cnt">()</span>
</li>
</s_rctps_rep>
</ul>
</div>
</div>
</s_sidebar_element>
<s_sidebar_element>
<!-- 최근 의견 위젯 -->
<div class="recentCommunication widget">
<h3>최근 의견</h3>
<div class="box">
<ul>
<s_rctrp_rep>
<li class="recentComment">
<a href=""></a>
<div class="info"><span class="date"></span> <span class="name"> _ </span></div>
</li>
</s_rctrp_rep>
<s_rcttb_rep>
<li class="recentTrackback">
<a href=""></a>
<div class="info"><span class="date"></span> <span class="name"> _ </span></div>
</li>
</s_rcttb_rep>
</ul>
</div>
</div>
</s_sidebar_element>
<s_sidebar_element>
<!-- 글보관함 위젯 -->
<div class="archive widget">
<h3>글보관함</h3>
<div class="box">
<ul>
<s_archive_rep>
<li>
<a href=""></a>
<span class="cnt">()</span>
</li>
</s_archive_rep>
</ul>
</div>
</div>
</s_sidebar_element>
<s_sidebar_element>
<!-- 링크 위젯 -->
<div class="link widget">
<h3>링크</h3>
<div class="box">
<ul>
<s_link_rep>
<li>
<a href="" onclick="window.open(this.href); return false"> </a>
</li>
</s_link_rep>
</ul>
</div>
</div>
</s_sidebar_element>
<s_sidebar_element>
</s_sidebar>
</div>
<div id="sidebar1" class="sidebar">
<s_sidebar>
<s_sidebar_element>
<!-- 공지사항 위젯 -->
<div class="notice widget">
<h3>Notice</h3>
<ul class="box">
<s_rct_notice_rep>
<li><a href=""></a> </li>
</s_rct_notice_rep>
</ul>
</div>
</s_sidebar_element>
<s_sidebar_element>
<!-- 검색 위젯 -->
<div class="search widget">
<s_search>
<input type="text" name="" value="" class="inputText"/><button type="submit" class="btnSearch" onclick="" ><span>검색</span></button>
</s_search>
</div>
</s_sidebar_element>
<s_sidebar_element>
<!-- 카테고리 위젯 -->
<div class="category widget">
<h3>분류</h3>
<div class="box">
|
</div>
</s_sidebar_element>
</s_sidebar>
</div>
<div id="sidebar2" class="sidebar">
<s_sidebar>
<!-- 달력 위젯 -->
<div class="calendar widget">
<h3>달력</h3>
<div class="box">
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| 8 | 9 | 10 | 11 | 12 | 13 | 14 |
| 15 | 16 | 17 | 18 | 19 | 20 | 21 |
| 22 | 23 | 24 | 25 | 26 | 27 | 28 |
| 29 | 30 | 31 |
</div>
</s_sidebar_element>
<s_sidebar_element>
<!-- 카운터 위젯 -->
<div class="counter widget">
<h3>카운터</h3>
<div class="box">
<dl class="total">
<dt>Total</dt>
<dd> </dd>
</dl>
<dl class="today">
<dt>Today</dt>
<dd></dd>
</dl>
<dl class="yesterday">
<dt>Yesterday</dt>
<dd></dd>
</dl>
</div>
</div>
</s_sidebar_element>
<s_sidebar_element>
<!-- RSS 구독 배너 위젯 -->
<div class="bannerRss widget">
<div class="box">
<a href="https://blogcenter.tistory.com/rss"><img src="./images/rss.gif" alt="RSS 구독하기" /></a>
</div>
</div>
</s_sidebar_element>
<s_sidebar_element>
<!-- 텍스트큐브 배너 위젯 -->
<div class="bannerTextcube widget">
<div class="box">
<a href="http://www.textcube.com"><img src="./images/textcube.gif" alt="텍스트큐브닷컴" /></a>
</div>
</div>
</s_sidebar_element>
</s_sidebar>
</div>
</div></div>
<!-- /sidebar -->
<div class="clear"></div>
</div></div>
<!-- /body -->
</div></div>
<!-- /container -->
</body>
</html>
CSS
@charset "utf-8";
/* +++++++++++++++++++++++++++++++++++++++++++++++++
스킨 기본 스타일
+++++++++++++++++++++++++++++++++++++++++++++++++ */
body { font-family: dotum, AppleGothic, Arial, Tahoma, Verdana, sans-serif; font-size:0.75em; line-height:1.5; color:#555; background-color:transparent; left top repeat-x #eee; padding:32px 32px 10px;}
a:link { color:#555; text-decoration:none;}
a:visited { color:#555; text-decoration:none;}
a:hover { color:#000; text-decoration:underline;}
a:active { color:#555; text-decoration:none;}
* { padding:0; margin:0; border:0;}
select { border:1px solid #999;}
button { cursor:pointer;}
textarea { border:1px solid #aaa; background-color:#fff; padding:3px; font-size:1em;}
input { }
.tt-inputText { border:1px solid #aaa; background-color:#fff; height:16px; padding:2px 0 0 2px; font-size:1em;}
hr { display:none;}
h1 { font-size:1.6em;}
h2 { font-size:1.4em;}
h3 { font-size:1.4em;}
h4 { font-size:1.2em;}
h5 { font-size:1.1em;}
h6 { font-size:1em;}
/* +++++++++++++++++++++++++++++++++++++++++++++++++
스킨 공통 스타일 : 모든 스킨에 공통
+++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 포스트 관리 메뉴 *******************************/
.tt-ad-div { padding:8px 0; color:#999; text-align:right;}
.tt-ad-div a { color:#999 !important;}
.tt-ad-div form,
.tt-ad-div form div { display:inline;}
.tt-ad-div input { vertical-align:middle; margin-right:3px;}
.tt-ad-div button { vertical-align:middle; color:#999; background-color:transparent; font-size:1em;}
.tt-ad-div button.change { margin-left:5px;}
/* 트랙백 주소 */
.tt-trackback-div { background-color:#fafafa; border:1px solid #e5e5e5; padding:10px; margin-bottom:5px;}
.tt-trackback-div .tt-trackback-address { font-family: verdana;}
.tt-trackback-forbid { background-color:#fafafa; border:1px solid #e5e5e5; padding:10px; margin-bottom:5px; text-align:center; }
.tt-trackback-forbid span { background:url(images/ico_not.gif) 0 0 no-repeat; padding-left:18px;}
/* 댓글 입력 폼 *******************************/
.tt-input-div { background-color:#fafafa; border:1px solid #e5e5e5; padding:10px;}
.tt-input-div dl { padding-bottom:6px;}
.tt-input-div dt { float:left; width:70px; padding-top:3px;}
.tt-input-div .tt-inputText { width:200px; border:1px solid #ddd;}
.tt-input-div textarea { width:480px; height:80px; overflow:visible; border:1px solid #ddd;}
.tt-input-div .btnComment { width:488px; color:#666; padding:5px 3px; background-color:#fff; border:1px solid #ccc; font-weight:bold; font-size:1em;}
.tt-input-div .option dt,
.tt-input-div .btn dt { visibility:hidden;}
.tt-input-forbid { text-align:center; }
.tt-input-forbid span { background:url(images/ico_not.gif) 0 0 no-repeat; padding-left:18px;}
/* 환경설정 > 글작성 > 의견, 방명록 작성 권한 체크시 */
.tt-input-login-required { padding:10px; text-align:center;}
.tt-input-login-required p { padding-bottom:5px;}
.tt-input-login-required a { background:url(images/btn_login.gif) 0 0 no-repeat; width:81px; height:21px; overflow:hidden; display:block; margin:0 auto;}
.tt-input-login-required a span { display:none;}
/* +++++++++++++++++++++++++++++++++++++++++++++++++
반드시 들어가야 하는 스타일 시작
+++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 스킨용 GNB 스타일 */
#tt-GNB a { color:#000;}
#tt-GNB .name { color:#000;}
#tt-GNB li { border-right-color:#666;}
#tt-GNB .user img { border-color:#ccc;}
#tt-GNB .user .btnLogout { }
/* 페이징 - 현재 페이지 */
.tt-paging-current { font-weight:bold; color:#f30;}
.no-more-prev,
.no-more-next { color:#ccc;}
/* 카테고리 - 이미지 버튼 */
.ib { cursor:pointer;}
/* 카테고리 - 트리 셀 */
.branch3 { cursor:pointer;}
/* 카테고리 - 카테고리 옆 개수 스타일 */
.c_cnt { font-size:0.9em; color:#f60; padding-left:3px;}
/* 달력 월 표시 */
.cal_month { font:0.95em Verdana, Helvetica, Arial, Gulim, sans-serif; height:18px; font-weight:bold;}
/* 달력 요일 표시(th 영역) */
.cal_week1 { font:0.95em Dotum, Arial, sans-serif; height:18px; font-weight:normal;}
/* 달력 일요일 표시(th 영역) */
.cal_week2 { font:0.95em Dotum, Arial, sans-serif; color:#f30; }
/* 달력 Week(tr 영역) */
.cal_week { }
.cal_current_week { background-color:#ddd;}
/* 달력 Day(td 영역) */
.cal_day { font:0.95em Verdana, Helvetica, Arial, Gulim, sans-serif; color:#999; text-align:center;}
/* 달력 Day, 일요일 (td 영역) */
.cal_day_sunday { color:#f60 !important;}
.cal_day_sunday a { color:#f60 !important;}
/* 달력 지난 달 날짜 표시(td) */
.cal_day1 { color:#ccc;}
/* 달력 다음 달 날짜 표시(td) */
.cal_day2 { color:#ccc;}
/* 달력 이번 달 날짜 표시(td) */
.cal_day3 { color:#666;}
/* 달력 오늘 날짜 표시(td) */
.cal_day4 { color:#000; text-decoration:underline;}
/* 달력 글쓴 날 링크 스타일 */
a.cal_click:link { color:#333; font-weight:bold;}
a.cal_click:visited { color:#333; font-weight:bold;}
a.cal_click:hover { color:#f60; font-weight:bold;}
/* 종류별 코멘트 */
.rp_general { }
.rp_admin { }
.rp_secret { color:#333;}
/* 종류별 코멘트 */
.guest_general { }
.guest_admin { }
.guest_secret { color:#333;}
/* 비밀 댓글 (로그아웃시 비밀글 표현) */
.hiddenComment .box { background:url(images/iconSecret.gif) 5px 5px no-repeat; padding-left:20px; font-weight:normal; width:535px!important;}
/* 이미지 아래 캡션 스타일 */
.cap1 { text-align:center; margin-top:8px;}
/* 그림 */
.imageblock { margin:10px 0; color:#999;}
/* 이미지 갤러리 */
.tt-gallery-box { margin:10px 0; color:#999;}
/* 플래쉬 갤러리 */
.tt-iMazing-box { margin:10px 0; color:#999;}
/* 왼쪽 */
.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) top left no-repeat; padding-left:20px; color:#000;}
.moreless_top { background:url(images/iconLess.gif) top left no-repeat; padding-left:20px; color:#000;}
.moreless_body { }
.moreless_bottom { background:url(images/iconLess.gif) top right no-repeat; padding-right:20px; color:#999; text-align:right;}
/* 키워드 */
.key1 { cursor: pointer; border-bottom: 1px dotted #ccc; }
/* +++++++++++++++++++++++++++++++++++++++++++++++++
스킨 스타일 요소
+++++++++++++++++++++++++++++++++++++++++++++++++ */
.clear { clear:both;}
.date { font:0.9em Tahoma;}
.name { font-size:1em;}
.cnt { color:#f60;}
/* ***** Layout **************************************** */
#container { padding-top:0px; background:url() 0 0 repeat-x;}
#header { background:url(); height:25px; padding:0px 0;}
#menu { clear:both; position:relative; height:25px; background:url(images/menumoi.gif);}
#body { margin-top:30px;}
#content { position: absolute; left: 16%; width: 38%; top: 30px; background-color: transparent;}
#sidebar { position: absolute; left: 2%; width: 12%; top: 10px; background-color: transparent;}
#sidebar1 { position: absolute; left: 56%; width: 20%; top: 1px; background-color: transparent;}
#sidebar2 { position: absolute; left: 79%; width: 20%; top: 6px; background-color: transparent;}
.area { width:900px; margin:0 auto;}
/* ***** Header **************************************** */
#header h1 { width:900px; overflow:hidden;}
#header h1 a { color:#fff; text-decoration:blod; }
/* ***** Menu **************************************** */
#menu .blogMenu { padding:4px 0 0 15px;}
#menu .blogMenu li { display:inline; padding-right:20px;}
#menu .blogMenu a { color:#fff; text-decoration:none; font-weight:bold;}
#menu .blogMenu .menuMore a { font-weight:normal; background:url(images/bull_menu_more.gif) right 3px no-repeat; padding-right:13px;}
#menu .inner { position:relative;}
#menu .moreMenuBox { position:absolute; left:168px; top:40px; background-color:#666; padding:10px; z-index:100;}
#menu .moreMenuBox ul { list-style:none;}
#menu .moreMenuBox li { list-style:none;}
#menu .moreMenuBox a { color:#fff;}
/* ***** Footer **************************************** */
#footer .content { text-align: center; padding-top: 10px; padding-bottom: 10px; width:100%;}
#footer .menu { color:#ccc; margin-bottom:5px;}
#footer .copyright { font:0.9em Verdana;}
/* ***** Content Part **************************************** */
#content .group { padding:10px 0 30px 0;}
#content .group h3 { border-bottom:1px solid #ddd; padding-bottom:5px; margin-bottom:10px;}
#content .searchResult h3 strong { color:#000;}
#content .searchResult h3 .cnt { font-weight:bold;}
#content .searchResult ol { list-style:none; padding-left:5px;}
#content .searchResult li { border-bottom:1px solid #eee; padding:3px 0;}
#content .searchResult .date { margin-right:10px;}
#content .searchResult .name { margin-right:10px;}
#content .noEntry ol,
#content .noEntry ul,
#content .noEntry li { list-style:none;}
#content .entry {}
/* entry */
.titleWrap { color:#ccc;}
.titleWrap h2 { padding-bottom:3px;}
.titleWrap h2 a { color:#000;}
.titleWrap .category a { color:#999;}
.titleWrap .date { color:#999;}
.titleWrap .name { color:#999;}
.tagTrail { clear:both; color:#999; background:url(images/ico_tag.gif) 0 4px no-repeat; padding-left:18px;}
.tagTrail a { color:#999;}
.localTrail { clear:both; color:#999; background:url(images/ico_localtag.gif) 0 4px no-repeat; padding-left:18px;}
.localTrail a { color:#999;}
.authorProfile { clear:both; overflow:hidden; padding:10px; margin:10px 0; border:1px solid #eee; background-color:#f6f6f6;}
.authorProfile .image { float:left; margin-right:10px; border:3px solid #ddd; width:50px; height:50px; background:url(images/noImage.gif) no-repeat; }
.authorProfile .image img { padding:1px;}
.authorProfile .box { margin-left:60px;}
.authorProfile p { color:#999; line-height:1.2em;}
.authorProfile .title { font-weight:bold; }
.authorProfile .name { color:#999; }
.authorProfile .gotolist { font-size:0.9em; margin-top:5px; text-align:right; letter-spacing:-0.1em;}
.authorProfile .gotolist a { color:#999; text-decoration:underline;}
.communicationTrail { clear:both; font-weight:bold; text-align:right;}
.communicationTrail a { background:url(images/ico_plus.gif) 0 2px no-repeat; padding-left:15px; }
.communication { padding:10px 0;}
.communicationList ol { list-style:none;}
.communicationList li { list-style:none; padding:10px 0; border-bottom:1px dashed #ddd; }
.communicationList li ul li { padding:10px 0; border:none;}
.communicationList .box { float:left; width:450px; overflow:hidden;}
.communicationList li ul li .box { background:url(images/ico_reply.gif) 0 3px no-repeat; padding-left:30px; width:535px;}
.communicationList .image { float:left; margin-right:10px; border:4px solid #ddd; padding:1px;}
.communicationList .name { font-weight:bold; margin-right:5px; }
.communicationList .name a { color:#333;}
.communicationList .date a { color:#999;}
.communicationList .control a { padding:0 5px;}
.communicationList .reply,
.communicationList .modify,
.communicationList .delete,
.communicationList .confirm { background-color:transparent; font:0.9em dotum; color:#999; border-left:1px solid #ddd;}
.communicationList .commentList p { line-height:1.4em; color:#666; padding-top:5px;}
.communicationList .trackbackList p { line-height:1.2em; color:#999; padding-top:5px;}
.communicationList .trackbackList h4 { font-size:1em;}
.communicationList .trackbackList .from { font-family:verdana;}
.communicationSend { padding-top:15px; }
/* Article Basic Style */
.article { padding:10px 0 20px 0;}
.article p { }
.article a:link { color:#f60; text-decoration:none;}
.article a:visited { color:#f60; text-decoration:none;}
.article a:hover { color:#f30; text-decoration:underline;}
.article a:active { color:#f60; text-decoration:none;}
.article blockquote { background:url(images/ico_blockquote.gif) top left no-repeat; padding-left:25px; margin:10px 20px;}
.article li { margin-left:25px;}
.article h1 { font-size : 1.5em;}
.article h2 { font-size : 1.4em;}
.article h3 { font-size : 1.3em; border:none!important; margin:0!important;}
.article h4 { font-size : 1.2em;}
.article h5 { font-size : 1.1em;}
.article h6 { font-size : 1em;}
.article dl { padding:10px;}
.article dt { }
.article dd { margin-left:20px; padding-bottom:10px;}
.article table {border-collapse:separate!important;}
.article hr { display:block; border:1px solid; margin:10px 0;}
/* ***** me2day Part **************************************** */
.me2day_daily_digest ul { margin-left:0; list-style:none; font-size:1.2em;}
.me2day_daily_digest li { list-style:none; border-bottom:1px dashed #ddd; padding:5px 0 5px 40px; margin:5px 0; background: url(images/icon_me2.png) 0 5px no-repeat; line-height:1.4em;}
.me2day_daily_digest .me2_tags { font-size:0.8em; color:#999; }
.me2day_daily_digest .datetime a{ font-size:0.8em; color:#999; display:block;}
.show_content_layer { font-size:0.8em; background-color:#f2f2f2; padding:10px;}
/* Related Post */
.relatedPost {margin-top:30px; clear:both;}
.relatedPost h3 { font-size:1em; color:#999; padding-left:15px; background:url(images/icon_paper.gif) 0 4px no-repeat;}
.relatedPost ol { list-style:none;}
.relatedPost li { padding:0 5px 0 13px; margin:0 !important; background:url(images/icon_ball.gif) 3px center no-repeat;}
.relatedPost a { color:#999 !important;}
.relatedPost a:hover { color:#666 !important; border-bottom:1px dashed #ddd; text-decoration:none !important;}
/* noEntry - profile */
.profilePage h4 { font-size:1em; margin:5px 0; background:url(images/icon_infopaper.gif) 0 4px no-repeat; padding-left:15px;}
.profilePage ul { list-style:none;}
.profilePage li { background:url(images/icon_ball.gif) 5px 9px no-repeat; border-bottom:1px dashed #eee; padding:3px 0 0 15px;}
.profilePage a.btn { width:0; height:0; overflow:hidden; margin-left:5px; vertical-align:middle;}
.profilePage .blogInformation a.gotoModify { background:url(images/btn_profileModify.gif) 0 0 no-repeat; padding:18px 0 0 70px; position:absolute; margin-top:-2px; }
.profilePage .favBlog a.gotoManager { background:url(images/btn_manager.gif) 0 0 no-repeat; padding:18px 0 0 51px; position:absolute; margin-top:-2px; }
.profilePage .image { float:left; margin-right:10px; border:3px solid #ddd; padding:1px;}
.profilePage .blogInformation { padding-bottom:20px; padding-top:10px;}
.profilePage .blogInformation dd { padding-left:10px; color:#666;}
.profilePage .blogInformation .box { background-color:#f6f6f6; border:1px solid #e5e5e5; padding:10px;}
.profilePage .blogInformation .info { margin-left:70px; }
.profilePage .blogInformation .name { color:#333; font-weight:bold; background:url(images/icon_master.gif) 0 2px no-repeat; padding:0 5px 0 20px;}
.profilePage .blogInformation .sec01 { margin-top:5px;}
.profilePage .blogInformation .sec01 dl { float:left; width:47%; background-color:#fff; border:1px solid #eee; padding:5px; margin:0 3px 3px 0;}
.profilePage .blogInformation .sec01 dt { float:left; margin-right:5px;}
.profilePage .blogInformation .sec02 dl { padding:5px 0 10px;}
.profilePage .blogInformation .sec02 dt { background:url(images/icon_ball.gif) 0 6px no-repeat; padding-left:8px;}
.profilePage .blogInformation .sec03 dt { background:url(images/icon_ball.gif) 0 6px no-repeat; padding-left:8px;}
.profilePage .matchingBoard { padding-bottom:20px; clear:both;}
.profilePage .bestPost { padding-bottom:20px;}
.profilePage .bestPost .date { padding-right:10px;}
.profilePage .favBlog .list { float:left; width:300px; height:39px; overflow:hidden; margin:0 0 5px 5px; background-color:#f6f6f6; border:1px solid #e5e5e5; padding:5px;}
.profilePage .favBlog .image { border:2px solid #ddd; padding:1px; margin-right:5px;}
.profilePage .favBlog .name,
.profilePage .favBlog .title { white-space:nowrap; overflow:hidden; width:250px;}
/* noEntry - guestbook */
.guestbookWrite { margin:20px 0 10px 0;}
/* noEntry - errorpage */
#page-error { color:#000; text-align:center; background:url(images/warning.gif) center top no-repeat; padding-top:50px!important; margin-top:50px;}
/* noEntry - Localog */
.localog div { padding:0 10px;}
.localog .spot { background:url(images/ico_indent.gif) 0 5px no-repeat; padding:5px 0 5px 17px; color:#999;}
.localog .info { background:url(images/ico_list.gif) 0 5px no-repeat; padding-left:12px; border-bottom:1px dashed #ddd; margin-bottom:5px;}
/* noEntry - Taglog */
.taglog { line-height:2em;}
.taglog ul { text-align:justify; color:#ccc;}
.taglog li { display:inline;}
.taglog li .cloud1 { color:#f30; font-size:1.5em;}
.taglog li .cloud2 { color:#f60; font-size:1.4em;}
.taglog li .cloud3 { color:#333; font-size:1.3em;}
.taglog li .cloud4 { color:#666; font-size:1.2em;}
.taglog li .cloud5 { color:#999; font-size:1em;}
/* paging */
.paging { text-align:center; clear:both; font:0.9em dotum;}
.paging .numbox { border-right:1px solid #ddd; margin-right:10px; font-family:verdana;}
.paging .numbox a { border-left:1px solid #ddd; padding:0 5px 0 8px;}
.paging .selected { font-weight:bold; color:#f60}
.paging .prevPage { background:url(images/bull_page_prev.gif) left 1px no-repeat; padding-left:10px; margin-right:10px; }
.paging .nextPage { background:url(images/bull_page_next.gif) right 1px no-repeat; padding-right:10px; margin-left:10px; }
/* ***** Sidebar Part **************************************** */
/* common */
#sidebar .sidebox { padding:5px;}
#sidebar h3 { font-size:1em; color:#666; font-weight:bold; position:relative; margin:2em auto; list-style:none;}
#sidebar .widget { margin-top:20px;}
#sidebar .box { overflow:hidden;}
#sidebar li { list-style:none;}
#sidebar .date { color:#999;}
#sidebar .name { color:#999;}
#sidebar .cnt { font-size:0.9em;}
#sidebar1 .sidebox { padding:5px;}
#sidebar1 h3 { font-size:1em; color:#666; font-weight:bold; position:relative; margin:2em auto; list-style:none;}
#sidebar1 .widget { margin-top:25px;}
#sidebar1 .box { overflow:hidden;}
#sidebar1 li { list-style:none;}
#sidebar1 .date { color:#999;}
#sidebar1 .name { color:#999;}
#sidebar1 .cnt { font-size:0.9em;}
#sidebar2 .sidebox { padding:5px;}
#sidebar2 h3 { font-size:1em; color:#666; font-weight:bold; position:relative; margin:2em auto; list-style:none;}
#sidebar2 .widget { margin-top:25px;}
#sidebar2 .box { overflow:hidden;}
#sidebar2 li { list-style:none;}
#sidebar2 .date { color:#999;}
#sidebar2 .name { color:#999;}
#sidebar2 .cnt { font-size:0.9em;}
/* profile */
#profile { width:198px; overflow:hidden; border:1px solid #ddd; background-color:#fff;}
#profile .inner { padding:9px;}
#profile .image { margin:6px auto 0; text-align:center; }
#profile .image img { width:150px; padding:8px; border:1px solid #eee;}
#profile .desc { padding:5px; color:#999; overflow:hidden;}
#profile dt { font-weight:bold; color:#666;}
#profile .image dt,
#profile .control dt { display:none;}
#profile .control { padding:5px; border-top:1px dashed #ddd; border-bottom:1px dashed #ddd; margin-bottom:5px;}
#profile .control span { background:url(images/bull_tri_r.gif) right 3px no-repeat; padding-right:10px;}
#profile .control a { color:#999;}
#profile .experTag { padding:5px; margin-bottom:5px;}
#profile .experTag li { display:inline;}
#profile .experTag a { color:#999;}
#profile .blogRoll dt {display:none; }
#profile .blogRoll dd {padding:0 5px;}
#profile .blogRoll .action {display:block; overflow:hidden; height:0; width:0; }
#profile .blogRoll .tt-blogroll-login,
#profile .blogRoll .tt-blogroll-add,
#profile .blogRoll .tt-blogroll-nothing,
#profile .blogRoll .tt-blogroll-owner,
#profile .blogRoll .tt-blogroll-group .addedPart,
#profile .blogRoll .tt-blogroll-group .addPard,
#profile .blogRoll .tt-blogroll-group .addCount {padding:8px 0; border-top:1px dashed #ccc; }
#profile .blogRoll .tt-blogroll-login a ,
#profile .blogRoll .tt-blogroll-add a {float:left; display:block; background:url(images/btn_favblog_add2.gif) left top no-repeat; padding:18px 0 0 80px; margin-right:5px; overflow:hidden; height:0; width:0;}
#profile .blogRoll .tt-blogroll-nothing .action {float:left; background:url(images/btn_favblog2.gif) left top no-repeat; padding:17px 0 0 70px; margin-right:10px;}
#profile .blogRoll .tt-blogroll-owner .action {float:left; background:url(images/btn_myblog.gif) left top no-repeat; padding:17px 0 0 55px; margin-right:10px;}
#profile .blogRoll .tt-blogroll-group .addedPart,
#profile .blogRoll .tt-blogroll-group .addPard,
#profile .blogRoll .tt-blogroll-group .addCount {clear:both; text-align:center;}
#profile .blogRoll .tt-blogroll-group .addedPart .addedBlog {margin-bottom:3px; text-align:left;}
#profile .blogRoll .tt-blogroll-group .addedPart .action {background:url(images/btn_favblog2.gif) left top no-repeat; padding:17px 0 0 70px; margin:5px auto 0;}
#profile .blogRoll .tt-blogroll-group .addPard select {width:150px; font-size:1em; color:#666; margin-bottom:3px;}
#profile .blogRoll .tt-blogroll-group .addPard button {background:url(images/btn_favblog_add2.gif) left top no-repeat; height:18px; width:80px; margin-top:5px;}
#profile .blogRoll .tt-blogroll-group .addPard button span {display:none;}
/* sidebar1 element */
.search { text-align:center; margin-top:15px !important;}
.search input { width:130px; vertical-align:middle;}
.search button { width:40px; height:20px; vertical-align:middle; background:url(images/btn_search.gif) center no-repeat;}
.search button span { visibility:hidden;}
.notice { margin-top:15px !important;}
.notice h3 { display:none;}
.notice li { background:url(images/bull_notice.gif) 0 4px no-repeat; padding-left:40px;}
.favBlogRoll ul { overflow:hidden;}
.favBlogRoll li { height:45px; margin-top:5px;}
.favBlogRoll .image { float:left; background-color:#fff; border:3px solid #ddd; padding:1px; margin-right:5px; }
.favBlogRoll .image img { width:32px;}
.favBlogRoll .name,
.favBlogRoll .title { white-space:nowrap; overflow:hidden; width:140px;}
.favBlogRoll .more { text-align:right; font-size:0.9em; letter-spacing:-0.1em; background:url(images/bull_tri_r.gif) right 5px no-repeat; padding-right:10px;}
.calendar h3 { display:none;}
.counter .box { padding:10px !important; border:0px solid #e5e5e5; background-color: transparent;}
.counter h3 { display:none;}
.counter dl { }
.counter dt { float:left; padding:4px 0 0 0; font:0.8em Verdana;}
.counter dd { text-align:right; padding-right:5px;}
.counter .total { font-weight:bold;}
.counter .today { border-top:0px dashed #ddd; border-bottom:0px dashed #ddd; padding:5px 0; margin:3px 0 5px 0;}
.counter .yesterday { }
.bannerRss,
.bannerTextcube { margin-top:10px !important;}
.bannerRss .box,
.bannerTextcube .box { padding:10px !important; text-align:center; border:0px solid #e5e5e5; background-color: transparent;}
.recentPost li,
.recentCommunication li,
.archive li,
.link li {background:url(images/icon_ball.gif) 0 7px no-repeat; padding-left:8px;}
<div class="clear"></div>
</div>
<s_tag_label>
<div class="tagTrail"><span>태그 : </span> </div>
</s_tag_label>
<s_location_label>
<div class="localTrail"><span>지역태그 : </span> </div>
</s_location_label>
<s_author_profile>
<div class="authorProfile">
<div class="image"></div>
<div class="box">
<div class="infoWrap">
<a href=""><span class="title"></span> </a>
<span class="name"></span>
</div>
<p></p>
<div class="gotolist"><a href=""><strong></strong>님의 글 보기</a></div>
</div>
<div class="clear"></div>
</div>
</s_author_profile>
<div class="communicationTrail">
<a href="" onclick="">
<s_rp_count>
의견 <span class="cnt">(4)</span>
</s_rp_count>
</a>
</div>
<s_rp>
<div class="communication">
<div class="communicationList">
<s_rp_container>
<ol>
<s_rp_rep>
<li id="" class="commentList">
<div class="">
<div class="image"></div>
<div class="box">
<span class="name"></span>
<span class="date"><a href="" class="address"> </a></span>
<span class="control">
</span>
<p></p>
</div>
<div class="clear"></div>
</div>
<s_rp2_container>
<ul>
<s_rp2_rep>
<li id="">
<div class="">
<div class="image"></div>
<div class="box">
<span class="name"></span>
<span class="date"><a href="" class="address"> </a></span>
<span class="control">
</span>
<p></p>
</div>
<div class="clear"></div>
</div>
</li>
</s_rp2_rep>
</ul>
</s_rp2_container>
</li>
</s_rp_rep>
<s_tbp_rep>
<li id="" class="trackbackList">
<div class="image"></div>
<div class="box">
<h4><a href="" onclick="window.open(this.href); return false" ></a></h4>
<span class="from">Tracked from <span class="name"></span></span>
<span class="date"><a href="" class="address"></a></span>
<span class="control">
</span>
<p></p>
</div>
<div class="clear"></div>
</li>
</s_tbp_rep>
</ol>
</s_rp_container>
</div><!-- /communicationList -->
<div class="communicationSend">
<div class="trackbackAdd">
</div>
<div class="commentWrite">
<div class="tt-input-div">
<s_rp_input_form /> </div>
</div>
</div>
</div><!-- /communication -->
</s_rp>
</div><!-- /entry -->
</s_article_rep>
<s_notice_rep>
<div class="entryNotice entry group">
<div class="titleWrap">
<h2><a href=""></a></h2>
<span class="category"><a href="https://blogcenter.tistory.com/notice">공지사항</a></span> |
<span class="date"></span>
</div>
<div class="article">
</div>
</div>
</s_notice_rep>
<s_profile>
<div class="profilePage noEntry group">
<h3>프로필</h3>
<div class="blogInformation">
<h4> 블로그 정보 <s_owner><a href="" class="gotoModify btn"> <span>개인정보수정</span> </a></s_owner></h4>
<div class="box">
<div class="image"><img src="" alt="프로필 이미지" /></div>
<div class="info">
<div class="name">수다공작소</div>
<div class="sec01">
<dl>
<dt>개설일</dt>
<dd> : </dd>
</dl>
<dl>
<dt>총 글 수</dt>
<dd> : 개</dd>
</dl>
<dl>
<dt>총 의견 수</dt>
<dd> : 개</dd>
</dl>
<dl>
<dt>총 방명록 수</dt>
<dd> : 개</dd>
</dl>
<div class="clear"></div>
</div>
<s_profile_blog>
<div class="sec02">
<s_profile_blog_own>
<dl>
<dt>운영중인 다른 블로그</dt>
<dd></dd>
</dl>
</s_profile_blog_own>
<s_profile_blog_team>
<dl>
<dt>참여중인 다른 블로그</dt>
<dd></dd>
</dl>
</s_profile_blog_team>
</div>
</s_profile_blog>
<s_profile_team>
<dl class="sec03">
<dt>팀원 목록</dt>
<dd></dd>
</dl>
</s_profile_team>
</div>
</div>
</div>
<s_profile_matching>
<div class="matchingBoard">
<h4>매칭 전광판</h4>
<div class="matchInfo">수다공작소님(블로그센터)과 님()의 매칭 정보입니다.</div>
<ul>
<s_profile_matching_rep>
<li></li>
</s_profile_matching_rep>
</ul>
</div>
</s_profile_matching>
<div class="bestPost">
<h4>베스트 포스트</h4>
<ul>
<s_profile_bests>
<li>
<span class="date"></span>
<a href=""></a>
</li>
</s_profile_bests>
</ul>
</div>
<div class="favBlog">
<h4>수다공작소님의 관심블로그<s_owner><a href="" class="gotoManager btn"><span>관리하기</span></a></s_owner></h4>
<s_profile_neighbor>
<div class="list">
<div class="image"><a href="/profile" onclick="window.open(this.href); return false;"><img src="" alt="프로필 이미지" style="width:32px;height:32px" /></a></div>
<div class="name"><a href="" onclick="window.open(this.href); return false;"></a></div>
<div class="title"><a href="" onclick="window.open(this.href); return false;"></a></div>
</div>
</s_profile_neighbor>
<div class="clear"></div>
</div>
</div>
</s_profile>
<s_guest>
<div class="guestbook noEntry group">
<h3>방명록</h3>
<div class="guestbookWrite">
<div class="tt-input-div">
<s_guest_input_form /> </div>
</div>
<s_guest_container>
<div class="communicationList">
<ol>
<s_guest_rep>
<li id="">
<div class="">
<div class="image"></div>
<div class="box">
<span class="name"></span>
<span class="date"> <a href="" class="address"></a></span>
<span class="control">
</span>
<p></p>
</div>
<div class="clear"></div>
</div>
<s_guest2_container>
<ul>
<s_guest2_rep>
<li id="">
<div class="">
<div class="image"></div>
<div class="box">
<span class="name"></span>
<span class="date"> <a href="" class="address"></a></span>
<span class="control">
</span>
<p></p>
</div>
<div class="clear"></div>
</div>
</li>
</s_guest2_rep>
</ul>
</s_guest2_container>
</li>
</s_guest_rep>
</ol>
</div><!-- guestList close -->
</s_guest_container>
</div><!-- guestbook close -->
</s_guest>
<s_tag>
<div class="taglog noEntry group">
<h3>태그</h3>
<ul>
<s_tag_rep>
<li>
<a href="" class=""> </a> ...
</li>
</s_tag_rep>
</ul>
</div>
</s_tag>
<s_local>
<div class="localog noEntry group">
<h3>지역로그</h3>
<div>
<s_local_spot_rep>
<div class="spot" style="margin-left: px">
</div>
</s_local_spot_rep>
<s_local_info_rep>
<div class="info" style="margin-left: px">
<a href=""></a>
</div>
</s_local_info_rep>
</div>
</div>
</s_local>
<s_paging>
<div class="paging">
<a class=" prevPage"><span>이전</span></a>
<span class="numbox">
<s_paging_rep>
<a class="num"><span class=""></span></a>
</s_paging_rep>
<s_paging_interword>
<span class="interword">...</span>
</s_paging_interword>
<s_paging_interword2>
<span class="interword">...</span>
</s_paging_interword2>
</span>
<a class=" nextPage"><span>다음</span></a>
</div>
</s_paging>
<s_page_error>
<div id="page-error" class="pageError noEntry group">존재하지 않는 페이지입니다.</div>
</s_page_error>
</div></div>
<hr />
<!-- /content -->
<div id="sidebar" class="sidebar">
<s_sidebar>
<s_sidebar_element>
<!-- 최근 글 위젯 -->
<div class="recentPost widget">
<h3>최근 글</h3>
<div class="box">
<ul id="recentEntries">
<s_rctps_rep>
<li>
<a href=""> </a>
<span class="cnt cnt">()</span>
</li>
</s_rctps_rep>
</ul>
</div>
</div>
</s_sidebar_element>
<s_sidebar_element>
<!-- 최근 의견 위젯 -->
<div class="recentCommunication widget">
<h3>최근 의견</h3>
<div class="box">
<ul>
<s_rctrp_rep>
<li class="recentComment">
<a href=""></a>
<div class="info"><span class="date"></span> <span class="name"> _ </span></div>
</li>
</s_rctrp_rep>
<s_rcttb_rep>
<li class="recentTrackback">
<a href=""></a>
<div class="info"><span class="date"></span> <span class="name"> _ </span></div>
</li>
</s_rcttb_rep>
</ul>
</div>
</div>
</s_sidebar_element>
<s_sidebar_element>
<!-- 글보관함 위젯 -->
<div class="archive widget">
<h3>글보관함</h3>
<div class="box">
<ul>
<s_archive_rep>
<li>
<a href=""></a>
<span class="cnt">()</span>
</li>
</s_archive_rep>
</ul>
</div>
</div>
</s_sidebar_element>
<s_sidebar_element>
<!-- 링크 위젯 -->
<div class="link widget">
<h3>링크</h3>
<div class="box">
<ul>
<s_link_rep>
<li>
<a href="" onclick="window.open(this.href); return false"> </a>
</li>
</s_link_rep>
</ul>
</div>
</div>
</s_sidebar_element>
<s_sidebar_element>
</s_sidebar>
</div>
<div id="sidebar1" class="sidebar">
<s_sidebar>
<s_sidebar_element>
<!-- 공지사항 위젯 -->
<div class="notice widget">
<h3>Notice</h3>
<ul class="box">
<s_rct_notice_rep>
<li><a href=""></a> </li>
</s_rct_notice_rep>
</ul>
</div>
</s_sidebar_element>
<s_sidebar_element>
<!-- 검색 위젯 -->
<div class="search widget">
<s_search>
<input type="text" name="" value="" class="inputText"/><button type="submit" class="btnSearch" onclick="" ><span>검색</span></button>
</s_search>
</div>
</s_sidebar_element>
<s_sidebar_element>
<!-- 카테고리 위젯 -->
<div class="category widget">
<h3>분류</h3>
<div class="box">
|
</div>
</s_sidebar_element>
</s_sidebar>
</div>
<div id="sidebar2" class="sidebar">
<s_sidebar>
<!-- 달력 위젯 -->
<div class="calendar widget">
<h3>달력</h3>
<div class="box">
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| 8 | 9 | 10 | 11 | 12 | 13 | 14 |
| 15 | 16 | 17 | 18 | 19 | 20 | 21 |
| 22 | 23 | 24 | 25 | 26 | 27 | 28 |
| 29 | 30 | 31 |
</div>
</s_sidebar_element>
<s_sidebar_element>
<!-- 카운터 위젯 -->
<div class="counter widget">
<h3>카운터</h3>
<div class="box">
<dl class="total">
<dt>Total</dt>
<dd> </dd>
</dl>
<dl class="today">
<dt>Today</dt>
<dd></dd>
</dl>
<dl class="yesterday">
<dt>Yesterday</dt>
<dd></dd>
</dl>
</div>
</div>
</s_sidebar_element>
<s_sidebar_element>
<!-- RSS 구독 배너 위젯 -->
<div class="bannerRss widget">
<div class="box">
<a href="https://blogcenter.tistory.com/rss"><img src="./images/rss.gif" alt="RSS 구독하기" /></a>
</div>
</div>
</s_sidebar_element>
<s_sidebar_element>
<!-- 텍스트큐브 배너 위젯 -->
<div class="bannerTextcube widget">
<div class="box">
<a href="http://www.textcube.com"><img src="./images/textcube.gif" alt="텍스트큐브닷컴" /></a>
</div>
</div>
</s_sidebar_element>
</s_sidebar>
</div>
</div></div>
<!-- /sidebar -->
<div class="clear"></div>
</div></div>
<!-- /body -->
</div></div>
<!-- /container -->
</body>
</html>
CSS
@charset "utf-8";
/* +++++++++++++++++++++++++++++++++++++++++++++++++
스킨 기본 스타일
+++++++++++++++++++++++++++++++++++++++++++++++++ */
body { font-family: dotum, AppleGothic, Arial, Tahoma, Verdana, sans-serif; font-size:0.75em; line-height:1.5; color:#555; background-color:transparent; left top repeat-x #eee; padding:32px 32px 10px;}
a:link { color:#555; text-decoration:none;}
a:visited { color:#555; text-decoration:none;}
a:hover { color:#000; text-decoration:underline;}
a:active { color:#555; text-decoration:none;}
* { padding:0; margin:0; border:0;}
select { border:1px solid #999;}
button { cursor:pointer;}
textarea { border:1px solid #aaa; background-color:#fff; padding:3px; font-size:1em;}
input { }
.tt-inputText { border:1px solid #aaa; background-color:#fff; height:16px; padding:2px 0 0 2px; font-size:1em;}
hr { display:none;}
h1 { font-size:1.6em;}
h2 { font-size:1.4em;}
h3 { font-size:1.4em;}
h4 { font-size:1.2em;}
h5 { font-size:1.1em;}
h6 { font-size:1em;}
/* +++++++++++++++++++++++++++++++++++++++++++++++++
스킨 공통 스타일 : 모든 스킨에 공통
+++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 포스트 관리 메뉴 *******************************/
.tt-ad-div { padding:8px 0; color:#999; text-align:right;}
.tt-ad-div a { color:#999 !important;}
.tt-ad-div form,
.tt-ad-div form div { display:inline;}
.tt-ad-div input { vertical-align:middle; margin-right:3px;}
.tt-ad-div button { vertical-align:middle; color:#999; background-color:transparent; font-size:1em;}
.tt-ad-div button.change { margin-left:5px;}
/* 트랙백 주소 */
.tt-trackback-div { background-color:#fafafa; border:1px solid #e5e5e5; padding:10px; margin-bottom:5px;}
.tt-trackback-div .tt-trackback-address { font-family: verdana;}
.tt-trackback-forbid { background-color:#fafafa; border:1px solid #e5e5e5; padding:10px; margin-bottom:5px; text-align:center; }
.tt-trackback-forbid span { background:url(images/ico_not.gif) 0 0 no-repeat; padding-left:18px;}
/* 댓글 입력 폼 *******************************/
.tt-input-div { background-color:#fafafa; border:1px solid #e5e5e5; padding:10px;}
.tt-input-div dl { padding-bottom:6px;}
.tt-input-div dt { float:left; width:70px; padding-top:3px;}
.tt-input-div .tt-inputText { width:200px; border:1px solid #ddd;}
.tt-input-div textarea { width:480px; height:80px; overflow:visible; border:1px solid #ddd;}
.tt-input-div .btnComment { width:488px; color:#666; padding:5px 3px; background-color:#fff; border:1px solid #ccc; font-weight:bold; font-size:1em;}
.tt-input-div .option dt,
.tt-input-div .btn dt { visibility:hidden;}
.tt-input-forbid { text-align:center; }
.tt-input-forbid span { background:url(images/ico_not.gif) 0 0 no-repeat; padding-left:18px;}
/* 환경설정 > 글작성 > 의견, 방명록 작성 권한 체크시 */
.tt-input-login-required { padding:10px; text-align:center;}
.tt-input-login-required p { padding-bottom:5px;}
.tt-input-login-required a { background:url(images/btn_login.gif) 0 0 no-repeat; width:81px; height:21px; overflow:hidden; display:block; margin:0 auto;}
.tt-input-login-required a span { display:none;}
/* +++++++++++++++++++++++++++++++++++++++++++++++++
반드시 들어가야 하는 스타일 시작
+++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 스킨용 GNB 스타일 */
#tt-GNB a { color:#000;}
#tt-GNB .name { color:#000;}
#tt-GNB li { border-right-color:#666;}
#tt-GNB .user img { border-color:#ccc;}
#tt-GNB .user .btnLogout { }
/* 페이징 - 현재 페이지 */
.tt-paging-current { font-weight:bold; color:#f30;}
.no-more-prev,
.no-more-next { color:#ccc;}
/* 카테고리 - 이미지 버튼 */
.ib { cursor:pointer;}
/* 카테고리 - 트리 셀 */
.branch3 { cursor:pointer;}
/* 카테고리 - 카테고리 옆 개수 스타일 */
.c_cnt { font-size:0.9em; color:#f60; padding-left:3px;}
/* 달력 월 표시 */
.cal_month { font:0.95em Verdana, Helvetica, Arial, Gulim, sans-serif; height:18px; font-weight:bold;}
/* 달력 요일 표시(th 영역) */
.cal_week1 { font:0.95em Dotum, Arial, sans-serif; height:18px; font-weight:normal;}
/* 달력 일요일 표시(th 영역) */
.cal_week2 { font:0.95em Dotum, Arial, sans-serif; color:#f30; }
/* 달력 Week(tr 영역) */
.cal_week { }
.cal_current_week { background-color:#ddd;}
/* 달력 Day(td 영역) */
.cal_day { font:0.95em Verdana, Helvetica, Arial, Gulim, sans-serif; color:#999; text-align:center;}
/* 달력 Day, 일요일 (td 영역) */
.cal_day_sunday { color:#f60 !important;}
.cal_day_sunday a { color:#f60 !important;}
/* 달력 지난 달 날짜 표시(td) */
.cal_day1 { color:#ccc;}
/* 달력 다음 달 날짜 표시(td) */
.cal_day2 { color:#ccc;}
/* 달력 이번 달 날짜 표시(td) */
.cal_day3 { color:#666;}
/* 달력 오늘 날짜 표시(td) */
.cal_day4 { color:#000; text-decoration:underline;}
/* 달력 글쓴 날 링크 스타일 */
a.cal_click:link { color:#333; font-weight:bold;}
a.cal_click:visited { color:#333; font-weight:bold;}
a.cal_click:hover { color:#f60; font-weight:bold;}
/* 종류별 코멘트 */
.rp_general { }
.rp_admin { }
.rp_secret { color:#333;}
/* 종류별 코멘트 */
.guest_general { }
.guest_admin { }
.guest_secret { color:#333;}
/* 비밀 댓글 (로그아웃시 비밀글 표현) */
.hiddenComment .box { background:url(images/iconSecret.gif) 5px 5px no-repeat; padding-left:20px; font-weight:normal; width:535px!important;}
/* 이미지 아래 캡션 스타일 */
.cap1 { text-align:center; margin-top:8px;}
/* 그림 */
.imageblock { margin:10px 0; color:#999;}
/* 이미지 갤러리 */
.tt-gallery-box { margin:10px 0; color:#999;}
/* 플래쉬 갤러리 */
.tt-iMazing-box { margin:10px 0; color:#999;}
/* 왼쪽 */
.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) top left no-repeat; padding-left:20px; color:#000;}
.moreless_top { background:url(images/iconLess.gif) top left no-repeat; padding-left:20px; color:#000;}
.moreless_body { }
.moreless_bottom { background:url(images/iconLess.gif) top right no-repeat; padding-right:20px; color:#999; text-align:right;}
/* 키워드 */
.key1 { cursor: pointer; border-bottom: 1px dotted #ccc; }
/* +++++++++++++++++++++++++++++++++++++++++++++++++
스킨 스타일 요소
+++++++++++++++++++++++++++++++++++++++++++++++++ */
.clear { clear:both;}
.date { font:0.9em Tahoma;}
.name { font-size:1em;}
.cnt { color:#f60;}
/* ***** Layout **************************************** */
#container { padding-top:0px; background:url() 0 0 repeat-x;}
#header { background:url(); height:25px; padding:0px 0;}
#menu { clear:both; position:relative; height:25px; background:url(images/menumoi.gif);}
#body { margin-top:30px;}
#content { position: absolute; left: 16%; width: 38%; top: 30px; background-color: transparent;}
#sidebar { position: absolute; left: 2%; width: 12%; top: 10px; background-color: transparent;}
#sidebar1 { position: absolute; left: 56%; width: 20%; top: 1px; background-color: transparent;}
#sidebar2 { position: absolute; left: 79%; width: 20%; top: 6px; background-color: transparent;}
.area { width:900px; margin:0 auto;}
/* ***** Header **************************************** */
#header h1 { width:900px; overflow:hidden;}
#header h1 a { color:#fff; text-decoration:blod; }
/* ***** Menu **************************************** */
#menu .blogMenu { padding:4px 0 0 15px;}
#menu .blogMenu li { display:inline; padding-right:20px;}
#menu .blogMenu a { color:#fff; text-decoration:none; font-weight:bold;}
#menu .blogMenu .menuMore a { font-weight:normal; background:url(images/bull_menu_more.gif) right 3px no-repeat; padding-right:13px;}
#menu .inner { position:relative;}
#menu .moreMenuBox { position:absolute; left:168px; top:40px; background-color:#666; padding:10px; z-index:100;}
#menu .moreMenuBox ul { list-style:none;}
#menu .moreMenuBox li { list-style:none;}
#menu .moreMenuBox a { color:#fff;}
/* ***** Footer **************************************** */
#footer .content { text-align: center; padding-top: 10px; padding-bottom: 10px; width:100%;}
#footer .menu { color:#ccc; margin-bottom:5px;}
#footer .copyright { font:0.9em Verdana;}
/* ***** Content Part **************************************** */
#content .group { padding:10px 0 30px 0;}
#content .group h3 { border-bottom:1px solid #ddd; padding-bottom:5px; margin-bottom:10px;}
#content .searchResult h3 strong { color:#000;}
#content .searchResult h3 .cnt { font-weight:bold;}
#content .searchResult ol { list-style:none; padding-left:5px;}
#content .searchResult li { border-bottom:1px solid #eee; padding:3px 0;}
#content .searchResult .date { margin-right:10px;}
#content .searchResult .name { margin-right:10px;}
#content .noEntry ol,
#content .noEntry ul,
#content .noEntry li { list-style:none;}
#content .entry {}
/* entry */
.titleWrap { color:#ccc;}
.titleWrap h2 { padding-bottom:3px;}
.titleWrap h2 a { color:#000;}
.titleWrap .category a { color:#999;}
.titleWrap .date { color:#999;}
.titleWrap .name { color:#999;}
.tagTrail { clear:both; color:#999; background:url(images/ico_tag.gif) 0 4px no-repeat; padding-left:18px;}
.tagTrail a { color:#999;}
.localTrail { clear:both; color:#999; background:url(images/ico_localtag.gif) 0 4px no-repeat; padding-left:18px;}
.localTrail a { color:#999;}
.authorProfile { clear:both; overflow:hidden; padding:10px; margin:10px 0; border:1px solid #eee; background-color:#f6f6f6;}
.authorProfile .image { float:left; margin-right:10px; border:3px solid #ddd; width:50px; height:50px; background:url(images/noImage.gif) no-repeat; }
.authorProfile .image img { padding:1px;}
.authorProfile .box { margin-left:60px;}
.authorProfile p { color:#999; line-height:1.2em;}
.authorProfile .title { font-weight:bold; }
.authorProfile .name { color:#999; }
.authorProfile .gotolist { font-size:0.9em; margin-top:5px; text-align:right; letter-spacing:-0.1em;}
.authorProfile .gotolist a { color:#999; text-decoration:underline;}
.communicationTrail { clear:both; font-weight:bold; text-align:right;}
.communicationTrail a { background:url(images/ico_plus.gif) 0 2px no-repeat; padding-left:15px; }
.communication { padding:10px 0;}
.communicationList ol { list-style:none;}
.communicationList li { list-style:none; padding:10px 0; border-bottom:1px dashed #ddd; }
.communicationList li ul li { padding:10px 0; border:none;}
.communicationList .box { float:left; width:450px; overflow:hidden;}
.communicationList li ul li .box { background:url(images/ico_reply.gif) 0 3px no-repeat; padding-left:30px; width:535px;}
.communicationList .image { float:left; margin-right:10px; border:4px solid #ddd; padding:1px;}
.communicationList .name { font-weight:bold; margin-right:5px; }
.communicationList .name a { color:#333;}
.communicationList .date a { color:#999;}
.communicationList .control a { padding:0 5px;}
.communicationList .reply,
.communicationList .modify,
.communicationList .delete,
.communicationList .confirm { background-color:transparent; font:0.9em dotum; color:#999; border-left:1px solid #ddd;}
.communicationList .commentList p { line-height:1.4em; color:#666; padding-top:5px;}
.communicationList .trackbackList p { line-height:1.2em; color:#999; padding-top:5px;}
.communicationList .trackbackList h4 { font-size:1em;}
.communicationList .trackbackList .from { font-family:verdana;}
.communicationSend { padding-top:15px; }
/* Article Basic Style */
.article { padding:10px 0 20px 0;}
.article p { }
.article a:link { color:#f60; text-decoration:none;}
.article a:visited { color:#f60; text-decoration:none;}
.article a:hover { color:#f30; text-decoration:underline;}
.article a:active { color:#f60; text-decoration:none;}
.article blockquote { background:url(images/ico_blockquote.gif) top left no-repeat; padding-left:25px; margin:10px 20px;}
.article li { margin-left:25px;}
.article h1 { font-size : 1.5em;}
.article h2 { font-size : 1.4em;}
.article h3 { font-size : 1.3em; border:none!important; margin:0!important;}
.article h4 { font-size : 1.2em;}
.article h5 { font-size : 1.1em;}
.article h6 { font-size : 1em;}
.article dl { padding:10px;}
.article dt { }
.article dd { margin-left:20px; padding-bottom:10px;}
.article table {border-collapse:separate!important;}
.article hr { display:block; border:1px solid; margin:10px 0;}
/* ***** me2day Part **************************************** */
.me2day_daily_digest ul { margin-left:0; list-style:none; font-size:1.2em;}
.me2day_daily_digest li { list-style:none; border-bottom:1px dashed #ddd; padding:5px 0 5px 40px; margin:5px 0; background: url(images/icon_me2.png) 0 5px no-repeat; line-height:1.4em;}
.me2day_daily_digest .me2_tags { font-size:0.8em; color:#999; }
.me2day_daily_digest .datetime a{ font-size:0.8em; color:#999; display:block;}
.show_content_layer { font-size:0.8em; background-color:#f2f2f2; padding:10px;}
/* Related Post */
.relatedPost {margin-top:30px; clear:both;}
.relatedPost h3 { font-size:1em; color:#999; padding-left:15px; background:url(images/icon_paper.gif) 0 4px no-repeat;}
.relatedPost ol { list-style:none;}
.relatedPost li { padding:0 5px 0 13px; margin:0 !important; background:url(images/icon_ball.gif) 3px center no-repeat;}
.relatedPost a { color:#999 !important;}
.relatedPost a:hover { color:#666 !important; border-bottom:1px dashed #ddd; text-decoration:none !important;}
/* noEntry - profile */
.profilePage h4 { font-size:1em; margin:5px 0; background:url(images/icon_infopaper.gif) 0 4px no-repeat; padding-left:15px;}
.profilePage ul { list-style:none;}
.profilePage li { background:url(images/icon_ball.gif) 5px 9px no-repeat; border-bottom:1px dashed #eee; padding:3px 0 0 15px;}
.profilePage a.btn { width:0; height:0; overflow:hidden; margin-left:5px; vertical-align:middle;}
.profilePage .blogInformation a.gotoModify { background:url(images/btn_profileModify.gif) 0 0 no-repeat; padding:18px 0 0 70px; position:absolute; margin-top:-2px; }
.profilePage .favBlog a.gotoManager { background:url(images/btn_manager.gif) 0 0 no-repeat; padding:18px 0 0 51px; position:absolute; margin-top:-2px; }
.profilePage .image { float:left; margin-right:10px; border:3px solid #ddd; padding:1px;}
.profilePage .blogInformation { padding-bottom:20px; padding-top:10px;}
.profilePage .blogInformation dd { padding-left:10px; color:#666;}
.profilePage .blogInformation .box { background-color:#f6f6f6; border:1px solid #e5e5e5; padding:10px;}
.profilePage .blogInformation .info { margin-left:70px; }
.profilePage .blogInformation .name { color:#333; font-weight:bold; background:url(images/icon_master.gif) 0 2px no-repeat; padding:0 5px 0 20px;}
.profilePage .blogInformation .sec01 { margin-top:5px;}
.profilePage .blogInformation .sec01 dl { float:left; width:47%; background-color:#fff; border:1px solid #eee; padding:5px; margin:0 3px 3px 0;}
.profilePage .blogInformation .sec01 dt { float:left; margin-right:5px;}
.profilePage .blogInformation .sec02 dl { padding:5px 0 10px;}
.profilePage .blogInformation .sec02 dt { background:url(images/icon_ball.gif) 0 6px no-repeat; padding-left:8px;}
.profilePage .blogInformation .sec03 dt { background:url(images/icon_ball.gif) 0 6px no-repeat; padding-left:8px;}
.profilePage .matchingBoard { padding-bottom:20px; clear:both;}
.profilePage .bestPost { padding-bottom:20px;}
.profilePage .bestPost .date { padding-right:10px;}
.profilePage .favBlog .list { float:left; width:300px; height:39px; overflow:hidden; margin:0 0 5px 5px; background-color:#f6f6f6; border:1px solid #e5e5e5; padding:5px;}
.profilePage .favBlog .image { border:2px solid #ddd; padding:1px; margin-right:5px;}
.profilePage .favBlog .name,
.profilePage .favBlog .title { white-space:nowrap; overflow:hidden; width:250px;}
/* noEntry - guestbook */
.guestbookWrite { margin:20px 0 10px 0;}
/* noEntry - errorpage */
#page-error { color:#000; text-align:center; background:url(images/warning.gif) center top no-repeat; padding-top:50px!important; margin-top:50px;}
/* noEntry - Localog */
.localog div { padding:0 10px;}
.localog .spot { background:url(images/ico_indent.gif) 0 5px no-repeat; padding:5px 0 5px 17px; color:#999;}
.localog .info { background:url(images/ico_list.gif) 0 5px no-repeat; padding-left:12px; border-bottom:1px dashed #ddd; margin-bottom:5px;}
/* noEntry - Taglog */
.taglog { line-height:2em;}
.taglog ul { text-align:justify; color:#ccc;}
.taglog li { display:inline;}
.taglog li .cloud1 { color:#f30; font-size:1.5em;}
.taglog li .cloud2 { color:#f60; font-size:1.4em;}
.taglog li .cloud3 { color:#333; font-size:1.3em;}
.taglog li .cloud4 { color:#666; font-size:1.2em;}
.taglog li .cloud5 { color:#999; font-size:1em;}
/* paging */
.paging { text-align:center; clear:both; font:0.9em dotum;}
.paging .numbox { border-right:1px solid #ddd; margin-right:10px; font-family:verdana;}
.paging .numbox a { border-left:1px solid #ddd; padding:0 5px 0 8px;}
.paging .selected { font-weight:bold; color:#f60}
.paging .prevPage { background:url(images/bull_page_prev.gif) left 1px no-repeat; padding-left:10px; margin-right:10px; }
.paging .nextPage { background:url(images/bull_page_next.gif) right 1px no-repeat; padding-right:10px; margin-left:10px; }
/* ***** Sidebar Part **************************************** */
/* common */
#sidebar .sidebox { padding:5px;}
#sidebar h3 { font-size:1em; color:#666; font-weight:bold; position:relative; margin:2em auto; list-style:none;}
#sidebar .widget { margin-top:20px;}
#sidebar .box { overflow:hidden;}
#sidebar li { list-style:none;}
#sidebar .date { color:#999;}
#sidebar .name { color:#999;}
#sidebar .cnt { font-size:0.9em;}
#sidebar1 .sidebox { padding:5px;}
#sidebar1 h3 { font-size:1em; color:#666; font-weight:bold; position:relative; margin:2em auto; list-style:none;}
#sidebar1 .widget { margin-top:25px;}
#sidebar1 .box { overflow:hidden;}
#sidebar1 li { list-style:none;}
#sidebar1 .date { color:#999;}
#sidebar1 .name { color:#999;}
#sidebar1 .cnt { font-size:0.9em;}
#sidebar2 .sidebox { padding:5px;}
#sidebar2 h3 { font-size:1em; color:#666; font-weight:bold; position:relative; margin:2em auto; list-style:none;}
#sidebar2 .widget { margin-top:25px;}
#sidebar2 .box { overflow:hidden;}
#sidebar2 li { list-style:none;}
#sidebar2 .date { color:#999;}
#sidebar2 .name { color:#999;}
#sidebar2 .cnt { font-size:0.9em;}
/* profile */
#profile { width:198px; overflow:hidden; border:1px solid #ddd; background-color:#fff;}
#profile .inner { padding:9px;}
#profile .image { margin:6px auto 0; text-align:center; }
#profile .image img { width:150px; padding:8px; border:1px solid #eee;}
#profile .desc { padding:5px; color:#999; overflow:hidden;}
#profile dt { font-weight:bold; color:#666;}
#profile .image dt,
#profile .control dt { display:none;}
#profile .control { padding:5px; border-top:1px dashed #ddd; border-bottom:1px dashed #ddd; margin-bottom:5px;}
#profile .control span { background:url(images/bull_tri_r.gif) right 3px no-repeat; padding-right:10px;}
#profile .control a { color:#999;}
#profile .experTag { padding:5px; margin-bottom:5px;}
#profile .experTag li { display:inline;}
#profile .experTag a { color:#999;}
#profile .blogRoll dt {display:none; }
#profile .blogRoll dd {padding:0 5px;}
#profile .blogRoll .action {display:block; overflow:hidden; height:0; width:0; }
#profile .blogRoll .tt-blogroll-login,
#profile .blogRoll .tt-blogroll-add,
#profile .blogRoll .tt-blogroll-nothing,
#profile .blogRoll .tt-blogroll-owner,
#profile .blogRoll .tt-blogroll-group .addedPart,
#profile .blogRoll .tt-blogroll-group .addPard,
#profile .blogRoll .tt-blogroll-group .addCount {padding:8px 0; border-top:1px dashed #ccc; }
#profile .blogRoll .tt-blogroll-login a ,
#profile .blogRoll .tt-blogroll-add a {float:left; display:block; background:url(images/btn_favblog_add2.gif) left top no-repeat; padding:18px 0 0 80px; margin-right:5px; overflow:hidden; height:0; width:0;}
#profile .blogRoll .tt-blogroll-nothing .action {float:left; background:url(images/btn_favblog2.gif) left top no-repeat; padding:17px 0 0 70px; margin-right:10px;}
#profile .blogRoll .tt-blogroll-owner .action {float:left; background:url(images/btn_myblog.gif) left top no-repeat; padding:17px 0 0 55px; margin-right:10px;}
#profile .blogRoll .tt-blogroll-group .addedPart,
#profile .blogRoll .tt-blogroll-group .addPard,
#profile .blogRoll .tt-blogroll-group .addCount {clear:both; text-align:center;}
#profile .blogRoll .tt-blogroll-group .addedPart .addedBlog {margin-bottom:3px; text-align:left;}
#profile .blogRoll .tt-blogroll-group .addedPart .action {background:url(images/btn_favblog2.gif) left top no-repeat; padding:17px 0 0 70px; margin:5px auto 0;}
#profile .blogRoll .tt-blogroll-group .addPard select {width:150px; font-size:1em; color:#666; margin-bottom:3px;}
#profile .blogRoll .tt-blogroll-group .addPard button {background:url(images/btn_favblog_add2.gif) left top no-repeat; height:18px; width:80px; margin-top:5px;}
#profile .blogRoll .tt-blogroll-group .addPard button span {display:none;}
/* sidebar1 element */
.search { text-align:center; margin-top:15px !important;}
.search input { width:130px; vertical-align:middle;}
.search button { width:40px; height:20px; vertical-align:middle; background:url(images/btn_search.gif) center no-repeat;}
.search button span { visibility:hidden;}
.notice { margin-top:15px !important;}
.notice h3 { display:none;}
.notice li { background:url(images/bull_notice.gif) 0 4px no-repeat; padding-left:40px;}
.favBlogRoll ul { overflow:hidden;}
.favBlogRoll li { height:45px; margin-top:5px;}
.favBlogRoll .image { float:left; background-color:#fff; border:3px solid #ddd; padding:1px; margin-right:5px; }
.favBlogRoll .image img { width:32px;}
.favBlogRoll .name,
.favBlogRoll .title { white-space:nowrap; overflow:hidden; width:140px;}
.favBlogRoll .more { text-align:right; font-size:0.9em; letter-spacing:-0.1em; background:url(images/bull_tri_r.gif) right 5px no-repeat; padding-right:10px;}
.calendar h3 { display:none;}
.counter .box { padding:10px !important; border:0px solid #e5e5e5; background-color: transparent;}
.counter h3 { display:none;}
.counter dl { }
.counter dt { float:left; padding:4px 0 0 0; font:0.8em Verdana;}
.counter dd { text-align:right; padding-right:5px;}
.counter .total { font-weight:bold;}
.counter .today { border-top:0px dashed #ddd; border-bottom:0px dashed #ddd; padding:5px 0; margin:3px 0 5px 0;}
.counter .yesterday { }
.bannerRss,
.bannerTextcube { margin-top:10px !important;}
.bannerRss .box,
.bannerTextcube .box { padding:10px !important; text-align:center; border:0px solid #e5e5e5; background-color: transparent;}
.recentPost li,
.recentCommunication li,
.archive li,
.link li {background:url(images/icon_ball.gif) 0 7px no-repeat; padding-left:8px;}
'블로그팁' 카테고리의 다른 글
| There is something special in this website (0) | 2009.08.19 |
|---|---|
| 웹사이트 디자인 모음 (0) | 2009.08.19 |
| 누구나 손쉽게 플래시 웹사이트를 구축할 수 있는 멋진 사이트 (1) | 2009.08.10 |
| gif 파일을 플래시swf파일로 바꾸는 방법 (0) | 2009.08.10 |
| 한글파일hwp을 pdf로 전환하는 방법 (0) | 2009.08.10 |
- There is something special in this website 2009.08.19
- 웹사이트 디자인 모음 2009.08.19
- 누구나 손쉽게 플래시 웹사이트를 구축할 수 있는 멋진 사이트 2009.08.10
-
gif 파일을 플래시swf파일로 바꾸는 방법 2009.08.10
