diff --git a/css/default.css b/css/default.css index cac027693..a79ff359b 100644 --- a/css/default.css +++ b/css/default.css @@ -13,99 +13,27 @@ button {border-radius:0;font-size:1em} p {margin:0;padding:10px 0;line-height:1.7em;word-break:break-all} hr {display:none} pre {overflow-x:scroll;font-size:1.1em} -a:link, a:visited {color:#000;text-decoration:none} -a:hover, a:focus, a:active {color:#000;text-decoration:underline} +a:link, +a:visited {color:#000;text-decoration:none} +a:hover, +a:focus, +a:active {color:#000;text-decoration:underline} -/* 상단 레이아웃 */ -#hd {border-bottom:1px solid #c6d3da;background:#fff} -#hd h1 {position:absolute;font-size:0;line-height:0;overflow:hidden} -#hd_wrapper {position:relative;margin:0 auto;width:980px} - -/* 로고 */ -#logo {padding:20px 0} - -#mb_nb {position:absolute;top:25px;left:70px;zoom:1} -#mb_nb:after {display:block;visibility:hidden;clear:both;content:""} -#mb_nb li {float:left} -#mb_nb a {display:block;padding:5px 10px;color:#333;letter-spacing:-0.1em} -#mb_nb a:focus, #mb_nb a:hover, #mb_nb a:active {text-decoration:none} -#mb_nb img {margin-right:3px} - -/* 텍스트 크기 조절 */ -#text_size {z-index:10;position:absolute;top:23px;right:220px} -#text_size button {padding:0 10px;height:28px;border:0;background:#333;color:#fff;cursor:pointer} - -/* 전체 검색 */ -#sch_all {position:absolute;top:23px;right:0;margin:0;padding:0;border:1px solid #333} -#sch_all legend {position:absolute;font-size:0;line-height:0;overflow:hidden} -#sch_all_stx {padding-left:5px;width:165px;height:24px;border:0;background:#fff;line-height:1.9em !important;line-height:1.6em} -#sch_all_submit {padding:0 5px;height:26px;border:0;background:#333;color:#fff} - -/* gnb js off */ -#gnb {z-index:10;margin:-1px 0 0;background:#f5f6fa;zoom:1} -#gnb:after {display:block;visibility:hidden;clear:both;content:""} -#gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} -#gnb_1dul {margin:0 auto;padding:0;width:980px;zoom:1} -#gnb_1dul:after {display:block;visibility:hidden;clear:both;content:""} -.gnb_1dli {z-index:10;clear:both;zoom:1} -.gnb_1dli:after {display:block;visibility:hidden;clear:both;content:""} -.gnb_1da {display:block;float:left;width:80px;height:35px;font-weight:bold;line-height:2.95em;text-decoration:none} -.gnb_1da:focus, .gnb_1da:hover {text-decoration:none} -.gnb_2dul {float:left;width:auto} -.gnb_2dli {float:left} -.gnb_2da {display:block;float:left;width:80px;height:35px;line-height:2.95em;text-decoration:none} -.gnb_2da:focus, .gnb_2da:hover {text-decoration:none} -/* gnb js on */ -.gnb_js {} -.gnb_js #gnb_1dul {zoom:1} -.gnb_js #gnb_1dul:after {display:block;visibility:hidden;clear:both;content:""} -.gnb_js .gnb_1dli {clear:none;position:relative;float:left} -.gnb_js .gnb_1da {text-align:center} -.gnb_js .gnb_1dli_air a {float:none;background:#333;color:#fff} -.gnb_js .gnb_1dli_on a {float:none;background:#333;color:#fff} -.gnb_js .gnb_2dul {position:absolute;top:35px;width:1px;height:1px;overflow:hidden} -.gnb_js .gnb_2da {display:inline-block;float:none !important;padding:0 10px;width:161px;text-align:left} -.gnb_1dli_over .gnb_2dul {left:0;width:181px;height:auto} -.gnb_1dli_over2 .gnb_2dul {right:0;width:181px;height:auto} - -.gnb_empty {width:100%;height:35px;text-align:center;line-height:2.95em} - -/* 중간 레이아웃 */ -#wrapper {z-index:5;margin:50px auto;width:980px;zoom:1} -#wrapper:after {display:block;visibility:hidden;clear:both;content:""} - -#aside {float:right;width:208px;border:1px solid #d9e1e5;background:#fff} - -#container {z-index:4;position:relative;float:left;padding:25px 14px 15px;width:728px;min-height:500px;height:auto !important;height:500px;border:1px solid #d9e1e5;background:#fff;zoom:1} -#container:after {display:block;visibility:hidden;clear:both;content:""} -#container_title {margin-bottom:20px;font-size:1.2em} - -/* 하단 레이아웃 */ -#ft {background:#484848} -#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden} - -#ft_catch {position:relative;margin:0 auto;padding:20px 0;width:980px;text-align:center} - -#ft_copy {background:#414141} -#ft_copy p {position:relative;margin:0 auto;width:980px;color:#4a9ab8} -#ft_copy b {color:#fff} -#ft_copy a {color:#fff} - -/* 기본 스타일 */ /* 화면낭독기 사용자용 */ #hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden} .msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important} /* 본문 바로가기 */ #to_content a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden} -#to_content a:focus, #to_content a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em} +#to_content a:focus, +#to_content a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em} /* 이미지 등비율 리사이징 */ .img_fix {width:100%;height:auto} /* 캡챠 자동등록(입력)방지 기본 */ -#captcha img {border:1px solid #d9d9d9;border-right:0} -#captcha_mp3 img {border:1px solid #d9d9d9;border-left:0;background:#494949} +#captcha img {border:1px solid #cfded8;border-right:0} +#captcha_mp3 img {border:1px solid #cfded8;border-left:0;background:#494949} #mp3_embed {position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden} /* 익스 8 이하에서 음성캡챠 실행 스타일 */ /* ckeditor 단축키 */ @@ -119,35 +47,118 @@ a:hover, a:focus, a:active {color:#000;text-decoration:underline} .cke_sc_def dt {width:20%;font-weight:bold} .cke_sc_def dd {width:30%} +/* 상단 레이아웃 */ +#hd {height:73px;border-top:3px solid #151515;background:#fff} +#hd h1 {position:absolute;font-size:0;line-height:0;overflow:hidden} +#hd_wrapper {position:relative;margin:0 auto;width:980px} + +#logo {padding:17px 0} + +#sch_all {position:absolute;top:22px;left:70px;margin:0;padding:0;letter-spacing:-5px} +#sch_all legend {position:absolute;font-size:0;line-height:0;overflow:hidden} +#sch_all_stx {padding-left:5px;width:156px;height:24px;border:1px solid #aaa;border-right:0;background:#fff;line-height:1.9em !important;line-height:1.6em} +#sch_all_submit {border:1px solid #aaa;border-left:0} + +#mb_nb {position:absolute;top:18px;right:0;zoom:1} +#mb_nb:after {display:block;visibility:hidden;clear:both;content:""} +#mb_nb li {float:left} +#mb_nb a {display:block;padding:5px 10px;color:#333;letter-spacing:-0.1em} +#mb_nb a:focus, +#mb_nb a:hover, +#mb_nb a:active {text-decoration:none} +#mb_nb img {margin-right:3px} + +/* gnb js off */ +#gnb {z-index:10;margin:-1px 0 0;border-top:1px solid #e7f1ed;border-bottom:1px solid #c3c7c5;background:#f0f4f8} +#gnb h2 {position:absolute;margin:0;padding:0;font-size:0;line-height:0;overflow:hidden} +#gnb_1dul {margin:0 auto;padding:0;width:980px;zoom:1} +#gnb_1dul:after {display:block;visibility:hidden;clear:both;content:""} +.gnb_1dli {z-index:10;clear:both;zoom:1} +.gnb_1dli:after {display:block;visibility:hidden;clear:both;content:""} +.gnb_1da {display:block;float:left;width:80px;height:35px;font-weight:bold;line-height:2.95em;text-decoration:none} +.gnb_1da:focus, +.gnb_1da:hover {text-decoration:none} +.gnb_2dul {float:left;width:auto} +.gnb_2dli {float:left} +.gnb_2da {display:block;float:left;width:80px;height:35px;line-height:2.95em;text-decoration:none} +.gnb_2da:focus, +.gnb_2da:hover {text-decoration:none} +/* gnb js on */ +.gnb_js {} +.gnb_js #gnb_1dul {zoom:1} +.gnb_js #gnb_1dul:after {display:block;visibility:hidden;clear:both;content:""} +.gnb_js .gnb_1dli {clear:none;position:relative;float:left} +.gnb_js .gnb_1da {text-align:center} +.gnb_js .gnb_1dli_air a {float:none;background:#f7f7f2;color:#000} +.gnb_js .gnb_1dli_on a {float:none;border-color:#e0e5e9;background:#fff;color:#000} +.gnb_js .gnb_2dul {position:absolute;top:35px;width:1px;height:1px;overflow:hidden} +.gnb_js .gnb_2da {display:inline-block;float:none !important;padding:0 10px;width:161px;text-align:left} +.gnb_1dli_over .gnb_2dul {left:-1px;width:181px;height:auto;border:1px solid #c3c7c5;border-top:0;background:#fff} +.gnb_1dli_over2 .gnb_2dul {right:-1px;width:181px;height:auto;border:1px solid #c3c7c5;border-top:0;background:#fff} + +.gnb_empty {width:100%;height:35px;text-align:center;line-height:2.95em} + +/* 중간 레이아웃 */ +#wrapper {z-index:5;margin:50px auto;width:980px;zoom:1} +#wrapper:after {display:block;visibility:hidden;clear:both;content:""} +#wrapper_title {margin-bottom:20px;font-size:1.2em} + +#wrapper #aside {float:right;width:209px;border:1px solid #cfded8;background:#fff} + +#container {z-index:4;position:relative;float:left;padding:25px 15px 15px;width:728px;min-height:500px;height:auto !important;height:500px;border:1px solid #cfded8;background:#fff;zoom:1} +#container:after {display:block;visibility:hidden;clear:both;content:""} + +/* 텍스트 크기 조절 */ +#text_size {position:absolute;top:-31px;left:-1px} +#text_size button {padding:0 10px;height:30px;border:1px solid #cfded8;border-bottom:0;background:#000;color:#fff;cursor:pointer} + +/* 하단 레이아웃 */ +#ft {background:#484848} +#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden} + +#ft_catch {position:relative;margin:0 auto;padding:20px 0;width:980px;text-align:center} + +#ft_copy {background:#414141} +#ft_copy p {position:relative;margin:0 auto;width:980px;color:#4a9ab8} +#ft_copy b {color:#fff} +#ft_copy a {position:absolute;top:10px;right:0;color:#fff} + /* Mobile화면으로 */ #device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center} /* 콘텐츠별 스타일 */ .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold} /* 버튼 */ -.btn01 {display:inline-block;padding:0 10px;height:23px;border:1px solid #d9d9d9;background:#f5f6fa;color:#000;text-decoration:none;line-height:2.15em;vertical-align:middle} -.btn01:focus, .btn01:hover {text-decoration:none} -.btn02 {display:inline-block;padding:0 10px;height:23px;border:1px solid #333;background:#333;color:#fff !important;text-decoration:none;line-height:2.15em;vertical-align:middle} -.btn02:focus, .btn02:hover {text-decoration:none} -.btn_confirm {margin:20px 0;text-align:center} /* 서식단계 진행 */ +.btn01 {display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;line-height:2.15em;vertical-align:middle} +.btn01:focus, +.btn01:hover {text-decoration:none !important} +.btn02 {display:inline-block;padding:0 10px;height:23px;border:1px solid #333 !important;background:#333 !important;color:#fff !important;text-decoration:none !important;line-height:2.15em;vertical-align:middle} +.btn02:focus, +.btn02:hover {text-decoration:none !important} +.btn_confirm {text-align:center} /* 서식단계 진행 */ .btn_submit {padding:0 10px;height:24px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;vertical-align:top;cursor:pointer} button.btn_submit {height:22px !important;font-size:1em} fieldset .btn_submit {height:22px;font-size:1em} .btn_cancel {display:inline-block;padding:0 10px;height:22px;border:1px solid #ccc;background:#fafafa;line-height:2em} button.btn_cancel {display:inline-block;padding:0 10px;height:24px;border:1px solid #ccc;background:#fafafa;line-height:2em} -.btn_cancel:focus, .btn_cancel:hover {text-decoration:none !important} +.btn_cancel:focus, +.btn_cancel:hover {text-decoration:none !important} .btn_frmline {display:inline-block;padding:0 7px 0 5px;height:22px;border:0;background:#333;color:#fff !important;letter-spacing:-0.1em;text-decoration:none;vertical-align:top;line-height:2em} /* 우편번호검색버튼 등 */ button.btn_frmline {font-size:1em} .btn_win {clear:both;margin-bottom:20px;text-align:center} /* 새창용 */ .btn_win a {display:inline-block;padding:0 10px;height:22px;border:1px solid #ccc;background:#fafafa;line-height:2em;cursor:pointer} -.btn_win a:focus, .btn_win a:hover {text-decoration:none} +.btn_win a:focus, +.btn_win a:hover {text-decoration:none} /* 게시판용 버튼 */ -.btn_b01 {display:inline-block;padding:0 10px;height:23px;border:1px solid #d9d9d9;background:#f5f6fa;color:#000;text-decoration:none;line-height:2.15em;vertical-align:middle} -.btn_b01:focus, .btn_b01:hover {text-decoration:none} -.btn_b02 {display:inline-block;padding:0 10px;height:23px;border:1px solid #333;background:#333;color:#fff !important;text-decoration:none;line-height:2.15em;vertical-align:middle} -.btn_b02:focus, .btn_b02:hover {text-decoration:none} -.btn_admin {display:inline-block;padding:0 10px;height:23px;border:1px solid #e8180c;background:#e8180c;color:#fff !important;text-decoration:none;line-height:2.15em;vertical-align:middle} /* 관리자 전용 버튼 */ -.btn_admin:focus, .btn_admin:hover {text-decoration:none} +.btn_b01 {display:inline-block;padding:0 10px;height:23px;border:1px solid #eee !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;line-height:2.15em;vertical-align:middle} +.btn_b01:focus, +.btn_b01:hover {text-decoration:none !important} +.btn_b02 {display:inline-block;padding:0 10px;height:23px;border:1px solid #eee !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;line-height:2.15em;vertical-align:middle} +.btn_b02:focus, +.btn_b02:hover {text-decoration:none !important} +.btn_admin {display:inline-block;padding:0 10px;height:23px;border:1px solid #e8180c !important;background:#e8180c !important;color:#fff !important;text-decoration:none !important;line-height:2.15em;vertical-align:middle} /* 관리자 전용 버튼 */ +.btn_admin:focus, +.btn_admin:hover {text-decoration:none !important} /* 기본테이블 */ .basic_tbl {margin-bottom:10px;width:100%;border-collapse:collapse;border-spacing:0} @@ -157,7 +168,7 @@ button.btn_frmline {font-size:1em} .basic_tbl thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ .basic_tbl tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff} .basic_tbl tfoot td {border-color:#666;background:#484848;color:#fff;font-weight:bold;text-align:center} -.basic_tbl td {padding:8px 5px 6px;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;line-height:1.5em;word-break:break-all} +.basic_tbl td {padding:8px 5px 6px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all} .basic_tbl a {} .bo_sideview td {padding:6px 4px} /* 사이드뷰 사용하는 테이블 셀 패딩값 */ td.empty_table {padding:85px 0;text-align:center} @@ -165,15 +176,17 @@ td.empty_table {padding:85px 0;text-align:center} .empty_list {padding:85px 0;text-align:center} /* 필수입력 */ -.required {background:url('../img/wrest.gif') #fff top right no-repeat !important} +.required {background:url('../img/wrest.gif') #f7f7f7 top right no-repeat !important} /* 폼 테이블 */ -.frm_tbl {width:100%;border-collapse:collapse;border-spacing:0} +.frm_tbl {margin-bottom:20px;width:100%;border-collapse:collapse;border-spacing:0} .frm_tbl caption {padding:10px 0;font-weight:bold;text-align:left} -.frm_tbl th {width:100px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f6fa;text-align:left;vertical-align:top} -.frm_tbl td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent;vertical-align:top} +.frm_tbl th {padding-left:10px;width:100px;border-top:1px solid #eee;border-bottom:1px solid #eee;font-weight:normal;text-align:left} +.frm_tbl td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent} .frm_tbl textarea, -.frm_input {padding:2px 2px 3px;border:1px solid #ccc;background:#fff;vertical-align:middle} +.frm_input {padding:2px 2px 3px;border:1px solid #b8c9c2;background:#f7f7f7;vertical-align:middle} +.frm_input:focus, +input.required:focus {padding:3px 3px 4px;border:0;background:#21272e !important;color:#fff} .frm_tbl textarea {width:90%;height:150px} .frm_address {display:block;margin-top:5px} .frm_file {display:block;margin-bottom:5px} @@ -181,7 +194,7 @@ td.empty_table {padding:85px 0;text-align:center} .frm_tbl #captcha input {margin-left:5px;text-align:center} .frm_tbl a {text-decoration:none} -.frm_info {display:block;padding:0 0 5px;font-size:0.95em;line-height:1.2em} +.frm_info {display:block;padding:0 0 5px;line-height:1.4em} /* 테이블 항목별 정의 */ .td_chk {width:30px;text-align:center} @@ -198,7 +211,7 @@ td.empty_table {padding:85px 0;text-align:center} /* 새창 기본 스타일 */ .new_win {} -.new_win h1 {margin-bottom:20px;padding:0 20px;height:60px;border-top:3px solid #4e5d60;border-bottom:1px solid #d9d9d9;background:#fff;font-size:1.2em;line-height:5em} +.new_win h1 {margin-bottom:20px;padding:0 20px;height:60px;border-top:3px solid #4e5d60;border-bottom:1px solid #e9e9e9;background:#fff;font-size:1.2em;line-height:5em} .new_win .basic_tbl {margin:0 auto 20px !important;width:93% !important;background:#fff !important} .new_win_ul {margin:-20px 0 20px 0;padding:0 0 0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none;zoom:1} .new_win_ul:after {display:block;visibility:hidden;clear:both;content:""} @@ -209,22 +222,29 @@ td.empty_table {padding:85px 0;text-align:center} /* 자바스크립트 alert 대안 */ #validation_check {margin:100px auto;width:500px} #validation_check h1 {margin-bottom:20px;font-size:1.3em} -#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #d9d9d9;background:#fff} +#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff} /* 사이드뷰 */ .sv_wrap {display:inline-block;position:relative;font-weight:normal} .sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646;background:#111} .sv_wrap .sv a {display:inline-block !important;margin:0 !important;padding:3px !important;width:94px;border-bottom:1px solid #283646;color:#fff !important} -.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none !important} +.sv_wrap a:focus, +.sv_wrap a:hover, +.sv_wrap a:active {text-decoration:none !important} .sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto !important} .sv_nojs .sv {display:block} /* pagination */ .pg_wrap {clear:both;margin:0 0 20px;padding-top:20px;text-align:center} -.pg {display:inline-block;border:1px solid #d9d9d9;letter-spacing:-4px} -.pg a:focus, .pg a:hover, .pg a:active {text-decoration:none} -.pg_page, .pg_current {display:inline-block;padding:0 12px;height:30px;color:#000;letter-spacing:0;line-height:2.6em;vertical-align:middle} +.pg {display:inline-block;border:1px solid #cfded8;letter-spacing:-4px} +.pg a:focus, +.pg a:hover, +.pg a:active {text-decoration:none} +.pg_page, +.pg_current {display:inline-block;padding:0 12px;height:30px;color:#000;letter-spacing:0;line-height:2.6em;vertical-align:middle} .pg_page {background:#f9f9f9;text-decoration:none} -.pg_start, .pg_prev {border-right:1px solid #d9d9d9} -.pg_end, .pg_next {border-left:1px solid #d9d9d9} +.pg_start, +.pg_prev {border-right:1px solid #cfded8} +.pg_end, +.pg_next {border-left:1px solid #cfded8} .pg_current {background:#333;color:#fff;font-weight:bold} \ No newline at end of file diff --git a/head.php b/head.php index b3d12d0d8..18f66bd95 100644 --- a/head.php +++ b/head.php @@ -34,36 +34,14 @@ if ($config['cf_include_head']) { 처음으로 - - -
- 본문 영역 글자 크기 조절 - - - -
-
사이트 내 전체검색 -
+ - +
- - -
- - + +
+ + +
+
-
- - -
+
-

\ No newline at end of file +

+
+ + + +
\ No newline at end of file diff --git a/index.php b/index.php index 24f9dc480..7642bfcde 100644 --- a/index.php +++ b/index.php @@ -28,6 +28,7 @@ for ($i=0; $row=sql_fetch_array($result); $i++) { else $lt_style = ""; ?>
+

최신글

환경설정의 최신글 스킨경로를 기본 스킨으로 합니다. diff --git a/skin/board/basic/style.css b/skin/board/basic/style.css index b9cd7675c..e9b257b52 100644 --- a/skin/board/basic/style.css +++ b/skin/board/basic/style.css @@ -3,6 +3,7 @@ /* 게시판 목록 */ #bo_list_title {margin-bottom:20px;font-size:1.2em;letter-spacing:-0.1em} +#bo_cate h2 {width:1px;height:1px;font-size:0;line-height:0;overflow:hidden} #bo_cate ul {margin-bottom:10px;padding-left:1px;width:728px;zoom:1} #bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""} #bo_cate li {float:left;margin-bottom:-1px} @@ -24,7 +25,7 @@ .btn_bo_adm {float:left} .btn_bo_adm li {float:left;margin-right:5px} .btn_bo_adm input {padding:0 10px;height:25px;border:1px solid #e8180c !important;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle;cursor:pointer} -.bo_notice td {background:#f5f6fa} +.bo_notice td {background:#f7f7f2} .bo_notice td a {font-weight:bold} .td_num strong {color:#000} .bo_cate_link {display:inline-block;margin:0 3px 0 0;padding:0 6px 0 0;border-right:1px solid #e7f1ed;color:#999 !important;font-weight:bold;text-decoration:none} /* 글제목줄 분류스타일 */ @@ -32,15 +33,14 @@ .cnt_cmt {font-weight:bold} #bo_sch {margin-bottom:10px;padding-top:5px;text-align:center} -#bo_sch legend {position:absolute;font-size:0;line-height:0;overflow:hidden} +#bo_sch legend {width:1px;height:1px;font-size:0;line-height:0;overflow:hidden} /* 게시판 읽기 */ #bo_v {margin-bottom:20px;padding-bottom:20px} -#bo_v_titlecate {position:absolute;top:0;right:0;padding:15px 0;width:100%;border-bottom:1px solid #d9e1e5;background:#f9fafe;text-align:center} -#bo_v_titlecate span {display:inline-block;margin:0 0 0 20px} +#bo_v_cate {position:absolute;top:0;right:15px;margin:0;padding:0 5px;height:25px;background:#565e60;color:#fff;font-weight:bold;line-height:2.2em} -#bo_v_h1 {margin:35px 0 0;padding:10px 0;font-size:1.2em} +#bo_v_h1 {padding:10px 0;font-size:1.2em} #bo_v_info {padding:0 0 10px;border-bottom:1px solid #ddd} #bo_v_info h2 {margin:0;padding:0;height:0;overflow:hidden} @@ -53,7 +53,7 @@ #bo_v_file {} #bo_v_file h2 {margin:0;padding:0;height:0;overflow:hidden} #bo_v_file ul {margin:0;padding:0;list-style:none} -#bo_v_file li {padding:0 10px;border-bottom:1px solid #eee;background:#f5f6fa} +#bo_v_file li {padding:0 10px;border-bottom:1px solid #eee;background:#f7f7f2} #bo_v_file a {display:inline-block;padding:8px 0 7px;color:#000} #bo_v_file a:focus, #bo_v_file a:hover, @@ -63,7 +63,7 @@ #bo_v_link {} #bo_v_link h2 {margin:0;padding:0;height:0;overflow:hidden} #bo_v_link ul {margin:0;padding:0;list-style:none} -#bo_v_link li {padding:0 10px;border-bottom:1px solid #eee;background:#f5f6fa} +#bo_v_link li {padding:0 10px;border-bottom:1px solid #eee;background:#f7f7f2} #bo_v_link a {display:inline-block;padding:8px 0 7px;color:#000} #bo_v_link a:focus, #bo_v_link a:hover, @@ -73,7 +73,7 @@ #bo_v_top {margin:0 0 10px;padding:10px 0;zoom:1} #bo_v_top:after {display:block;visibility:hidden;clear:both;content:""} #bo_v_top h2 {margin:0;padding:0;height:0;overflow:hidden} -#bo_v_top ul {margin:0;padding:0;list-style:none} +#bo_v_top ul {list-style:none} #bo_v_bot {zoom:1} #bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""} @@ -86,7 +86,7 @@ .bo_v_com li {float:left;margin-left:5px} #bo_v_atc {min-height:200px;height:auto !important;height:200px} -#bo_v_atc header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden} +#bo_v_atc header h1 {margin:0;padding:0;width:1px;height:1px;overflow:hidden} #bo_v_img {margin:0 0 10px;width:100%;overflow:hidden:zoom:1} #bo_v_img:after {display:block;visibility:hidden;clear:both;content:""} @@ -106,19 +106,22 @@ #bo_v form {padding-top:20px} /* 게시판 댓글 */ -#bo_vc {margin:0 0 10px;padding:20px 20px 10px;border-top:1px solid #d9e1e5;border-bottom:1px solid #d9e1e5;background:#f5f6fa} +#bo_vc {margin:0 0 10px;padding:20px 20px 10px;border-top:1px solid #cfded8;border-bottom:1px solid #cfded8;background:#f7f7f2} #bo_vc h2 {margin-bottom:10px} #bo_vc article {padding:0 0 10px;border-top:1px dotted #ccc} #bo_vc header {position:relative;padding:15px 0 5px} #bo_vc header .icon_reply {position:absolute;top:15px;left:-20px} #bo_vc .sv_wrap {margin-right:15px} -#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold} +#bo_vc .member, +#bo_vc .guest, +#bo_vc .sv_member, +#bo_vc .sv_guest {font-weight:bold} .bo_vc_hdinfo {display:inline-block;margin:0 15px 0 5px} #bo_vc h1 {width:1px;height:1px;font-size:0;line-height:0;overflow:hidden} #bo_vc a {color:#000;text-decoration:none} #bo_vc p {padding:0 0 5px;line-height:1.8em} #bo_vc p a {text-decoration:underline} -#bo_vc_empty {margin:0;padding:20px !important;text-align:center} +#bo_vc_empty {margin:0;padding:20px !important;border-bottom:1px dotted #ccc;text-align:center} #bo_vc fieldset {margin:0 0 10px;padding:0} #bo_vc #bo_vc_winfo {float:left} #bo_vc footer {zoom:1} @@ -128,7 +131,7 @@ .bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""} .bo_vc_act li {float:left;margin-left:5px} -#bo_vc_w {position:relative;margin-bottom:10px;padding:0 0 20px;border-bottom:1px solid #d9d9d9} +#bo_vc_w {position:relative;margin-bottom:10px;padding:0 20px 20px;border-bottom:1px solid #cfded8} #bo_vc_w h2 {padding:15px 0 5px} #bo_vc_w #char_cnt {display:block;margin-bottom:5px} diff --git a/skin/board/basic/view.skin.php b/skin/board/basic/view.skin.php index 4537effe9..7873cf3bd 100644 --- a/skin/board/basic/view.skin.php +++ b/skin/board/basic/view.skin.php @@ -5,27 +5,22 @@ include_once(G4_LIB_PATH.'/thumbnail.lib.php'); -
- - - - -
+
-
+

+ + +

-
- 작성자 - - 작성일 - - 조회 - 회 - 댓글 - 건 -
+
+

게시물 정보

+ 작성자 + 작성일 + 조회회 + 댓글건 +
-
+
+ + + -
+
+ + +
+ -