출처: 티스토리. 어느 고마운 님 (어디서 받았는지 기억이 ㅠ.ㅠ)
@charset "utf-8";
/* 반드시 들어가야 하는 스타일 시작 */
/* 본문 공통 */
body {
font-family: 돋움,Dotum,AppleGothic,sans-serif;
font-size:12px;
line-height: 1.5;
/*@background-image=background-image:*/ background-image: none /*@*/;
/*@background-image-position=background-position:*/ background-position: left top /*@*/;
/*@background-image-repeat=background-repeat:*/ background-repeat: repeat-x /*@*/;
/*@background-color=background-color:*/ background-color: #312e39 /*@*/;
padding:0; margin:0;
}
a:link { color:#c0a79a; text-decoration:none;}
a:visited { color:#c0a79a; text-decoration:none;}
a:hover { color:#c0a79a; text-decoration:underline;}
a:active { color:#c0a79a; text-decoration:none;}
img { border: 0; }
/* 페이징 - 현재 페이지 */
.selected { font-weight:bold; color:#783e57; }
.no-more-prev { background:url(./images/icon_left_page.gif) left 1px no-repeat !important; padding-left:6px; color:#c0a79a;}
.no-more-next { background:url(./images/icon_right_page.gif) right 1px no-repeat !important; padding-right:6px; color:#c0a79a;}
/* 카테고리 - 이미지 버튼 */
.ib { cursor: pointer; }
/* 5. 입력 텍스트 */
.text { border:1px solid #c0a79a; }
/* 6. 트리 테이블 */
.branch2 { }
/* 7. 트리 셀 */
.branch3 { cursor: pointer; height: 10px; }
/* 8. 달력 월 표시 */
.cal_month { font-family: verdana, san-serif; font-size: 10px; color: #615772; width: 170px; padding: 10px 0; margin: 5px auto; font-weight: bold;}
.cal_month a:link, .cal_month a:visited, .cal_month a:hover { color: #615772; font-weight: bold;}
/* 9. 달력 요일 표시 */
.cal_week1 { font-family: 돋움,Dotum,AppleGothic,sans-serif; font-size: 11px; height:18px; color: #554757; font-weight: normal; }
/* 10. 달력 일요일 표시 */
.cal_week2 { font-family: 돋움,Dotum,AppleGothic,sans-serif; font-size: 11px; height:18px; color: #615772; font-weight: normal; }
.cal_day { font-family: verdana,san-serif; font-size:10px; color: #c0a79a; text-align:center; height:18px; }
/* 11. 달력 지난 달 날짜 표시 */
.cal_day1 { }
/* 12. 달력 다음 달 날짜 표시 */
.cal_day2 { }
/* 13. 달력 이번 달 날짜 표시 */
.cal_day3 { }
/* 14. 달력 오늘 날짜 표시 */
.cal_day4 { background-color: #783e57; color: #c0a79a; }
/* 15. 달력 글쓴 날 링크 스타일 */
.cal_click a:link, .cal_click a:visited, .cal_click a:hover { color: #ccc; text-decoration: none; }
/* 16. 이미지 아래 캡션 스타일 */
.cap1 { color: #876; text-align: center; }
/* 16. 키워드 스타일 */
.key1 { cursor: pointer; border-bottom: 1px dotted #c0a79a; }
/* 16. 카테고리 옆 개수 스타일 */
.c_cnt { font-size:11px; color : #554757; }
/* 17. 최신글 옆 개수 스타일 */
.ps_cnt { font-size:11px; color : #554757; }
/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */
#container { /*@post-width:295=width:;*/ width: 1018px; /*@*/ margin: 0 auto; }
#header {
float: left;
/*@post-width:215=width:;*/ width: 938px; /*@*/
height:/*@title-height=*/ 131px /*@*/;
border-bottom: 1px solid #554757;
margin: 0 0 12px 40px; display: inline;
/*@title-background-image=background-image:*/ background-image: none /*@*/;
/*@title-background-image-position=background-position:*/ background-position: left top /*@*/;
/*@title-background-image-repeat=background-repeat:*/ background-repeat: repeat /*@*/;
/*@title-background-color=background-color:*/ background-color: #312e39 /*@*/;
}
#header h1{
float: left;
width:/*@post-width:-223=*/ 500px /*@*/;
margin-top: 48px;
margin-left: 15px;
display: inline;
/*@title-font-size=font-size:*/ font-size: 16px /*@*/;
/*@title-font-family=font-family:*/ font-family: dotum /*@*/;
/*@title-color=color:*/ color: #615772 /*@*/;
font-weight:bold;
}
#header h1 a {
/*@title-font-size=font-size:*/ font-size: 16px /*@*/;
/*@title-font-family=font-family:*/ font-family: dotum /*@*/;
/*@title-color=color:*/ color: #615772 /*@*/;
display:block;
}
#header h1 span { float: left; font-size: 12px; font-weight: normal; color: #c0a79a; }
#searchBox { float: right; margin-top: 98px; margin-right: 15px; display: inline;}
#searchBox input.search_keyword { color: #c0a79a; border: 1px solid #783e57; background-color: #783e57; float: left; margin-right: 4px; }
#searchBox input.button {background: url(./images/btn_search.gif) no-repeat; width: 32px; height: 20px; text-indent: -1000em; border: 0px; cursor: pointer; float: left; }
/* sidebar */
#sidebar { clear: both; float: left; width: 190px; margin-left: 40px; display: inline; padding-bottom: 30px; }
#blogImage { margin-bottom: 5px; }
#blogImage img { width: 190px; }
#blogDesc { font-size: 11px; color: #c0a79a; padding: 5px 0 10px 0; border-bottom: 1px solid #554757;}
#blogMenu { margin: 0; padding: 0; }
#blogMenu ul { list-style:none; }
#blogMenu li {
border-bottom:1px solid #554757;
}
#blogMenu li a {
list-style:none;
text-decoration:none;
display:block;
color:#783e57;
letter-spacing:-1px;
font-family:verdana;
font-size:12px;
padding:10px 0;
}
#blogMenu li a:hover {
color:#783e57;
}
/* category */
#category { border: 1px solid #554757; margin-top: 10px;}
#treeComponent #cafegoryWrapTd { padding: 10px; }
#category h3 { width: 170px; padding: 5px 0; margin: 5px auto; font-family: Verdana; font-size: 11px; font-weight: normal; color: #c0a79a; border-bottom: 1px solid #554757;}
#category .wrapAbContent { padding: 0 10px 10px 10px; }
/* tag cloud */
#tagbox { border: 1px solid #554757; margin-top: 12px; }
#tagbox ul {text-align: justify; margin: 10px;}
#tagbox li { display: inline; line-height: 1.8; margin-right: 3px; }
#tagbox li .cloud1 { font-weight:bold; font-size : 14px; color : #fc010a; letter-spacing: -1px; }
#tagbox li .cloud2 { font-size : 12px; color : #c0a79a; }
#tagbox li .cloud3 { font-size : 12px; color : #ddd; }
#tagbox li .cloud4 { font-size : 12px; color : #676767; }
#tagbox li .cloud5 { font-size : 12px; color : #000; }
#tagbox h3 { width: 170px; padding: 5px 0; margin: 5px auto; font-family: Verdana; font-size: 11px; font-weight: normal; color: #c0a79a; border-bottom: 1px solid #554757;}
/* notice */
#notice { border: 1px solid #554757; margin-top: 10px; }
#notice ul { padding: 0; list-style: none; margin: 10px;}
#notice li { list-style: none; line-height: 1.4; }
#notice h3 { width: 170px; padding: 5px 0; margin: 5px auto; font-family: Verdana; font-size: 11px; font-weight: normal; color: #c0a79a; border-bottom: 1px solid #554757;}
/* recentPost */
#recentPost { border: 1px solid #554757; margin-top: 10px; }
#recentPost ul { padding: 0; list-style: none; margin: 10px;}
#recentPost li { list-style: none; line-height: 1.4; }
#recentPost h3 { width: 170px; padding: 5px 0; margin: 5px auto; font-family: Verdana; font-size: 11px; font-weight: normal; color: #c0a79a; border-bottom: 1px solid #554757;}
/* recentComment */
#recentComment { width: 190px; border: 1px solid #554757; margin-top: 10px; overflow: hidden; }
#sidebar ul { padding: 0; list-style: none; margin: 10px;}
#recentComment li { list-style: none; line-height: 1.4; }
#recentComment h3 { width: 170px; padding: 5px 0; margin: 5px auto; font-family: Verdana; font-size: 11px; font-weight: normal; color: #c0a79a; border-bottom: 1px solid #554757;}
#recentComment li .name { color: #554757; }
#recentComment li .date { color: #554757; }
/* recentTrackback */
#recentTrackback { border: 1px solid #554757; margin-top: 10px; }
#recentTrackback ul { padding: 0; list-style: none; margin: 10px;}
#recentTrackback li { list-style: none; line-height: 1.4; }
#recentTrackback h3 { width: 170px; padding: 5px 0; margin: 5px auto; font-family: Verdana; font-size: 11px; font-weight: normal; color: #c0a79a; border-bottom: 1px solid #554757;}
#recentTrackback li .name { color: #554757; }
#recentTrackback li .date { color: #554757; }
/* archive */
#archive { border: 1px solid #554757; margin-top: 10px; }
#archive ul { padding: 0; list-style: none; margin: 10px;}
#archive li { list-style: none; line-height: 1.4; }
#archive h3 { width: 170px; padding: 5px 0; margin: 5px auto; font-family: Verdana; font-size: 11px; font-weight: normal; color: #c0a79a; border-bottom: 1px solid #554757;}
/* calendar */
#calendar { border: 1px solid #554757; margin-top: 10px; }
#calendar .tt-calendar { width: 170px; }
#calendar .wrapAbContent { padding: 0 10px 10px 10px; }
/* Links */
#link { border: 1px solid #554757; margin-top: 10px; }
#link ul { padding: 0; list-style: none; margin: 10px;}
#link li { list-style: none; line-height: 1.4; }
#link h3 { width: 170px; padding: 5px 0; margin: 5px auto; font-family: Verdana; font-size: 11px; font-weight: normal; color: #c0a79a; border-bottom: 1px solid #554757;}
/* Counter */
#counter { width: 190px; height: 31px; border-bottom: 1px solid #554757; font-family: verdana,san-serif; font-size:10px; color: #c0a79a;}
#counter li { display: inline; margin-right: 7px; }
/* RSS */
#btnRSS { width: 190px; border-bottom: 1px solid #554757; }
#btnRSS img {margin-left: 6px;}
/* content */
#content{ float:right; width:/*@post-width=*/ 723px /*@*/; margin-right: 40px; padding-bottom: 56px; display: inline; }
/* ***** content ***** */
#content .nonEntry { }
#content .nonEntry h3 {
/*@post-title-font-size=font-size:*/ font-size: 14px /*@*/;
/*@post-title-font-family=font-family:*/ font-family: dotum /*@*/;
/*@post-title-color=color:*/ color: #c0a79a /*@*/;
margin: 0; padding: 10px 0;
font-weight: bold;
border-bottom: 1px solid #554757;
margin-bottom: 14px;
}
#content .entry { width:/*@post-width=*/ 723px /*@*/; margin: 0; padding:0 0 15px 0; overflow:hidden; }
#searchList ol,
#searchRplist ol { list-style:none; padding:5px 0; margin:0;}
#searchList li,
#searchRplist li { border-bottom:1px solid #554757; padding: 6px 0;}
#searchList .date,
#searchRplist .date { color: #c0a79a; margin-right:10px; }
#searchList .cnt { color: #c0a79a; }
#searchRplist .name { color:#c0a79a; padding-left:8px;}
#localog .spot { background:url(./images/iconIndentArrow_local.gif) 5px 0 no-repeat; padding-left:20px; margin-top:5px;}
#localog .info { background:url(./images/iconIndentArrow_localinfo.gif) 5px 3px no-repeat; padding-left:15px; margin-top:2px;}
#localog { color: #554757;}
#localog a:link { color: #c0a79a;}
#localog a:visited { color: #c0a79a;}
#localog a:hover { color: #c0a79a; text-decoration: none;}
#taglog ul { padding:5px; margin:0; text-align:justify;}
#taglog li { display:inline;}
#taglog a:hover { background-color:#eee; color:#000;}
#taglog li .cloud1 { font-weight:bold; font-size : 14px; color : #fc010a; letter-spacing: -1px; }
#taglog li .cloud2 { font-size : 12px; color : #000; }
#taglog li .cloud3 { font-size : 12px; color : #ddd; }
#taglog li .cloud4 { font-size : 12px; color : #c0a79a; }
#taglog li .cloud5 { font-size : 12px; color : #c0a79a; }
#guestbook p { padding:2px 0; margin:0;}
#guestWrite { padding:10px; background-color:#312e39; border:1px solid #554757; color: #c0a79a;}
#guestWrite input { width:150px; color:#c0a79a; border: 1px solid #4f4b58; background-color: #4f4b58; }
#guestWrite textarea { width:/*@post-width:-53=*/ 685px /*@*/; overflow: hidden; padding:5px; font-size: 12px; color:#c0a79a; border: 1px solid #4f4b58; background-color: #4f4b58; }
#guestWrite .homepage { width:300px;}
#guestWrite .submit { background:url(./images/btn_comment.gif) no-repeat; width:150px; height:23px; overflow:hidden; display:block; text-indent:-1000em; border:0; cursor:pointer; margin:0 auto; margin-top: 10px;}
#guestList { padding:10px 0 0 0; color: #c0a79a; }
#guestList ol,
#guestList ul { margin:0; padding:0; list-style:none;}
#guestList li p { border-top:1px solid #554757; margin-top:5px; padding-top:5px;}
#guestList ol li { border:5px solid #554757; padding:10px; margin-bottom:10px; overflow:hidden;}
#guestList li ul li { margin-left:20px; background:url("images/iconIndentArrow_local.gif") no-repeat 10px 10px; padding-left:25px; border:none; width:/*@post-width:-102=*/ 621px /*@*/; overflow:hidden;}
#guestList li .name, #guestList li .name a { color:#c0a79a; }
#guestList li .date { font-family: verdana; font-size: 11px; color: #c0a79a; }
#guestList .control a span { font-size: 11px; color: #c0a79a; }
/* entry */
.entryNotice h2,
.entryProtected h2,
.entry h2 {
/*@post-title-font-size=font-size:*/ font-size: 14px /*@*/;
/*@post-title-font-family=font-family:*/ font-family: dotum /*@*/;
/*@post-title-color=color:*/ color: #ae835a /*@*/;
border-bottom: 1px solid #554757;
}
.entryNotice h2 a,
.entryProtected h2 a,
.entry h2 a {
/*@post-title-font-size=font-size:*/ font-size: 14px /*@*/;
/*@post-title-font-family=font-family:*/ font-family: dotum /*@*/;
/*@post-title-color=color:*/ color: #c0a79a /*@*/;
}
.titleWrap { width:/*@post-width=*/ 723px /*@*/; overflow: hidden; color: #c0a79a;}
.titleWrap h2 { margin: 0; padding: 10px 0; /*@post-title-color=color:*/ color: #ae835a /*@*/; margin-bottom: 14px; }
.titleWrap a { font-size: 11px; }
.titleWrap h2 a:link { /*@post-title-color=color:*/ color: #ae835a /*@*/; text-decoration:none; }
.titleWrap h2 a:visited { /*@post-title-color=color:*/ color: #ae835a /*@*/; text-decoration:none; }
.titleWrap h2 a:hover { /*@post-title-color=color:*/ color: #ae835a /*@*/; text-decoration:none; }
.titleWrap h2 a:active { /*@post-title-color=color:*/ color: #ae835a /*@*/; text-decoration:none; }
.entryProtected { color: #c0a79a; }
.entryProtected p.text { padding:15px; background-color: #4f4b58; border: 1px solid #777; }
.entryProtected input { width:200px; border: 1px solid #777; background-color: #554757;}
.entryProtected .submit { background:url(images/btn_ok.gif) 0 50% no-repeat; width:50px; height:23px; overflow:hidden; display:inline; text-indent:-1000em; border:0; cursor:pointer; margin-top: 13px;}
.article { width:/*@post-width:-68=*/ 655px /*@*/; font-size:/*@post-body-font-size=*/ 12px /*@*/; font-family: /*@post-body-font-family=*/ dotum /*@*/; color:/*@post-body-color=*/ #c0a79a /*@*/; overflow:hidden; padding: 40px 0; margin-left: 34px; }
.article a:link { color:#c0a79a; text-decoration:none;}
.article a:visited { color:#c0a79a; text-decoration:none;}
.article a:hover { color:#c0a79a; text-decoration:underline;}
.article a:active { color:#c0a79a; text-decoration:none;}
.article dt { text-decoration:underline;}
.article dd { margin-left:20px; padding-bottom:10px;}
.article blockquote { background:url(./images/iconBlockquote.gif) top left no-repeat; padding-left:25px; margin:10px 20px;}
.author { text-align:right; color:#888; padding:20px 20px;}
.author .text { font:90% Verdana, Arial, Helvetica, sans-serif;}
.tagTrail { padding:8px 5px 5px 30px; background:url(./images/iconTag.gif) center left no-repeat; clear:both;}
.tagText { display:none;}
#articleBtmWrap { width:/*@post-width:-68=*/ 655px /*@*/; background: #312e39; border: 1px solid #554757; padding: 7px 0 5px 0; font-family: verdana; font-size: 11px; color: #c0a79a; margin: 0 auto; }
.actionTrail { width:/*@post-width:-98=*/ 625px /*@*/; overflow: hidden; border-bottom: 1px solid #554757; margin: 0 15px; padding-bottom: 5px; color: #c0a79a;}
.actionTrail .cnt { color:#783e57; font-weight: bold; }
.actionTrail a { color :#c0a79a; }
.actionTrail a:hover { text-decoration: none; }
.trackback { width:/*@post-width:-98=*/ 625px /*@*/; overflow:hidden; margin: 0 15px;}
.trackback a { color:#c0a79a; text-decoration: none;}
.trackback h3 { font-size: 11px; margin: 0; padding: 8px 0; font-weight: normal; border-bottom:1px solid #554757;}
.trackback h4 { font-family: dotum; font-size: 11px; font-weight:normal; margin:0; }
.trackback ol { margin:0; padding:0; }
.trackback li, .trackback .name, .trackback p { font-family: dotum; font-size: 11px; }
.trackback li { border-bottom:1px solid #554757; padding:5px 0;}
.trackback .date { color: #c0a79a; }
.trackback .control a { color: #c0a79a; }
.trackback p { margin:2px 0 0 0; padding:0;}
.comment { width:/*@post-width:-98=*/ 625px /*@*/; overflow:hidden; margin-left: 15px;}
.comment p { margin:3px 0 0 0; padding:0;}
.comment h3 { display:none; }
.comment ol,
.comment ul { padding: 0; margin: 0; }
.comment ol li { padding: 3px 0; border-bottom:1px solid #554757; }
.comment li ul li { padding:5px 10px 5px 35px; background:url("images/iconReComment.gif") no-repeat 12px 6px; border:none;}
.comment .date { color: #c0a79a; }
.comment .name { color: #c0a79a; }
.comment .name a { color: #c0a79a; }
.commentWrite { overflow: hidden; }
.commentWrite input { width:150px; color:#c0a79a; border: 1px solid #4f4b58; background-color: #4f4b58; font-family: dotum, font-size: 12px; }
.commentWrite textarea { width:/*@post-width:-110=*/ 613px /*@*/; overflow: hidden; padding: 5px; margin: 5px 0 0 0; font-family: dotum, font-size: 12px; color:#c0a79a; border: 1px solid #4f4b58; background-color: #4f4b58; }
.commentWrite .homepage { width:300px;}
.commentWrite .submit { background:url(./images/btn_comment.gif) no-repeat; width:150px; height:23px; overflow:hidden; display:block; text-indent:-1000em; border:0; cursor:pointer; margin:10px auto; }
.commentWrite .secretWrap { clear:both; float:right; position:relative; top:0px; left:-10px; margin-bottom: 5px;}
.commentWrite .checkbox { border:none; padding:0; margin:0; width:25px;}
#paging { padding-top:10px; text-align:center; font-size:0.95em;}
#paging .numbox { border-left:1px solid #554757; padding-left:6px; margin-left:6px; font:0.95em verdana;}
#paging .num { border-right:1px solid #554757; padding-right:8px; margin-right:5px;}
#paging #prevPage { background:url(./images/icon_left_page.gif) left 1px no-repeat; padding-left:12px;}
#paging #nextPage { background:url(./images/icon_right_page.gif) right 1px no-repeat; padding-right:12px;}
#paging span .selected { color: #783e57; }
/* footer */
#footer { clear:both; width: 950px; margin: 0 40px; padding-top: 8px; border-top: 1px solid #554757; }
#footer .adTistory { float:left; }
#footer .copyright {float: right; font-family: Vadana, san-serif; font-size: 11px; text-align: right; padding: 0; margin: 0; }
#footer .copyright p, #footer .copyright p a { color: #c0a79a; }
#footer .copyright .tistory, #footer .copyright .tistory a { color: #ae835a; }
#blogMenu ul {margin: 0; padding: 0;}
#footer .adTistory .logoTistory {
background: url(./images/logo2.png) no-repeat; width: 105px; height: 34px; text-indent: -100em; display: block; overflow: hidden;
background-color: transparent;
}
* html #footer .adTistory .logoTistory {
background-image:none;
cursor: pointer;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//tistory1.daumcdn.net/tistory/0/tisStudioBlack/images/logo2.png', sizingMethod='crop');
}