모바일 퍼블리싱 / 금요일 오후 작업 포함
This commit is contained in:
1 parent
71f6c8e852
commit
7414fed364
23 files changed
+595
-474
No files matched your search
@@ -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}
|
||||
.mbskin .member_connect {margin-top:50px}
|
||||
+58
-37
@@ -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}
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 1012 B After Width: | Height: | Size: 249 B |
Binary file not shown.
|
Before Width: | Height: | Size: 976 B After Width: | Height: | Size: 256 B |
@@ -55,7 +55,7 @@ include_once(G5_LIB_PATH.'/popular.lib.php');
|
||||
|
||||
for ($k=0; $row2=sql_fetch_array($result2); $k++) {
|
||||
if($k == 0)
|
||||
echo '<button type="button" class="btn_gnb_op">하위분류</button><ul class="gnb_2dul">'.PHP_EOL;
|
||||
echo '<button type="button" class="btn_gnb_op"><span class="sound_only">하위분류</span></button><ul class="gnb_2dul">'.PHP_EOL;
|
||||
?>
|
||||
<li class="gnb_2dli"><a href="<?php echo $row2['me_link']; ?>" target="_<?php echo $row2['me_target']; ?>" class="gnb_2da"><span></span><?php echo $row2['me_name'] ?></a></li>
|
||||
<?php
|
||||
@@ -73,8 +73,8 @@ include_once(G5_LIB_PATH.'/popular.lib.php');
|
||||
<?php } ?>
|
||||
</ul>
|
||||
<ul id="hd_nb">
|
||||
<li class="hd_nb1"><a href="<?php echo G5_BBS_URL ?>/qalist.php" id="snb_qa"><i class="fa fa-comments" aria-hidden="true"></i>1:1문의</a></li>
|
||||
<li class="hd_nb2"><a href="<?php echo G5_BBS_URL ?>/faq.php" id="snb_faq"><i class="fa fa-question-circle" aria-hidden="true"></i>FAQ</a></li>
|
||||
<li class="hd_nb1"><a href="<?php echo G5_BBS_URL ?>/faq.php" id="snb_faq"><i class="fa fa-question" aria-hidden="true"></i>FAQ</a></li>
|
||||
<li class="hd_nb2"><a href="<?php echo G5_BBS_URL ?>/qalist.php" id="snb_qa"><i class="fa fa-comments" aria-hidden="true"></i>1:1문의</a></li>
|
||||
<li class="hd_nb3"><a href="<?php echo G5_BBS_URL ?>/current_connect.php" id="snb_cnt"><i class="fa fa-users" aria-hidden="true"></i>접속자 <span><?php echo connect('theme/basic'); // 현재 접속자수 ?></span></a></li>
|
||||
<li class="hd_nb4"><a href="<?php echo G5_BBS_URL ?>/new.php" id="snb_new"><i class="fa fa-history" aria-hidden="true"></i>새글</a></li>
|
||||
</ul>
|
||||
|
||||
@@ -11,10 +11,29 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
|
||||
?>
|
||||
|
||||
<?php if ($rss_href || $write_href) { ?>
|
||||
<ul class="<?php echo isset($view) ? 'view_is_list btn_top' : 'btn_top top';?>">
|
||||
<?php if ($rss_href) { ?><li><a href="<?php echo $rss_href ?>" class="btn_b01"><i class="fa fa-rss" aria-hidden="true"></i><span class="sound_only">RSS</span></a></li><?php } ?>
|
||||
<?php if ($admin_href) { ?><li><a href="<?php echo $admin_href ?>" class="btn_admin"><i class="fa fa-user-circle" aria-hidden="true"></i><span class="sound_only">관리자</span></a></li><?php } ?>
|
||||
<?php if ($write_href) { ?><li><a href="<?php echo $write_href ?>" class="btn_b02"><i class="fa fa-pencil" aria-hidden="true"></i> 글쓰기</a></li><?php } ?>
|
||||
<ul class="<?php echo isset($view) ? 'view_is_list btn_top' : 'btn_top top btn_bo_user';?>">
|
||||
<?php if ($admin_href) { ?><li><a href="<?php echo $admin_href ?>" class="btn_admin btn"><i class="fa fa-cog fa-spin fa-fw"></i><span class="sound_only">관리자</span></a></li><?php } ?>
|
||||
<?php if ($rss_href) { ?><li><a href="<?php echo $rss_href ?>" class="btn_b02 btn"><i class="fa fa-rss" aria-hidden="true"></i><span class="sound_only">RSS</span></a></li><?php } ?>
|
||||
<?php if ($is_admin == 'super' || $is_auth) { ?>
|
||||
<li>
|
||||
<button type="button" class="btn_more_opt btn_b02 btn"><i class="fa fa-ellipsis-v" aria-hidden="true"></i><span class="sound_only">게시판 리스트 옵션</span></button>
|
||||
<?php if ($is_checkbox) { ?>
|
||||
<ul class="more_opt">
|
||||
<li><button type="submit" name="btn_submit" value="선택삭제" onclick="document.pressed=this.value"><i class="fa fa-trash-o" aria-hidden="true"></i> 선택삭제</button></li>
|
||||
<li><button type="submit" name="btn_submit" value="선택복사" onclick="document.pressed=this.value"><i class="fa fa-files-o" aria-hidden="true"></i> 선택복사</button></li>
|
||||
<li><button type="submit" name="btn_submit" value="선택이동" onclick="document.pressed=this.value"><i class="fa fa-arrows" aria-hidden="true"></i> 선택이동</button></li>
|
||||
</ul>
|
||||
<?php } ?>
|
||||
|
||||
<script>
|
||||
// 게시판 리스트 관리자 옵션
|
||||
$(".btn_more_opt").on("click", function() {
|
||||
$(".more_opt").toggle();
|
||||
})
|
||||
</script>
|
||||
</li>
|
||||
<?php } ?>
|
||||
<?php if ($write_href) { ?><li><a href="<?php echo $write_href ?>" class="fix_btn"><i class="fa fa-pencil" aria-hidden="true"></i><span class="sound_only">글쓰기</span></a></li><?php } ?>
|
||||
</ul>
|
||||
<?php } ?>
|
||||
<!-- 게시판 목록 시작 -->
|
||||
@@ -29,11 +48,6 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
|
||||
</nav>
|
||||
<?php } ?>
|
||||
|
||||
<div id="bo_list_total">
|
||||
<span>전체 <?php echo number_format($total_count) ?>건</span>
|
||||
<?php echo $page ?> 페이지
|
||||
</div>
|
||||
|
||||
<form name="fboardlist" id="fboardlist" action="./board_list_update.php" onsubmit="return fboardlist_submit(this);" method="post">
|
||||
<input type="hidden" name="bo_table" value="<?php echo $bo_table ?>">
|
||||
<input type="hidden" name="sfl" value="<?php echo $sfl ?>">
|
||||
@@ -46,77 +60,65 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
|
||||
|
||||
<div class="list_01">
|
||||
<?php if ($is_checkbox) { ?>
|
||||
<div scope="col">
|
||||
<div class="all_chk">
|
||||
<input type="checkbox" id="chkall" onclick="if (this.checked) all_checked(true); else all_checked(false);">
|
||||
<label for="chkall"><span class="sound_only">현재 페이지 게시물 </span>전체선택</label>
|
||||
</div>
|
||||
<?php } ?>
|
||||
<ul>
|
||||
<?php
|
||||
for ($i=0; $i<count($list); $i++) {
|
||||
?>
|
||||
<?php for ($i=0; $i<count($list); $i++) { ?>
|
||||
<li class="<?php if ($list[$i]['is_notice']) echo "bo_notice"; ?>">
|
||||
<?php if ($is_checkbox) { ?>
|
||||
<div class="bo_chk">
|
||||
<label for="chk_wr_id_<?php echo $i ?>" class="sound_only"><?php echo $list[$i]['subject'] ?></label>
|
||||
<input type="checkbox" name="chk_wr_id[]" value="<?php echo $list[$i]['wr_id'] ?>" id="chk_wr_id_<?php echo $i ?>">
|
||||
</div><?php } ?>
|
||||
|
||||
<div class="bo_subject">
|
||||
|
||||
<?php
|
||||
if ($is_category && $list[$i]['ca_name']) {
|
||||
?>
|
||||
<a href="<?php echo $list[$i]['ca_name_href'] ?>" class="bo_cate_link"><?php echo $list[$i]['ca_name'] ?></a>
|
||||
<?php } ?>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
<div class="bo_cnt">
|
||||
<div>
|
||||
<?php if ($list[$i]['is_notice']) { ?><strong class="notice_icon">공지</strong><?php } ?>
|
||||
<?php if ($is_category && $list[$i]['ca_name']) { ?>
|
||||
<a href="<?php echo $list[$i]['ca_name_href'] ?>" class="bo_cate_link"><?php echo $list[$i]['ca_name'] ?></a>
|
||||
<?php } ?>
|
||||
</div>
|
||||
<a href="<?php echo $list[$i]['href'] ?>" class="bo_subject">
|
||||
<?php echo $list[$i]['icon_reply']; ?>
|
||||
<?php if ($list[$i]['is_notice']) { ?><strong class="notice_icon"><i class="fa fa-volume-up" aria-hidden="true"></i>공지</strong><?php } ?>
|
||||
<?php echo $list[$i]['subject'] ?>
|
||||
<?php
|
||||
// if ($list[$i]['file']['count']) { echo '<'.$list[$i]['file']['count'].'>'; }
|
||||
|
||||
if (isset($list[$i]['icon_new'])) echo $list[$i]['icon_new'];
|
||||
if (isset($list[$i]['icon_hot'])) echo $list[$i]['icon_hot'];
|
||||
if (isset($list[$i]['icon_file'])) echo $list[$i]['icon_file'];
|
||||
if (isset($list[$i]['icon_link'])) echo $list[$i]['icon_link'];
|
||||
if (isset($list[$i]['icon_secret'])) echo $list[$i]['icon_secret'];
|
||||
|
||||
?>
|
||||
|
||||
<?php if ($list[$i]['comment_cnt']) { ?>
|
||||
<span class="bo_cmt">
|
||||
<span class="sound_only">댓글</span>
|
||||
<?php echo $list[$i]['comment_cnt']; ?>
|
||||
<span class="sound_only">개</span>
|
||||
</span>
|
||||
<?php } ?>
|
||||
|
||||
</a>
|
||||
|
||||
</div>
|
||||
<div class="bo_info">
|
||||
<div class="bo_info">
|
||||
<span class="sound_only">작성자</span><?php echo $list[$i]['name'] ?>
|
||||
|
||||
|
||||
<span class="bo_date"><?php if ($list[$i]['comment_cnt']) { ?><span class="sound_only">댓글</span><i class="fa fa-commenting-o" aria-hidden="true"></i><?php echo $list[$i]['comment_cnt']; ?><span class="sound_only">개</span><?php } ?> <i class="fa fa-clock-o" aria-hidden="true"></i> <?php echo $list[$i]['datetime2'] ?></span>
|
||||
|
||||
</div>
|
||||
|
||||
</li><?php } ?>
|
||||
<span class="bo_date"><i class="fa fa-clock-o" aria-hidden="true"></i> <?php echo $list[$i]['datetime2'] ?></span>
|
||||
<span class="bo_view"><i class="fa fa-eye" aria-hidden="true"></i> <?php echo number_format($view['wr_hit']) ?><span class="sound_only">회</span></span>
|
||||
<?php if ($is_good) { ?><span class="sound_only">추천</span><i class="fa fa-thumbs-o-up" aria-hidden="true"></i> <?php echo $list[$i]['wr_good'] ?><?php } ?>
|
||||
<?php if ($is_nogood) { ?><span class="sound_only">비추천</span><i class="fa fa-thumbs-o-down" aria-hidden="true"></i> <?php echo $list[$i]['wr_nogood'] ?><?php } ?>
|
||||
</div>
|
||||
</li>
|
||||
<?php } ?>
|
||||
<?php if (count($list) == 0) { echo '<li class="empty_table">게시물이 없습니다.</li>'; } ?>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<?php if ($list_href || $is_checkbox || $write_href) { ?>
|
||||
<div class="bo_fx">
|
||||
<ul class="btn_bo_adm">
|
||||
<?php if ($list_href) { ?>
|
||||
<li><a href="<?php echo $list_href ?>" class="btn_b01 btn"> 목록</a></li>
|
||||
<?php } ?>
|
||||
<?php if ($is_checkbox) { ?>
|
||||
<li><button type="submit" name="btn_submit" value="선택삭제" onclick="document.pressed=this.value" class="btn"><i class="fa fa-trash-o" aria-hidden="true"></i><span class="sound_only">선택삭제</span></button></li>
|
||||
<li><button type="submit" name="btn_submit" value="선택복사" onclick="document.pressed=this.value" class="btn"><i class="fa fa-files-o" aria-hidden="true"></i><span class="sound_only">선택복사</span></button></li>
|
||||
<li><button type="submit" name="btn_submit" value="선택이동" onclick="document.pressed=this.value" class="btn"><i class="fa fa-arrows" aria-hidden="true"></i> <span class="sound_only">선택이동</span></button></li>
|
||||
<?php } ?>
|
||||
</ul>
|
||||
</div>
|
||||
<?php } ?>
|
||||
</form>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
|
||||
<?php if($is_checkbox) { ?>
|
||||
<noscript>
|
||||
<p>자바스크립트를 사용하지 않는 경우<br>별도의 확인 절차 없이 바로 선택삭제 처리하므로 주의하시기 바랍니다.</p>
|
||||
@@ -126,9 +128,13 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
|
||||
<!-- 페이지 -->
|
||||
<?php echo $write_pages; ?>
|
||||
|
||||
<div id="bo_list_total">
|
||||
<span>전체 <?php echo number_format($total_count) ?>건</span>
|
||||
<?php echo $page ?> 페이지
|
||||
</div>
|
||||
|
||||
<fieldset id="bo_sch">
|
||||
<legend>게시물 검색</legend>
|
||||
|
||||
<form name="fsearch" method="get">
|
||||
<input type="hidden" name="bo_table" value="<?php echo $bo_table ?>">
|
||||
<input type="hidden" name="sca" value="<?php echo $sca ?>">
|
||||
@@ -137,7 +143,7 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
|
||||
<select name="sfl" id="sfl">
|
||||
<?php echo get_board_sfl_select_options($sfl); ?>
|
||||
</select>
|
||||
<input name="stx" value="<?php echo stripslashes($stx) ?>" placeholder="검색어(필수)" required id="stx" class="sch_input" size="15" maxlength="20">
|
||||
<input name="stx" value="<?php echo stripslashes($stx) ?>" placeholder="검색어를 입력하세요" required id="stx" class="sch_input" size="15" maxlength="20">
|
||||
<button type="submit" value="검색" class="sch_btn"><i class="fa fa-search" aria-hidden="true"></i> <span class="sound_only">검색</span></button>
|
||||
</form>
|
||||
</fieldset>
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
#bo_list a.btn_b02:focus, #bo_list .btn_b02:hover {}
|
||||
#bo_list a.btn_admin {} /* 관리자 전용 버튼 */
|
||||
#bo_list a.btn_admin:focus, #bo_list a.btn_admin:hover {}
|
||||
.chk_all{margin:10px 0}
|
||||
.chk_all {margin:10px 0}
|
||||
|
||||
/* 읽기 버튼 */
|
||||
#bo_v a.btn_b01 {}
|
||||
@@ -39,24 +39,21 @@
|
||||
#bo_list .td_date {width:60px;text-align:center}
|
||||
#bo_list .td_datetime {width:150px;text-align:center}
|
||||
#bo_list .td_mng {width:80px;text-align:center}
|
||||
#bo_list .notice_icon{display: inline-block;background: #ff6f6f;padding: 0 5px;line-height: 20px;border-radius: 5px;font-weight: normal;font-size:11px;color: #fff;}
|
||||
#bo_list .notice_icon i{color:#fff}
|
||||
#bo_list .bo_subject .fa-download{width:16px;height:16px;line-height:16px;background:#ecaa30;color:#fff;text-align:center;font-size:10px;border-radius:2px}
|
||||
#bo_list .bo_subject .fa-link{width:16px;height:16px;line-height:16px;background:#2aa974;color:#fff;text-align:center;font-size:10px;border-radius:2px}
|
||||
#bo_list .bo_subject .fa-heart{color:#ff0000;;text-align:center;font-size:10px;border-radius:2px}
|
||||
#bo_list .bo_subject .new_icon{display:inline-block;padding: 0 3px;line-height:16px ;font-size:0.833em;color:#fff;background:#c56bed}
|
||||
#bo_list .bo_tit .fa-lock{color:#666}
|
||||
|
||||
#bo_list .notice_icon {display:inline-block;background:#fbe2e6;padding:0 5px;line-height:20px;border-radius:5px;font-weight:bold;font-size:11px;color:#f1364c}
|
||||
#bo_list .bo_subject .fa-download {width:16px;height:16px;line-height:16px;background:#ecaa30;color:#fff;text-align:center;font-size:10px;border-radius:2px}
|
||||
#bo_list .bo_subject .fa-link {width:16px;height:16px;line-height:16px;background:#2aa974;color:#fff;text-align:center;font-size:10px;border-radius:2px}
|
||||
#bo_list .bo_subject .fa-heart {color:#ff0000;text-align:center;font-size:10px;border-radius:2px}
|
||||
#bo_list .bo_subject .new_icon {display:inline-block;padding: 0 3px;line-height:16px ;font-size:0.833em;color:#fff;background:#c56bed}
|
||||
#bo_list .bo_tit .fa-lock {color:#666}
|
||||
|
||||
#bo_cate h2 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
|
||||
#bo_cate ul {margin: 10px;padding-left:1px;zoom:1}
|
||||
#bo_cate ul {background:#fff;padding-left:1px;border-bottom:1px solid #d9dce3;zoom:1}
|
||||
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#bo_cate li{display:inline-block;float:left;margin:3px 5px 3px 0}
|
||||
#bo_cate a {display:block;line-height:24px;padding:0 10px;border-radius:13px;background:#fff;}
|
||||
#bo_cate #bo_cate_on {background:#4162ff;color:#fff;
|
||||
-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);}
|
||||
#bo_cate li {display:inline-block;float:left}
|
||||
#bo_cate a {display:block;line-height:24px;padding:15px}
|
||||
#bo_cate #bo_cate_on {display:inline-block;position:relative;color:#3a8afd}
|
||||
#bo_cate #bo_cate_on:after {content:"";position:absolute;left:0;bottom:0;width:100%;height:4px;display:inline-block;background:#3a8afd}
|
||||
|
||||
|
||||
/* 관리자일 때 */
|
||||
#bo_list_admin th label {position:absolute;font-size:0;line-height:0;overflow:hidden}
|
||||
@@ -72,41 +69,58 @@ box-shadow: 0 0 8px rgba(65,98,255,0.8);}
|
||||
#bo_list td:nth-of-type(2) {text-align:center}
|
||||
|
||||
/* 게시판 목록 공통 */
|
||||
#bo_list {}
|
||||
#bo_list li {background:#fff}
|
||||
#bo_list li.bo_notice {background:#fff6fa}
|
||||
|
||||
.bo_fx {margin-bottom:5px;padding:0 10px}
|
||||
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.bo_fx ul {margin:0;padding:0;list-style:none}
|
||||
#bo_list_total{position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;font-size:0}
|
||||
.btn_bo_user {float:right;margin:0;padding:0;list-style:none}
|
||||
.btn_bo_user li {float:left;margin-left:5px}
|
||||
.btn_bo_adm {text-align:center}
|
||||
.btn_bo_adm li {display:inline-block;}
|
||||
.btn_bo_adm button {border:0;padding:0 10px;background:#d13f4a;color:#fff;text-decoration:none;vertical-align:middle}
|
||||
.bo_notice td {background:#f7f7f7}
|
||||
.bo_notice td a {font-weight:bold}
|
||||
.td_num strong {color:#000}
|
||||
.bo_cate_link {;color:#3ca1ff !important;font-weight:normal;text-decoration:none;font-size:0.92em} /* 글제목줄 분류스타일 */
|
||||
.bo_subject{display:block;font-size:1.083em;font-weight:bold;margin:5px 0}
|
||||
.bo_subject i{color: #8d96c2;font-size:12px}
|
||||
.bo_subject .fa-heart{color:#ff0000}
|
||||
.bo_current {color:#e8180c}
|
||||
.bo_info{border-top: 1px solid #eee;margin: 10px 0 0;line-height: 20px;color: #666;position: relative;padding-top: 10px;vertical-align:top}
|
||||
.bo_info .comment_icon{background:url(./img/icon_comment.png) no-repeat 50% 50% ;display:inline-block;width:20px;height:28px;text-indent:-999px;overflow:hidden;vertical-align:top;background-size:70%;margin:0 0px 0 5px}
|
||||
.bo_info .bo_date{position:absolute;top:10px;right:0;font-style: italic;}
|
||||
.bo_info .cnt_cmt {display:inline-block;margin: 0 5px 0 3px;}
|
||||
.bo_info .profile_img img{border-radius:50%;vertical-align:top}
|
||||
#bo_list_total {margin:10px;text-align:center;padding:10px;text-align:center;background:#e3e7ec;color:#8b8b8b;border-radius:3px}
|
||||
|
||||
#bo_sch {background:#fff;border:1px solid #bdc2d8;position:relative;margin:10px;border-radius:3px}
|
||||
.btn_bo_user li {float:left;text-align:center;margin-left:5px}
|
||||
/*.btn_bo_adm {text-align:center}
|
||||
.btn_bo_adm li {display:inline-block}*/
|
||||
.btn_bo_adm button {border:0;padding:0 10px;background:#d13f4a;color:#fff;text-decoration:none;vertical-align:middle}
|
||||
.btn_more_opt {width:30px}
|
||||
.more_opt {display:none;width:90px;position:absolute;top:50px;right:7px;background:#fff;border:1px solid #b8bfc4;z-index:999}
|
||||
.more_opt:before {content:"";position:absolute;top:-8px;right:6px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #b8bfc4 transparent}
|
||||
.more_opt:after {content:"";position:absolute;top:-6px;right:6px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
|
||||
.more_opt li {border-bottom:1px solid #f1f1f1;padding:10px;float:inherit;width:90px;margin:0;color:#6b757c;text-align:left}
|
||||
.more_opt li:last-child {border-bottom:0}
|
||||
.more_opt li button, .more_opt li a {width:100%;border:0;background:#fff;color:#6b757c}
|
||||
.more_opt li:hover a,
|
||||
.more_opt li:hover button {color:#000}
|
||||
.more_opt li i {line-height:20px}
|
||||
|
||||
.td_num strong {color:#000}
|
||||
.bo_cate_link {display:inline-block;background:#e2eaf6;padding:0 5px;line-height:20px;border-radius:5px;font-weight:bold;font-size:11px;color:#3ca1ff !important;text-decoration:none;/*font-size:0.92em*/} /* 글제목줄 분류스타일 */
|
||||
.bo_cnt {display:block;width:100%;font-size:1.083em;font-weight:bold;line-height:1.4em}
|
||||
.bo_cnt i {color: #8d96c2;font-size:12px}
|
||||
.bo_cnt .fa-heart {color:#ff0000}
|
||||
.bo_chk {display:inline-block;float:left;margin-right:5px}
|
||||
.bo_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}
|
||||
|
||||
.bo_subject {display:block;width:100%;padding:5px 0}
|
||||
.bo_current {color:#e8180c}
|
||||
.bo_info:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.bo_info {position:relative;padding-top:5px;line-height:20px;color:#646464;vertical-align:top}
|
||||
.bo_info i {margin-left:5px}
|
||||
.bo_info .comment_icon {background:url(./img/icon_comment.png) no-repeat 50% 50%;display:inline-block;width:20px;height:28px;text-indent:-999px;overflow:hidden;vertical-align:top;background-size:70%;margin:0 0px 0 5px}
|
||||
.bo_info .bo_date {}
|
||||
.bo_info .cnt_cmt {display:inline-block;margin: 0 5px 0 3px}
|
||||
.bo_info .profile_img img {border-radius:50%;vertical-align:top}
|
||||
|
||||
#bo_sch {background:#fff;border:1px solid #d0d3db;position:relative;margin:10px}
|
||||
#bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
|
||||
#bo_sch select{border:0;;margin:9px 0;height:20px;border-right:1px solid #ddd;float:left;width:40%}
|
||||
#bo_sch .sch_input{height:38px;border:0;padding:0;background-color:transparent;float:left;width:60%;padding:0 40px 0 10px}
|
||||
#bo_sch .sch_btn{height:38px;position:absolute;top:0;right:0;border:0;width:40px;background:none;font-size:15px}
|
||||
#bo_sch select {border:0;height:38px;border-right:1px solid #f8f8f8;float:left;width:40%}
|
||||
#bo_sch .sch_input {height:38px;border:0;padding:0;background-color:transparent;float:left;width:60%;padding:0 40px 0 10px}
|
||||
#bo_sch .sch_btn {height:38px;position:absolute;top:0;right:0;border:0;width:40px;background:none;font-size:15px}
|
||||
|
||||
.view_is_list.btn_top{position:relative;z-index:auto;top:0;left:0}
|
||||
.view_is_list{margin:8px 10px 0;height:50px;padding:10px;line-height:30px;border-radius:3px;border-bottom:1px solid #ccc;background:#fff;color:#333;text-align:right}
|
||||
.view_is_list li{display:inline-block}
|
||||
|
||||
#bo_list{margin:10px 0}
|
||||
.view_is_list.btn_top {position:relative;z-index:auto;top:0;left:0}
|
||||
.view_is_list {margin:8px 10px 0;height:50px;padding:10px;line-height:30px;border-radius:3px;border-bottom:1px solid #ccc;background:#fff;color:#333;text-align:right}
|
||||
.view_is_list li {display:inline-block}
|
||||
|
||||
/* 게시판 쓰기 */
|
||||
#bo_w #wr_email, #bo_w #wr_homepage, #bo_w #wr_subject {width:100%}
|
||||
@@ -121,24 +135,24 @@ box-shadow: 0 0 8px rgba(65,98,255,0.8);}
|
||||
#bo_v {padding:20px 10px 10px;background:#fff
|
||||
;-webkit-box-shadow: 0 1px 4px #ddd;
|
||||
-moz-box-shadow: 0 1px 4px #ddd;
|
||||
box-shadow: 0 1px 4px #ddd;}
|
||||
box-shadow: 0 1px 4px #ddd}
|
||||
|
||||
#bo_v_table {padding: 10px;color:#999;font-size:0.9em;font-weight:bold}
|
||||
|
||||
#bo_v_title {;text-align:center}
|
||||
.bo_v_cate{display:inline-block;background: #4162ff;color: #fff;border-radius: 13px;line-height: 24px;padding: 0 10px;font-weight:normal;
|
||||
#bo_v_title {text-align:center}
|
||||
.bo_v_cate {display:inline-block;background: #4162ff;color: #fff;border-radius: 13px;line-height: 24px;padding: 0 10px;font-weight:normal;
|
||||
-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);}
|
||||
.bo_v_tit{display:block;font-size:1.5em;margin:10px 0 0}
|
||||
#bo_v header p{font-size:0.92em;color:#777;font-style:italic ;text-align:center;margin:10px 0 0 }
|
||||
box-shadow: 0 0 8px rgba(65,98,255,0.8)}
|
||||
.bo_v_tit {display:block;font-size:1.5em;margin:10px 0 0}
|
||||
#bo_v header p {font-size:0.92em;color:#777;font-style:italic ;text-align:center;margin:10px 0 0}
|
||||
|
||||
#bo_v_info {padding:15px 0px 10px;border-bottom:1px solid #eee;text-align:center;color:#666;line-height:20px;}
|
||||
#bo_v_info {padding:15px 0px 10px;border-bottom:1px solid #eee;text-align:center;color:#666;line-height:20px}
|
||||
#bo_v_info h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
|
||||
#bo_v_info strong {display:inline-block;font-weight:normal;margin:0 5px}
|
||||
#bo_v_info .profile_img img{border-radius:50%;vertical-align:top}
|
||||
#bo_v_info .icon_view{display:inline-block;background:url(./img/icon_view.png) no-repeat 50% 50%;background-size:80%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin:0 3px 0 5px}
|
||||
#bo_v_info .icon_comment{display:inline-block;background:url(./img/icon_comment.png) no-repeat 50% 50%;background-size:70%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin:0 3px 0 5px}
|
||||
#bo_v_info .profile_img img {border-radius:50%;vertical-align:top}
|
||||
#bo_v_info .icon_view {display:inline-block;background:url(./img/icon_view.png) no-repeat 50% 50%;background-size:80%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin:0 3px 0 5px}
|
||||
#bo_v_info .icon_comment {display:inline-block;background:url(./img/icon_comment.png) no-repeat 50% 50%;background-size:70%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin:0 3px 0 5px}
|
||||
|
||||
#bo_v_file {margin:10px 0}
|
||||
#bo_v_file h2 {background:#949ab4;color:#fff;margin-bottom:1px;line-height:35px;padding: 0 10px}
|
||||
@@ -146,45 +160,45 @@ box-shadow: 0 0 8px rgba(65,98,255,0.8);}
|
||||
#bo_v_file li {padding: 10px;border-bottom:1px solid #fff;background:#f1f7fa;color:#777}
|
||||
#bo_v_file a {display:block;color:#000;text-decoration:none;margin:0 0 3px}
|
||||
#bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active {text-decoration:none}
|
||||
#bo_v_file a strong{color:#3497d9;text-decoration:underline}
|
||||
#bo_v_file a strong {color:#3497d9;text-decoration:underline}
|
||||
.bo_v_file_cnt {font-size:0.92em}
|
||||
|
||||
#bo_v_link{margin:10px 0}
|
||||
#bo_v_link {margin:10px 0}
|
||||
#bo_v_link h2 {background:#949ab4;color:#fff;margin-bottom:1px;line-height:35px;padding: 0 10px}
|
||||
#bo_v_link ul {margin:0;padding:0;list-style:none}
|
||||
#bo_v_link li {padding: 10px;border-bottom:1px solid #fff;background:#f1f7fa;color:#777}
|
||||
#bo_v_link a {display:block;color:#000;text-decoration:none;margin:0 0 3px}
|
||||
#bo_v_link a strong{color:#3497d9;text-decoration:underline}
|
||||
#bo_v_link a strong {color:#3497d9;text-decoration:underline}
|
||||
#bo_v_link a:focus, #bo_v_link a:hover, #bo_v_link a:active {text-decoration:none}
|
||||
.bo_v_link_cnt {font-size:0.92em}
|
||||
|
||||
#bo_v_top {margin:10px 0;}
|
||||
#bo_v_top {margin:10px 0}
|
||||
#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#bo_v_top h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
|
||||
#bo_v_top ul {margin:0;padding:0;list-style:none}
|
||||
#bo_v_top ul:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#bo_v_top ul li{display:inline-block;}
|
||||
.bo_v_left{float:left}
|
||||
.bo_v_right{float:right}
|
||||
#bo_v_top ul li {display:inline-block}
|
||||
.bo_v_left {float:left}
|
||||
.bo_v_right {float:right}
|
||||
|
||||
#bo_v_bot {padding:0 10px}
|
||||
#bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#bo_v_bot h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
|
||||
#bo_v_bot ul {margin:0;padding:0;list-style:none}
|
||||
|
||||
.bo_v_nb{margin:10px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;text-align:center;position:relative;}
|
||||
.bo_v_nb {margin:10px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;text-align:center;position:relative}
|
||||
.bo_v_nb:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.bo_v_nb li {}
|
||||
.bo_v_nb li a{display:inline-block;padding:10px;color:#777}
|
||||
.bo_v_nb .bo_v_next{;position:absolute;top:0;right:0;}
|
||||
.bo_v_nb .bo_v_prev{;position:absolute;top:0;left:0;}
|
||||
.bo_v_nb li a {display:inline-block;padding:10px;color:#777}
|
||||
.bo_v_nb .bo_v_next {position:absolute;top:0;right:0}
|
||||
.bo_v_nb .bo_v_prev {position:absolute;top:0;left:0}
|
||||
|
||||
#bo_v_atc {min-height:200px}
|
||||
#bo_v_atc_title {margin:0;padding:0;height:0;overflow:hidden}
|
||||
|
||||
#bo_v_img {margin:0 0 10px;width:100%;overflow:hidden;zoom:1}
|
||||
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#bo_v_img a.view_image{display:block}
|
||||
#bo_v_img a.view_image {display:block}
|
||||
#bo_v_img img {margin-bottom:15px;max-width:100%;height:auto}
|
||||
|
||||
#bo_v_con {min-height:200px;margin-bottom:20px;width:100%;font-size:1.250em;line-height:1.7em;word-break:break-all;overflow:hidden}
|
||||
@@ -194,42 +208,42 @@ box-shadow: 0 0 8px rgba(65,98,255,0.8);}
|
||||
#bo_v_act {margin-bottom:30px;text-align:center}
|
||||
#bo_v_act .bo_v_act_gng {position:relative}
|
||||
#bo_v_act a {margin-right:5px;vertical-align:middle}
|
||||
#bo_v_act a:hover{background-color:#f3f3f3}
|
||||
#bo_v_act a:hover {background-color:#f3f3f3}
|
||||
#bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;left:0;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center}
|
||||
#bo_v_act .bo_v_good{padding:15px 0;display:inline-block;border:1px solid #000;width:70px;height:70px;line-height:20px;border-radius:50%;font-style:italic}
|
||||
#bo_v_act .bo_v_nogood{padding:15px 0;display:inline-block;border:1px solid #000;width:70px;height:70px;line-height:20px;border-radius:50%;font-style:italic}
|
||||
#bo_v_act .bo_v_good i,#bo_v_act .bo_v_nogood i{font-size:18px;}
|
||||
#bo_v_share{position:relative;margin:20px 0;text-align:right}
|
||||
#bo_v_act .bo_v_good {padding:15px 0;display:inline-block;border:1px solid #000;width:70px;height:70px;line-height:20px;border-radius:50%;font-style:italic}
|
||||
#bo_v_act .bo_v_nogood {padding:15px 0;display:inline-block;border:1px solid #000;width:70px;height:70px;line-height:20px;border-radius:50%;font-style:italic}
|
||||
#bo_v_act .bo_v_good i,#bo_v_act .bo_v_nogood i {font-size:18px}
|
||||
#bo_v_share {position:relative;margin:20px 0;text-align:right}
|
||||
#bo_v_share:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#bo_v_share .btn_scrap{display:inline-block;background:#d4d4d4;color:#444;line-height:40px;width:60px;font-weight:bold;text-align:center;float:left;border-radius:3px}
|
||||
#bo_v_share .btn_scrap {display:inline-block;background:#d4d4d4;color:#444;line-height:40px;width:60px;font-weight:bold;text-align:center;float:left;border-radius:3px}
|
||||
|
||||
.btn_share{display:none;}
|
||||
.bo_v_snswr{position:relative;float:right}
|
||||
#bo_v_sns {;padding:0;list-style:none;zoom:1}
|
||||
.btn_share {display:none}
|
||||
.bo_v_snswr {position:relative;float:right}
|
||||
#bo_v_sns {padding:0;list-style:none;zoom:1}
|
||||
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#bo_v_sns li {float:left;width:50px;text-align:center;margin-left:3px}
|
||||
#bo_v_sns li a{height:40px;padding:10px 0;}
|
||||
#bo_v_sns li .sns_f{display:block;background:#415b92;border-radius:3px}
|
||||
#bo_v_sns li .sns_t{display:block;background:#35b3dc;border-radius:3px}
|
||||
#bo_v_sns li .sns_g{display:block;background:#d5503a;border-radius:3px}
|
||||
#bo_v_sns li .sns_k{display:block;background:#fbe300;border-radius:3px}
|
||||
#bo_v_sns li img{vertical-align:top}
|
||||
#bo_v_sns li a {height:40px;padding:10px 0}
|
||||
#bo_v_sns li .sns_f {display:block;background:#415b92;border-radius:3px}
|
||||
#bo_v_sns li .sns_t {display:block;background:#35b3dc;border-radius:3px}
|
||||
#bo_v_sns li .sns_g {display:block;background:#d5503a;border-radius:3px}
|
||||
#bo_v_sns li .sns_k {display:block;background:#fbe300;border-radius:3px}
|
||||
#bo_v_sns li img {vertical-align:top}
|
||||
|
||||
/* 게시판 댓글 */
|
||||
.cmt_btn{background:url('./img/cmt_btn.png') no-repeat right 8px;text-align:left ;width:100% ;border:0;color:#ed6478;font-weight:bold;font-size:1.167em;margin: 20px 0 10px;padding:0 0 10px ;border-bottom:1px solid #e8e8e8}
|
||||
.cmt_btn_op{background:url('./img/cmt_btn.png') no-repeat right -23px}
|
||||
.cmt_btn {background:url('./img/cmt_btn.png') no-repeat right 8px;text-align:left ;width:100% ;border:0;color:#ed6478;font-weight:bold;font-size:1.167em;margin: 20px 0 10px;padding:0 0 10px ;border-bottom:1px solid #e8e8e8}
|
||||
.cmt_btn_op {background:url('./img/cmt_btn.png') no-repeat right -23px}
|
||||
|
||||
#bo_vc {}
|
||||
#bo_vc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
|
||||
#bo_vc article {margin:0 0 15px}
|
||||
#bo_vc header {position:relative;padding:0 0 0 50px;height:40px;line-height:20px}
|
||||
#bo_vc .comment_profile_img{position:absolute;top:0;left:0}
|
||||
#bo_vc .comment_profile_img img, #bo_vc .profile_img img{border-radius:50%}
|
||||
#bo_vc .comment_profile_img {position:absolute;top:0;left:0}
|
||||
#bo_vc .comment_profile_img img, #bo_vc .profile_img img {border-radius:50%}
|
||||
#bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
|
||||
.bo_vc_hdinfo {display:inline-block;color:#777;font-style:italic}
|
||||
#bo_vc h1 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
|
||||
#bo_vc .cmt_contents {padding:10px 15px ;margin:5px 0 0 ;border-radius:5px;background:#f6f6f6;line-height:1.8em}
|
||||
#bo_vc .cmt_contents p{font-size:1.083em}
|
||||
#bo_vc .cmt_contents p {font-size:1.083em}
|
||||
#bo_vc p a {text-decoration:underline}
|
||||
#bo_vc p a.s_cmt {text-decoration:underline;color:#ed6479}
|
||||
#bo_vc_empty {margin:0;padding:15px !important;text-align:center}
|
||||
@@ -237,44 +251,44 @@ box-shadow: 0 0 8px rgba(65,98,255,0.8);}
|
||||
#bo_vc footer {zoom:1}
|
||||
#bo_vc footer:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
|
||||
.bo_vc_act {text-align:right;;margin:0;list-style:none}
|
||||
.bo_vc_act {text-align:right;margin:0;list-style:none}
|
||||
.bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.bo_vc_act li {display:inline-block;margin:0 2px}
|
||||
.bo_vc_act li a{color:#3497d9;text-decoration:underline}
|
||||
.bo_vc_act li a {color:#3497d9;text-decoration:underline}
|
||||
|
||||
.bo_vc_w {position:relative;margin:10px 0;display:block;}
|
||||
.bo_vc_w {position:relative;margin:10px 0;display:block}
|
||||
.bo_vc_w:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
|
||||
.bo_vc_w #char_cnt {display:block;margin:0 0 5px}
|
||||
.bo_vc_w textarea{border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;width:100%;height:120px}
|
||||
#wr_secret{}
|
||||
.bo_vc_w_info{margin:5px 0}
|
||||
.bo_vc_w textarea {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;width:100%;height:120px}
|
||||
#wr_secret {}
|
||||
.bo_vc_w_info {margin:5px 0}
|
||||
.bo_vc_w_info:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.bo_vc_w_info .frm_input{float:left;;width:49.5%;margin: 0 0 5px 0}
|
||||
.bo_vc_w_info #wr_password{float:right;}
|
||||
.bo_vc_w_info #captcha{;display:block;clear:both}
|
||||
.bo_vc_w .btn_confirm{margin-top:5px;clear:both}
|
||||
.bo_vc_w .icon_lock{display:inline-block;font-size:17px;padding: 5px;margin-right:5px;}
|
||||
.bo_vc_w .btn_submit{height:50px;width:100%;padding:0 20px;border-radius:3px;font-weight:bold;font-size:1.083em;}
|
||||
.bo_vc_w_info .frm_input {float:left;width:49.5%;margin: 0 0 5px 0}
|
||||
.bo_vc_w_info #wr_password {float:right}
|
||||
.bo_vc_w_info #captcha {display:block;clear:both}
|
||||
.bo_vc_w .btn_confirm {margin-top:5px;clear:both}
|
||||
.bo_vc_w .icon_lock {display:inline-block;font-size:17px;padding: 5px;margin-right:5px}
|
||||
.bo_vc_w .btn_submit {height:50px;width:100%;padding:0 20px;border-radius:3px;font-weight:bold;font-size:1.083em}
|
||||
.bo_vc_w_wr:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.bo_vc_w .bo_vc_secret{float:right;display:block;}
|
||||
.bo_vc_w .bo_vc_secret {float:right;display:block}
|
||||
|
||||
#bo_vc_send_sns{display:block;float:left}
|
||||
#bo_vc_send_sns {display:block;float:left}
|
||||
#bo_vc_sns {display:block;margin:0;padding:0;list-style:none;zoom:1}
|
||||
#bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#bo_vc_sns li {float:left;margin:0 5px 0 0}
|
||||
#bo_vc_sns .sns_li_f{border-radius:3px;background:#3a589b;height:40px;;padding: 10px 0 10px 10px}
|
||||
#bo_vc_sns .sns_li_t{border-radius:3px;background:#00aced;height:40px;;padding: 10px 0 10px 10px}
|
||||
#bo_vc_sns .sns_li_off{background:#bbb}
|
||||
#bo_vc_sns a{display:inline-block;padding:0 15px 0 5px;}
|
||||
#bo_vc_sns input {margin:0 5px 0 0 }
|
||||
#bo_vc_sns .sns_li_f {border-radius:3px;background:#3a589b;height:40px;padding: 10px 0 10px 10px}
|
||||
#bo_vc_sns .sns_li_t {border-radius:3px;background:#00aced;height:40px;padding: 10px 0 10px 10px}
|
||||
#bo_vc_sns .sns_li_off {background:#bbb}
|
||||
#bo_vc_sns a {display:inline-block;padding:0 15px 0 5px}
|
||||
#bo_vc_sns input {margin:0 5px 0 0}
|
||||
|
||||
/*글쓰기*/
|
||||
#bo_w .bo_w_select select{border:1px solid #3497d9;background:#fff;width:100%}
|
||||
#bo_w .bo_w_link label{position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;background:#eee;text-align:center}
|
||||
#bo_w .bo_w_link .frm_input{padding-left:50px}
|
||||
#bo_w .bo_w_flie .lb_icon{position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;background:#eee;text-align:center}
|
||||
#bo_w .bo_w_flie .frm_file{padding-left:50px;}
|
||||
#bo_w .bo_w_flie .file_wr{border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px;margin:0}
|
||||
#bo_w .bo_w_flie .frm_input{margin:5px 0 0 }
|
||||
#bo_w .bo_w_select select {border:1px solid #3497d9;background:#fff;width:100%}
|
||||
#bo_w .bo_w_link label {position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;background:#eee;text-align:center}
|
||||
#bo_w .bo_w_link .frm_input {padding-left:50px}
|
||||
#bo_w .bo_w_flie .lb_icon {position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;background:#eee;text-align:center}
|
||||
#bo_w .bo_w_flie .frm_file {padding-left:50px}
|
||||
#bo_w .bo_w_flie .file_wr {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px;margin:0}
|
||||
#bo_w .bo_w_flie .frm_input {margin:5px 0 0}
|
||||
|
||||
@@ -5,41 +5,63 @@ if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
|
||||
add_stylesheet('<link rel="stylesheet" href="'.$member_skin_url.'/style.css">', 0);
|
||||
?>
|
||||
|
||||
<!-- 쪽지 목록 시작 { -->
|
||||
<div id="memo_list" class="new_win">
|
||||
<h1 id="win_title"><?php echo $g5['title'] ?></h1>
|
||||
|
||||
<ul class="win_ul">
|
||||
<li><a href="./memo.php?kind=recv" class="<?php if ($kind == 'recv') { ?>selected<?php } ?>">받은쪽지</a></li>
|
||||
<li><a href="./memo.php?kind=send" class="<?php if ($kind == 'send') { ?>selected<?php } ?>">보낸쪽지</a></li>
|
||||
<li><a href="./memo_form.php">쪽지쓰기</a></li>
|
||||
</ul>
|
||||
<h1 id="win_title">
|
||||
<?php echo $g5['title'] ?>
|
||||
<div class="win_total">전체 <?php echo $kind_title ?>쪽지 <?php echo $total_count ?>통<br></div>
|
||||
</h1>
|
||||
<div class="new_win_con">
|
||||
<div class="win_desc">
|
||||
전체 <?php echo $kind_title ?>쪽지 <?php echo $total_count ?>통<br>
|
||||
</div>
|
||||
|
||||
<ul id="memo_list_ul">
|
||||
<?php for ($i=0; $i<count($list); $i++) { ?>
|
||||
<li>
|
||||
<a href="<?php echo $list[$i]['view_href'] ?>" class="memo_link"><?php echo $list[$i]['mb_nick'] ?></a>
|
||||
<span class="memo_date">
|
||||
<?php echo $list[$i]['send_datetime'] ?><span class="sound_only"> 에 <?php echo ($kind == "recv") ? "받은" : "보낸"; ?> 쪽지</span> -
|
||||
<?php echo $list[$i]['read_datetime'] ?>
|
||||
</span>
|
||||
<a href="<?php echo $list[$i]['del_href'] ?>" onclick="del(this.href); return false;" class="memo_del">삭제</a>
|
||||
</li>
|
||||
<?php } ?>
|
||||
<?php if ($i==0) { echo "<li class=\"empty_list\">자료가 없습니다.</li>"; } ?>
|
||||
<ul class="win_ul">
|
||||
<li class="<?php if ($kind == 'recv') { ?>selected<?php } ?>"><a href="./memo.php?kind=recv">받은쪽지</a></li>
|
||||
<li class="<?php if ($kind == 'send') { ?>selected<?php } ?>"><a href="./memo.php?kind=send">보낸쪽지</a></li>
|
||||
<li><a href="./memo_form.php">쪽지쓰기</a></li>
|
||||
</ul>
|
||||
|
||||
<div class="memo_list">
|
||||
<ul>
|
||||
<!-- **** 예시 참고 후 삭제합니다 : 읽은쪽지 -->
|
||||
<li class="read">
|
||||
<div class="memo_li profile_img">
|
||||
<?php echo get_member_profile_img($member['mb_id']); ?>
|
||||
</div>
|
||||
<div class="memo_li memo_name">
|
||||
<a href="<?php echo $list[$i]['view_href'] ?>">아리아나벤티</a> <span class="memo_datetime"><i class="fa fa-clock-o" aria-hidden="true"></i> 18-11-13 16:58</span>
|
||||
<br>
|
||||
<a href="<?php echo $list[$i]['view_href'] ?>" class="memo_cnt">읽은 쪽지입니다.</a>
|
||||
</div>
|
||||
<a href="<?php echo $list[$i]['del_href'] ?>" onclick="del(this.href); return false;" class="memo_del"><i class="fa fa-trash-o" aria-hidden="true"></i> <span class="sound_only">삭제</span></a>
|
||||
</li>
|
||||
<!-- **** 예시 참고 후 삭제합니다 : 읽은쪽지 -->
|
||||
|
||||
<?php for ($i=0; $i<count($list); $i++) { ?>
|
||||
<li>
|
||||
<div class="memo_li profile_img">
|
||||
<?php echo get_member_profile_img($member['mb_id']); ?>
|
||||
<span class="no_read">안 읽은 쪽지</span>
|
||||
</div>
|
||||
<div class="memo_li memo_name">
|
||||
<a href="<?php echo $list[$i]['view_href'] ?>"><?php echo $list[$i]['mb_nick'] ?></a> <span class="memo_datetime"><i class="fa fa-clock-o" aria-hidden="true"></i> <?php echo $list[$i]['send_datetime'] ?></span>
|
||||
<br>
|
||||
<a href="<?php echo $list[$i]['view_href'] ?>" class="memo_cnt">안 읽은 쪽지입니다. 쪽지 내용입니다.</a>
|
||||
</div>
|
||||
<?php// 쪽지 읽은 시간 echo $list[$i]['read_datetime'] ?>
|
||||
<a href="<?php echo $list[$i]['del_href'] ?>" onclick="del(this.href); return false;" class="memo_del"><i class="fa fa-trash-o" aria-hidden="true"></i> <span class="sound_only">삭제</span></a>
|
||||
</li>
|
||||
<?php } ?>
|
||||
<?php if ($i==0) { echo '<li class="empty_table">자료가 없습니다.</li>'; } ?>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- 페이지 -->
|
||||
<?php echo $write_pages; ?>
|
||||
|
||||
<p class="win_desc">
|
||||
쪽지 보관일수는 최장 <strong><?php echo $config['cf_memo_del'] ?></strong>일 입니다.
|
||||
<p class="win_desc"><i class="fa fa-info-circle" aria-hidden="true"></i> 쪽지 보관일수는 최장 <strong><?php echo $config['cf_memo_del'] ?></strong>일 입니다.
|
||||
</p>
|
||||
|
||||
<div class="win_btn">
|
||||
<button type="button" onclick="window.close();" class="btn_close">창닫기</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- } 쪽지 목록 끝 -->
|
||||
@@ -5,41 +5,45 @@ if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
|
||||
add_stylesheet('<link rel="stylesheet" href="'.$member_skin_url.'/style.css">', 0);
|
||||
?>
|
||||
|
||||
<!-- 쪽지 보내기 시작 { -->
|
||||
<div id="memo_write" class="new_win">
|
||||
<h1 id="win_title">쪽지보내기</h1>
|
||||
|
||||
<ul class="win_ul">
|
||||
<li><a href="./memo.php?kind=recv">받은쪽지</a></li>
|
||||
<li><a href="./memo.php?kind=send">보낸쪽지</a></li>
|
||||
<li><a href="./memo_form.php" class="selected">쪽지쓰기</a></li>
|
||||
</ul>
|
||||
<form name="fmemoform" action="./memo_form_update.php" onsubmit="return fmemoform_submit(this);" method="post" autocomplete="off">
|
||||
<div class="form_01">
|
||||
<h2 class="sound_only">쪽지쓰기</h2>
|
||||
<ul>
|
||||
<li>
|
||||
<label for="me_recv_mb_id" class="sound_only">받는 회원아이디<strong>필수</strong></label>
|
||||
|
||||
<input type="text" name="me_recv_mb_id" value="<?php echo $me_recv_mb_id; ?>" id="me_recv_mb_id" required class="frm_input full_input required" size="47" placeholder="받는 회원닉네임">
|
||||
<span class="frm_info">여러 회원에게 보낼때는 컴마(,)로 구분하세요.</span>
|
||||
<?php if ($config['cf_memo_send_point']) { ?>
|
||||
<br ><span class="frm_info">쪽지 보낼때 회원당 <?php echo number_format($config['cf_memo_send_point']); ?>점의 포인트를 차감합니다.</span>
|
||||
<?php } ?>
|
||||
</li>
|
||||
<li>
|
||||
<label for="me_memo" class="sound_only">내용</label>
|
||||
<textarea name="me_memo" id="me_memo" required><?php echo $content ?></textarea>
|
||||
</li>
|
||||
<li>
|
||||
<span class="sound_only">자동등록방지</span>
|
||||
<?php echo captcha_html(); ?>
|
||||
</li>
|
||||
<h1 id="win_title">쪽지 보내기</h1>
|
||||
<div class="new_win_con">
|
||||
<ul class="win_ul">
|
||||
<li><a href="./memo.php?kind=recv">받은쪽지</a></li>
|
||||
<li><a href="./memo.php?kind=send">보낸쪽지</a></li>
|
||||
<li class="selected"><a href="./memo_form.php">쪽지쓰기</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="win_btn">
|
||||
<input type="submit" value="보내기" id="btn_submit" class="btn_submit">
|
||||
<button type="button" onclick="window.close();" class="btn_close">창닫기</button>
|
||||
<form name="fmemoform" action="<?php echo $memo_action_url; ?>" onsubmit="return fmemoform_submit(this);" method="post" autocomplete="off">
|
||||
<div class="form_01">
|
||||
<h2 class="sound_only">쪽지쓰기</h2>
|
||||
<ul>
|
||||
<li>
|
||||
<label for="me_recv_mb_id" class="sound_only">받는 회원아이디<strong>필수</strong></label>
|
||||
|
||||
<input type="text" name="me_recv_mb_id" value="<?php echo $me_recv_mb_id; ?>" id="me_recv_mb_id" required class="frm_input full_input required" size="47" placeholder="받는 회원닉네임">
|
||||
<span class="frm_info">여러 회원에게 보낼때는 컴마(,)로 구분하세요.
|
||||
<?php if ($config['cf_memo_send_point']) { ?><br>쪽지 보낼때 회원당 <?php echo number_format($config['cf_memo_send_point']); ?>점의 포인트를 차감합니다.<?php } ?>
|
||||
</span>
|
||||
</li>
|
||||
<li>
|
||||
<label for="me_memo" class="sound_only">내용</label>
|
||||
<textarea name="me_memo" id="me_memo" required class="required"><?php echo $content ?></textarea>
|
||||
</li>
|
||||
<li>
|
||||
<span class="sound_only">자동등록방지</span>
|
||||
|
||||
<?php echo captcha_html(); ?>
|
||||
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="win_btn">
|
||||
<button type="submit" id="btn_submit" class="btn btn_b02 reply_btn">보내기</button>
|
||||
<button type="button" onclick="window.close();" class="btn_close">창닫기</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@@ -47,8 +51,9 @@ add_stylesheet('<link rel="stylesheet" href="'.$member_skin_url.'/style.css">',
|
||||
<script>
|
||||
function fmemoform_submit(f)
|
||||
{
|
||||
<?php echo chk_captcha_js(); ?>
|
||||
<?php echo chk_captcha_js(); ?>
|
||||
|
||||
return true;
|
||||
}
|
||||
</script>
|
||||
<!-- } 쪽지 보내기 끝 -->
|
||||
@@ -14,44 +14,51 @@ else {
|
||||
add_stylesheet('<link rel="stylesheet" href="'.$member_skin_url.'/style.css">', 0);
|
||||
?>
|
||||
|
||||
<!-- 쪽지보기 시작 { -->
|
||||
<div id="memo_view" class="new_win">
|
||||
<h1 id="win_title"><?php echo $g5['title'] ?></h1>
|
||||
|
||||
<ul class="win_ul">
|
||||
<li><a href="./memo.php?kind=recv" class="selected">받은쪽지</a></li>
|
||||
<li><a href="./memo.php?kind=send">보낸쪽지</a></li>
|
||||
<li><a href="./memo_form.php">쪽지쓰기</a></li>
|
||||
</ul>
|
||||
<div class="new_win_con">
|
||||
<!-- 쪽지함 선택 시작 { -->
|
||||
<ul class="win_ul">
|
||||
<li class="<?php if ($kind == 'recv') { ?>selected<?php } ?>"><a href="./memo.php?kind=recv">받은쪽지</a></li>
|
||||
<li class="<?php if ($kind == 'send') { ?>selected<?php } ?>"><a href="./memo.php?kind=send">보낸쪽지</a></li>
|
||||
<li><a href="./memo_form.php">쪽지쓰기</a></li>
|
||||
</ul>
|
||||
<!-- } 쪽지함 선택 끝 -->
|
||||
|
||||
<article id="memo_view_contents">
|
||||
<header>
|
||||
<h1>쪽지 내용</h1>
|
||||
<h2>쪽지 내용</h2>
|
||||
</header>
|
||||
<ul id="memo_view_ul">
|
||||
<li class="memo_view_li">
|
||||
<span class="memo_view_subj"><?php echo $kind_str ?>사람</span>
|
||||
<strong><?php echo $nick ?></strong>
|
||||
</li>
|
||||
<li class="memo_view_li">
|
||||
<span class="memo_view_subj"><?php echo $kind_date ?>시간</span>
|
||||
<strong><?php echo $memo['me_send_datetime'] ?></strong>
|
||||
</li>
|
||||
</ul>
|
||||
<div id="memo_view_ul">
|
||||
<div class="memo_view_li memo_view_name">
|
||||
<ul class="memo_from">
|
||||
<li class="memo_profile">
|
||||
<?php echo get_member_profile_img($member['mb_id']); ?>
|
||||
</li>
|
||||
<li class="memo_view_nick"><?php echo $nick ?></li>
|
||||
<li class="memo_view_date"><span class="sound_only"><?php echo $kind_date ?>시간</span><i class="fa fa-clock-o" aria-hidden="true"></i> <?php echo $memo['me_send_datetime'] ?></li>
|
||||
<li class="memo_op_btn list_btn"><a href="<?php echo $list_link ?>" class="btn_b01 btn"><i class="fa fa-list" aria-hidden="true"></i><span class="sound_only">목록</span></a></li>
|
||||
<li class="memo_op_btn del_btn"><a href="<?php echo $list[$i]['del_href'] ?>" onclick="del(this.href); return false;" class="memo_del btn_b01 btn"><i class="fa fa-trash-o" aria-hidden="true"></i> <span class="sound_only">삭제</span></a></li>
|
||||
</ul>
|
||||
<div class="memo_btn">
|
||||
<?php if($prev_link) { ?>
|
||||
<a href="<?php echo $prev_link ?>" class="btn_left"><i class="fa fa-chevron-left" aria-hidden="true"></i> 이전쪽지</a>
|
||||
<?php } ?>
|
||||
<?php if($next_link) { ?>
|
||||
<a href="<?php echo $next_link ?>" class="btn_right">다음쪽지 <i class="fa fa-chevron-right" aria-hidden="true"></i></a>
|
||||
<?php } ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<p>
|
||||
<?php echo conv_content($memo['me_memo'], 0) ?>
|
||||
</p>
|
||||
</article>
|
||||
|
||||
<div class="win_btn">
|
||||
<?php if ($kind == 'recv') { ?><a href="./memo_form.php?me_recv_mb_id=<?php echo $mb['mb_id'] ?>&me_id=<?php echo $memo['me_id'] ?>" class="btn_submit">답장</a><?php } ?>
|
||||
<?php if($prev_link) { ?>
|
||||
<a href="<?php echo $prev_link ?>" class="btn_b03 btn">이전쪽지</a>
|
||||
<?php } ?>
|
||||
<?php if($next_link) { ?>
|
||||
<a href="<?php echo $next_link ?>" class="btn_b03 btn">다음쪽지</a>
|
||||
<?php } ?>
|
||||
<a href="<?php echo $list_link ?>" class="btn_b03 btn">목록보기</a>
|
||||
<button type="button" onclick="window.close();" class="btn_close">창닫기</button>
|
||||
</div>
|
||||
<div class="win_btn">
|
||||
<?php if ($kind == 'recv') { ?><a href="./memo_form.php?me_recv_mb_id=<?php echo $mb['mb_id'] ?>&me_id=<?php echo $memo['me_id'] ?>" class="reply_btn">답장</a><?php } ?>
|
||||
<button type="button" onclick="window.close();" class="btn_close">창닫기</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- } 쪽지보기 끝 -->
|
||||
@@ -13,18 +13,20 @@ add_stylesheet('<link rel="stylesheet" href="'.$member_skin_url.'/style.css">',
|
||||
?>
|
||||
|
||||
<form name="fregister" id="fregister" action="<?php echo $register_action_url ?>" onsubmit="return fregister_submit(this);" method="POST" autocomplete="off">
|
||||
|
||||
<div class="chk_all">
|
||||
|
||||
<p>회원가입약관 및 개인정보처리방침안내의 내용에 동의하셔야 회원가입 하실 수 있습니다.</p>
|
||||
|
||||
<div id="fregister_chkall" class="chk_all">
|
||||
<input type="checkbox" name="chk_all" id="chk_all">
|
||||
<label for="chk_all">전체동의</label>
|
||||
|
||||
<label for="chk_all">회원가입 약관에 모두 동의합니다</label>
|
||||
</div>
|
||||
|
||||
<section id="fregister_term">
|
||||
<h2>회원가입약관</h2>
|
||||
<textarea readonly><?php echo get_text($config['cf_stipulation']) ?></textarea>
|
||||
<fieldset class="fregister_agree">
|
||||
<input type="checkbox" name="agree" value="1" id="agree11">
|
||||
<label for="agree11">회원가입약관의 내용에 동의합니다.</label>
|
||||
<label for="agree11" class="sound_only">회원가입약관의 내용에 동의합니다.</label>
|
||||
</fieldset>
|
||||
</section>
|
||||
|
||||
@@ -61,13 +63,13 @@ add_stylesheet('<link rel="stylesheet" href="'.$member_skin_url.'/style.css">',
|
||||
</table>
|
||||
</div>
|
||||
<fieldset class="fregister_agree">
|
||||
<label for="agree21"><span class="sound_only">개인정보처리방침안내의 내용에 동의합니다.</span></label>
|
||||
<input type="checkbox" name="agree2" value="1" id="agree21">
|
||||
<label for="agree21">개인정보처리방침안내의 내용에 동의합니다.</label>
|
||||
</fieldset>
|
||||
</section>
|
||||
|
||||
<div class=" btn_top">
|
||||
<input type="submit" class="btn_submit" value="회원가입">
|
||||
|
||||
<div class="btn_confirm">
|
||||
<button type="submit" class="btn_submit">회원가입</button>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
@@ -5,7 +5,7 @@ if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
|
||||
add_stylesheet('<link rel="stylesheet" href="'.$member_skin_url.'/style.css">', 0);
|
||||
?>
|
||||
|
||||
<div>
|
||||
<div class="register">
|
||||
<script src="<?php echo G5_JS_URL ?>/jquery.register_form.js"></script>
|
||||
<?php if($config['cf_cert_use'] && ($config['cf_cert_ipin'] || $config['cf_cert_hp'])) { ?>
|
||||
<script src="<?php echo G5_JS_URL ?>/certify.js?v=<?php echo G5_JS_VER; ?>"></script>
|
||||
@@ -260,7 +260,7 @@ add_stylesheet('<link rel="stylesheet" href="'.$member_skin_url.'/style.css">',
|
||||
|
||||
</div>
|
||||
|
||||
<div class="btn_top top">
|
||||
<div class="">
|
||||
<a href="<?php echo G5_URL; ?>/" class="btn_cancel">취소</a>
|
||||
<input type="submit" value="<?php echo $w==''?'회원가입':'정보수정'; ?>" id="btn_submit" class="btn_submit" accesskey="s">
|
||||
</div>
|
||||
|
||||
@@ -10,10 +10,11 @@ add_stylesheet('<link rel="stylesheet" href="'.$member_skin_url.'/style.css">',
|
||||
|
||||
<ul id="scrap_ul" class="list_01">
|
||||
<?php for ($i=0; $i<count($list); $i++) { ?>
|
||||
<li>
|
||||
<a href="<?php echo $list[$i]['opener_href'] ?>" target="_blank" class="scrap_board" onclick="opener.document.location.href='<?php echo $list[$i]['opener_href'] ?>'; return false;"><i class="fa fa-list-alt" aria-hidden="true"></i> <?php echo $list[$i]['bo_subject'] ?></a>
|
||||
<a href="<?php echo $list[$i]['opener_href_wr_id'] ?>" target="_blank" class="scrap_link" onclick="opener.document.location.href='<?php echo $list[$i]['opener_href_wr_id'] ?>'; return false;"><?php echo $list[$i]['subject'] ?></a>
|
||||
<a href="<?php echo $list[$i]['del_href']; ?>" class="scrap_del" onclick="del(this.href); return false;">삭제</a>
|
||||
<li>
|
||||
<a href="<?php echo $list[$i]['opener_href_wr_id'] ?>" target="_blank" class="scrap_tit" onclick="opener.document.location.href='<?php echo $list[$i]['opener_href_wr_id'] ?>'; return false;"><?php echo $list[$i]['subject'] ?></a>
|
||||
<a href="<?php echo $list[$i]['opener_href'] ?>" class="scrap_cate" target="_blank" onclick="opener.document.location.href='<?php echo $list[$i]['opener_href'] ?>'; return false;"><?php echo $list[$i]['bo_subject'] ?></a>
|
||||
<span class="scrap_datetime"><i class="fa fa-clock-o" aria-hidden="true"></i> <?php echo $list[$i]['ms_datetime'] ?></span>
|
||||
<a href="<?php echo $list[$i]['del_href']; ?>" onclick="del(this.href); return false;" class="scrap_del"><i class="fa fa-trash-o" aria-hidden="true"></i><span class="sound_only">삭제</span></a>
|
||||
</li>
|
||||
<?php } ?>
|
||||
<?php if ($i == 0) echo "<li class=\"empty_list\">자료가 없습니다.</li>"; ?>
|
||||
|
||||
@@ -7,12 +7,11 @@ add_stylesheet('<link rel="stylesheet" href="'.$member_skin_url.'/style.css">',
|
||||
|
||||
<div id="scrap_do" class="new_win">
|
||||
<h1 id="win_title">스크랩하기</h1>
|
||||
|
||||
<form name="f_scrap_popin" action="./scrap_popin_update.php" method="post">
|
||||
<input type="hidden" name="bo_table" value="<?php echo $bo_table ?>">
|
||||
<input type="hidden" name="wr_id" value="<?php echo $wr_id ?>">
|
||||
|
||||
<div class="form_01">
|
||||
<div class="new_win_con">
|
||||
<h2 class="sound_only">제목 확인 및 댓글 쓰기</h2>
|
||||
<ul>
|
||||
<li class="scrap_tit">
|
||||
@@ -24,15 +23,11 @@ add_stylesheet('<link rel="stylesheet" href="'.$member_skin_url.'/style.css">',
|
||||
<textarea name="wr_content" id="wr_content""></textarea>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<p class="win_desc">
|
||||
스크랩을 하시면서 감사 혹은 격려의 댓글을 남기실 수 있습니다.
|
||||
</p>
|
||||
</div>
|
||||
<p class="win_desc">스크랩을 하시면서 감사 혹은 격려의 댓글을 남기실 수 있습니다.</p>
|
||||
|
||||
<div class="win_btn">
|
||||
<input type="submit" class="btn_submit" value="스크랩 확인">
|
||||
</div>
|
||||
<div class="win_btn">
|
||||
<button type="submit" class="btn_submit">스크랩 확인</button>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</div>
|
||||
@@ -12,7 +12,7 @@
|
||||
.mbskin a.btn02 {}
|
||||
.mbskin a.btn02:focus, .mbskin .btn02:hover {}
|
||||
.mbskin .btn_confirm {} /* 서식단계 진행 */
|
||||
.mbskin .btn_submit {}
|
||||
.mbskin .btn_submit {display:block;width:100%;height:40px;line-height:40px;padding:0 10px;border:0;font-weight:bold;background:#3a8afd;color:#fff;border-radius:3px}
|
||||
.mbskin .btn_cancel {}
|
||||
.mbskin .btn_frmline {} /* 우편번호검색버튼 등 */
|
||||
.mbskin .win_btn {} /* 새창용 */
|
||||
@@ -75,19 +75,21 @@
|
||||
|
||||
/* ### 기본 스타일 커스터마이징 끝 ### */
|
||||
|
||||
/* 회원가입 공통 */
|
||||
.register {padding:15px}
|
||||
|
||||
/* 회원가입 약관 */
|
||||
#fregister section {background:#fff;margin:10px 0;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)}
|
||||
#fregister .chk_all {text-align:left}
|
||||
#fregister h2 {text-align:left;border-bottom:1px solid #dbdbdb;padding:10px 15px;line-height:1.7em;font-size:1.167em}
|
||||
#fregister textarea {display:block;padding:10px;width:100%;border:0;background:#fff;height:180px;line-height:1.5em;color:#555}
|
||||
.fregister_agree {border-top:1px solid #dbdbdb;padding:10px 15px;line-height:1.7em;text-align:left;font-size:1.083em}
|
||||
#fregister section {position:relative;background:#fff;border-bottom:1px solid #e5e9f0;padding:15px}
|
||||
#fregister_chkall {text-align:left;background:#fff;padding:15px;border-top:1px solid #e5e9f0;border-bottom:1px solid #e5e9f0;border-radius:3px}
|
||||
#fregister h2 {text-align:left;padding-bottom:15px;line-height:1.7em;font-size:1.4em}
|
||||
#fregister textarea {display:block;width:100%;height:180px;padding:10px;background:#fbfbfb;border:1px solid #d1d7d8;line-height:1.5em;color:#555}
|
||||
.fregister_agree {position:absolute;top:0;right:0;background:red}
|
||||
.fregister_agree label {display:inline-block;margin-right:5px}
|
||||
#fregister p {border:0;padding:0 0 5px}
|
||||
#fregister .btn_confirm {margin:15px 0}
|
||||
#fregister_private .tbl_head01 {padding:20px;margin:0}
|
||||
#fregister p {position:relative;text-align:left;color:#fff;line-height:18px;padding:15px;font-size:1.1em;background:#f2838f;margin:15px;border-radius:5px}
|
||||
#fregister p:before {content:"";position:absolute;top:0;left:0;width:5px;height:100%;border-radius:5px 0 0 5px;background:#da4453}
|
||||
#fregister p i {font-size:1.2em;vertical-align:middle}
|
||||
#fregister .btn_confirm {margin:15px 10px}
|
||||
#fregister_private .tbl_head01 {margin:0}
|
||||
#fregister_private .tbl_head01 caption {position:absolute;font-size:0;line-height:0;overflow:hidden;top:0;color:#fff}
|
||||
|
||||
/* 회원가입 입력 */
|
||||
@@ -97,11 +99,11 @@ box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)}
|
||||
#fregisterform .frm_address {margin:5px 0 0}
|
||||
#fregisterform #mb_addr3 {display:block;margin:5px 0 0}
|
||||
#fregisterform #mb_addr_jibeon {display:block;margin:5px 0 0}
|
||||
#fregisterform .form_01 {margin-bottom:30px}
|
||||
#fregisterform .form_01 {margin-bottom:30px}
|
||||
#fregisterform .form_01 h2 {font-size:1.167em;margin:0 0 5px}
|
||||
#fregisterform .frm_label {display:block;font-size:1.083em;margin:15px 0 5px;color:#555}
|
||||
#fregisterform .btn_frmline {height:40px;padding:0 10px}
|
||||
#fregisterform .rgs_name_li button {margin:5px 0 0 }
|
||||
#fregisterform .rgs_name_li button {margin:5px 0 0}
|
||||
#fregisterform .reg_mb_img_file img {max-width:100%;height:auto}
|
||||
|
||||
/* 회원가입 완료 */
|
||||
@@ -136,7 +138,7 @@ box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)}
|
||||
#mb_login .mb_login_join {padding:0 20px 20px}
|
||||
#mb_login .mb_login_join:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#mb_login .mb_login_join h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
|
||||
#mb_login .mb_login_join a {display:block;float:left;width:50%}
|
||||
#mb_login .mb_login_join a {display:block;float:left;width:50%;color:#9d9d9d}
|
||||
#login_password_lost {border-right:1px solid #cdcdcd}
|
||||
|
||||
#flogin {background:#fff;margin:20px 0;border-bottom:1px solid #ddd}
|
||||
@@ -163,42 +165,79 @@ box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)}
|
||||
|
||||
|
||||
/* 쪽지 */
|
||||
#memo_view_contents {}
|
||||
.memo_list {border-top:1px solid #ececec;}
|
||||
.memo_list li {border-bottom:1px solid #ececec;background:#fff;padding:10px 15px;list-style:none;position:relative}
|
||||
.memo_list li:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.memo_list li.read {background:#f6f6f6}
|
||||
.memo_list li.empty_li {text-align:center;padding:20px 0;color:#666}
|
||||
|
||||
.memo_list .memo_li {float:left}
|
||||
.memo_list .profile_img {position:relative;margin-right:15px}
|
||||
.memo_list .profile_img img {border-radius:50%;width:52px;height:52px}
|
||||
.memo_list .memo_name {padding-top:5px}
|
||||
.memo_list .memo_name a,
|
||||
.memo_list .memo_name .sv_wrap {font-weight:bold}
|
||||
.memo_list .no_read {position:absolute;bottom:0;right:0;display:inline-block;background:#3a8afd;border:1px solid #e1edff;text-indent:-9999px;border-radius:10px;width:10px;height:10px;box-shadow:0 0 10px 3px #9ec3f9}
|
||||
.memo_list .no_read {animation:blinker 1s linear infinite}
|
||||
|
||||
@keyframes blinker {
|
||||
50% {opacity:0}
|
||||
}
|
||||
|
||||
#memo_list h1#win_title {padding:10px 10px 10px 20px}
|
||||
#memo_list .memo_datetime {font-size:0.92em;color:#888d92}
|
||||
#memo_list .memo_del {position:absolute;right:15px;top:15px;padding:10px;color:#c7c9cb;font-size:1.4em}
|
||||
#memo_list .memo_cnt {margin-top:5px;font-weight:normal;display:inline-block;font-size:1.2em}
|
||||
|
||||
#memo_view_contents {margin-bottom:20px;border-top:1px solid #ececec;border-bottom:1px solid #ececec}
|
||||
#memo_view_contents h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
|
||||
#memo_view_ul {margin:0 0 3px;background:#fff;padding:5px 10px;border-radius:3px;
|
||||
-webkit-box-shadow:0 0 5px rgba(50,50,50,0.2);
|
||||
-moz-box-shadow:0 0 5px rgba(50,50,50,0.2);
|
||||
box-shadow:0 1px 5px rgba(50,50,50,0.2)}
|
||||
.memo_view_li {position:relative;padding:2px 0}
|
||||
.memo_view_subj {display:inline-block;width:60px;font-size:0.92em;color:#777}
|
||||
#memo_view_ul a {}
|
||||
#memo_view p {padding:10px 15px;border-radius:3px;;min-height:150px;height:auto !important;height:150px;line-height:1.8em;background:#fff;
|
||||
-webkit-box-shadow:0 0 5px rgba(50,50,50,0.2);
|
||||
-moz-box-shadow:0 0 5px rgba(50,50,50,0.2);
|
||||
box-shadow:0 1px 5px rgba(50,50,50,0.2)}
|
||||
#memo_view_ul {margin:0;list-style:none;background:#f6f6f6}
|
||||
#memo_view_ul:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.memo_view_li {position:relative;/*padding:10px;float:left;width:50%*/}
|
||||
|
||||
#memo_list_ul {}
|
||||
#memo_list_ul li {position:relative;background:#fff;margin:10px 0;border-radius:3px;padding:10px 15px;
|
||||
-webkit-box-shadow:0 0 5px rgba(50,50,50,0.2);
|
||||
-moz-box-shadow:0 0 5px rgba(50,50,50,0.2);
|
||||
box-shadow:0 1px 5px rgba(50,50,50,0.2)}
|
||||
.memo_view_li .profile_img img {display:none}
|
||||
.memo_from {position:relative;background:#fff;border-bottom:1px solid #ececec;padding:15px 20px}
|
||||
.memo_from li {float:left}
|
||||
.memo_from li.memo_profile img {width:40px;height:40px;border-radius:50%}
|
||||
.memo_from li:first-child {margin-right:10px}
|
||||
.memo_from li.memo_view_nick {width:80%}
|
||||
.memo_from li.memo_view_nick a {font-weight:bold !important}
|
||||
.memo_from li.memo_view_date {display:block;color:#555;line-height:24px}
|
||||
.memo_from li.memo_op_btn {position:absolute}
|
||||
.memo_from li.list_btn {right:53px;}
|
||||
.memo_from li.del_btn {right:15px;padding}
|
||||
.memo_from:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
|
||||
#memo_list_ul .memo_link {display:block;font-weight:bold;font-size:1.083em;margin:0 0 5px}
|
||||
#memo_list_ul .memo_date {font-size:0.92em;color:#777;font-style:italic}
|
||||
#memo_list_ul .memo_del {display:block;position:absolute;top:0;right:0;width:40px;height:40px;background:url(./img/btn_del.gif) no-repeat 50% 50%; text-indent:-9999px;overflow:hidden}
|
||||
.memo_btn {width:100%}
|
||||
.memo_btn a {display:inline-block;width:50%;font-size:1em;color:#888d92;padding:20px}
|
||||
.memo_btn a.btn_right {float:right;text-align:right}
|
||||
.memo_btn a i {font-size:1.2em;color:#acabab;vertical-align:bottom}
|
||||
|
||||
#memo_write #me_recv_mb_id {width:100%}
|
||||
#memo_write textarea {width:100%;height:100px}
|
||||
#memo_write .win_btn {margin:10px}
|
||||
#memo_view p {padding:10px;min-height:150px;height:auto !important;height:150px;background:#fff;line-height:1.8em}
|
||||
#memo_view textarea {height:100px}
|
||||
|
||||
#memo_write .form_01 {padding:20px;border-top:1px solid #ececec}
|
||||
|
||||
.reply_btn {display:inline-block;width:150px;height:50px;line-height:50px;padding:0 10px;font-weight:bold;background:#3a8afd;color:#fff;border-radius:3px;vertical-align:bottom;margin-right:5px}
|
||||
#memo_write .reply_btn {font-size:1em}
|
||||
|
||||
/* 스크랩 */
|
||||
#scrap_ul li {position:relative}
|
||||
#scrap_ul .scrap_board {display:block;color:#4162ff;margin:0 0 5px}
|
||||
#scrap_ul .scrap_del {display:block;position:absolute;top:0;right:0;width:40px;height:40px;background:url(./img/btn_del.gif) no-repeat 50% 50%; text-indent:-9999px;overflow:hidden}
|
||||
#scrap_ul .scrap_link {font-weight:bold;font-size:1.083em}
|
||||
.scrap_tit {font-weight:bold;border-bottom:1px solid #d7d7d7;padding:0 0 10px;font-size:1.167em}
|
||||
#scrap_do #wr_content {margin-top:5px}
|
||||
#scrap_do label {color:#666}
|
||||
#scrap li:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#scrap li {position:relative;padding:20px;border-bottom:1px solid #ececec}
|
||||
#scrap .scrap_tit {font-weight:bold;display:block;font-size:1.083em;margin-bottom:10px;line-height:1.3em}
|
||||
#scrap .scrap_cate {float:left;display:block;color:#ac92ec;background:#eeeaf8;padding:3px;border-radius:3px;font-size:0.92em;margin-right:10px}
|
||||
#scrap .scrap_datetime {color:#777;line-height:18px}
|
||||
#scrap .scrap_del {position:absolute;top:15px;right:15px;font-size:18px;color:#c7c9cb}
|
||||
#scrap .scrap_del:hover {color:#3a8afd}
|
||||
|
||||
#scrap_do .new_win_con {padding:0 20px}
|
||||
#scrap_do textarea {width:100%;height:100px}
|
||||
#scrap_do .scrap_tit {margin-bottom:10px;background:#f3f3f3;padding:10px 15px;font-size:1.2em;font-weight:bold}
|
||||
#scrap_do label {display:block;margin:0 0 5px;font-size:1em}
|
||||
#scrap_do .win_btn:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#scrap .win_btn, #scrap_do .win_btn {margin:20px 0;text-align:center}
|
||||
#scrap_do .win_btn .btn_submit {float:inherit}
|
||||
#scrap_do .win_desc {margin:0 20px}
|
||||
|
||||
/* 포인트 */
|
||||
#point {text-align:center}
|
||||
|
||||
@@ -9,18 +9,20 @@ add_stylesheet('<link rel="stylesheet" href="'.$new_skin_url.'/style.css">', 0);
|
||||
<fieldset id="new_sch">
|
||||
<legend>상세검색</legend>
|
||||
<form name="fnew" method="get">
|
||||
<?php echo $group_select ?>
|
||||
<label for="view" class="sound_only">검색대상</label>
|
||||
<select name="view" id="view" onchange="select_change()">
|
||||
<option value="">전체게시물
|
||||
<option value="w">원글만
|
||||
<option value="c">코멘트만
|
||||
</select>
|
||||
<label for="mb_id" class="sound_only">검색어<strong class="sound_only"> 필수</strong></label>
|
||||
<input type="text" name="mb_id" value="<?php echo $mb_id ?>" id="mb_id" placeholder="검색어(필수)" required class="frm_input ">
|
||||
<button type="submit" class="btn_submit"><i class="fa fa-search" aria-hidden="true"></i></button>
|
||||
<p>회원 아이디만 검색 가능</p>
|
||||
<?php echo $group_select ?>
|
||||
<label for="view" class="sound_only">검색대상</label>
|
||||
<select name="view" id="view" onchange="select_change()">
|
||||
<option value="">전체게시물
|
||||
<option value="w">원글만
|
||||
<option value="c">코멘트만
|
||||
</select>
|
||||
<div class="ipt_sch">
|
||||
<label for="mb_id" class="sound_only">검색어<strong class="sound_only">필수</strong></label>
|
||||
<input type="text" name="mb_id" value="<?php echo $mb_id ?>" id="mb_id" placeholder="검색어를 입력하세요" required class="frm_input">
|
||||
<button type="submit" class="btn_submit"><i class="fa fa-search" aria-hidden="true"></i></button>
|
||||
</div>
|
||||
</form>
|
||||
<p>회원 아이디만 검색 가능</p>
|
||||
<script>
|
||||
function select_change()
|
||||
{
|
||||
@@ -46,13 +48,15 @@ add_stylesheet('<link rel="stylesheet" href="'.$new_skin_url.'/style.css">', 0);
|
||||
<li>
|
||||
<a href="./board.php?bo_table=<?php echo $list[$i]['bo_table'] ?>" class="new_board"><?php echo $bo_subject ?></a>
|
||||
<a href="<?php echo $list[$i]['href'] ?>" class="new_tit"><?php echo $list[$i]['comment'] ?><?php echo $wr_subject ?></a>
|
||||
|
||||
<span class="new_date"><i class="fa fa-clock-o" aria-hidden="true"></i> <?php echo $list[$i]['datetime2'] ?></span>
|
||||
<div class="new_info">
|
||||
<span class="sound_only">작성자</span><?php echo $list[$i]['name'] ?>
|
||||
<span class="new_date"><i class="fa fa-clock-o" aria-hidden="true"></i> <?php echo $list[$i]['datetime2'] ?></span>
|
||||
</div>
|
||||
</li>
|
||||
<?php } ?>
|
||||
|
||||
<?php if ($i == 0)
|
||||
echo '<li class="empty_table">게시물이 없습니다.</li>';
|
||||
echo '<li class="empty_table">게시물이 없습니다.</li>';
|
||||
?>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -1,16 +1,20 @@
|
||||
@charset "utf-8";
|
||||
|
||||
/* 최근게시물 스킨 (new) */
|
||||
#new_sch {background:#fff;padding:30px;text-align:center;margin:10px 0;border-bottom:1px solid red}
|
||||
#new_sch {background:#fff;text-align:center;margin:10px 0;border-bottom:1px solid #ddd}
|
||||
#new_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
|
||||
#new_sch select {border:1px solid #d0d3db;width:175px;height:45px;padding:0 5px;border-radius:3px}
|
||||
#new_sch .frm_input {border:1px solid #d0d3db;width:300px;height:45px;border-radius:0;border-radius:3px}
|
||||
#new_sch form {padding:15px}
|
||||
#new_sch select {float:left;border:1px solid #d0d3db;width:49.5%;height:45px;padding:0 5px}
|
||||
#new_sch select#gr_id {margin-right:1%}
|
||||
#new_sch .ipt_sch {clear:both;position:relative;padding-top:10px}
|
||||
#new_sch .frm_input {border:1px solid #d0d3db;width:100%;height:45px;border-radius:0}
|
||||
#new_sch .sch_wr {position:relative;display:inline-block}
|
||||
#new_sch .btn_submit {padding:0 10px;height:45px;width:88px;font-size:1.083em;font-weight:bold;color:#fff;background:#434a54}
|
||||
#new_sch p {padding:10px 0 0;font-size:0.95em;text-align:center;background:#f9fbfc;color:#3a8afd;letter-spacing:-0.1em}
|
||||
#new_sch .btn_submit {position:absolute;top:10px;right:0;padding:0 10px;height:45px;width:45px;font-size:1.4em;font-weight:bold;color:#434a54;background:transparent}
|
||||
#new_sch p {padding:12px 0;font-size:0.95em;text-align:center;background:#f9fbfc;color:#3a8afd;letter-spacing:-0.1em}
|
||||
|
||||
.new_list li {padding:10px 15px;background:#fff;border-bottom:1px solid #e8eaee}
|
||||
.new_list .new_tit {display:block;line-height:24px;font-weight:bold;font-size:1.2em}
|
||||
.new_list li {padding:15px;background:#fff;border-bottom:1px solid #e8eaee}
|
||||
.new_list .new_tit {display:block;line-height:24px;margin:5px 0;font-weight:bold;font-size:1.2em}
|
||||
.new_list .profile_img img {border-radius:50%}
|
||||
.new_list .new_date {background:#edfbde;color:#8cc152;padding:3px 4px;border-radius:5px;font-weight:normal}
|
||||
.new_list .new_info {color:#646464;font-weight:normal}
|
||||
.new_list .new_date {margin-left:5px}
|
||||
.new_list .new_board {background:#eeeaf8;color:#ac92ec;padding:3px 4px;border-radius:5px;font-weight:normal}
|
||||
@@ -16,7 +16,7 @@ add_stylesheet('<link rel="stylesheet" href="'.$outlogin_skin_url.'/style.css">'
|
||||
</span>
|
||||
<strong><?php echo $nick ?>님</strong>
|
||||
<div id="ol_after_btn">
|
||||
<?php if ($is_admin == 'super' || $is_auth) { ?><a href="<?php echo G5_ADMIN_URL ?>" class="btn_admin">관리자</a><?php } ?>
|
||||
<?php if ($is_admin == 'super' || $is_auth) { ?><a href="<?php echo G5_ADMIN_URL ?>" class="btn_admin"><i class="fa fa-cog fa-spin fa-fw"></i><span class="sound_only">관리자</span></a><?php } ?>
|
||||
<a href="<?php echo G5_BBS_URL ?>/logout.php" id="ol_after_logout">로그아웃</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
.ol {position:relative;margin:0 0 10px;text-align:center}
|
||||
.ol h2 {width:0;height:0;overflow:hidden}
|
||||
|
||||
#ol_before {background:#212020;padding:12px 15px;text-align:left}
|
||||
#ol_before {background:#212020;padding:11px 15px;text-align:left}
|
||||
#ol_before input[type=text], #ol_before input[type=password] {width:100%;border:0;border-bottom:1px solid #434242;background:none;height:40px;;margin:0 0 10px;color:#fff}
|
||||
#ol_submit {width:100%;height:40px;border-radius:23px;font-weight:bold;font-size:1.083em; }
|
||||
#ol_svc {text-align:left;color:#dadada;font-size:0.92em;margin:5px 0 20px}
|
||||
@@ -11,10 +11,10 @@
|
||||
.ol_before_btn a {color:#fff;display:inline-block;width:50%;float:left}
|
||||
#ol_password_lost {border-left:1px solid #777}
|
||||
|
||||
#ol_after_hd {position:relative;background:#212020;padding:15px}
|
||||
#ol_after_hd {position:relative;background:#212020;padding:10px 15px}
|
||||
#ol_after_hd:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#ol_after_hd strong {display:block;float:left;color:#fff;padding:0 0 0 15px;line-height:40px}
|
||||
#ol_after_hd .btn_admin {display:block;padding:0 !important;text-align:center}
|
||||
#ol_after_hd .btn_admin {float:left;display:block;padding:0 !important;text-align:center;color:#fff;margin-right:10px;background:#d13f4a;width:30px}
|
||||
#ol_after_hd .profile_img {position:relative;float:left;display:inline-block}
|
||||
#ol_after_hd .profile_img img {width:37px;height:37px;border-radius:50%}
|
||||
#ol_after_info {position:absolute;bottom:-5px;right:-5px;width:20px;height:20px;line-height:18px;text-align:center;border-radius:50%;background:#212020}
|
||||
@@ -25,12 +25,12 @@
|
||||
#ol_after_private li {position:relative;float:left;width:33.333%;text-align:left;border-right:1px solid #efefef}
|
||||
#ol_after_private li a {color:#000}
|
||||
#ol_after_private i {margin:0 5px 0 0;color:#b9bcbf;font-size:1.2em}
|
||||
#ol_after_private strong {position:absolute;right:10px}
|
||||
#ol_after_private strong {position:absolute;top:16px;right:10px}
|
||||
#ol_after_memo strong {background:#37bc9b;color:#fff;padding:0 5px;border-radius:15px;font-size:0.92em}
|
||||
#ol_after_pt strong {background:#8cc152;color:#fff;padding:0 5px;border-radius:15px;font-size:0.92em}
|
||||
#ol_after_pt strong {background:#8cc152;color:#fff;padding:0 5px;border-radius:15px;font-size:0.92em;font-weight:normal}
|
||||
#ol_after_private li#ol_after_scrap {border-right:0;text-align:center}
|
||||
#ol_after_private a {padding:15px 10px}
|
||||
#ol_after_private a {display:inline-block;padding:15px 10px}
|
||||
|
||||
#ol_after_btn {position:absolute;top:20px;right:50px}
|
||||
#ol_after_btn {position:absolute;top:15px;right:55px}
|
||||
#ol_after_btn a {display:inline-block;padding:0 10px;line-height:30px;color:#fff;border-radius:3px;font-weight:bold}
|
||||
#ol_after_logout {background:#3a8afd;color:#fff}
|
||||
@@ -7,15 +7,19 @@ add_stylesheet('<link rel="stylesheet" href="'.$popular_skin_url.'/style.css">',
|
||||
|
||||
<aside id="popular">
|
||||
<h2>인기검색어</h2>
|
||||
<div>
|
||||
|
||||
<?php
|
||||
if( isset($list) && is_array($list) ){
|
||||
for ($i=0; $i<count($list); $i++) {
|
||||
?>
|
||||
|
||||
<div>
|
||||
<a href="<?php echo G5_BBS_URL ?>/search.php?sfl=wr_subject&sop=and&stx=<?php echo urlencode($list[$i]['pp_word']) ?>"><?php echo get_text($list[$i]['pp_word']); ?></a>
|
||||
</div>
|
||||
|
||||
<?php
|
||||
} //end for
|
||||
} //end if
|
||||
?>
|
||||
</div>
|
||||
|
||||
</aside>
|
||||
@@ -5,6 +5,6 @@
|
||||
#visit dl{background:#fff;padding:15px 20px;border-radius:3px;line-height:20px}
|
||||
#visit dl:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#visit dt {float:left;width:50%;position:relative;line-height:32px;padding-left:15px}
|
||||
#visit dt:after {position:absolute;left:0;top:13px;width:3px;height:3px;background:#3a8afd;content:"";border-radius:3px}
|
||||
#visit dt:after {position:absolute;left:0;top:13px;width:5px;height:5px;background:#3a8afd;content:"";border-radius:5px}
|
||||
#visit dd {float:left;width:50%;text-align:right;line-height:32px;color:#3a8afd}
|
||||
#visit a {display:inline-block;padding:10px 3px;text-decoration:none}
|
||||
@@ -20,7 +20,7 @@ add_stylesheet('<link rel="stylesheet" href="'.$member_skin_url.'/style.css">',
|
||||
</li>
|
||||
<li>
|
||||
<label for="wr_content">댓글작성</label>
|
||||
<td><textarea name="wr_content" id="wr_content"></textarea></td>
|
||||
<textarea name="wr_content" id="wr_content"></textarea>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -273,9 +273,9 @@
|
||||
#point h1 {text-align:left}
|
||||
#point .point_all {margin:20px 20px 15px;border-radius:5px;background:#edf3fc;border:1px solid #d6e2f4;color:#485172;font-size:1.083em}
|
||||
#point .point_all:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#point .point_all li {float:left;width:50%;padding:20px;}
|
||||
#point .point_all li {float:left;width:50%;padding:20px;text-align:left}
|
||||
#point .point_all li span {float:right;color:#485172;font-weight:bold}
|
||||
#point .point_all li:last-child {border-left:1px solid #d6e2f4;}
|
||||
#point .point_all li:last-child {border-left:1px solid #d6e2f4}
|
||||
#point .point_all .full_li {width:100%;border-bottom:1px solid #d6e2f4;text-align:left}
|
||||
#point .point_all .full_li span {color:#3a8afd;font-weight:bold;font-size:1.2em}
|
||||
|
||||
|
||||
Reference in new issue
Block a user