diff --git a/css/admin.css b/css/admin.css index 67387f3b7..6b2129e1b 100644 --- a/css/admin.css +++ b/css/admin.css @@ -8,7 +8,8 @@ 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} header ul, nav ul, aside ul, footer ul {margin:0;padding:0;list-style:none} label, input, select, img {vertical-align:middle} -input {margin:0;padding:0;font-family:"dotum"} +input {margin:0;padding:0;border-radius:0;font-family:"dotum";-webkit-appearance:none} +button {border-radius:0;-webkit-appearance:none} 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} @@ -32,7 +33,7 @@ h2 {font-size:1.2em} #captcha_wav img {border:1px solid #ddd;border-left:0;background:#494949} /* 레이아웃 */ -#hd {z-index:10;background:url('../adm/img/hd_bg.jpg') #383b3f top left repeat-x} +#hd {z-index:10;min-width:1000px;background:url('../adm/img/hd_bg.jpg') #383b3f top left repeat-x} #hd h1, #hd h2 {margin:0;padding:0;width:1px;height:1px;border:0;overflow:hidden} #hd_wrap {position:relative;margin:0 auto;width:1000px} diff --git a/css/default.css b/css/default.css index ec894ff35..2da8878a5 100644 --- a/css/default.css +++ b/css/default.css @@ -4,7 +4,7 @@ html {overflow-y:scroll} body {margin:0;padding:0;background:#f7f7f2;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 {color:#2a4959;font-size:1em;font-family:"dotum"} +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} header ul, nav ul, footer ul {margin:0;padding:0;list-style:none} label, input, select, img {vertical-align:middle} @@ -95,9 +95,9 @@ a:active {color:#000;text-decoration:underline} #wrapper:after {display:block;visibility:hidden;clear:both;content:""} #wrapper_title {margin-bottom:20px;font-size:1.2em} -#lnb {float:right;width:209px;border:1px solid #d5d9d7;background:#fff} +#lnb {float:right;width:209px;border:1px solid #cfded8;background:#fff} -#container {position:relative;float:left;padding:25px 15px 15px;width:728px;min-height:500px;height:auto !important;height:500px;border:1px solid #d5d9d7;background:#fff;zoom:1} +#container {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:""} /* 하단 레이아웃 */ @@ -147,6 +147,16 @@ a:active {color:#000;text-decoration:underline} .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_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} @@ -582,17 +592,6 @@ fieldset button {padding:0 15px;height:24px;border:0;background:#333;color:#fff; #bo_vc form {padding:0} -/* 게시판용 버튼 */ -.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} - /* 사이드뷰 */ .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} diff --git a/css/mobile.css b/css/mobile.css index 56337dfdd..69e786d35 100644 --- a/css/mobile.css +++ b/css/mobile.css @@ -4,12 +4,16 @@ html {overflow-y:scroll} body {margin:0;padding:0;background:#fff;font-size:1em} html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0} -h1, h2, h3, h4, h5, h6 {color:#2a4959;font-size:1em} +h1, h2, h3, h4, h5, h6 {font-size:1em} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block} header ul, nav ul, footer ul {margin:0;padding:0;list-style:none} label, input, select, img {vertical-align:middle} input {margin:0;padding:0} -input[type=text], input[type=password], input[type=submit], input[type=image] {border-radius:0} /* 모바일에서만 사용 */ +input[type=text], +input[type=password], +input[type=submit], +input[type=image], +button {border-radius:0 !important;-webkit-appearance:none} /* 모바일에서만 사용 */ 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} @@ -17,6 +21,13 @@ pre {overflow-x:scroll;font-size:1.1em} /* 웹접근성 스킬 --- 기본 block 속성에는 적용 안됨*/ .sound_only {display:none} +/* 이미지 등비율 리사이징 */ +.img_fix {float:left;width:100%;height:auto} + +/* 캡챠 자동등록(입력)방지 기본 */ +#captcha img {border:1px solid #cfded8;border-right:0} +#captcha_wav img {border:1px solid #cfded8;border-left:0;background:#494949} + /* 상단 레이아웃 */ #hd {background:#fff;zoom:1} #hd:after {display:block;visibility:hidden;clear:both;content:""} @@ -59,20 +70,59 @@ pre {overflow-x:scroll;font-size:1.1em} #ft img {display:none} /* 버튼 */ -.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 {display:inline-block;padding:0 10px;height:25px;border:1px solid #ccc !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;line-height:1.5em;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 {display:inline-block;padding:0 10px;height:25px;border:1px solid #333 !important;background:#333 !important;color:#fff !important;text-decoration:none !important;line-height:1.5em;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} .btn_cancel {display:inline-block;padding:0 10px;height:22px;border:1px solid #ccc;background:#fafafa;line-height:2em} -.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} /* 우편번호검색버튼 등 */ +.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:1.4em} /* 우편번호검색버튼 등 */ .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_b01 {display:inline-block;padding:0 10px;height:25px;border:1px solid #eee !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;line-height:1.5em;vertical-align:middle} +.btn_b01:focus, +.btn_b01:hover {text-decoration:none !important} +.btn_b02 {display:inline-block;padding:0 10px;height:25px;border:1px solid #eee !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;line-height:1.5em;vertical-align:middle} +.btn_b02:focus, +.btn_b02:hover {text-decoration:none !important} +.btn_admin {display:inline-block;padding:0 10px;height:25px;border:1px solid #e8180c !important;background:#e8180c !important;color:#fff !important;text-decoration:none !important;line-height:1.5em;vertical-align:middle} /* 관리자 전용 버튼 */ +.btn_admin:focus, +.btn_admin:hover {text-decoration:none !important} + +/* 필수입력 */ +.required {background:url('../img/wrest.gif') #f7f7f7 top right no-repeat !important} + +/* 폼 테이블 */ +.frm_tbl {margin-bottom:20px;width:100%;border-collapse:collapse;border-spacing:0} +.frm_tbl caption {padding:10px 0;color:#4b8b99;font-weight:bold;text-align:left} +.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 #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} +.frm_tbl #captcha {margin:0;padding:0;border:0;background:transparent} +.frm_tbl #captcha input {margin-left:5px;text-align:center} +.frm_tbl a {text-decoration:none} + +/* 폼 컨트롤 */ +.fs_input, +fieldset textarea {padding:3px 3px 4px;border:1px solid #b8c9c2;background:#f7f7f7;vertical-align:middle} +.fs_input:focus {background:#21272e;color:#fff} + +.fs_submit, +fieldset button {padding:0 15px;height:24px;border:0;background:#333;color:#fff;line-height:1.7em;vertical-align:middle;cursor:pointer} + +.frm_info {display:block;padding:5px 0 0;color:#666;line-height:1.3em} /* 광고 레이아웃 */ .ad200200 {display:none} @@ -80,7 +130,59 @@ pre {overflow-x:scroll;font-size:1.1em} sup {display:none !important} -/* 아웃로그인 */ +/* 로그인 */ +#mb_login {margin:30px 0} +#mb_login h1 {margin:0 0 20px;padding:0 10px;font-size:1.3em} +#mb_login h2 {margin:0} +#mb_login fieldset {position:relative;padding:10px} +#mb_login .fs_input {display:block;margin-bottom:5px;padding:0;width:80%;height:25px} +#mb_login .btn_submit {position:absolute;top:10px;right:10px;width:18%;height:59px} +#mb_login section {margin:30px 0;padding:20px 10px;border:1px solid #cfded8;background:#f7f7f2} +#mb_login section div {text-align:right} + +/* 쪽지 */ +#memo_view section {margin:0 auto 20px;padding:20px;width:87%} +#memo_view section h2 {width:1px;height:1px;overflow:hidden} +#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 {} +#memo_view section p {min-height:150px;height:auto !important;height:150px} + +#memo_write textarea {height:100px} + +/* 스크랩 */ +#scrap_do .cbg {margin:0 auto 20px;padding:20px;width:87%} +#scrap_do table {margin:0 0 10px;width:100%} +#scrap_do textarea {height:100px} + + +/* 회원 패스워드 확인 */ +#mb_confirm {margin:30px 0} +#mb_confirm h1 {margin:0 0 20px;padding:0 10px;font-size:1.3em} +#mb_confirm p {padding:20px;border:1px solid #cfded8;border-bottom:0;background:#fff} +#mb_confirm p strong {display:block} +#mb_confirm fieldset {margin:0 0 30px;padding:30px 0;border:1px solid #cfded8;background:#f7f7f2;text-align:center} +#mb_confirm label {letter-spacing:-0.1em} +#mb_confirm_id {display:inline-block;margin-right:20px;font-weight:bold} + +#mb_login {margin:30px 0} +#mb_login h1 {margin:0 0 20px;padding:0 10px;font-size:1.3em} +#mb_login h2 {margin:0} +#mb_login fieldset {position:relative;padding:10px} +#mb_login .fs_input {display:block;margin-bottom:5px;padding:0;width:80%;height:25px} +#mb_login .btn_submit {position:absolute;top:10px;right:10px;width:18%;height:59px} +#mb_login section {margin:30px 0;padding:20px 10px;border:1px solid #cfded8;background:#f7f7f2} +#mb_login section div {text-align:right} + +/* 비밀글 패스워드 확인 */ +#pw_confirm {margin:100px auto;width:500px} +#pw_confirm h1 {margin:0 0 20px;font-size:1.3em} +#pw_confirm p {padding:20px;border:1px solid #cfded8;border-bottom:0;background:#fff} +#pw_confirm p strong {display:block} +#pw_confirm fieldset {margin:0 0 30px;padding:30px 0;border:1px solid #cfded8;background:#f7f7f2;text-align:center} +#pw_confirm label {letter-spacing:-0.1em} +#pw_confirm_id {display:inline-block;margin-right:20px;font-weight:bold} /* 설문조사 */ @@ -129,7 +231,7 @@ sup {display:none !important} /* 관리자가 아닐 때 생략 */ #bo_list th:nth-of-type(1) {display:none} #bo_list th:nth-of-type(3) {display:none} -#bo_list th:nth-of-type(4) {width:20%} +#bo_list th:nth-of-type(4) {width:25%} #bo_list th:nth-of-type(5) {display:none} #bo_list th:nth-of-type(6) {display:none} #bo_list td:nth-of-type(1) {display:none} @@ -158,6 +260,101 @@ sup {display:none !important} #bo_sch {margin-bottom:10px;padding-top:5px;text-align:center} #bo_sch legend {width:1px;height:1px;overflow:hidden} +/* 게시판 읽기 */ +#bo_v {margin-bottom:20px;padding-bottom:20px} + +#bo_v_cate {padding:0 10px;color:#999;font-size:0.9em;font-weight:bold} + +#bo_v_h1 {padding:0 10px 10px;font-size:1.2em} + +#bo_v_info {padding:0 10px 10px;border-bottom:1px solid #ddd} +#bo_v_info h2 {margin:0;padding:0;height:0;overflow:hidden} +#bo_v_info {} +#bo_v_info strong {display:inline-block;margin:0 15px 0 5px;font-weight:normal} + +#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:#f7f7f2} +#bo_v_file a {display:inline-block;padding:8px 0 7px;color:#000} +#bo_v_file a:focus, +#bo_v_file a:hover, +#bo_v_file a:active {text-decoration:none} +.bo_v_file_cnt {display:inline-block;margin:0 10px} + +#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:#f7f7f2} +#bo_v_link a {display:inline-block;padding:8px 0 7px;color:#000} +#bo_v_link a:focus, +#bo_v_link a:hover, +#bo_v_link a:active {text-decoration:none} +.bo_v_link_cnt {display:inline-block;margin:0 10px} + +#bo_v_top {margin:0 0 10px;padding:10px;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 {list-style:none} + +#bo_v_bot {padding:0 10px;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} + +.bo_v_nb {float:left} +.bo_v_nb li {float:left;margin-right:5px} +.bo_v_com {float:right} +.bo_v_com li {float:left;margin-left:5px} + +#bo_v_atc {min-height:200px;padding:0 10px;min-height:200px} +#bo_v_atc h1 {margin:0;padding:0;height:0;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:""} +#bo_v_img img {margin-bottom:20px;max-width:100%;height:auto} + +#bo_v_con {margin-bottom:30px;width:100%;line-height:1.7em;word-break:break-all;overflow:hidden} +#bo_v_con a {color:#000;text-decoration:underline} +#bo_v_con img {max-width:100%;height:auto} + +#bo_v_act {margin-bottom:30px;text-align:center} +#bo_v_act a {margin-right:5px;vertical-align:top} +#bo_v_act span {display:inline-block;margin-right:5px;padding:0 10px;height:33px;border:1px solid #ccc !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;line-height:2.15em;vertical-align:top} +#bo_v_act strong {color:#000} + +#bo_v form {padding-top:20px} + +/* 게시판 댓글 */ +#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 .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;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;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} +#bo_vc footer:after {display:block;visibility:hidden;clear:both;content:""} + +.bo_vc_act {float:right;margin:0;list-style:none;zoom:1} +.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 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} + +#bo_vc form {padding:0} + /* pagination */ .pg_wrap {clear:both;margin:0 0 20px;padding-top:20px;text-align:center} .pg {display:inline-block;border:1px solid #cfded8;letter-spacing:-4px} diff --git a/head.sub.php b/head.sub.php index 705768ba5..b6be33587 100644 --- a/head.sub.php +++ b/head.sub.php @@ -36,7 +36,7 @@ header("Pragma: no-cache"); // HTTP/1.0 <?=$g4_head_title?> -"> +"> "> diff --git a/mobile/head.php b/mobile/head.php index c2b64e2b8..f55cabf2d 100644 --- a/mobile/head.php +++ b/mobile/head.php @@ -58,52 +58,17 @@ include_once(G4_LIB_PATH.'/popular.lib.php'); diff --git a/mobile/skin/member/basic/login.skin.php b/mobile/skin/member/basic/login.skin.php index 68fd902df..3e2cc1144 100644 --- a/mobile/skin/member/basic/login.skin.php +++ b/mobile/skin/member/basic/login.skin.php @@ -9,10 +9,8 @@ if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
- - - - + + diff --git a/skin/latest/basic/latest.skin.php b/skin/latest/basic/latest.skin.php index d959f354d..cbe834584 100644 --- a/skin/latest/basic/latest.skin.php +++ b/skin/latest/basic/latest.skin.php @@ -3,7 +3,7 @@ if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가 ?>
- +