From 7414fed364ca7f72c1d819f172ce3f4ab4bf8e96 Mon Sep 17 00:00:00 2001 From: leebokyung Date: Tue, 27 Nov 2018 11:51:27 +0900 Subject: [PATCH] =?UTF-8?q?=EB=AA=A8=EB=B0=94=EC=9D=BC=20=ED=8D=BC?= =?UTF-8?q?=EB=B8=94=EB=A6=AC=EC=8B=B1=20/=20=EA=B8=88=EC=9A=94=EC=9D=BC?= =?UTF-8?q?=20=EC=98=A4=ED=9B=84=20=EC=9E=91=EC=97=85=20=ED=8F=AC=ED=95=A8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- mobile/skin/social/style.css | 145 ++++++----- theme/54/css/mobile.css | 95 ++++--- theme/54/img/mobile/gnb_bg.png | Bin 1012 -> 249 bytes theme/54/img/mobile/gnb_bg2.png | Bin 976 -> 256 bytes theme/54/mobile/head.php | 6 +- .../54/mobile/skin/board/basic/list.skin.php | 112 +++++---- theme/54/mobile/skin/board/basic/style.css | 238 +++++++++--------- .../54/mobile/skin/member/basic/memo.skin.php | 74 ++++-- .../skin/member/basic/memo_form.skin.php | 71 +++--- .../skin/member/basic/memo_view.skin.php | 67 ++--- .../skin/member/basic/register.skin.php | 20 +- .../skin/member/basic/register_form.skin.php | 4 +- .../mobile/skin/member/basic/scrap.skin.php | 9 +- .../skin/member/basic/scrap_popin.skin.php | 15 +- theme/54/mobile/skin/member/basic/style.css | 129 ++++++---- theme/54/mobile/skin/new/basic/new.skin.php | 32 +-- theme/54/mobile/skin/new/basic/style.css | 20 +- .../skin/outlogin/basic/outlogin.skin.2.php | 2 +- theme/54/mobile/skin/outlogin/basic/style.css | 14 +- .../skin/popular/basic/popular.skin.php | 8 +- theme/54/mobile/skin/visit/basic/style.css | 2 +- .../54/skin/member/basic/scrap_popin.skin.php | 2 +- theme/54/skin/member/basic/style.css | 4 +- 23 files changed, 595 insertions(+), 474 deletions(-) diff --git a/mobile/skin/social/style.css b/mobile/skin/social/style.css index 10c35de0f..8897d25bd 100644 --- a/mobile/skin/social/style.css +++ b/mobile/skin/social/style.css @@ -1,14 +1,14 @@ @charset "utf-8"; -.social_info_guide{background:#f3f3f3;border:1px solid #ddd;margin:0 10px 10px;padding:10px 15px;line-height:1.5em} -.bg-warning{margin:0 10px 10px;padding:10px 15px;line-height:1.5em} -.bg-warning1{background:#f7dfe4;border:1px solid #eac3cb} -.bg-warning2{background:#deeabf;border:1px solid #bde498} -.bg-warning3{background:#fff8dc;border:1px solid #f1e4b2} +.social_info_guide {background:#f3f3f3;border:1px solid #ddd;margin:0 10px 10px;padding:10px 15px;line-height:1.5em} +.bg-warning {margin:0 10px 10px;padding:10px 15px;line-height:1.5em} +.bg-warning1 {background:#f7dfe4;border:1px solid #eac3cb} +.bg-warning2 {background:#deeabf;border:1px solid #bde498} +.bg-warning3 {background:#fff8dc;border:1px solid #f1e4b2} /* SNS LOGIN */ -.login-sns{padding-bottom:10px;margin-top:5px;;clear:both;} -.login-sns h3{padding-top:10px;text-align:center;color:#b2b2b2;;margin-top:15px;font-weight:normal} +.login-sns {padding-bottom:10px;margin-top:5px;clear:both} +.login-sns h3 {padding-top:10px;text-align:center;color:#b2b2b2;margin-top:15px;font-weight:normal} .sns-wrap {margin:10px 0 0;text-align:center} .sns-icon {display:inline-block;vertical-align:middle;text-decoration:none} .sns-icon:hover {text-decoration:none} @@ -25,19 +25,19 @@ .reg-form .sns-icon .txt i {font-style:normal} .sns-wrap-reg .sns-naver {border-color:#18a400;background:#2db400} -.sns-wrap-reg .sns-naver .ico {background-position:-29px 0; } +.sns-wrap-reg .sns-naver .ico {background-position:-29px 0} .sns-wrap-reg .sns-google {border-color:#ca2c19;background:#dd5443} .sns-wrap-reg .sns-google .ico {background-position:-58px 0} .sns-wrap-reg .sns-facebook {border-color:#2e5393;background:#3a5897} -.sns-wrap-reg .sns-facebook .ico {background-position:0 0 } +.sns-wrap-reg .sns-facebook .ico {background-position:0 0} .sns-wrap-reg .sns-icon {border-color:#dcdcdc} .sns-wrap-reg .sns-icon-not {border-color:#8b8b8b} -.sns-wrap-reg .sns-naver{border-color:#18a400} -.sns-wrap-reg .sns-naver .ico {background-position:-29px 0; } +.sns-wrap-reg .sns-naver {border-color:#18a400} +.sns-wrap-reg .sns-naver .ico {background-position:-29px 0} .sns-wrap-reg .sns-google .ico {background-position:-58px 0} .sns-wrap-reg .sns-google {border-color:#ca2c19} -.sns-wrap-reg .sns-facebook .ico {background-position:0 0 } +.sns-wrap-reg .sns-facebook .ico {background-position:0 0} .sns-wrap-reg .sns-facebook {border-color:#2e5393} .sns-wrap-reg .sns-kakao .ico {background-position:-87px 0} .sns-wrap-reg .sns-twitter {border-color:#488FC9} @@ -47,7 +47,7 @@ .sns-wrap-reg .sns-kakao {border-color:#f2df00} /* SNS by COLOR */ -.sns-wrap-over .sns-naver{background:url('./img/sns_naver_s.png') no-repeat} +.sns-wrap-over .sns-naver {background:url('./img/sns_naver_s.png') no-repeat} .sns-wrap-over .sns-google {background:url('./img/sns_gp_s.png') no-repeat} .sns-wrap-over .sns-facebook {background:url('./img/sns_fb_s.png') no-repeat} .sns-wrap-over .sns-twitter {background:url('./img/sns_twitter_s.png') no-repeat} @@ -57,99 +57,96 @@ /* 아웃로그인 */ -#sns_outlogin {clear:both;} +#sns_outlogin {clear:both} #sns_outlogin .sns-icon {overflow:hidden;margin:0 1px} #sns_outlogin .sns-icon .txt {position:absolute;line-height:0;font-size:0;vertical-align:middle;overflow:hidden} #sns_outlogin .sns-icon .ico {width:30px;height:30px} /*로그인 */ -#sns_login{border:0;margin-top:15px;padding:0; border-top:1px solid #edeaea} -#sns_login h3{padding: 0;font-weight:bold;color:#888;text-align:center} -#sns_login .sns-icon{display:block;height:40px;line-height:40px;width:100%;margin:0 0 5px;padding-left:40px;text-align:left;color:#fff;border-radius:2px} -#sns_login .sns-naver{background-color:#1fc800;background-position:5px 5px;border-bottom:1px solid #1ea505} -#sns_login .sns-kakao{background-color:#ffeb00;background-position:5px 5px;border-bottom:1px solid #e2c10a} +#sns_login {border:0;margin-top:15px;padding:0; border-top:1px solid #edeaea} +#sns_login h3 {padding:0;font-weight:bold;color:#888;text-align:center} +#sns_login .sns-icon {display:block;height:40px;line-height:40px;width:100%;margin:0 0 5px;padding-left:40px;text-align:left;color:#fff;border-radius:2px} +#sns_login .sns-naver {background-color:#1fc800;background-position:5px 5px;border-bottom:1px solid #1ea505} +#sns_login .sns-kakao {background-color:#ffeb00;background-position:5px 5px;border-bottom:1px solid #e2c10a} #sns_login .sns-kakao {color:#3c1e1e} -#sns_login .sns-facebook{background-color:#3b579d;background-position:5px 5px;border-bottom:1px solid #28458f} -#sns_login .sns-google{background-color:#db4a3a;background-position:5px 5px;border-bottom:1px solid #c03121} -#sns_login .sns-twitter{background-color:#1ea1f2;background-position:5px 5px;border-bottom:1px solid #1e82c0} -#sns_login .sns-payco{background-color:#df0b00;background-position:5px 5px;border-bottom:1px solid #9d0800} -#sns_login .txt{text-align:left;padding-left:10px;border-left:1px solid rgba(0,0,0,0.1);display:block;font-weight:bold} +#sns_login .sns-facebook {background-color:#3b579d;background-position:5px 5px;border-bottom:1px solid #28458f} +#sns_login .sns-google {background-color:#db4a3a;background-position:5px 5px;border-bottom:1px solid #c03121} +#sns_login .sns-twitter {background-color:#1ea1f2;background-position:5px 5px;border-bottom:1px solid #1e82c0} +#sns_login .sns-payco {background-color:#df0b00;background-position:5px 5px;border-bottom:1px solid #9d0800} +#sns_login .txt {text-align:left;padding-left:10px;border-left:1px solid rgba(0,0,0,0.1);display:block;font-weight:bold} /*회원가입 */ -#sns_register{margin:0 0 10px;padding:0;text-align:center;background:#fff;border: 1px solid #dbdbdb; --webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2); --moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2); -box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);} -#sns_register h2{font-size: 1.167em;text-align: left;padding: 15px 20px;border-bottom: 1px solid #dbdbdb;} +#sns_register {margin:0 0 10px;padding:0;text-align:center;background:#fff;border:1px solid #dbdbdb} +#sns_register h2 {font-size:1.167em;text-align:left;padding:15px 20px;border-bottom:1px solid #dbdbdb} #sns_register .sns-wrap:after {display:block;visibility:hidden;clear:both;content:""} -#sns_register .sns-wrap{display:inline-block;padding:20px;vertical-align:top;margin:0} -#sns_register .sns-icon{display:inline-block;height:40px;line-height:40px;width:100%;margin:0 0 5px;padding-left:40px;text-align:left;color:#fff;border-radius:2px;float:left} -#sns_register .sns-icon:nth-child(3n+1){clear:both} -#sns_register .sns-naver{background-color:#1fc800;background-position:5px 5px;border-bottom:1px solid #1ea505} -#sns_register .sns-kakao{background-color:#ffeb00;background-position:5px 5px;border-bottom:1px solid #e2c10a} +#sns_register .sns-wrap {display:inline-block;padding:20px;vertical-align:top;margin:0} +#sns_register .sns-icon {display:inline-block;height:40px;line-height:40px;width:100%;margin:0 0 5px;padding-left:40px;text-align:left;color:#fff;border-radius:2px;float:left} +#sns_register .sns-icon:nth-child(3n+1) {clear:both} +#sns_register .sns-naver {background-color:#1fc800;background-position:5px 5px;border-bottom:1px solid #1ea505} +#sns_register .sns-kakao {background-color:#ffeb00;background-position:5px 5px;border-bottom:1px solid #e2c10a} #sns_register .sns-kakao {color:#3c1e1e} -#sns_register .sns-facebook{background-color:#3b579d;background-position:5px 5px;border-bottom:1px solid #28458f} -#sns_register .sns-google{background-color:#db4a3a;background-position:5px 5px;border-bottom:1px solid #c03121} -#sns_register .sns-twitter{background-color:#1ea1f2;background-position:5px 5px;border-bottom:1px solid #1e82c0} -#sns_register .sns-payco{background-color:#df0b00;background-position:5px 5px;border-bottom:1px solid #9d0800} -#sns_register .txt{text-align:;padding-left:10px;border-left:1px solid rgba(0,0,0,0.1);display:block;font-weight:bold} +#sns_register .sns-facebook {background-color:#3b579d;background-position:5px 5px;border-bottom:1px solid #28458f} +#sns_register .sns-google {background-color:#db4a3a;background-position:5px 5px;border-bottom:1px solid #c03121} +#sns_register .sns-twitter {background-color:#1ea1f2;background-position:5px 5px;border-bottom:1px solid #1e82c0} +#sns_register .sns-payco {background-color:#df0b00;background-position:5px 5px;border-bottom:1px solid #9d0800} +#sns_register .txt {display:block;padding-left:10px;border-left:1px solid rgba(0,0,0,0.1);font-weight:bold} /* LOGIN LOADING */ -.social-login-loading{width:100%;height:auto;text-align:center} -.social-login-loading p{display:inline-block;margin-top:10px;padding:40px 0 0;line-height:30px} +.social-login-loading {width:100%;height:auto;text-align:center} +.social-login-loading p {display:inline-block;margin-top:10px;padding:40px 0 0;line-height:30px} /*기존 계정에 연결하기*/ /* Styles for Accordion */ -.mbskin .toggle{position:relative;display:block;border:1px solid #c6cacc;margin-top:-1px;background-color: #fcfcfc;margin:0 0 5px} -.mbskin .toggle .toggle-title{padding:13px 15px;line-height:20px} -.mbskin .toggle .title-name{display:block} -.mbskin .toggle .toggle-inner{padding:15px;line-height:1.5em;display:none;background:#fff;border-top:1px solid #e2e2e2;} -.mbskin .toggle .toggle-inner div{max-width:100%} -.mbskin .right_i{position:absolute;font-size:0.92em;top:10px;right:10px;padding:0 10px 0 0;border-radius:3px;display:inline-block;z-index: 2;background: #3497d9;color: #fff;border-bottom-color: #1977b5;} -.mbskin .toggle .toggle-title .right_i i{background:url("./img/plus_minus.png") 0 -24px no-repeat;width:20px;height:24px;display:inline-block;vertical-align:middle} -.mbskin .toggle .toggle-title.active .right_i i{background:url("./img/plus_minus.png") 0 0 no-repeat} -.mbskin .all_agree{position:relative;display:block;;margin-bottom:6px;background:#d9d9d9;border-radius:3px;border-top:0;padding:13px 15px;line-height:20px} +.mbskin .toggle {position:relative;display:block;border:1px solid #c6cacc;margin-top:-1px;background-color:#fcfcfc;margin:0 0 5px} +.mbskin .toggle .toggle-title {padding:13px 15px;line-height:20px} +.mbskin .toggle .title-name {display:block} +.mbskin .toggle .toggle-inner {padding:15px;line-height:1.5em;display:none;background:#fff;border-top:1px solid #e2e2e2} +.mbskin .toggle .toggle-inner div {max-width:100%} +.mbskin .right_i {position:absolute;font-size:0.92em;top:10px;right:10px;padding:0 10px 0 0;border-radius:3px;display:inline-block;z-index:2;background:#3497d9;color:#fff;border-bottom-color:#1977b5} +.mbskin .toggle .toggle-title .right_i i {background:url("./img/plus_minus.png") 0 -24px no-repeat;width:20px;height:24px;display:inline-block;vertical-align:middle} +.mbskin .toggle .toggle-title.active .right_i i {background:url("./img/plus_minus.png") 0 0 no-repeat} +.mbskin .all_agree {position:relative;display:block;margin-bottom:6px;background:#d9d9d9;border-radius:3px;border-top:0;padding:13px 15px;line-height:20px} -#register_member .sns_tbl{background:#fff;;margin:10px 0;border:1px solid #c6cacc;} -.sns_tbl table{border:0} -.sns_tbl caption{ padding: 0 20px;line-height: 45px;font-size: 1.083em;border-bottom: 1px solid #e2e2e2;color:#4162ff;background: #fff;} -.sns_tbl th{width:80px;text-align:right;vertical-align:top;line-height:40px;padding:10px;} -.sns_tbl td{padding:10px;} -.sns_tbl .email_msg{color:#777;margin:5px 0 0} +#register_member .sns_tbl {background:#fff;margin:10px 0;border:1px solid #c6cacc} +.sns_tbl table {border:0} +.sns_tbl caption {padding:0 20px;line-height:45px;font-size:1.083em;border-bottom:1px solid #e2e2e2;color:#4162ff;background:#fff} +.sns_tbl th {width:80px;text-align:right;vertical-align:top;line-height:40px;padding:10px} +.sns_tbl td {padding:10px} +.sns_tbl .email_msg {color:#777;margin:5px 0 0} .sns_tbl .frm_input {width:100%} -#fregisterform{margin:10px} -#fregisterform .btn_confirm{text-align:center;margin:20px 0} -#fregisterform .btn_confirm .btn_submit{height:45px;;padding:0 30px;font-weight:bold;font-size:1.083em} -#fregisterform .btn_confirm .btn_cancel{line-height:45px;height:45px;padding:0 30px;font-weight:bold;font-size:1.083em} -#sns-link-pnl.remodal{border-radius:5px;max-width:400px; +#fregisterform .btn_confirm {text-align:center;margin:20px 0} +#fregisterform .btn_confirm .btn_submit {height:45px;padding:0 30px;font-weight:bold;font-size:1.083em} +#fregisterform .btn_confirm .btn_cancel {line-height:45px;height:45px;padding:0 30px;font-weight:bold;font-size:1.083em} + +#sns-link-pnl.remodal {border-radius:5px;max-width:400px; -webkit-box-shadow:0 0 10px rgba(0, 0, 0,0.8); -moz-box-shadow:0 0 10px rgba(0, 0, 0,0.8); -box-shadow:0 0 10px rgba(0, 0, 0,0.8);} +box-shadow:0 0 10px rgba(0, 0, 0,0.8)} #sns-link-pnl .connect-close {position:absolute;top:10px;right:10px;margin:0;padding:0;width:30px;height:30px;border:0;background:transparent;color:#383838;cursor:pointer;font-size:15px} #sns-link-pnl .connect-close:hover {color:#ff5191} #sns-link-pnl .connect-close .fa {margin:0 0 0 1px} #sns-link-pnl .connect-close .txt {position:absolute;line-height:0;font-size:0;overflow:hidden} -#sns-link-pnl #login_fs{margin:0 auto;width:100%;text-align:left} -#sns-link-pnl #login_fs label{display:block;display: block;font-size: 0.93em;color: #7a7a7a;margin: 5px 0;} -#sns-link-pnl #login_fs .lg_id,#sns-link-pnl #login_fs .lg_pw{width:100%;margin-bottom:5px;} -#sns-link-pnl #login_id,#sns-link-pnl #login_pw{width:100%} -#sns-link-pnl #login_fs .login_submit{width: 100%;height: 44px;font-size:1.167em;margin:10px auto 0;font-weight:bold;cursor:pointer;display:block;} +#sns-link-pnl #login_fs {margin:0 auto;width:100%;text-align:left} +#sns-link-pnl #login_fs label {display:block;display:block;font-size:0.93em;color:#7a7a7a;margin:5px 0} +#sns-link-pnl #login_fs .lg_id, #sns-link-pnl #login_fs .lg_pw {width:100%;margin-bottom:5px} +#sns-link-pnl #login_id, #sns-link-pnl #login_pw {width:100%} +#sns-link-pnl #login_fs .login_submit {width:100%;height:44px;font-size:1.167em;margin:10px auto 0;font-weight:bold;cursor:pointer;display:block} #sns-link-pnl .connect-fg {height:320px;text-align:left} #sns-link-pnl .login_fs {margin:0 auto;width:260px} #sns-link-pnl .connect-fg .connect-desc {margin:0 0 10px;padding:15px;border:1px solid #d6e9c6;background:#dff0d8;color:#3c763d} #sns-link-pnl .connect-fg .connect-title {margin-top:25px;margin-bottom:10px;font-size:1.667em;font-weight:bold;text-align:center} .mbskin .member_connect:after {display:block;visibility:hidden;clear:both;content:""} -.mbskin .member_connect{margin-top:1em;border: 2px solid #cacaca;margin:10px;padding:10px;text-align:left} -.mbskin .member_connect .strong{font-weight:bold;margin:0 0 10px;font-size:0.97em} -.mbskin .member_connect button{color: #fff;border:0;padding:7px 13px;border:1px solid #6446e7;font-weight:bold;background: #6f50e7;border-radius:3px;font-size:0.92em} -.mbskin .member_connect button:hover{background:#6446e7} +.mbskin .member_connect {margin-top:1em;border:2px solid #cacaca;margin:10px;padding:10px;text-align:left} +.mbskin .member_connect .strong {font-weight:bold;margin:0 0 10px;font-size:0.97em} +.mbskin .member_connect button {color:#fff;border:0;padding:7px 13px;border:1px solid #6446e7;font-weight:bold;background:#6f50e7;border-radius:3px;font-size:0.92em} +.mbskin .member_connect button:hover {background:#6446e7} -.mbskin .btn_group_trigger{margin:10px;text-align:center} -.mbskin .btn_group_trigger .btn_submit_trigger{display:inline-block;height:45px;line-height:45px;color:#fff;padding:0 30px;font-weight:bold;font-size:1.083em;background:#253dbe} +.mbskin .btn_group_trigger {margin:10px;text-align:center} +.mbskin .btn_group_trigger .btn_submit_trigger {display:inline-block;height:45px;line-height:45px;color:#fff;padding:0 30px;font-weight:bold;font-size:1.083em;background:#253dbe} -.mbskin .member_connect{margin-top:50px} \ No newline at end of file +.mbskin .member_connect {margin-top:50px} \ No newline at end of file diff --git a/theme/54/css/mobile.css b/theme/54/css/mobile.css index 42e399a34..b87e68f5f 100644 --- a/theme/54/css/mobile.css +++ b/theme/54/css/mobile.css @@ -2,18 +2,18 @@ /* 초기화 */ html {overflow-y:scroll;height:100%;min-width:320px} -body {margin:0;padding:0;font-size:0.75em;background:#f8f8f8;height:100%} +body {margin:0;padding:0;font-size:0.75em;background:#f8f8f8;height:100%;font-family:'Malgun Gothic', dotum, sans-serif} 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:'Malgun Gothic', dotum, sans-serif} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block} legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden} label, input, button, select, img {vertical-align:middle} -input, button {margin:0;padding:0;font-size:1em} +input, button {margin:0;padding:0;font-size:1em;font-family:'Malgun Gothic', dotum, sans-serif} button {cursor:pointer} input[type=text], input[type=password], input[type=submit], input[type=image], button {font-size:1em;-webkit-appearance:none} -textarea, select {font-size:1em;font-family:dotum} -textarea {border-radius:0;-webkit-appearance:none} -select {margin:0;background:none} +textarea, select {font-size:1em;font-family:'Malgun Gothic', dotum, sans-serif} +textarea {border-radius:0;-webkit-appearance:none;font-family:'Malgun Gothic', dotum, sans-serif} +select {margin:0;background:none;font-family:'Malgun Gothic', dotum, sans-serif} p {margin:0;padding:0;word-break:break-all} hr {display:none} pre {overflow-x:scroll;font-size:1.1em} @@ -41,10 +41,10 @@ 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:62px;text-align:center} +#logo {padding:10px 10px;height:60px;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%; +#gnb {display:none;background:#efefef;position:fixed;top:0;left:0;z-index:99999;width:100%;max-width:400px;height:100%;overflow-y:auto; -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)} @@ -52,8 +52,8 @@ box-shadow:0 0 5px rgba(55,55,5,0.4)} #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_1dli button {position:absolute;top:5px;right:0;width:40px;height:40px;overflow:hidden;border:0;font-size:1.2em;background:#fff;background:url(../img/mobile/gnb_bg2.png) no-repeat 50% 50%;text-indent:-9999px} +.gnb_1dli button.btn_gnb_cl {background:url(../img/mobile/gnb_bg.png) no-repeat 50% 50%} .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} @@ -66,7 +66,7 @@ box-shadow:0 0 5px rgba(55,55,5,0.4)} #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: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} +#hd_sch #sch_submit {position:absolute;top:0;left:0;width:40px;height:38px;border:0;border-radius:3px;cursor:pointer;color:#a6a5a5;background:#464646;font-size:1.25em} #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} @@ -86,7 +86,7 @@ pink;background-size:25px;color:#fff;text-indent:-999999999px;overflow:hidden}*/ #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} +#text_size {margin:10px 0;text-align:center;display:inline-block;padding:7px 20px;background:#e6e7e9;border-radius:25px;height:48px} #text_size button {margin:0 5px;border:0;background:none;height:35px;width:35px;border-radius:50%} #text_size button.select {background:#fff;border-bottom:1px solid #bbb; -webkit-box-shadow:0 0 5px rgba(100,80,100,0.2); @@ -106,15 +106,15 @@ box-shadow:0 0 5px rgba(100,100,100,0.2)} box-shadow:0 0 5px rgba(55,55,5,0.4); } .top {position:relative} -.btn_top {position:absolute;top:0px;right:0px;z-index:999;padding:10px} +.btn_top {position:absolute;top:0px;right:0px;z-index:999;padding:8px 0} .btn_top li {display:inline-block} -.btn_top a,.btn_top .btn_submit {line-height:30px;padding:0 10px;border-radius:3px} +.btn_top a,.btn_top button,.btn_top .btn_submit {/*line-height:30px;padding:0 10px;border-radius:3px*/} .btn_top .btn_cancel,.btn_top .btn_b01 {border:1px solid #aaa;background:none;color:#666;line-height:28px;background:#fff} .fixed {position:fixed;top:0;right:0;z-index:999} #container_title.fixed {width:100%} /* 하단 레이아웃 */ -#ft {background:#222;padding:0px 10px 10px} +#ft {background:#222;padding:0px 20px 20px} #ft h1 {width:0;height:0;font-size:0;line-height:0;overflow:hidden} #ft p {margin:0;padding:10px 0;line-height:1.8em} @@ -125,8 +125,13 @@ box-shadow:0 0 5px rgba(55,55,5,0.4); #ft_copy b {color:inherit} #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-radius:2em;background:#302e2e;color:#777;font-size:1em;text-decoration:none;text-align:center} +#top_btn {position:fixed;bottom:10px;right:15px;width:50px;height:50px;line-height:36px;border:2px solid #d2d2d2;border-radius:50%;background:#e8e8e800;color:#d2d2d2;text-align:center;font-size:15px;z-index:99; +-webkit-box-shadow:1px 2px 5px rgba(191, 191, 191, 0.4); +-moz-box-shadow:1px 2px 5px rgba(191, 191, 191, 0.4); +box-shadow:1px 2px 5px rgba(191, 191, 191, 0.4)} +#top_btn i {font-size:1.4em} +#top_btn:hover {background:#3b8afb;color:#fff} +#device_change {display:block;line-height:40px;border-radius:5px;background:#302e2e;color:#777;font-size:1em;text-decoration:none;text-align:center} /* 게시물 선택복사 선택이동 */ #copymove {} @@ -202,12 +207,20 @@ button.btn_frmline {font-size:1em} /* 게시판용 버튼 */ 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, .btn_b02 {display:inline-block;background:transparent;color:#fff/*bababa*/;border:1px solid #787878;border-radius:3px;padding:10px;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 {display:inline-block;color:#d13f4a;font-size:1.4em;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */ a.btn_admin:focus, a.btn_admin:hover {} +.fix_btn {position:fixed;bottom:65px;right:15px;background:#3a8afd;width:50px;height:50px;color:#fff;text-align:center;border-radius:50% !important;font-size:1.8em;line-height:50px !important;-webkit-box-shadow:1px 2px 5px rgba(191, 191, 191, 0.4); +-moz-box-shadow:1px 2px 5px rgba(191, 191, 191, 0.4); +box-shadow:1px 2px 5px rgba(191, 191, 191, 0.4)} +a.btn,.btn {line-height:35px;height:35px;padding:0 5px;text-align:center;font-weight:bold;border:0;font-size:1.4em; +-webkit-transition:background-color 0.3s ease-out; +-moz-transition:background-color 0.3s ease-out; +-o-transition:background-color 0.3s ease-out; +transition:background-color 0.3s ease-out} /* 기본테이블 */ .tbl_wrap {margin:0 10px 10px} @@ -216,13 +229,14 @@ a.btn_admin:focus, a.btn_admin:hover {} .tbl_head01 {} .tbl_head01 caption {padding:0 0 10px;color:#777;text-align:left} -.tbl_head01 thead th {padding:12px 0;border:1px solid #cacaca;background:#d9d9da;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em} +.tbl_head01 thead th {padding:12px 0;border:1px solid #d8dbdf;background:#f7f7f9;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em} .tbl_head01 thead a {color:#383838} .tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ .tbl_head01 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff} .tbl_head01 tfoot td {border-color:#e3e3e5;background:#484848;color:#fff;font-weight:bold;text-align:center} +.tbl_head01 tbody {text-align:left} .tbl_head01 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9} -.tbl_head01 td {padding:5px;border:1px solid #e3e3e5;line-height:1.5em;word-break:break-all} +.tbl_head01 td {padding:5px;border:1px solid #e7e9ec;border-top:0;line-height:1.5em;word-break:break-all} .tbl_head02 {} .tbl_head02 caption {padding:0 0 10px;color:#777;text-align:left} @@ -236,19 +250,20 @@ a.btn_admin:focus, a.btn_admin:hover {} /* 기본리스트 */ .list_01 ul {} -.list_01 li {background:#fff;border-bottom:1px solid #e5ecee} +.list_01 li {border-bottom:1px solid #e5ecee;padding:15px} +.list_01 li:after {display:block;visibility:hidden;clear:both;content:""} +.all_chk {padding:15px;border-bottom:1px solid #e8eaee;background:#fff} /* 기본폼 */ -.form_01 {margin:10px} .form_01 .write_div {margin:5px 0;position:relative} .form_01 li {margin:5px 0;position:relative;list-style:none} -.form_01 textarea, .frm_input {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px} +.form_01 textarea, .frm_input {border:1px solid #d0d3db;background:#fff;color:#000;vertical-align:middle;padding:5px} .form_01 textarea {width:100%;height:100px} .frm_input {height:40px} .full_input {width:100%} .form_01 .frm_file {display:block;margin-bottom:5px;width:100%} .form_01 select {height:40px;border-radius:3px;background-color:#fff} -.form_01 .frm_info {font-size:0.92em;color:#4162ff;text-align:left;margin:3px 0 10px;display:block;line-height:1.3em} +.form_01 .frm_info {font-size:0.92em;color:#3a8afd;text-align:left;margin:3px 0 10px;display:block;line-height:1.3em} /* 자료 없는 목록 */ .empty_table {padding:100px 0 !important;color:#777;text-align:center} @@ -278,23 +293,29 @@ a.btn_admin:focus, a.btn_admin:hover {} .txt_rdy {color:#8abc2a} /* 새창 기본 스타일 */ -.new_win {} -.new_win #win_title {font-size:1.2em;height:50px;line-height:30px;padding:10px 20px;background:#fff;color:#000;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1); +.new_win {position:relative;background:#fff} +.new_win #win_title {font-size:1.3em;height:50px;line-height:30px;padding:10px 20px;background:#fff;color:#000;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1); -moz-box-shadow:0 1px 10px rgba(0,0,0,.1); box-shadow:0 1px 10px rgba(0,0,0,.1)} .new_win #win_title .sv {font-size:0.75em;line-height:1.2em} .new_win_con {} -.new_win .win_ul {margin:10px} -.new_win .win_ul li {display:inline-block} -.new_win .win_ul li a {display:block;line-height:24px;padding:0 10px} -.new_win .win_ul li .selected {background:#4162ff;color:#fff;border-radius:13px; --webkit-box-shadow:0 0 5px rgba(65,98,255,0.8); --moz-box-shadow:0 0 5px rgba(65,98,255,0.8); -box-shadow:0 0 8px rgba(65,98,255,0.8)} +.new_win .win_ul {margin-bottom:15px;padding:0 20px} +.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""} +.new_win .win_ul li {float:left;background:#fff;text-align:center;padding:0 10px;border:1px solid #d6e9ff;border-radius:30px;margin-left:5px} +.new_win .win_ul li:first-child {margin-left:0} +.new_win .win_ul li a {display:block;padding:8px 0;color:#6794d3} +.new_win .win_ul .selected {background:#3a8afd;border-color:#3a8afd;position:relative;z-index:5} +.new_win .win_ul .selected a {color:#fff;font-weight:bold} +.new_win .win_desc {position:relative;margin:10px;border-radius:5px;font-size:1em;background:#f2838f;color:#fff;line-height:50px;text-align:left;padding:0 20px} +.new_win .win_desc i {font-size:1.2em;vertical-align:baseline} +.new_win .win_desc:after {content:"";position:absolute;left:0;top:0;width:4px;height:50px;background:#da4453;border-radius:3px 0 0 3px} -.new_win .win_desc {margin:5px 0;font-size:0.92em;color:#4162ff} -.new_win .win_btn {clear:both;margin:10px 0;text-align:center} +.new_win .win_total {float:right;display:inline-block;line-height:30px;font-weight:normal;font-size:0.75em;color:#3a8afd;background:#f6f6f6;padding:0 10px;border-radius:5px} +.new_win .new_win_con {margin:20px 0} +.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""} + +.new_win .win_btn {clear:both;padding:10px 0 30px;text-align:center} .new_win .win_btn a {display:inline-block;height:40px;line-height:40px;font-weight:bold} /*.new_win .btn_close {display:inline-block;padding:0 10px;border:0;background:#c6c6d2;color:#666;text-decoration:none;font-weight:bold;height:40px;border-radius:3px;margin:10px 0} .new_win .btn_submit {width:100%;height:40px;line-height:40px;border-radius:3px;margin:0 0 20px;display:inline-block;font-weight:bold}*/ @@ -320,7 +341,7 @@ box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)} .sv_nojs .sv {display:block} /* 페이징 */ -.pg_wrap {clear:both;float:left;display:inline-block} +.pg_wrap {clear:both;display:block;padding:10px 0;text-align:center} .pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} .pg {text-align:center} .pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#eee;border:1px solid #eee} diff --git a/theme/54/img/mobile/gnb_bg.png b/theme/54/img/mobile/gnb_bg.png index ab10537d25c7f6fb72f4997cc6183995a91640c1..1c88ea4fc966cd9d477a05ebb243337f243ec4c8 100644 GIT binary patch delta 220 zcmV<203-kO2l)XZiBL{Q4GJ0x0000DNk~Le00009000062nGNE01?Nu#gQQ=e*l|F zL_t(|+G6-nr_ul_K{ZklN zSXmhUf$fLrW@Kby*tTOg0~;IbGJh6kW@ZLgX9osO4h{ym`B3oZ&mRU+5fKJ}00RJr Wl37N)2rSY700002C2wokk{6RVn+`;o zUOXrsM7)T*2optc;7QTT4h}pD!VpySF6^KunJ-=2d9a2@-tRrW@B96Iw@SsrK>u(* zMNtFVq*^9>Z)ErNkU!kSFUfWs=c;%L&EdM?Ln>{dSqL=8n1^L(SdGh@aEzk%({`nb ztNMA_L=Iy_7$$T)!ltOPiO@651&F~coVQ(t{_*N94QxxHXA(N6ds$esCzpLVwOp*2 z%L``8q9?||SSS+#2Vw(+&Y~O0p+YxxWnxFyEDf3vyr9s#K~?n<$RZzt1S7^wj^}|S zF?>8BN&Gn=aJ;~BWJxhTE+-^eNP^Z!6K}pXCzsWH%NIE*bPZ!qX4!hZ&eTN)`SUEF zN~IzVL5LAVENHmc2xD$A(pFGmVEVR)ZRCPT(U?U`SfNRzyD2zcN7fBmWg-P*L&IZv zhKo{a19koXP{-+@16+oC@%~dds5CstmSKRFe3LY8ZX|N$$ypy782J^17TZ-U)euHO z4S66tC4tj3wrin!aHfgZby;%*Y`7-WRD~uAjBQ)8peEz$=x8b*=SbCaQbtXtb7Edf zj{Kx5uAd3x0l&-l3K&s?Rf*R{j7N C4nrjX diff --git a/theme/54/img/mobile/gnb_bg2.png b/theme/54/img/mobile/gnb_bg2.png index 5828f41b7cd81d3958d5383073a5c8ba91328027..efcd812cbcd932a719b779e16fd0bc11ef925a47 100644 GIT binary patch delta 227 zcmV<90383&2Y>=0iBL{Q4GJ0x0000DNk~Le00009000062nGNE01?Nu#gQQ=e*mIM zL_t(|+G3nJcj5n+uU<2-u&^*714bbJ{^JLOjg>hA%j-997&dL$&cMUNgQDW^-@goh ze*a;xG&f;jsV*yG{PpYi|AU8*GH`QqgVp@|_mAP%uU`xWIT;KduFi~1Ai>6(az;}V zBZjZvzA^m&|DWN<&z}qlv5^cxIey-ZU|k?V7|t#%`)_XN_J8{9`Tvo{Q51pjs9pRq5*$wI{h zLSil;fsi7xq3%e)fP_FuRAPdutSrFF06nKk%0RGe-;dsV-*?~l?rycR7GGLfq9`g} zUe{{TNWRmHG4lW9yxV{E}1G_1jmcQ8XyCuzIU#7+IG zVj_nzA`BBc9$`~dCL4N&*@YOi;Fj&G^!FF9Xkc3^y^+>A-7CP3y*~6|eOPIj!>%b? zboL6!gbERGAT~hgY`cLHs`OY_A@gXPrNJ12yDEK@R8y~l0`eh9GpVG>@jQ?uh8NS4 z#9sme#|tb+UMb0oN?KBc%V6@*B${uvm6}$X#3Cz|?qKXGEZgt*nSP2v{uay2vK(m$ zLXseo!NA2vm~?~0R6&D*>DwN*kqaV4qlJ1{rAekoM{vBEtQ$k`%mGZG4LQ;g8}OKCTUzd5ry)Uf)5Rh{02hX(<)Xw2&15bJW!}h z;KGLOTBsjf9OHFeDZ2qSToaZxl_m;|ZCi@CDu|_gx>yo9ndggAPR`}>k|=9}#7PBN znsPN{_8jQqDc3sYmgaIJD>xpBtU=$t39XWk956nzV$aW|FjsHFwdUud&E>Kr88&L{ zUyYt_5%)yXnQh5pW_;)pxBJA_?Y+@`awW8~mTQDxTAALj54U0qo7U_2!MEN0bHC4z zPK+L(xflQQ)86^~W@jyN?OE#SgZFnn#;!lyI~6M(a9@9{CSL9@EOJzC`E0QJ하위분류
    '.PHP_EOL; + echo '
      '.PHP_EOL; ?>
    diff --git a/theme/54/mobile/skin/board/basic/list.skin.php b/theme/54/mobile/skin/board/basic/list.skin.php index e15c1ae1a..7366cd0d3 100644 --- a/theme/54/mobile/skin/board/basic/list.skin.php +++ b/theme/54/mobile/skin/board/basic/list.skin.php @@ -11,10 +11,29 @@ add_stylesheet('', 0 ?> - - - -
    -
      - -
    • 목록
      • - - -
      • -
      • -
      • - -
    -
    - - + - +