diff --git a/css/adm.css b/css/adm.css index d56a6e49d..43d45ea5e 100644 --- a/css/adm.css +++ b/css/adm.css @@ -11,7 +11,7 @@ form, img {border:0} input,img {vertical-align:middle} p {margin:10px 0;line-height:1.5em} -/* 웹접근성 스킬 --- 기본 block 속성에는 적용 안됨*/ +/* 화면낭독기 사용자용 */ .sound_only {display:inline-block;margin:0;padding:0;width:0;height:0;border:0;overflow:hidden} /* 본문 바로가기 */ #to_content a {display:block;position:absolute;top:0;left:0;margin:5px;height:0;text-decoration:none;overflow:hidden} @@ -154,18 +154,18 @@ fieldset button:focus, .fieldset_submit:focus {padding:0 15px;height:23px;border #cache_del p {margin-bottom:20px;padding:13px;border:1px solid #ced9de;background:#fff;font-size:0.75em} /* 사이드뷰 */ -.sv {display:inline-block;position:relative;font-weight:normal} -.sv a {text-decoration:none !important} -.sv .sv_wrap {display:none;margin-top:5px;border:1px solid #666;background:#484848} -.sv_nojs .sv_wrap {display:block} -.sv .sv_wrap a {display:inline-block;padding:3px;width:94px;border-bottom:1px solid #555;color:#fff} -.sv_on {z-index:1000;display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto !important;background:#ddd} +.sv_wrap {display:inline-block;position:relative;font-weight:normal} +.sv_wrap a {text-decoration:none !important} +.sv {display:none;margin-top:5px;border:1px solid #666;background:#484848} +.sv_nojs .sv {display:block} +.sv a {display:inline-block;padding:3px;width:94px;border-bottom:1px solid #555;color:#fff} +.sv_on {z-index:1000;display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto !important} .sv_member, .sv_guest {font-weight:bold} /* pagination */ -.pg {clear:both;margin:0 0 10px;padding-top:20px;font-size:0.75em;text-align:center} -.pg_wrap {display:inline-block;border:1px solid #c7cfd5;letter-spacing:-4px} +.pg_wrap {clear:both;margin:0 0 10px;padding-top:20px;font-size:0.75em;text-align:center} +.pg {display:inline-block;border:1px solid #c7cfd5;letter-spacing:-4px} .pg_page, .pg_current {display:inline-block;padding:0 12px;height:30px;background:#fff;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 #c7cfd5} diff --git a/css/default.css b/css/default.css index d1b8b9462..baaa86fd8 100644 --- a/css/default.css +++ b/css/default.css @@ -2,7 +2,7 @@ /* 초기화 */ html {overflow-y:scroll} -body {margin:0;padding:0;background:#f7f7f2;font-size:0.75em;font-family:"dotum"} +body {margin:0;padding:0;background:#fff;font-size:0.75em;font-family:"dotum"} html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0} h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:"dotum"} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block} @@ -13,12 +13,12 @@ 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} -/* 웹접근성 스킬 --- 기본 block 속성에는 적용 안됨*/ +/* 화면낭독기 사용자용 */ .sound_only {display:inline-block !important;margin:0 !important;padding:0 !important;width:0 !important;height:0 !important;border:0 !important;overflow:hidden !important} /* 본문 바로가기 */ #to_content a {z-index:100000;display:block;position:absolute;top:0;left:0;height:0;overflow:hidden} #to_content a:focus, -#to_content a:active {padding:10px 0;width:100%;height:auto;background:#333;color:#fff;font-size:2em;text-align:center;text-decoration:none;overflow:auto} +#to_content a:active {padding:10px 0;width:100%;height:auto;background:#484848;color:#fff;font-size:2em;text-align:center;text-decoration:none;overflow:auto} /* 이미지 등비율 리사이징 */ .img_fix {float:left;width:100%;height:auto} @@ -28,21 +28,23 @@ pre {overflow-x:scroll;font-size:1.1em} #captcha_wav img {border:1px solid #ddd;border-left:0;background:#494949} /* 상단 레이아웃 */ -#hd {margin-bottom:30px;height:100px} +#hd {border-top:27px solid #484848} #hd h1 {width:0;height:0;overflow:hidden} #hd_wrapper {position:relative;margin:0 auto;width:980px} -#logo {padding-top:30px} - -#snb {position:absolute;top:10px;right:190px;zoom:1} +#snb {margin:-37px 0 0;padding:10px 0 0;zoom:1} #snb:after {display:block;visibility:hidden;clear:both;content:""} #snb li {float:left} -#snb a {display:inline-block;padding:7px 10px 6px;color:#000;text-decoration:none} +#snb a {display:inline-block;margin-right:1px;padding:7px 10px 6px;background:#585858;color:#fff;text-decoration:none} +#snb a:focus, +#snb a:hover {background:#109ff1;color:#fff} #schall {position:absolute;top:10px;right:0;margin:0;padding:0;width:180px;border:0;letter-spacing:-5px} #schall legend {width:0;height:0;overflow:hidden} #schall_stx {width:150px;height:21px;border:3px solid #484848;border-right:0;background:#fff;line-height:1.5em} +#logo {padding:30px 0;text-align:center} + /* 중간 레이아웃 */ #wrapper {margin:0 auto;padding-bottom:30px;width:980px;zoom:1} #wrapper:after {display:block;visibility:hidden;clear:both;content:""} @@ -51,7 +53,7 @@ pre {overflow-x:scroll;font-size:1.1em} #container {float:left;width:730px;zoom:1} #container:after {display:block;visibility:hidden;clear:both;content:""} -.cbg {border-right:1px solid #ddd;border-bottom:1px solid #ddd;background:#fff} +.cbg {border:1px solid #e0e0e0;background: #fff} /* 하단 레이아웃 */ #ft {background:#484848} @@ -60,24 +62,29 @@ pre {overflow-x:scroll;font-size:1.1em} #popular {background:#515151} #popular div {margin:0 auto;width:980px;zoom:1} #popular div:after {display:block;visibility:hidden;clear:both;content:""} -#popular h2 {float:left;padding:15px 45px 15px 0;color:#fff} +#popular h2 {float:left;padding:10px 45px 10px 0;color:#fff} #popular ul {float:left;list-style:none} -#popular li {float:left;padding:5px 0} +#popular li {float:left} #popular a {display:inline-block;padding:10px;color:#fff;text-decoration:none} +#popular a:focus, +#popular a:hover {background:#109ff1;color:#fff} #visit {background:#444} #visit div {margin:0 auto;width:980px;zoom:1} #visit div:after {display:block;visibility:hidden;clear:both;content:""} -#visit h2 {float:left;padding:15px 45px 15px 0;color:#fff} -#visit dl {float:left;margin:0 0 0 10px;padding:5px 0} +#visit h2 {float:left;padding:10px 45px 10px 0;color:#fff} +#visit dl {float:left;margin:0 0 0 10px;padding:0} #visit dt {float:left;margin:0;padding:10px 0 10px;color:#fff} #visit dd {float:left;margin:0 30px 0 0;padding:10px;color:#fff} -#visit a {display:inline-block;margin:5px 0;padding:10px;color:#fff;text-decoration:none} +#visit a {display:inline-block;padding:10px;color:#fff;text-decoration:none} +#visit a:focus, +#visit a:hover {background:#109ff1;color:#fff} -#ft_catch {position:relative;margin:0 auto;padding:30px 0;width:980px} -#ft_catch_img {margin-left:302px} +#ft_catch {position:relative;margin:0 auto;padding:20px 0;width:980px;text-align:center} +/* #ft_html5badge {position:absolute;top:30px;left:190px} #ft_css3badge {margin-left:50px} +*/ #ft_copy {background:#414141} #ft_copy p {margin:0 auto;width:980px;color:#4a9ab8} @@ -105,9 +112,9 @@ thead th {padding:12px 0 8px;border-top:1px solid #e9e9e9} thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff} tfoot td {border-color:#666;background:#484848;color:#fff;font-weight:bold;text-align:center} -td {padding:10px 5px 7px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all} +td {padding:8px 5px 6px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all} table a {color:#000;text-decoration:none} -.bo_sideview td {padding:7px 5px} /* 사이드뷰 사용하는 테이블 셀 패딩값 */ +.bo_sideview td {padding:6px 4px} /* 사이드뷰 사용하는 테이블 셀 패딩값 */ .empty_table {padding:85px 0;text-align:center} /* 폼 테이블 */ @@ -157,7 +164,7 @@ fieldset textarea {padding:3px 3px 4px;border:1px solid #ddd;background:#fff;ver fieldset textarea:focus {padding:4px 4px 5px;border:0;background:#494949;color:#fff} .fs_submit, -fieldset button {padding:0 15px;height:24px;border:0;background:#494949;color:#fff;line-height:1.9em;vertical-align:middle;cursor:pointer} +fieldset button {padding:0 15px;height:24px;border:0;background:#109ff1;color:#fff;line-height:1.9em;vertical-align:middle;cursor:pointer} /* 자바스크립트 alert 대안 */ #validation_check {margin:100px auto;width:500px} @@ -216,8 +223,12 @@ fieldset button {padding:0 15px;height:24px;border:0;background:#494949;color:#f #ol_after_private {margin:7px 0;zoom:1} #ol_after_private:after {display:block;visibility:hidden;clear:both;content:""} #ol_after_private li {float:left} -#ol_after_private a {display:block;padding-top:8px;height:37px;background:#f7f7f2;text-align:center} +#ol_after_private a {display:block;padding-top:8px;height:37px;background:#eee;text-align:center} #ol_after_private a strong {display:block;padding-top:5px;color:#109ff1} +#ol_after_private a:focus, +#ol_after_private a:hover {background:#109ff1;color:#fff} +#ol_after_private a:focus strong, +#ol_after_private a:hover strong {color:#fff} #ol_after_memo {width:50px;margin-right:1px} #ol_after_pt {width:90px;margin-right:1px} #ol_after_scrap {width:48px;line-height:2.6em !important} @@ -228,19 +239,19 @@ fieldset button {padding:0 15px;height:24px;border:0;background:#494949;color:#f #mb_login {margin:100px auto;width:500px} #mb_login h1 {margin:0 0 20px;font-size:1.3em} #mb_login h2 {margin:0} -#mb_login fieldset {position:relative;margin:0;padding:20px 20px 20px 95px;border-bottom-color:#f7f7f2;background:#fff} +#mb_login fieldset {position:relative;margin:0;padding:20px 20px 20px 95px;border-bottom:0;background:#fff} #mb_login label {letter-spacing:-0.1em} #mb_login .login_id {position:absolute;top:26px;left:95px} #mb_login .login_pw {position:absolute;top:55px;left:95px} #mb_login .fs_input {display:block;margin:0 0 5px 80px} #mb_login .btn_submit {position:absolute;top:20px;left:335px;height:53px} -#mb_login section {margin:0 0 30px;padding:20px} +#mb_login section {margin:0 0 30px;padding:20px;background:#f7f7f7} #mb_login section div {text-align:right} /* 쪽지 */ #memo_view section {margin:0 auto 20px;padding:20px;width:87%} #memo_view section h2 {width:0;height:0;overflow:hidden} -#memo_view_ul {margin:0;padding:0 0 10px;border-bottom:1px solid #f7f7f2;list-style:none} +#memo_view_ul {margin:0;padding:0 0 10px;border-bottom:1px solid #eee;list-style:none} .memo_view_li {position:relative;padding:5px 0} .memo_view_subj {display:inline-block;width:65px} #memo_view_ul a {color:#000;text-decoration:none} @@ -257,18 +268,18 @@ fieldset button {padding:0 15px;height:24px;border:0;background:#494949;color:#f /* 회원 패스워드 확인 */ #mb_confirm {margin:100px auto;width:500px} #mb_confirm h1 {margin:0 0 20px;font-size:1.3em} -#mb_confirm p {padding:20px;border-bottom-color:#f7f7f2} +#mb_confirm p {padding:20px;border-bottom:0} #mb_confirm p strong {display:block} -#mb_confirm fieldset {margin:0 0 30px;padding:30px 0;text-align:center} +#mb_confirm fieldset {margin:0 0 30px;padding:30px 0;background:#f7f7f7;text-align:center} #mb_confirm label {letter-spacing:-0.1em} #mb_confirm_id {display:inline-block;margin-right:20px;font-weight:bold} /* 비밀글 패스워드 확인 */ #pw_confirm {margin:100px auto;width:500px} #pw_confirm h1 {margin:0 0 20px;font-size:1.3em} -#pw_confirm p {padding:20px;border-bottom-color:#f7f7f2} +#pw_confirm p {padding:20px;border-bottom:0} #pw_confirm p strong {display:block} -#pw_confirm fieldset {margin:0 0 30px;padding:30px 0;text-align:center} +#pw_confirm fieldset {margin:0 0 30px;padding:30px 0;background:#f7f7f7;text-align:center} #pw_confirm label {letter-spacing:-0.1em} #pw_confirm_id {display:inline-block;margin-right:20px;font-weight:bold} @@ -276,7 +287,7 @@ fieldset button {padding:0 15px;height:24px;border:0;background:#494949;color:#f #poll {} #poll header {padding:14px 14px 0} #poll header a {color:#109ff1;text-decoration:none} -#poll ul {margin:0 0 10px;padding:5px 14px;background:#f7f7f2;list-style:none} +#poll ul {margin:0 0 10px;padding:5px 14px;background:#f3f3f3;list-style:none} #poll li {padding:3px 0} #poll footer {padding:0 14px 14px;text-align:right} /* 설문조사 결과 (새창) */ @@ -322,7 +333,7 @@ fieldset button {padding:0 15px;height:24px;border:0;background:#494949;color:#f #profile h2 {margin:0} /* 최근게시물 스킨 (latest) */ -.lt {float:left;margin-bottom:20px;padding:20px;width:314px;height:149px} +.lt {float:left;margin-bottom:20px;padding:20px;width:313px;height:149px} .lt ul {margin:0;padding:0;list-style:none} .lt li {padding:3px 0} .lt a {color:#000;text-decoration:none} @@ -390,6 +401,7 @@ fieldset button {padding:0 15px;height:24px;border:0;background:#494949;color:#f #bo_cate_ul:after {display:block;visibility:hidden;clear:both;content:""} #bo_cate_ul li {position:relative;float:left;margin:-1px 0 0 -1px} #bo_cate_ul a {display:block;padding:8px 15px 6px;border:1px solid #456380;background:#4c6e8d;color:#fff;text-decoration:none} +#bo_cate_ul #bo_cate_on {border-bottom:1px solid #fff;background:#fff;color:#000} .bo_fx {margin-bottom:5px;zoom:1} .bo_fx:after {display:block;visibility:hidden;clear:both;content:""} .bo_fx ul {margin:0;padding:0;list-style:none} @@ -409,7 +421,7 @@ fieldset button {padding:0 15px;height:24px;border:0;background:#494949;color:#f .cnt_cmt {display:inline-block;margin:0 4px;color:#109ff1} /* 게시판 읽기 */ -#bo_v_title {padding:20px 20px 10px} +#bo_v_title {padding:20px 20px 0;text-align:right} #bo_v {position:relative;margin-bottom:30px} #bo_v a {color:#000;text-decoration:none} #bo_v_h1 {padding:0 20px 5px;font-size:1.2em;line-height:1.4em} @@ -445,7 +457,7 @@ fieldset button {padding:0 15px;height:24px;border:0;background:#494949;color:#f #bo_v_act a {margin-right:5px;vertical-align:top} #bo_v_act strong {color:#109ff1} #bo_v form {padding-top:20px} -#bo_v_bot {border-top:1px solid #eee;padding:10px 20px;zoom:1} +#bo_v_bot {padding:0 20px 20px;zoom:1} #bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""} #bo_v_bot h2 {margin:0;padding:0;height:0;overflow:hidden} #bo_v_bot ul {margin:0;padding:0;list-style:none} @@ -455,7 +467,7 @@ fieldset button {padding:0 15px;height:24px;border:0;background:#494949;color:#f .bo_v_com li {float:left;margin-left:5px} /* 게시판 댓글 */ -#bo_vc {margin:0 20px 10px;padding:10px 20px 20px 20px;border:1px solid #ddd;background:#fcfcfc} +#bo_vc {margin:0 0 20px;padding:15px 20px 20px 20px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fcfcfc} #bo_vc h2 {margin:0;padding:0;height:0;overflow:hidden} #bo_vc article {margin-bottom:5px;padding:0 0 10px;border-bottom:1px dotted #ccc} #bo_vc header {position:relative;padding:8px 0} diff --git a/head.php b/head.php index 3a5afd6cc..70c1eeb4b 100644 --- a/head.php +++ b/head.php @@ -13,23 +13,22 @@ include_once(G4_LIB_PATH.'/popular.lib.php'); ?>
+
본문 바로가기
+ +

+
- - - -

-
@@ -68,6 +67,9 @@ include_once(G4_LIB_PATH.'/popular.lib.php'); }
+ + +
diff --git a/img/idx_catch.jpg b/img/idx_catch.jpg index c6e3d33fa..b3001f422 100644 Binary files a/img/idx_catch.jpg and b/img/idx_catch.jpg differ diff --git a/img/logo.jpg b/img/logo.jpg index 1982e62fb..6adfe02c7 100644 Binary files a/img/logo.jpg and b/img/logo.jpg differ diff --git a/skin/board/neo/view.skin.php b/skin/board/neo/view.skin.php index 151a86bf0..316a7862d 100644 --- a/skin/board/neo/view.skin.php +++ b/skin/board/neo/view.skin.php @@ -3,7 +3,7 @@ if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가 ?>
-

+

diff --git a/tail.php b/tail.php index 66a3feacb..acb160097 100644 --- a/tail.php +++ b/tail.php @@ -10,7 +10,7 @@ if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가

정보

-
Sharing All Possibilities
+
Sharing All Possibilities

Copyright © 소유하신 도메인. All rights reserved.