/* 천재 김종순님의 포스트비쥬얼 블로그를 위한 스타일시트, 최종변경일 : 2008.09.25. */ @charset "utf-8"; /* 반드시 들어가야 하는 스타일 시작 */ /* 본문 공통 */ html{ height:100%} body{ font:12px Dotum, Verdana, AppleGothic, Sans-serif; color:#888888; background:#FFFFFF url(./images/bg.gif) no-repeat 1030px 150px; height:100%; line-height:0px; margin: 0px 0px 0px 20px; *margin: 0px 0px 0px 20px; } a:link { color:#d51515; text-decoration:none;} a:visited { color:#d51515; text-decoration:none;} a:hover { color:#d51515; text-decoration:underline;} a:active { color:#d51515; text-decoration:none;} /* 페이징 - 현재 페이지 */ .selected { font-weight:bold; color:#d51515;} .no-more-prev, .no-more-next { color:#888888;} /* 카테고리 - 이미지 버튼 */ .ib { cursor:pointer;} /* 카테고리 - 트리 셀 */ .branch3 { cursor:pointer;} /* 카테고리 - 카테고리 옆 개수 스타일 */ .c_cnt { font:0.75em Tahoma, Helvetica, Arial, Dotum, sans-serif; letter-spacing:0; color:#aaaaaa; margin-right:3px; } /* 종류별 코멘트 [##_rp_rep_class_##] */ .rp_general { } .rp_admin { background:url(images/iconAdmin.gif) no-repeat; padding-left:20px; } .rp_secret { color:#f30; font-weight:bold;} /* 종류별 코멘트 [##_guest_rep_class_##] */ .guest_general { } .guest_admin { background:url(images/iconAdmin.gif) no-repeat; padding-left:20px;} /* 비밀 댓글 (로그아웃시 비밀글 표현) */ .hiddenComment { background:url(images/iconSecret.gif) no-repeat; padding-left:20px; font-weight:normal;} /* 이미지 아래 캡션 스타일 */ .cap1 { color:#999; text-align:center;} /* 그림 */ .imageblock { margin-bottom:20px} /* 왼쪽 */ .left {text-align:left} /* 가운데 */ .center {text-align:center} /* 오른쪽 */ .right { text-align: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; } /* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */ hr { display:none;} img { border:0; display:inline-block;} h1, h2, h3, h4 { margin:0; padding:0; line-height:18px;} h1 { font-size:1.8em;} h2 { font-size:1.4em;} h3 { font-size:1.2em;} h4 { font-size:1em;} input { border:1px solid #cccccc; height:12px; font:11px Dotum, Verdana, AppleGothic, Sans-serif;; line-height:-3px;} textarea { border:1px solid #cccccc;} /* 블로그 레이아웃 */ /* ***** Header ***** */ #header {height:80px; position: relative; z-index: 1;} #logo {clear:both; width:1040px; height:40px; margin-top:30px; background: url(./images/shadowtop.gif) bottom no-repeat} #language {float:right;} /* ***** Contents ***** */ #body {clear:both; min-height: 100%; margin: -80px 0px -25px 0px;} *html #body {clear:both; min-height: 100%; margin: -80px 0px -25px 0px;} #container {width:1040px; padding: 80px 0px 25px 0px; } #sidebar {float:left; width:230px; height:1200px; background:url(images/shadow_l.gif) top right no-repeat;} #menubox {clear:both; height:300px; background: #d51515 url(images/redbg_l.gif) top no-repeat; margin-top:70px} #mainmenu {} #submenu {margin-top:200px; *margin-top:190px;} #widget {width:200px; margin-top:20px; padding-bottom:100px } #content {float:left; width:720px; min-height:300px; background-color:#ffffff; margin:70px 25px 0px 25px; } #bg_r {min-width:40px; height:1200px; margin-left:1000px; *margin-left:1000px; } #sidebar_r {float:left; height:1200px; background:url(images/shadow_r.gif) no-repeat; } #sidebar_r .rss {margin-top:77px; } #sidebar_r .admin {margin-top:208px; } #listbox {background:#f3f3f3; padding:10px} #postedit {padding: 5px 10px 5px 10px; background:#eeeeee;} /* ***** footer ***** */ #footer { clear:both; width:1020px; height:25px; position: relative; z-index: 2; } #copyright {float:left; margin-right:587px; margin-bottom:10px} #tel {float:left; margin-right:20px;} #fax {float:left; margin-right:20px;} #email {float:left; width:115px;} #footerline {clear:both;} /* ***** colorset ***** */ #red {color:#d51515; } #white {color: #ffffff} #redline_v1 {float:left; width:1px; height:10px; background:#d51515; margin-right:229px;} #redline_v2 {float:left; width:1px; height:10px; background:#d51515; margin-right:778px;} #redline_v {float:left; width:1px; height:10px; background:#d51515;} #cccccc {color:#cccccc} #postscolor {color:#cccccc} .lh0 {line-height:0px;} .top {height:60px} #endline {clear:both; width:720px; border-top: 1px solid #cccccc;} #frame {border-top:2px solid #666666; border-bottom:2px solid #666666; padding: 0px 0px 10px 0px; margin-bottom:50px} /* ***** template ***** */ #template {margin:0px 0px 30px 0px; width:720px} #template .project {clear:both; background:url(images/c_project.gif) no-repeat} #template .open {clear:both; background:url(images/c_open.gif) no-repeat} #template .url {clear:both; background:url(images/c_url.gif) no-repeat} #template .related {clear:both; background:url(images/c_link.gif) no-repeat} #template .awards {clear:both; background:url(images/c_awards.gif) no-repeat} #template .article {clear:both; background:url(images/c_article.gif) no-repeat} #template .summary {clear:both; background:url(images/c_summary.gif) no-repeat; margin-top:20px} #template .value {height:18px; border-bottom: 1px solid #eeeeee; padding: 3px 0px 0px 50px} #template .valuein {height:18px; border-bottom: 1px solid #eeeeee; padding: 3px 0px 0px 10px; margin-left:40px} #template .valuesummary {padding-top:20px} #template .award {clear:both; } #template .awardimg {float:left; width:120px; height:70px; background:#cccccc; border:1px solid #cccccc; margin-right:25px; margin-bottom:30px; margin-top:2px;} #template .awardtxt {float:left; width:570px; margin-bottom:30px} #template .link {color:#d51515; margin-bottom:5px} /* ***** Header ***** */ #header a { color:#fff;} #header h1 { float: left; padding: 2.9em 0 0.3em 0;} #header .blogMenu { text-align:right; padding: 6em 0 0.3em 0;} #header h1 a { font-family:Dotum; font-weight:bold; letter-spacing:-3px;} #header h1 a:hover { color:#ccf; text-decoration:none;} #header .blogMenu ul { margin:0; padding:0; list-style:none;} #header .blogMenu li { display:inline; background:url(images/bullBar.gif) no-repeat; margin-left:3px; padding-left:7px;} #header li.tab_meta { background:none;} /* ***** content ***** */ #content .localog, #content .entryNotice, #content .entryProtected, #content .entry { } #content .guestbook, #content .searchList, #content .searchRplist, #content .searchTblist, #content .metapage { } #content .localog h3, #content .taglog h3, #content .guestbook h3, #content .searchList h3, #content .searchRplist h3, #content .searchTblist h3 { background:#666666; height:14px; color:#ffffff; font: 11px Dotum; padding:1px 0px 0px 5px; margin-bottom:5px} #content .taglog { min-height:300px; } .searchList ol, .searchRplist ol, .searchTblist ol { list-style:none; padding:0px; margin-bottom:5px;} .searchList li, .searchRplist li, .searchTblist li { list-style:none; border-bottom:1px solid #eeeeee; padding:0px 0px 4px 10px; *padding:0px 0px 4px 0px; margin-bottom:3px; font:11px Dotum, Arial, sans-serif; } .searchList .date, .searchRplist .date, .searchTblist .date { font:0.95em Verdana, Helvetica, Arial, Dotum, sans-serif; margin-right:10px; } .searchList .cnt { font:0.75em Verdana, Helvetica, Arial, Dotum, sans-serif; color:#f60;} .searchRplist .name, .searchTblist .subject { font:0.95em Dotum, Arial, sans-serif; color:#999; 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 a:link { color:#d51515;} .localog a:visited { color:#d51515;} .localog a:hover { color:#d51515; text-decoration:underline;} .taglog ul { } .taglog li { display:inline;} .taglog a:hover { background-color:#d51515; color:#ffffff; padding:2px; text-decoration:none} .taglog li .cloud1 { background-color:#eee; color:#a2348f; font-weight:bold; font-size:16px;padding:2px} .taglog li .cloud2 { background-color:#eee; color:#d51515; font-weight:bold; font-size:15px;padding:2px} .taglog li .cloud3 { background-color:#eee; color:#7870ab; font-weight:bold; font-size:14px;padding:2px} .taglog li .cloud4 { background-color:#eee; color:#666; font-size:13px;padding:2px} .taglog li .cloud5 { font-size:12px; padding:2px} .guestbook p { padding:2px 0; margin:0;} .guestWrite { padding:10px; background-color:#f5f5f5; border:1px solid #ddd;} .guestWrite input { width:150px;} .guestWrite textarea { width:465px; padding:5px;} .guestWrite .homepage { width:300px;} .guestWrite .submit { width:477px; height:22px; background-color:#ccc; font:1.1em Dotum, Arial, sans-serif; padding-top:3px;} .guestList { padding:10px 0 0 0;} .guestList ol, .guestList ul { margin:0; padding:0; list-style:none;} .guestList li p { border-top:1px dashed #ccc; margin-top:5px; padding-top:5px;} .guestList ol li { border:5px solid #eee; padding:10px; margin-bottom:10px; width:490px; overflow:hidden;} .guestList li ul li { margin-left:20px; background:url("images/iconIndentArrow_local.gif") no-repeat 10px 10px; background-color:#f5f5f5; padding-left:25px; border:none; width:440px; overflow:hidden;} .guestList li .name { color:#666; font-weight:bold;} .guestList li .date { font:0.8em Tahoma, Helvetica, Arial, Dotum, sans-serif;} .guestList .control a.address { background:url(images/iconAddress.gif) no-repeat; padding-left:52px; padding-bottom:2px; text-decoration:none;} .guestList .control a.address span { display:none;} .guestList .control a.modify { background:url(images/iconModify.gif) no-repeat; padding:0 0 2px 53px; text-decoration:none;} .guestList .control a.modify span { display:none;} .guestList .control a.write { background:url(images/iconWrite.gif) no-repeat; padding:0 5px 2px 53px; text-decoration:none;} .guestList .control a.write span { display:none;} /* entry */ .entryNotice h2, .entryProtected h2, .entry h2 { font-size:14px;} .titleWrap {margin-bottom:20px; } .titleWrap .title {border-bottom:2px solid #d51515; padding-bottom:4px; margin-bottom:3px; } .titleWrap .title a {text-decoration:none} .titleWrap .info { font:0.75em Verdana, Helvetica, Arial, Dotum, sans-serif; text-align:right} .entryProtected p.text { background:url(images/imgProtected.gif) no-repeat ; padding-left:50px;} .entryProtected input { width:200px;} .entryProtected .submit { width:50px; padding-top:2px; height:20px; background-color:#ccc;} /* page error*/ #page-error { font-weight : bold; padding : 200px 0; text-align : center; } .article { width:720px; overflow:hidden; margin-bottom:30px; line-height:18px} .article img {margin-bottom:0px} .article a:link { color:#d51515; text-decoration:none;} .article a:visited { color:#d51515; text-decoration:none;} .article a:hover { color:#d51515; text-decoration:underline;} .article a:active { color:#d51515; 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;} .tagTrail { font:0.8em Verdana, Helvetica, Arial, Doutm, sans-serif; margin-top:30px; padding:10px 0px 10px 0px; overflow:hidden; border-top:1px solid #cccccc} .tagText { display:none;} .actionTrail { border-top:1px solid #eeeeee; padding:10px; margin:20px 0px 40px 0px; clear:both;} .actionTrail .cnt { color:#f60;} .trackback { clear:both; font:0.8em Verdana, Helvetica, Arial, Doutm, sans-serif; margin-top:30px; padding:10px 0px 10px 0px; border-top:1px solid #cccccc} .trackback a { color:#aaa; cursor: pointer} .trackback h3 { color:#333; border-bottom:1px solid #f5f5f5; margin:5px 5px 10px 5px;} .trackback h4 { font:11px Verdana;} .trackback ol { margin:0; padding:0; list-style:none;} .trackback li { border-top:1px dotted #ccc; padding:5px;} .trackback .date { font:0.9em Verdana, Helvetica, Arial, Doutm, sans-serif; color:#777;} .trackback p { font:0.95em Dotum, Arial, sans-serif; color:#999; margin:3px 0 0 0; padding:0; letter-spacing:-1px} .trackback a.delete { background:url(images/iconDelete.gif) left top no-repeat; padding-left:8px; text-decoration:none;} .trackback a.delete span { display:none;} .comment { border-top:1px solid #ddd; background-color:#f5f5f5; padding:10px; margin-bottom:4px; overflow:hidden;} .comment p { margin:3px 0 0 0; padding:0;} .comment h3 { display:none;} .comment ol, .comment ul { margin:0; padding:0; list-style:none;} .comment .date { font:0.9em Verdana, Helvetica, Arial, Dotum, sans-serif; color:#777;} .comment .name { font-weight:bold;} .comment ol li { padding:10px 5px;} .comment li ul li { padding:5px 10px 5px 25px; background:url("images/iconIndentArrow_local.gif") no-repeat 12px 6px;} .comment .control a.address { background:url(images/iconAddress.gif) no-repeat; padding-left:52px; padding-bottom:2px; text-decoration:none;} .comment .control a.address span { display:none;} .comment .control a.modify { background:url(images/iconModify.gif) no-repeat; padding-left:52px; padding-bottom:2px; text-decoration:none;} .comment .control a.modify span { display:none;} .comment .control a.write { background:url(images/iconWrite.gif) no-repeat; padding-left:52px; padding-bottom:2px; text-decoration:none;} .comment .control a.write span { display:none;} .commentWrite { padding:5px; margin-top:20px;} .commentWrite input { width:150px;} .commentWrite textarea { width:465px; padding:5px; position:relative; top:-16px;} .commentWrite .homepage { width:300px;} .commentWrite .submit { width:477px; height:22px; background-color:#ccc; font:1.1em Dotum, Arial, sans-serif; padding-top:3px; position:relative; top:-18px;} .commentWrite .secretWrap { float:right; position:relative; top:-23px; left:-10px;} .commentWrite .checkbox { border:none; padding:0; margin:0; width:25px;} .paging { text-align:center; font-size:0.75em; margin-bottom:60px} .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 a:link { color:#888888; text-decoration:none;} .paging a:visited { color:#888888; text-decoration:none;} .paging a:hover { color:#d51515; text-decoration:underline;} .paging a:active { color:#888888; text-decoration:none;} /* ***** sidebar ***** */ #sidebar { } #sidebar ul { padding:0; margin:0; list-style:none;} #sidebar li { background:url(images/bul.gif) 0 6px no-repeat; padding-left:7px;} #sidebar h3 { font-size:1em; font-weight:bold; color:#000000; padding-top:20px; border-bottom:1px solid #ccc; margin-bottom:5px;} #sidebar .cnt { font:0.85em Tahoma, Helvetica, Arial, Dotum, sans-serif; color:#f60;} #sidebar .date { font:0.9em Tahoma, Helvetica, Arial, Dotum, sans-serif; color:#888;} #sidebar .name { font:0.9em Dotum, Arial, sans-serif; color:#888;} #sidebar .blogImage img { width:190px; padding-bottom:6px;} #sidebar .blogDesc { color:#888; font-size:0.9em; letter-spacing:-1px;} #sidebar .userID { color:#888; background:url(images/iconBy.gif) 3px 0 no-repeat; padding-left:22px; letter-spacing:-1px;} #sidebar .notice { margin:10px 0; padding:0;} #sidebar .notice li { border-bottom:1px dotted #ddd; margin:0 0 2px 0; padding:0 0 1px 0; background:none;} #sidebar .notice a:link, #sidebar .notice a:visited { background:url(images/iconNotice.gif) 0 0 no-repeat; padding:1px 0 5px 27px;} #sidebar .notice a:hover { background:url(images/iconNotice_on.gif) 0 0 no-repeat; padding:0 0 5px 27px; text-decoration:none; color:#f60;} #sidebar .adminMenu { } #sidebar .adminMenu li { background:none; display:inline; width:100px;} #sidebar .adminMenu a { padding:3px 20px 1px 20px; border:1px solid #999; color:#666; text-decoration:none; background-color:#fff;} #sidebar .search {height:40px} #sidebar .search input { width:148px;} #sidebar .search .submit { width:45px; height:16px; border: 0; *margin-top:1px} #sidebar .category {clear:both; margin-bottom:40px;} #sidebar .category li {cursor:pointer; background: url(images/bg_submenuline.gif); margin-left:-5px} #sidebar .category li ul li { background: url(images/category_bullet_r.gif) no-repeat; margin-left:0px} #sidebar .category li ul li ul li {background: url(images/category_bullet.gif) no-repeat; } #sidebar .category li ul li ul li a{ color:#999;} #categoryline {border-top:1px solid #eeeeee; margin-bottom:30px} #sidebar .category li {cursor:pointer; background: url(images/bg_submenuline.gif); margin-left:-5px} #sidebar .category li ul li ul li {background: url(images/category_bullet.gif) no-repeat; } *html #sidebar .category li ul li ul li {} #sidebar .banner {width:190px; margin:10px 0px 0px 4px} #sidebar .tagbox ul { padding:5px 2px; text-align:justify;} #sidebar .tagbox li { background:none; display:inline;} #sidebar .tagbox a { letter-spacing:-1px;} #sidebar .tagbox li .cloud1 { background-color:#eee; font-weight:bold; font-size:16px; color:#a2348f;} #sidebar .tagbox li .cloud2 { background-color:#eee; font-weight:bold; font-size:15px; color:#d51515;} #sidebar .tagbox li .cloud3 { background-color:#eee; font-weight:bold; font-size:14px; color:#7870ab;} #sidebar .tagbox li .cloud4 { background-color:#eee; font-size:13px; color:#666;} #sidebar .tagbox li .cloud5 { font-size:12px; color:#888;} #sidebar .tagbox a:hover { background-color:#eee; text-decoration:none; color:#000;} #sidebar .recentComment {overflow:hidden;} #sidebar .recentTrackback {overflow:hidden;} #sidebar .archive { font-family:verdana;} #sidebar .calendar { font-family:verdana;} #sidebar .counter { font:0.85em Verdana, Helvetica, Arial, Dotum, sans-serif; padding:5px 0; margin:10px 0; text-align:center; background-color:#eee; letter-spacing:0;} #sidebar .counter li { background:none; display:inline; padding:0 5px;} #sidebar .counter li.total { display:block; color:#000;} #sidebar .botton { }