diff --git a/theme/54/css/mobile.css b/theme/54/css/mobile.css index 241dcc014..42e399a34 100644 --- a/theme/54/css/mobile.css +++ b/theme/54/css/mobile.css @@ -41,50 +41,49 @@ ul {list-style:none} #hd:after {display:block;visibility:hidden;clear:both;content:""} #hd_h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden} -#logo {padding:10px 10px;height:50px;text-align:center} -#logo img {vertical-align:middle;max-height:100%;width:auto} -#gnb_open {position:absolute;top:10px;left:10px;padding:0 10px;height:30px;width:30px;border:0;background-size:70%;color:#fff;background:none; font-size:16px} -#gnb {display:none;background:#262626;position:fixed;top:0;left:0;z-index:99999;height:100%;overflow-y:auto;width:300px; +#logo {padding:10px 10px;height:62px;text-align:center} +#logo img {vertical-align:middle;margin-top:5px;max-height:100%;width:auto} +#gnb_open {position:absolute;top:10px;left:10px;padding:0 10px;height:40px;width:40px;border:0;background-size:70%;color:#fff;background:none;font-size:2em} +#gnb {display:none;background:#efefef;position:fixed;top:0;left:0;z-index:99999;height:100%;overflow-y:auto;width:100%; -webkit-box-shadow:0 0 5px rgba(55,55,5,0.4); -moz-box-shadow:0 0 5px rgba(55,55,5,0.4); box-shadow:0 0 5px rgba(55,55,5,0.4)} -#gnb a {display:block;color:#efefef} +#gnb_1dul {background:#fff} +#gnb_1dul a {display:block;color:#000} .gnb_1dli {position:relative;line-height:40px} .gnb_1dli button {position:absolute;top:0;right:0;background:url;border:0;width:40px;height:40px;overflow:hidden;border:0;background:url(../img/mobile/gnb_bg.png) no-repeat 50% 50%;text-indent:-9999px} .gnb_1dli button.btn_gnb_cl {background:url(../img/mobile/gnb_bg2.png) no-repeat 50% 50%} -.gnb_1da {padding:0 20px;border-bottom:1px solid #2d2d2d} -.gnb_2dul {display:none} -.gnb_2da {border-bottom:1px solid #2d2d2d;background:url(../img/btn_next.gif) no-repeat 21px 17px;padding-left:30px} -#gnb_close {display:block;margin:0;height:50px;width:100%;border:0;background:url(../img/mobile/btn_close.png) no-repeat right 50% -#222222;background-size:25px;color:#fff;text-indent:-999999999px;overflow:hidden} +.gnb_1da {padding:5px 20px;border-bottom:1px solid #eee;font-weight:bold;font-size:1.2em;} +.gnb_2dul {display:none;background:#fafafa} +.gnb_2da {padding-left:30px} +#gnb_close {display:block;position:absolute;right:8px;top:10px;z-index:99;font-weight:bold;margin:0;height:40px;width:40px;border:0;color:#bfb8b2;font-size:2em;background:transparent} #gnb_empty {padding:20px 0;color:#fff;text-align:center;line-height:2em} #gnb_empty a {display:inline;text-decoration:underline} -#hd_sch {text-align:center;padding:20px} +#hd_sch {text-align:center;padding:12px 55px 12px 15px;background:#212020} #hd_sch h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden} #hd_sch form {position:relative;padding-right:40px} -#hd_sch #sch_stx {width:100%;height:45px;background:#464646;border:0;padding-left:10px;border-radius:3px 0 0 3px;color:#fff} -#hd_sch #sch_submit {position:absolute;top:0;right:0;width:40px;height:45px;border:0;border-radius:0 3px 3px 0;cursor:pointer;color:#fff;background:#464646;font-size:1.25em} +#hd_sch #sch_stx {width:100%;height:38px;margin-left:40px;background:#464646;border:0;color:#fff} +#hd_sch #sch_submit {position:absolute;top:0;left:0;width:40px;height:38px;border:0;border-radius:3px;cursor:pointer;color:#fff;background:#464646;font-size:1.25em} -#user_btn {position:absolute;top:10px;right:10px;padding:0 10px;height:30px;width:30px;border:0;color:#fff;font-size:16px;background:none;letter-spacing:-0.1em} -#user_menu {display:none;position:fixed;top:0;right:0;height:100%;overflow-y:auto;width:320px;z-index:9999;background:#fff;text-align:center; --webkit-box-shadow:0 0 5px rgba(55,55,5,0.4); --moz-box-shadow:0 0 5px rgba(55,55,5,0.4); -box-shadow:0 0 5px rgba(55,55,5,0.4)} -#user_close {display:block;margin:0;height:50px;width:100%;border:0;background:url(../img/mobile/btn_close.png) no-repeat right 50% -#222;background-size:25px;color:#fff;text-indent:-999999999px;overflow:hidden} -#snb_cnt span {display:inline-block;padding:0 7px;height:18px;line-height:18px;font-size:12px;background:#3ca1ff;border-radius:20px;color:#fff} +#user_btn {position:absolute;top:10px;right:10px;padding:0 10px;height:40px;width:40px;border:0;color:#fff;font-size:1.8em;background:none;letter-spacing:-0.1em} +#user_menu {display:none;position:fixed;top:0;right:0;width:100%;height:100%;overflow-y:auto;z-index:9999;background:#efefef;text-align:center} +#user_close {display:block;position:absolute;right:8px;top:10px;z-index:99;font-weight:bold;margin:0;height:40px;width:40px;border:0;color:#bfb8b2;font-size:1.8em;background:transparent} -#hd_nb {margin:20px} +/*{display:block;margin:0;height:50px;width:100%;border:0;background:url(../img/mobile/btn_close.png) no-repeat right 50% +pink;background-size:25px;color:#fff;text-indent:-999999999px;overflow:hidden}*/ +#snb_cnt span {display:inline-block;float:right;padding:0 7px;height:18px;margin-top:3px;line-height:18px;font-size:12px;background:#da22f5;border-radius:20px;color:#fff} + +#hd_nb {background:#fff;margin-top:10px;border-bottom:1px solid #e1e1e1} #hd_nb:after {display:block;visibility:hidden;clear:both;content:""} #hd_nb li {width:50%;float:left;text-align:center;line-height:25px;font-size:1.083em;font-weight:bold} -#hd_nb li a {display:block;color:#717171;padding:20px 0} -#hd_nb li i {font-size:20px} -#hd_nb .hd_nb1 {border-right:1px solid #e2e5e7;border-bottom:1px solid #e2e5e7} -#hd_nb .hd_nb2 {border-bottom:1px solid #e2e5e7} -#hd_nb .hd_nb3 {border-right:1px solid #e2e5e7} +#hd_nb li a {display:block;color:#717171;text-align:left;padding:10px 15px} +#hd_nb li i {font-size:14px;margin-right:10px;color:#a5a8ac} +#hd_nb .hd_nb1 {border-right:1px solid #efefef;border-bottom:1px solid #efefef} +#hd_nb .hd_nb2 {border-bottom:1px solid #efefef} +#hd_nb .hd_nb3 {border-right:1px solid #efefef} /* 텍스트 크기 조절 */ #text_size {margin:0 0 10px;text-align:center;display:inline-block;padding:7px 20px;background:#e6e7e9;border-radius:25px;height:48px} @@ -127,7 +126,7 @@ box-shadow:0 0 5px rgba(55,55,5,0.4); #ft_copy a {color:inherit;text-decoration:none} #top_btn {position:fixed;bottom:10px;right:10px;width:40px;height:40px;line-height:36px;border:2px solid #333;background:rgba(255,255,255,0.6);color:#333;text-align:center;font-size:15px;z-index:99} -#device_change {display:block;line-height:40px;border:1px solid #3a3a3a;border-radius:2em;color:#777;font-size:1em;text-decoration:none;text-align:center} +#device_change {display:block;line-height:40px;border-radius:2em;background:#302e2e;color:#777;font-size:1em;text-decoration:none;text-align:center} /* 게시물 선택복사 선택이동 */ #copymove {} @@ -201,14 +200,14 @@ a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;border:0;b button.btn_frmline {font-size:1em} /* 게시판용 버튼 */ -a.btn_b01,.btn_b01 {display:inline-block;background:transparent;color:#bababa;border:0;text-decoration:none;vertical-align:middle} -.btn_b01:hover, .btn_b01:hover {color:#000} -a.btn_b02, .btn_b02 {display:inline-block;padding:0 10px;background:#253dbe;color:#fff;text-decoration:none;vertical-align:middle;border:0} -a.btn_b02:hover, .btn_b02:hover {background:#0025eb} +a.btn_b01,.btn_b01 {display:inline-block;background:#3a8afd;color:#fff;border-radius:3px;padding:10px;border:0;text-decoration:none;vertical-align:middle} +.btn_b01:hover, .btn_b01:hover {} +a.btn_b02, .btn_b02 {display:inline-block;background:transparent;color:#fff;border-radius:3px;padding:10px;border:1px solid #787878;text-decoration:none;vertical-align:middle} +a.btn_b02:hover, .btn_b02:hover {} a.btn_b03, .btn_b03 {display:inline-block;line-height:28px;border:1px solid #ed6478;color:#ed6478;background:none;text-decoration:none;vertical-align:middle} a.btn_b03:hover, .btn_b03:hover {} a.btn_admin {display:inline-block;color:#d13f4a;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */ -a.btn_admin:focus, a.btn_admin:hover {color:#ff3746} +a.btn_admin:focus, a.btn_admin:hover {} /* 기본테이블 */ .tbl_wrap {margin:0 10px 10px} @@ -237,7 +236,7 @@ a.btn_admin:focus, a.btn_admin:hover {color:#ff3746} /* 기본리스트 */ .list_01 ul {} -.list_01 li {background:#fff;border-bottom:1px solid #ccc} +.list_01 li {background:#fff;border-bottom:1px solid #e5ecee} /* 기본폼 */ .form_01 {margin:10px} diff --git a/theme/54/img/mobile/btn_close.png b/theme/54/img/mobile/btn_close.png deleted file mode 100644 index 22f13faae..000000000 Binary files a/theme/54/img/mobile/btn_close.png and /dev/null differ diff --git a/theme/54/mobile/head.php b/theme/54/mobile/head.php index 08ed7b9be..bbabc0b4d 100644 --- a/theme/54/mobile/head.php +++ b/theme/54/mobile/head.php @@ -29,7 +29,7 @@ include_once(G5_LIB_PATH.'/popular.lib.php');