diff --git a/css/default.css b/css/default.css index c40a6dc50..878659f7e 100644 --- a/css/default.css +++ b/css/default.css @@ -258,15 +258,15 @@ a.btn_admin:focus, a.btn_admin:hover {text-decoration:none} .sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto} .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 #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 #cfded8} -.pg_end, .pg_next {border-left:1px solid #cfded8} -.pg_current {background:#333;color:#fff;font-weight:bold} +/* 페이징 */ +.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center} +.pg {} +.pg_page, .pg_current {display:inline-block;padding:0 8px;height:25px;color:#000;letter-spacing:0;line-height:2.2em;vertical-align:middle} +.pg a:focus, .pg a:hover {text-decoration:none} +.pg_page {background:#e4eaec;text-decoration:none} +.pg_start, .pg_prev {/* 이전 */} +.pg_end, .pg_next {/* 다음 */} +.pg_current {display:inline-block;margin:0 4px 0 0;background:#333;color:#fff;font-weight:normal} /* 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} \ No newline at end of file diff --git a/css/mobile.css b/css/mobile.css index 01992db21..165254e07 100644 --- a/css/mobile.css +++ b/css/mobile.css @@ -43,7 +43,7 @@ a:hover, a:focus, a:active {color:#000;text-decoration:underline} /* 상단 레이아웃 */ #hd {position:relative;background:#fff} #hd:after {display:block;visibility:hidden;clear:both;content:""} -#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden} +#hd_h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden} #logo {float:left;padding:15px 0;margin-left:5px} @@ -217,14 +217,14 @@ a.btn_admin:focus, a.btn_admin:hover {text-decoration:none} /* 모바일에서는 사이드뷰를 지원하지 않습니다. */ /* 페이징 */ -.pg_wrap {clear:both;margin:0 0 10px;padding-top:10px;text-align:center} -.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, .qa_page {display:inline-block;padding:0 10px;color:#000;letter-spacing:0;line-height:2.5em;vertical-align:middle} -.pg_page, .qa_page {background:#f9f9f9;text-decoration:none} -.pg_start, .pg_prev, .qa_start, .qa_prev {padding:0 5px;border-right:1px solid #cfded8} -.pg_end, .pg_next, .qa_end, .qa_next {padding:0 5px;border-left:1px solid #cfded8} -.pg_current {background:#333;color:#fff;font-weight:bold} +.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center} +.pg {} +.pg_page, .pg_current {display:inline-block;padding:0 8px;height:25px;color:#000;letter-spacing:0;line-height:2.2em;vertical-align:middle} +.pg a:focus, .pg a:hover {text-decoration:none} +.pg_page {background:#e4eaec;text-decoration:none} +.pg_start, .pg_prev {/* 이전 */} +.pg_end, .pg_next {/* 다음 */} +.pg_current {display:inline-block;margin:0 4px 0 0;background:#333;color:#fff;font-weight:normal} /* PC화면으로 */ #device_change {display:block;margin:5px;padding:5px 0;border:1px solid #eee;border-radius:2em;color:#000;font-size:1em;text-decoration:none;text-align:center} \ No newline at end of file