diff --git a/css/default_shop.css b/css/default_shop.css index f0b39a319..5eaeb2806 100644 --- a/css/default_shop.css +++ b/css/default_shop.css @@ -20,42 +20,18 @@ 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:1px;height:1px;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} -/* 본문 바로가기 */ -#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden} -#skip_to_container a:focus, #skip_to_container 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 #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 단축키 */ -.cke_sc {margin:0 0 5px;text-align:right} -.btn_cke_sc{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:1.9em;vertical-align:middle} -.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f2f5f9;text-align:center} -.cke_sc_def dl {margin:0 0 5px;text-align:left;zoom:1} -.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""} -.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9} -.cke_sc_def dt {width:20%;font-weight:bold} -.cke_sc_def dd {width:30%} +/* 팝업레이어 */ +#hd_pop {z-index:1000;position:relative;margin:0 auto;width:1000px;height:0} +#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} +.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff} +.hd_pops_con {} +.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right} +.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff} /* 상단 레이아웃 */ #hd {min-width:1000px;border-bottom:1px solid #dde4e9} #hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden} -#hd_pop {z-index:1000;position:relative;margin:0 auto;width:1000px;height:0} -#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} -.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff} -.hd_pops_con {margin:0 0 30px} -.hd_pops_footer {position:absolute;bottom:0;left:0;padding:10px 0;width:100%;background:#000;color:#fff;text-align:right} -.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff} - #hd_qnb {border-bottom:1px solid #e9e9e9;background:#f2f5f9;zoom:1} #hd_qnb:after {display:block;visibility:hidden;clear:both;content:""} #hd_qnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} @@ -179,6 +155,31 @@ a:hover, a:focus, a:active {color:#000;text-decoration:underline} #ft b {display:inline-block;margin:0 5px 0 0} #ft_totop {position:absolute;top:20px;right:0} +/* 화면낭독기 사용자용 */ +#hd_login_msg {position:absolute;top:0;left:0;width:1px;height:1px;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} +/* 본문 바로가기 */ +#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden} +#skip_to_container a:focus, #skip_to_container 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 #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 단축키 */ +.cke_sc {margin:0 0 5px;text-align:right} +.btn_cke_sc{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:1.9em;vertical-align:middle} +.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f2f5f9;text-align:center} +.cke_sc_def dl {margin:0 0 5px;text-align:left;zoom:1} +.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""} +.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9} +.cke_sc_def dt {width:20%;font-weight:bold} +.cke_sc_def dd {width:30%} + /* Mobile화면으로 */ #mobile_cng {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} diff --git a/css/mobile_shop.css b/css/mobile_shop.css index 1f2730de8..b59e8dd2b 100644 --- a/css/mobile_shop.css +++ b/css/mobile_shop.css @@ -23,8 +23,8 @@ a:link, a:visited {color:#000;text-decoration:none} #hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;height:1px} #hd_pop h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden} .hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff} -.hd_pops_con {margin:0 0 30px} -.hd_pops_footer {position:absolute;bottom:0;left:0;padding:10px 0;width:100%;background:#000;color:#fff;text-align:right} +.hd_pops_con {} +.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right} .hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff} /* 상단 레이아웃 */