/* 반드시 들어가야 하는 스타일 시작 */ /* 본문 공통 */ body{ font:0.8em/1.5 Malgun Gothic, Verdana, AppleGothic, Sans-serif; background-color:#fff; color:#333; } a:link { color:#333; text-decoration:none;} a:visited { color:#666; text-decoration:none;} a:hover { color:#000; text-decoration:underline;} a:active { color:#333; text-decoration:none;} /* 페이징 - 현재 페이지 */ .selected { font-weight:bold; color:#f30;} .no-more-prev { background:url(images/ico_prev_no.gif) left 1px no-repeat !important; color:#999;} .no-more-next { background:url(images/ico_next_no.gif) right 1px no-repeat !important; color:#999;} /* 카테고리 - 이미지 버튼 */ .ib { cursor:pointer;} /* 카테고리 - 트리 셀 */ .branch3 { cursor:pointer;} /* 카테고리 - 카테고리 옆 개수 스타일 */ .c_cnt { font:0.75em Tahoma, Helvetica, Arial, Gulim, sans-serif; color:#999;} /* 달력 월 표시 */ .cal_month { font:0.85em Verdana; height:20px; font-weight:bold;} /* 달력 요일 표시(th 영역) */ .cal_week1 { height:20px; font:0.95em Dotum, Arial, sans-serif; font-weight:normal;} /* 달력 일요일 표시(th 영역) */ .cal_week2 { height:20px; font:0.95em Dotum, Arial, sans-serif; color:#f30;} /* 달력 Week(tr 영역) */ .cal_week { height:16px; } .cal_current_week { background-color:#eee;} /* 달력 Day(td 영역) */ .cal_day { font:0.95em Verdana, Helvetica, Arial, Gulim, sans-serif; text-align:center;} /* 달력 Day, 일요일 (td 영역) */ .cal_day_sunday { color:#f30 !important;} .cal_day_sunday a { color:#f30 !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:#000; font-weight:bold; text-decoration:underline;} a.cal_click:visited { color:#000; font-weight:bold; text-decoration:underline;} a.cal_click:hover { color:#f30; font-weight:bold; text-decoration:underline;} /* 종류별 코멘트 [##_rp_rep_class_##] */ .rp_general { } .rp_admin { background:url(images/ico_admin.gif) 0 5px no-repeat; padding-left:15px; } .rp_secret { color:#999;} /* 종류별 방명록 글 [##_guest_rep_class_##] */ .guest_general { } .guest_admin { background:url(images/ico_admin.gif) 0 5px no-repeat; padding-left:15px;} /* 비밀 댓글 (로그아웃시 비밀글 표현) */ .hiddenComment { background:url(images/ico_secret.gif) no-repeat; padding-left:10px; font-weight:normal;} /* 이미지 아래 캡션 스타일 */ .cap1 { color:#999; text-align:center; padding:0; margin:0;} /* 그림 */ .imageblock { padding:3px; background-color:#fff;} /* 왼쪽 */ .left {} /* 가운데 */ .center {} /* 오른쪽 */ .right {} /* 그림 2개 배치 */ .dual {} /* 그림 3개 배치 */ .triple {} /* 본문 - 보기 / 접기 */ .moreless_fold { background:url(images/icon_more.gif) top left no-repeat; padding-left:20px; color:#6e6e6e; font-weight:bold;} .moreless_top { background:url(images/icon_less.gif) top left no-repeat; padding-left:20px; color:#6e6e6e; font-weight:bold;} .moreless_body { } .moreless_bottom { background:url(images/icon_less.gif) top right no-repeat; padding-right:20px; color:#6e6e6e; font-weight:bold; text-align:right;} /* 키워드 */ .key1 { cursor: pointer; border-bottom: 1px dashed #ccc; } /* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */ * { margin:0; padding:0; border:0;} hr { display:none;} .clear { clear:both;} /* 레이아웃 */ #container { width:950px; margin:auto; padding-bottom:30px;} #header { width:540px; height:92px; background:url(images/title_cooldreamer.gif) no-repeat; border-bottom:1px solid #333;} #body { } #trunk { width:750px; float:left;} #content { width:550px; float:left; overflow:hidden;} #sidebar { width:190px; overflow:hidden;} #sidebarEtc { width:200px; float:right; overflow:hidden;} #footer { width:750px; clear:both;} /* ******************** 블로그 상단 영역 (header) ******************** */ /* 블로그 제목의 배경 이미지 */ #title { float:left;} /* 블로그 제목의 위치와 폰트스타일 */ #title h1 { font-size:1.6em; padding:100px 0 0 90px; display:none;} #title a:link { color:#fff;} #title a:visited { color:#fff;} #title a:hover { color:#000; text-decoration:none;} #title a:active { color:#fff;} /* 블로그 메뉴 */ #menu { margin:60px 0 0 10px; float:right;} #menu ul { padding-top:7px; } #menu li { display:inline;} #menu a { padding:5px; font:1.00em Malgun Gothic, Tahoma; font-weight:bold;} #menu a:link { color:#000;} #menu a:visited { color:#000;} #menu a:hover { color:#000; text-decoration:none;} #menu a:active { color:#000;} /* ******************** 사이드바 공통 스타일 (sidebar) ******************** */ #sidebar a { color:#333;} #sidebar a:hover { color:#333;} #sidebar ul { list-style:none; overflow:hidden; margin:5px 0;} #sidebar li { list-style:none; background:url(images/bull.gif) 0 6px no-repeat; padding-left:8px;} #sidebar .module { margin:5px; background-color:#fff;} #sidebar .module h3 { font:1.0em verdana; border-bottom:1px solid #333; margin:15px 0 5px 0; color:#333; font-weight:bold; padding-bottom:5px;} #sidebar .module h3 span {border-bottom:0px solid #333; padding:3px;} #sidebar .module .info { line-height:0.9em; margin-bottom:5px} #sidebar .cnt { color:#999; font:0.9em tahoma;} #sidebar .date { color:#999; font:0.9em tahoma;} #sidebar .name { color:#999; font:1em dotum;} /* 검색 */ #sidebar #searchBox { text-align:right; padding-top:6px; margin-right:12px;} #sidebar #searchBox .keyword { border:2px solid #e5e5e5; background-color:#e5e5e5; color:#333; width:120px;} #sidebar #searchBox .submit { background:url(images/btn_search.gif) no-repeat; width:41px; height:19px; text-indent:-5000px; border:0; cursor:pointer;} /* 프로필 박스 스타일 */ #sidebar #profileBox { margin:5px;} /* 프로필 이미지 */ #sidebar #blogImage img { border:1px dashed #999; padding:3px; width:170px; display:none;} /* 블로그 설명 */ #sidebar #blogDesc { color:#666; line-height:1.2em; padding:4px;} /* 아이디 */ #sidebar #userID { color:#333; background:url(images/ico_profile.gif) no-repeat; padding:3px 0 0 20px; margin-top:3px; display:block;} /* 공지사항 */ #sidebar #notice li { background:url(images/ico_notice.gif) 5px 5px no-repeat; padding:3px 3px 0 20px; border-bottom:1px dashed #ccc;} /* 관리자 메뉴 스타일 */ #sidebar #adminMenu { display:none; text-align:center; padding:10px 0 5px 0;} #sidebar #adminMenu a{ margin:0 2px;} /* 꼬리표 목록 */ #sidebar #tagBox ul { text-align:justify;} #sidebar #tagBox li { background:none; display:inline; padding:0; margin:0;} #sidebar #tagBox li a { padding:2px;} #sidebar #tagBox li .cloud1 { background-color:#f2f2f2; font-weight:bold; font-size:1.0em; color:#729ec4;} #sidebar #tagBox li .cloud2 { background-color:#f2f2f2; font-weight:bold; font-size:1.0em; color:#78b8c9;} #sidebar #tagBox li .cloud3 { background-color:#f2f2f2; font-weight:bold; font-size:1.0em; color:#6dbab0;} #sidebar #tagBox li .cloud4 { background-color:#f2f2f2; font-size:1.0em; color:#666;} #sidebar #tagBox li .cloud5 { font-size:1.0em; color:#888;} #sidebar #tagBox a:hover { background-color:#ddd; text-decoration:none; color:#000;} /* 달력 */ #sidebar #calendar h3 { } /* 카운터 꾸미기 */ #sidebar #counter h3 { } #sidebar #counter dl { font:0.85em verdana; padding:10px;} #sidebar #counter dt { float:left;} #sidebar #counter dd { text-align:right; height:22px; padding:2px 5px 0 0; margin:0;} #sidebar #counter .today { color:#f30;} /* 배너 */ #sidebar #adTattertools { text-align:center;} #sidebar #adEolin { text-align:center;} /* 구독하기 */ #sidebar #btnRSS { text-align:center;} /* ******************** 블로그 컨텐츠 영역 (content) ******************** */ /* 공통 - 검색결과, 지역로그, 꼬리표, 방명록 */ .nonEntry { margin:10px 15px 10px 5px;} .nonEntry li { list-style:none;} .nonEntry h3 { font-size:1.2em; color:#000; border-bottom:1px solid #ccc; margin-bottom:10px; font-weight:bold;} .nonEntry h3 strong { color:#F30; font-weight:bold;} .nonEntry h3 strong.cnt { color:#999; font-weight:bold;} .nonEntry ol { padding:0 5px;} .nonEntry .date { font:0.9em verdana; margin-right:5px;} .nonEntry .cnt { font:0.9em verdana; color:#999;} /* 검색 결과 리스트 */ #searchList { padding-bottom:20px;} #searchList li, #searchRplist li { border-bottom:1px dashed #ccc; padding:5px 0 3px 0;} #searchRplist { padding-bottom:30px;} #searchRplist .name { color:#999;} /* 지역로그 */ #localog { background:url(images/bg_local.gif) right 30px no-repeat;} #localog .spot { background:url(images/ico_indent.gif) 5px 0 no-repeat; padding-left:20px; margin-top:5px;} #localog .info { background:url(images/ico_list.gif) 0 5px no-repeat; padding-left:15px; margin-top:2px;} #localog a { color:#69c;} /* 꼬리표 */ #taglog ul { padding:5px; margin:0; text-align:justify;} #taglog li { display:inline;} #taglog li .cloud1 { background-color:#eee; color:#729ec4; font-weight:bold; font-size:13px/2.0; } #taglog li .cloud2 { background-color:#eee; color:#78b8c9; font-weight:bold; font-size:13px/2.0; } #taglog li .cloud3 { background-color:#eee; color:#6dbab0; font-weight:bold; font-size:13px/2.0; } #taglog li .cloud4 { background-color:#eee; color:#666; font-size:13px/2.0; } #taglog li .cloud5 { font-size:13px/2.0; color:#999; } #taglog a:hover { background-color:#eee; color:#000; text-decoration:none;} /* 방명록 글쓰기 */ #guestWrite { margin:0 auto; width:530px; background-color:#f3f3f3; padding:20px 0;} #guestWrite p { padding:2px 20px;} #guestWrite label { font-size:0.9em; letter-spacing:-1px;} #guestWrite .input_name { width:150px; border:1px solid #ccc;} #guestWrite .input_password { width:150px; border:1px solid #ccc;} #guestWrite .input_homepage { width:250px; border:1px solid #ccc;} #guestWrite textarea { width:475px; border:1px solid #ccc; padding:5px;} #guestWrite .submit { background:url(images/bg_btn.gif) bottom repeat-x; border:1px solid #999; font:1em dotum; padding:9px 10px 4px 10px; color:#666; font-weight:bold;} /* 방명록 리스트 */ #guestList { padding-top:10px;} #guestList ol, #guestList ul { margin:0; padding:0; list-style:none;} #guestList li { border:5px solid #eee; padding:10px; margin-bottom:10px; } #guestList li ul li { margin-left:20px; background:url("images/ico_indent.gif") no-repeat 10px 10px; background-color:#f5f5f5; padding-left:25px; border:1px solid #eee;} #guestList li p { border-top:1px dashed #ccc; margin-top:5px; padding-top:5px;} #guestList li .name { font-size:1.2em; color:#69c; font-weight:bold; } #guestList li .name a { font-size:1em; color:#69c; font-weight:bold; background:url(images/ico_house.gif) right no-repeat; padding-right:10px;} #guestList li ul li .name { font-size:1em; color:#666;} #guestList li ul li .name a { color:#666;} #guestList li .date { font:0.8em Tahoma, Helvetica, Arial, Gulim, sans-serif;} #guestList .control a.modify { background:url(images/btn_modify.gif) no-repeat; padding:0 0 2px 36px; text-decoration:none;} #guestList .control a.modify span { display:none;} #guestList .control a.reply { background:url(images/btn_reply.gif) no-repeat; padding:0 5px 2px 40px; text-decoration:none;} #guestList .control a.reply span { display:none;} /* ******************** 글영역 ******************** */ /* 글영역 레이아웃 */ .entry, .entryNotice, .entryProtected { padding:10px 15px 30px 5px;} .entryHead { } .entryBody { font:1.0em/2.0 Batang, Verdana, AppleGothic, Sans-serif; } .entryFoot { } /* 본문의 제목영역 */ .entry h2, .entryNotice h2, .entryProtected h2 { font-size:1.2em;} .entry .category a, .entryNotice .category a, .entryProtected .category a { color:#999;} .entry .date, .entryNotice .date, .entryProtected .date { font:0.85em Verdana; color:#999; margin-left:5px;} .titleInfo { border-bottom:1px dashed #ccc;} .admin { text-align:right; font-size:0.9em; color:#333; padding-top:5px;} .admin a { color:#333;} /* 본문 영역 기본 스타일 */ .article { width:530px; overflow:hidden; padding-bottom:30px;} .article p { margin:5px 0 10px 0;} .article a:link { color:#333; text-decoration:none; border-bottom: #32aaff 1px dashed;} .article a:visited { color:#666; text-decoration:none; background:url(images/blue_dotline.bmp) repeat-x bottom;} .article a:hover { color:#32aaff; border-bottom: 1px solid; text-decoration:none;} .article a:active { color:#333; text-decoration:none;} .article blockquote { padding: 10px 0 10px 24px; background: url('images/icon_qoute.gif') no-repeat 0 10px; color: #868686;} .article li { margin-left:25px;} .article h1 { font-size : 1.5em;} .article h2 { font-size : 1.4em;} .article h3 { font-size : 1.3em;} .article h4 { font-size : 1.2em;} .article h5 { font-size : 1.1em;} .article h6 { font-size : 1em;} .article dt { text-decoration:underline;} .article dd { margin-left:20px; padding-bottom:10px;} .article img { border:1px solid #cccccc; padding:1px; background:#ffffff;} /* 본문의 꼬리표 */ .tagTrail { background:url(images/ico_tag.gif) center left no-repeat; padding:5px 5px 5px 35px; clear:both;} .tagText { display:none;} .tagTrail a { color:#999;} /* 엮인 글과 댓글 열기 */ .actionTrail { border-top:1px dashed #ccc; padding:10px 0;} .actionTrail .cnt { color:#999;} /* 엮인글 */ .trackback { background-color:#f6f6f6; padding:15px 10px; border-top:1px solid #e8e8e8; margin-bottom:10px;} .trackback h3{ font-weight:normal; font:0.9em verdana; padding-bottom:5px;} .trackback strong { font:1.2em dotum; font-weight:bold;} .trackback ol {} .trackback li { border-top:1px dashed #ccc; margin-top:5px; padding-top:5px; list-style:none;} .trackback h4 { font-size:1em; font-weight:normal;} .trackback h4 a { color:#000; text-decoration:underline;} .trackback .from { font-size:0.9em; color:#666;} .trackback a.delete { background:url(images/btn_delete.gif) left top no-repeat; padding-left:8px; text-decoration:none;} .trackback a.delete span { display:none;} .trackback .date { font:0.9em tahoma;} .trackback p { font-size:0.9em; line-height:1.2em; color:#999;} /* 댓글 */ .comment { background-color:#f6f6f6; padding:15px 10px; border-top:1px solid #e8e8e8;} .comment h3 { font-size:1em; padding-bottom:5px;} .comment strong { font-weight:bold;} .comment ol, .comment ul { margin:0; padding:0; list-style:none;} .comment li { border-top:1px dashed #ccc; margin-top:5px; padding-top:5px; } .comment li ul li { border:none; margin-left:20px; background:url("images/ico_indent.gif") no-repeat 0 0; padding:0 0 0 15px;} .comment li p { } .comment li .name { font-size:1.1em; color:#69c; font-weight:bold; } .comment li .name a { font-size:1em; color:#69c; font-weight:bold; background:url(images/ico_house.gif) right no-repeat; padding-right:10px;} .comment li ul li .name { font-size:1em; color:#666;} .comment li ul li .name a { color:#666;} .comment li .date { font:0.8em Tahoma, Helvetica, Arial, Gulim, sans-serif;} .comment .control a.modify { background:url(images/btn_modify.gif) no-repeat; padding:0 0 2px 36px; text-decoration:none;} .comment .control a.modify span { display:none;} .comment .control a.reply { background:url(images/btn_reply.gif) no-repeat; padding:0 5px 2px 40px; text-decoration:none;} .comment .control a.reply span { display:none;} /* 댓글 쓰기 */ .commentWrite { margin-top:20px;} .commentWrite p { padding:2px 5px;} .commentWrite input { padding:2px;} .commentWrite .input_name { width:150px; border:1px solid #ccc;} .commentWrite .input_password { width:150px; border:1px solid #ccc;} .commentWrite .input_homepage { width:250px; border:1px solid #ccc;} .commentWrite .secretWrap { float:right; position:relative; top:-23px; left:-10px;} .commentWrite textarea { width:95%; border:1px solid #ccc; padding:5px; position:relative; top:-20px;} .commentWrite .submit { background:url(images/bg_btn.gif) bottom repeat-x; border:1px solid #999; font:1em dotum; padding:9px 20px 4px 20px; position:relative; top:-20px; color:#666;} /* 보호글 */ .entryProtected input { border:1px solid #ccc; padding:2px;} .entryProtected .submit { background:url(images/bg_btn.gif) bottom repeat-x; border:1px solid #999; font:1em dotum; padding:3px 10px 2px 10px;} /* 페이징 */ #paging { padding-top:10px; text-align:center; font-size:0.95em;} #paging .numbox { border-left:1px solid #ccc; padding-left:6px; margin-left:6px; font:0.95em verdana;} #paging .num { border-right:1px solid #ccc; padding-right:8px; margin-right:5px;} #paging #prevPage { background:url(images/ico_prev.gif) left 1px no-repeat; padding-left:12px;} #paging #nextPage { background:url(images/ico_next.gif) right 1px no-repeat; padding-right:12px;} /* ******************** footer (블로그 메뉴와 카피라이트 영역) ******************** */ #footer { padding:30px 0 20px 0; text-align:center; font:1em Verdana, dotum; color:#666;} #footer a { color:#666;} #footer a:hover { color:#333;} /* ******************** 숨어있는 사이드바 공통 스타일 (sidebarEtc) ******************** */ #sidebarEtc a { color:#6e6e6e;} #sidebarEtc a:hover { color:#333;} #sidebarEtc ul { list-style:none; overflow:hidden; margin:5px 0;} #sidebarEtc li { list-style-type: disk; padding-left:8px;} #sidebarEtc .module { margin:5px; background-color:#fff;} #sidebarEtc .module h3 { font:1.0em verdana; border-bottom:1px solid #333; margin:15px 0 5px 0; color:#333; font-weight:bold; padding-bottom:5px;} #sidebarEtc .module h3 span {border-bottom:0px solid #333; padding:3px;} #sidebarEtc .module .info { line-height:0.9em; margin-bottom:5px} #sidebarEtc .cnt { color:#999; font:0.9em tahoma;} #sidebarEtc .date { color:#999; font:0.9em tahoma;} #sidebarEtc .name { color:#999; font:1em dotum;} /* 꼬리표 목록(sidebarEtc) */ #sidebarEtc #tagBox ul { padding:5px 2px; text-align:justify;} #sidebarEtc #tagBox li { background:none; display:inline;} #sidebarEtc #tagBox li .cloud1 { font-weight:bold; font-size:1.6em; color:#ff9;} #sidebarEtc #tagBox li .cloud2 { font-weight:bold; font-size:1.4em; color:#ffc;} #sidebarEtc #tagBox li .cloud3 { font-weight:bold; font-size:1.2em; color:#fff;} #sidebarEtc #tagBox li .cloud4 { font-size:1em; color:#fff;} #sidebarEtc #tagBox li .cloud5 { font-size:1em; color:#fff;} #sidebarEtc #tagBox a:hover { background-color:#333; text-decoration:none; color:#fff;} /* 카운터 */ #sidebarEtc #counter dl { margin-left:5px; color:#fff; font:1em Verdana;} #sidebarEtc #counter dt { float:left; padding:3px;} #sidebarEtc #counter dd { padding:3px;} /* 배너 */ #adTattertools, #adEolin, #btnRSS { text-align:center;}