From 98ec8c039db0b9c70d1f73719644875f6ffafa84 Mon Sep 17 00:00:00 2001 From: whitedot Date: Thu, 9 May 2013 16:48:34 +0900 Subject: [PATCH] =?UTF-8?q?M=EC=87=BC=ED=95=91=EB=AA=B0:=20#169=20CSS=20?= =?UTF-8?q?=EC=B4=88=EA=B8=B0=ED=99=94=20=EC=9E=91=EC=97=851?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/mobile.css | 17 ++++++----- css/mobile_shop.css | 72 +++++++++++++++++++++------------------------ 2 files changed, 43 insertions(+), 46 deletions(-) diff --git a/css/mobile.css b/css/mobile.css index 8fa47438b..53e2a1288 100644 --- a/css/mobile.css +++ b/css/mobile.css @@ -2,24 +2,27 @@ /* 초기화 */ html {overflow-y:scroll} -body {margin:0;padding:0;background:#fff;font-size:1em} +body {margin:0;padding:0;background:#fff;color:#000;font-size:1em;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} +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} -legend {width:0;height:0;font-size:0;line-height:0;overflow:hidden} label, input, select, img {vertical-align:middle} -input,button {margin:0;padding:0} +input {margin:0;padding:0;border-radius:0;font-family:"dotum"} +button {border-radius:0;font-size:1em;font-family:"dotum"} input[type=text], input[type=password], input[type=submit], input[type=image], button {border-radius:0 !important;font-size:1em} /* 모바일에서만 사용 */ -select, textarea {font-size:1em} -textarea {border-radius:0;-webkit-appearance:none} -p {margin:0;padding:1em 0;line-height:1.7em;word-break:break-all} +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} /* 화면낭독기 사용자용 */ #hd_login_msg {position:absolute;top:0;left:0;width:0;height:0;overflow:hidden} diff --git a/css/mobile_shop.css b/css/mobile_shop.css index 5efe0b51f..20e581c62 100644 --- a/css/mobile_shop.css +++ b/css/mobile_shop.css @@ -10,6 +10,11 @@ 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;border-radius:0;font-family:"dotum"} button {border-radius:0;font-size:1em;font-family:"dotum"} +input[type=text], +input[type=password], +input[type=submit], +input[type=image], +button {border-radius:0 !important;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} @@ -71,73 +76,62 @@ a.sanchor_on {background:#626870;color:#fff !important;text-decoration:none} /* 콘텐츠별 스타일 */ .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 #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 0.5em;height:2em;border:1px solid #ccc !important;background:#fafafa !important;color:#000 !important;font-size:1em;text-decoration:none !important;line-height:2em;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 0.5em;height:2em;border:1px solid #333 !important;background:#333 !important;color:#fff !important;font-size:1em;text-decoration:none !important;line-height:2em;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_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, -.btn_win button {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_submit {padding:0 1em;height:2.6em;border:0;background:#333;color:#fff;letter-spacing:-0.1em;vertical-align:top;cursor:pointer;-webkit-appearance:none} +.btn_cancel {display:inline-block;padding:0 1em;height:2.5em;border:1px solid #ccc;background:#fafafa;color:#000;font-size:1em;text-decoration:none;line-height:2.5em} +.btn_frmline {display:inline-block;padding:0 0.3em;height:1.9em;border:0;background:#333;color:#fff !important;letter-spacing:-0.1em;text-decoration:none;vertical-align:top;line-height:1.9em} /* 우편번호검색버튼 등 */ +.btn_win {clear:both;margin-bottom:1.5em;text-align:center} /* 새창용 */ +.btn_win a {display:inline-block;padding:0 1em;height:2.5em;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle;line-height:2.5em;cursor:pointer} /* 게시판용 버튼 */ -.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 {display:inline-block;margin:0 0 0.3em;padding:0 1em;border:1px solid #eee !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;line-height:2em;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 {display:inline-block;margin:0 0 0.3em;padding:0 1em;border:1px solid #eee !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;line-height:2em;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 {display:inline-block;margin:0 0 0.3em;padding:0 1em;border:1px solid #e8180c !important;background:#e8180c !important;color:#fff !important;text-decoration:none !important;line-height:2em;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} -.basic_tbl caption {margin:0;padding:0;font-size:0;line-height:0;overflow:hidden} -.basic_tbl thead th {padding:12px 0 8px;background:#565e60;color:#fff} +.basic_tbl {margin-bottom:1em;width:100%;border-collapse:collapse;border-spacing:0} +.basic_tbl caption {padding:0 0 1em;color:#777;text-align:left} +.basic_tbl thead th {padding:0.5em 0;background:#565e60;color:#fff} .basic_tbl thead a {color:#fff} .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 #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} - -.empty_list {padding:85px 0;text-align:center} +.basic_tbl td {border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all} +.basic_tbl a {display:block;padding:0.5em;color:#000;text-decoration:none} +.bo_sideview td {} /* 사이드뷰 사용하는 테이블 셀 패딩값 */ +td.empty_table {padding:5em 0;text-align:center} /* 필수입력 */ -.required {background:url('../img/wrest.gif') #f5f6fa top right no-repeat !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 {margin-bottom:1.5em;width:100%;border-collapse:collapse;border-spacing:0} +.frm_tbl caption {padding:1em;color:#4b8b99;font-weight:bold;text-align:left} +.frm_tbl th {padding-left:1em;width:110px;border-top:1px solid #eee;border-bottom:1px solid #eee;font-weight:normal;text-align:left} +.frm_tbl td {padding:0.4em 0.5em;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:#f5f6fa;vertical-align:middle} +.frm_input {border:1px solid #b8c9c2;background:#f7f7f7;vertical-align:middle;line-height:1.8em;-webkit-appearance:none} .frm_input:focus, -input.required:focus {border:1px solid #b8c9c2;background:#21272e !important;color:#fff} +input.required:focus {border:0;background:#21272e !important;color:#fff;line-height:1.8em} .frm_tbl textarea {width:90%;height:150px} -.frm_address {display:block;margin-top:5px} -.frm_file {display:block;margin-bottom:5px} +.frm_address {display:block;margin-top:0.3em} +.frm_file {display:block;margin-bottom:0.3em} .frm_tbl #captcha {margin:0;padding:0;border:0;background:transparent} -.frm_tbl #captcha input {margin-left:5px;text-align:center} +.frm_tbl #captcha input {margin-left:0.3em;text-align:center} .frm_tbl a {text-decoration:none} -.frm_info {display:block;padding:0 0 5px;color:#666;line-height:1.3em} +.frm_info {display:block;padding:0.3em 0 0;color:#666;line-height:1.3em} /* 테이블 그리드 padding 0 5px 고려한 넓이 */ .grid_1 {width:40px}