style.css
@charset "utf-8";
/* 반드시 들어가야 하는 스타일 시작 */
/* 1. 본문 전체 */
body, table, td, input, textarea {
font:12px verdana;
color:#555;
margin:0px;
line-height:170%;
letter-spacing:-1px;
background:url(./images/bg.gif) 0 0 no repeat;
}
/* 2. 기본 링크 */
a:link, a:visited { color : #000000; text-decoration: none; }
a:hover { color : #369; text-decoration: underline; }
/* 3. 이미지 */
img { border-width: 0px; }
/* 4. 이미지 버튼 */
.ib { cursor: pointer; }
/* 5. 입력 텍스트 */
.text { border:1px solid #999; }
/* 6. 트리 테이블 */
.branch2 { }
/* 7. 트리 셀 */
.branch3 { cursor: pointer; height: 10px; }
/* 8. 달력 월 표시 */
.cal_month { font-size : 11px; height: 18px; }
/* 9. 달력 요일 표시 */
.cal_week1 { font-size : 11px; height:18px; }
/* 10. 달력 일요일 표시 */
.cal_week2 { color: #f30; font-size:12px; text-align: center; }
/* 11. 달력 지난 달 날짜 표시 */
.cal_day1 { color: #000; font-size:12px; text-align:center; }
/* 12. 달력 다음 달 날짜 표시 */
.cal_day2 { color: #000; font-size : 11px; text-align: center; }
/* 13. 달력 이번 달 날짜 표시 */
.cal_day3 { font-size : 11px; text-align: center; }
/* 14. 달력 오늘 날짜 표시 */
.cal_day4 {
text-align: center;
font-size: 11px;
border-bottom:1px solid #777;
font-weight:bold;
color: #0066CC;
}
/* 15. 달력 글쓴 날 링크 스타일 */
a.cal_click:link, a.cal_click:visited { color : #777; font-weight: bold; }
a.cal_click:hover { color : #369; font-weight: bold; }
/* 16. 이미지 아래 캡션 스타일 */
.cap1 {
color: #666666;
text-align: center;
font: 11px "verdana", "verdana";
}
/* 17. 키워드 스타일 */
.key1 { cursor: pointer; border-bottom: 1px solid #ccc; }
/* 18. 카테고리 옆 개수 스타일 */
.c_cnt { font:9px verdana; color : #666; }
/* 19. 최신글 옆 개수 스타일 */
.ps_cnt { font:10px verdana; color : #B4B4B4; }
/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */
/* body 설정 */
body {
margin:20;
}
/* container 설정 */
#container {
width:864px;
margin:40px auto 0px;
text-align: left;
padding-bottom: 10px;
}
/* header 설정 */
#header {
padding-bottom: 10px;
padding-left: 16px;
}
.header_title a, .header_title a:hover {
font: bold 20px "verdana";
color: #000000;
}
#header .blog_info {
font-family:verdana;
font-size:11px;
color:#999;
text-align:left;
}
/* Side 설정 */
#side {
float:right;
width:190px;
overflow:hidden;
margin-left: 10px;
line-height:150%;
letter-spacing:-1px;
text-align:justify;
}
/* 사이드 리스트 박스 설정 */
.side_list_box {
padding-left:6px;
}
/* 사이드 리스트 설정 */
.side_list {
font:12px verdana;
color:#777;
word-break:break-all;
padding-left:6px;
padding-bottom:8px;
background:url("./images/bul.gif") no-repeat 0px 4px;
}
#side A:link, #side A:visited { color:#666666; text-decoration:none;}
#side A:hover { text-decoration:underline;}
/* 사이드 태그 설정 */
.side_tagbox { text-align: justify; word-break:break-all; line-height:20px; }
.side_tagbox a { letter-spacing:-1px; }
/* 태그 클라우드 스타일 */
.cloud1 {
font-family:verdana;
font-weight: bold;
font-size :12px;
color :#CC3300!important ;
}
.cloud2 {
font-family:verdana;
font-weight: bold;
font-size :11px;
color :#FF6600!important ;
}
.cloud3 {
font-family:verdana;
font-size :11px;
color :#0099CC!important ;
}
.cloud4 {
font-family:verdana;
font-size :11px;
color :#009966!important ;
}
.cloud5 {
font-family:verdana;
font-size :11px;
color :#999 !important ;
}
.side_tagbox a:hover{
background-color:#5B4F4A;
color:#999;
}
.side_tagbox a:visited {color:#777}
/* 검색폼 설정 */
.search {
width: 180px;
margin:0px;
text-align: center;
}
.search_input {
width:100px;
height:18px;
color:#999;
font-size: 11px;
padding-left: 4px;
background: #F0F0F0;
border-top: 1px solid #999999;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #999999;
}
.submit {
border:1px solid #999999;
font:bold 7pt Verdana;
color:#FFFFFF;
width:50px;
height:18px;
background: #999999;
cursor: pointer;
text-transform: uppercase;
}
/* 카운트 설정 */
.side_counter {
font:11px/16px verdana;
padding: 8px;
border: 1px solid #CCCCCC;
margin-top: 20px;
background: #f5f5f5;
color: #666666;
margin-bottom: 20px;
text-align: center;
}
/* main 설정 */
#contents {
float:left;
width:660px;
}
#main {
overflow:hidden;
border: 1px solid #CCCCCC;
background: #FFFFFF url(images/bgMain_bott.gif) repeat-x left bottom;
position: relative;
z-index: auto;
left: -4px;
top: -4px;
}
#mainShadow {
background: #F0F0F0;
}
.mainInsideBox {
background: url(images/bgMain.gif) repeat-x;
padding: 16px;
border: 1px solid #FFFFFF;
}
/* 메인 영역 공통 설정 */
/* 컨텐츠 내용 설정*/
.article {
line-height:190%;
padding:20px 10px;
word-break:break-all;
text-align: justify;
clear: both;
margin-top: 4px;
overflow: hidden;
width: 600px;
letter-spacing:0px;
}
.article blockquote {
border-left: 7px double #ccc;
margin: 10px 10px 10px 20px;
padding-left: 10px;
word-break:break-all;
}
.article a:link, .article a:visited {
color:#0066CC;
border-bottom: 1px solid;
}
.article a:hover{
color:#FF0000;
text-decoration:none; }
.imageblock a { border-bottom-width: 0px; }
/* 날짜 설정*/
.date, .notice_date {
font:10px Verdana;
letter-spacing:-1px;
padding-right:10px;
color: #FFFFFF;
margin-top: -21px;
text-align: right;
}
.list_box .date, .rplist_box .date, .list_box .notice_date, .rplist_box .notice_date {
color: #999;
}
.cnt {
font:10px verdana;
}
/* 이름 설정*/
.name {
font:bold 12px verdana;
color:#444;
}
.name a:link, .name a:visited { color:#444; text-decoration:none;}
.name a:hover { color:#4990CC; text-decoration:none;}
/* 댓글 등 글내용 설정*/
.desc {
padding-left:5px;
word-break:break-all;
}
.opt {
font:10px Verdana;
color:#777;
letter-spacing:-1px;
}
.opt a:link, .opt a:visited { color:#777; text-decoration:none;}
.opt a:hover{ color:#D93343; text-decoration:none;}
/* 댓글 등 기본 박스 설정*/
.box {
padding:10px;
border-bottom:1px solid #e9e9e9;
}
.reply_box {
margin-top:10px;
margin-left:40px;
padding:10px;
background-color:#f7f7f7;
border:1px solid #ddd;
}
/* 입력폼 설정 */
.form_input {
margin-top:4px;
padding:1px;
height:18px;
border:1px solid #ddd;
font-size: 11px;
}
.form_textarea {
font-weight:normal;
margin-top:4px;
height:100px;
width:99%;
border:1px solid #ddd;
overflow:visible;
clear: both;
}
.form_submit {
font:11px verdana;
color:#444;
margin-top:4px;
border:1px solid #ddd;
background-color:#f1f1f1;
height:25px;
width:99%;
cursor: pointer;
}
/* 태그 설정*/
.tag_cloud {
font:13px verdana;
line-height:24px;
word-break:break-all;
margin: 20px;
}
.tag_cloud .cloud1 {
background-color:#eee;
font-weight:bold;
font-size : 20px;
color : #657700;
}
.tag_cloud .cloud2 {
background-color:#eee;
font-weight:bold;
font-size : 18px;
color : #5E7E7D;
}
.tag_cloud .cloud3 {
background-color:#eee;
font-weight:bold;
font-size : 16px;
color : #6B5E7E;
}
.tag_cloud .cloud4 {
background-color:#eee;
font-size : 14px;
color : #84604E;
}
.tag_cloud .cloud5 {
font-size : 12px;
color : #777;
}
.tag_cloud a:hover{
background-color:#f5f5f5;
color:#555;
}
.tag_cloud a:visited {color:#777}
/* title, info 설정, 관리자 */
.head_title {
color:#FFFFFF;
word-spacing:4px;
background:#666666;
padding: 4px 1px 3px 8px;
margin-bottom: 10px;
font: bold 14px "verdana", "verdana";
}
.head_title a:link, .head_title a:visited {color:#FFFFFF; text-decoration:none;}
.head_title a:hover{color:#FFFFCC; text-decoration:none;}
/* 페이지별 head 배경칼라 설정 */
.articleHead {
background:#cc3300;
}
.tagHead {
background:#0066CC;
}
.noticeHead {
background:#FF6600;
}
.localHead {
background:#8D7123;
}
.guestHead {
background:#006666;
}
.info, .owner {
font:11px/120% "verdana";
color:#777;
margin-left: 8px;
padding-top: 6px;
margin-top: 5px;
}
.info a:link, .info a:visited, .owner a:link, .owner a:visited {color:#777; text-decoration:none;}
.info a:hover, .owner a:hover{color:#D93343; text-decoration:none;}
.owner {
letter-spacing: -1px;
margin-right: 8px;
position: relative;
z-index: 1;
top: -24px;
text-align: right;
}
/* 리스트 & 검색 결과 설정*/
.list_box {
margin: 10px;
}
.rplist_box {
border-bottom:1px solid #eee;
margin: 10px;
}
.list {
color:#777;
word-break:break-all;
padding-left:10px;
padding-bottom:4px;
background:url(images/bul.gif) no-repeat 0px 6px;
}
.list a:link, .list a:visited { color:#777; text-decoration:none;}
.list a:hover{ color:#D93343; text-decoration:none;}
.rplist {
color:#777;
padding-top:8px;
padding-left:10px;
word-break:break-all;
}
.rplist a:link, .rplist a:visited { color:#777; text-decoration:none;}
.rplist a:hover{ color:#D93343; text-decoration:none;}
/* 위치로그 설정 */
#location {
margin: 10px;
}
.location_spot {
color:#777;
margin-top: 4px;
}
.location_info { color:#369; }
.location_info a:link, .location_info a:visited { color:#369; text-decoration:none;}
.location_info a:hover{ color:#D93343; text-decoration:none;}
/* 방명록 설정*/
.guestbook_form_box {
font:11px verdana;
color:#555;
border-bottom:1px solid #eee;
padding: 10px;
}
/* 엔트리 설정*/
.tag_box {
font :8pt verdana;
color:#369;
background:url('images/entry_tag.gif') no-repeat left;
float: left;
padding-left: 32px;
padding-top: 2px;
}
.tag_box a:link, .tag_box a:visited { color:#369; text-decoration:none;}
.tag_box a:hover{ color:#D93343; text-decoration:none;}
/* 트랙백, 코멘트 버튼 설정*/
.tb_cmt_btn {
font:11px verdana;
color:#369;
text-align:right;
float: right;
}
.tb_cmt_btn a:link, .tb_cmt_btn a:visited { color:#777; text-decoration:none;}
.tb_cmt_btn a:hover{ color:#D93343; text-decoration:none;}
/* 트랙백 설정*/
.tb_box {
padding-left:6px;
padding-right:6px;
background-color:#FAFAFA;
border-top:1px solid #eee;
border-bottom:1px solid #eee;
}
.tb_address {
font: 11px verdana;
color:#666;
text-align:center;
padding:12px;
clear: both;
background: #FAFAFA;
border-top: 1px solid #EEEEEE;
border-bottom: 1px solid #EEEEEE;
margin-bottom: 8px;
}
.tb_list_box {
padding:10px;
border-top:1px solid #ccc;
background-color:#FAFAFA;
}
.tb_name {
font:11px verdana;
letter-spacing:0px;
padding-left:10px;
}
.tb_title {
color:#444;
font-weight:bold;
}
.tb_title a:link, .tb_title a:visited { color:#444; text-decoration:none;}
.tb_title a:hover { color:#369; text-decoration:none;}
.cmt_form_box {
font:11px verdana;
color:#555;
padding:10px;
background-color:#FAFAFA;
margin-bottom:20px;
border-bottom:1px solid #eee;
}
.cmt_box {
border-top:1px solid #eee;
padding:10px;
background-color:#FAFAFA;
}
/* 페이징 */
.paging{
font:10px verdana;
color:222;
padding-top:25px;
padding-bottom:5px;
text-align:center;
}
.paging a:link, .paging a:visited { color:#777; text-decoration:none;}
.paging a:hover { color:#D93343; text-decoration:none;}
/* Daisy 추가 */
.sidebar_title {
font: bold 10px verdana, "verdana";
color: #333333;
cursor: pointer;
margin-top: 8px;
margin-bottom: 4px;
text-transform: uppercase;
padding: 2px;
text-align: left;
border-bottom: 1px solid #777;
}
#side .blog_img {
text-align: center;
margin-top: 8px;
margin-bottom: 2px;
width: 190px;
overflow: hidden;
}
.top_menu {
text-align: right;
font-size:9px;
color: #CCCCCC;
margin-top: -18px;
width: 630px;
margin-bottom: 6px;
text-transform: uppercase;
}
.top_menu a:link, .top_menu a:visited {
color: #828282;
font: bold 10px verdana, "verdana", sans-serif;
padding-right: 4px;
padding-left: 4px;
}
.f11 {
font-family:verdana,verdana;
font-size:11px;
letter-spacing:-1px;
}
.gray3 {
color: #B4B4B4;
}
.q_menu {
width: 17px;
float: left;
margin-top: 40px;
}
#footer {
font-size: 10px;
margin-top: 10px;
color: #999999;
text-align: center;
margin-bottom: 10px;
}
.s_search {
margin-top: 8px;
margin-bottom: 8px;
text-align: center;
}
.article_bottom {
padding-top: 10px;
padding-bottom: 10px;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
height: 16px;
margin-bottom: 8px;
}
.td_info {
padding-left: 4px;
}
.notice {
padding-left: 4px;
}
#recentComments, #recentTrackbacks {
line-height: 130%;
}
.secret {
margin-top: -19px;
position: absolute;
margin-left: 540px;
}
#footer a {
color: #999999;
font-weight: bold;
}
#side .google {
font:11px/16px verdana;
text-align: center;
padding: 4px;
word-spacing: -2px;
background: #f5f5f5;
margin-top: -4px;
}
#side .google a {
color: #00CC00;
}
#main .google {
text-align: center;
margin-bottom: 20px;
background: #FAFAFA;
padding: 2px;
margin-top: 20px;
}
#main .google a {
color: #336699;
}
.google form {
margin: 4px 0px 0px;
}
.google input {
background: #CCCCCC;
border-top: 1px solid #333333;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #333333;
}
.google .submit {
border-color: #666666;
background: #555555;
}
.anniday {
font-size: 10px;
text-align: center;
color: #666666;
}
.mail {
text-align: center;
margin-top: 4px;
}
.side_button {
text-align: center;
}