From 7698589c56df50ce2de0a7cbed67ddb615a66feb Mon Sep 17 00:00:00 2001
From: whitedot <whitedot@naver.com>
Date: Thu, 5 Dec 2013 11:16:01 +0900
Subject: [PATCH] =?UTF-8?q?=EB=AA=A8=EB=B0=94=EC=9D=BC:=201=EB=8C=801=20?=
 =?UTF-8?q?=EB=AC=B8=EC=9D=98=20=EB=AA=A9=EB=A1=9D=20=EB=A7=88=ED=81=AC?=
 =?UTF-8?q?=EC=97=85,=20=EC=8A=A4=ED=83=80=EC=9D=BC=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 adm/board_form.php                 |  3 +-
 css/default.css                    |  4 +-
 mobile/skin/qa/basic/list.skin.php | 91 +++++++++++++-----------------
 mobile/skin/qa/basic/style.css     | 21 +++----
 4 files changed, 50 insertions(+), 69 deletions(-)

diff --git a/adm/board_form.php b/adm/board_form.php
index 788c6c8b3..4223285ce 100644
--- a/adm/board_form.php
+++ b/adm/board_form.php
@@ -434,7 +434,8 @@ $pg_anchor = '<ul class="anchor">
         <tr>
             <th scope="row"><label for="bo_use_sideview">글쓴이 사이드뷰</label></th>
             <td>
-                <input type="checkbox" name="bo_use_sideview" value="1" id="bo_use_sideview" <?php echo $board['bo_use_sideview']?'checked':''; ?>>사용 (글쓴이 클릭시 나오는 레이어 메뉴)
+                <input type="checkbox" name="bo_use_sideview" value="1" id="bo_use_sideview" <?php echo $board['bo_use_sideview']?'checked':''; ?>>
+                사용 (글쓴이 클릭시 나오는 레이어 메뉴)
             </td>
             <td class="td_grpset">
                 <input type="checkbox" name="chk_grp_use_sideview" value="1" id="chk_grp_use_sideview">
diff --git a/css/default.css b/css/default.css
index 5ec4b5700..454883b0c 100644
--- a/css/default.css
+++ b/css/default.css
@@ -254,8 +254,8 @@ fieldset .frm_input {padding:2px 2px 3px;border:1px solid #b8c9c2;background:#f7
 
 /* 사이드뷰 */
 .sv_wrap {display:inline-block;position:relative;font-weight:normal}
-.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646;background:#111}
-.sv_wrap .sv a {display:inline-block;margin:0;padding:3px;width:94px;border-bottom:1px solid #283646;color:#fff}
+.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646}
+.sv_wrap .sv a {display:inline-block;margin:0;padding:3px;width:94px;border-bottom:1px solid #283646;background:#111;color:#fff !important}
 .sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none}
 .sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto}
 .sv_nojs .sv {display:block}
diff --git a/mobile/skin/qa/basic/list.skin.php b/mobile/skin/qa/basic/list.skin.php
index 27a752ce5..b876fbadd 100644
--- a/mobile/skin/qa/basic/list.skin.php
+++ b/mobile/skin/qa/basic/list.skin.php
@@ -1,10 +1,5 @@
 <?php
 if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
-
-// 선택옵션으로 인해 셀합치기가 가변적으로 변함
-$colspan = 6;
-
-if ($is_checkbox) $colspan++;
 ?>
 
 <link rel="stylesheet" href="<?php echo $qa_skin_url ?>/style.css">
@@ -42,55 +37,45 @@ if ($is_checkbox) $colspan++;
     <input type="hidden" name="sca" value="<?php echo $sca; ?>">
     <input type="hidden" name="page" value="<?php echo $page; ?>">
 
-    <div class="tbl_head01 tbl_wrap">
-        <table>
-        <caption><?php echo $board['bo_subject'] ?> 목록</caption>
-        <thead>
-        <tr>
-            <th scope="col">번호</th>
-            <?php if ($is_checkbox) { ?>
-            <th scope="col">
-                <label for="chkall" class="sound_only">현재 페이지 게시물 전체</label>
-                <input type="checkbox" id="chkall" onclick="if (this.checked) all_checked(true); else all_checked(false);">
-            </th>
-            <?php } ?>
-            <th scope="col">분류</th>
-            <th scope="col">제목</th>
-            <th scope="col">글쓴이</th>
-            <th scope="col">상태</th>
-            <th scope="col">등록일</th>
-        </tr>
-        </thead>
-        <tbody>
-        <?php
-        for ($i=0; $i<count($list); $i++) {
-        ?>
-        <tr>
-            <td class="td_num"><?php echo $list[$i]['num']; ?></td>
-            <?php if ($is_checkbox) { ?>
-            <td class="td_chk">
-                <label for="chk_qa_id_<?php echo $i ?>" class="sound_only"><?php echo $list[$i]['subject']; ?></label>
-                <input type="checkbox" name="chk_qa_id[]" value="<?php echo $list[$i]['qa_id'] ?>" id="chk_qa_id_<?php echo $i ?>">
-            </td>
-            <?php } ?>
-            <td><?php echo $list[$i]['category']; ?></td>
-            <td class="td_subject">
-                <a href="<?php echo $list[$i]['view_href']; ?>">
-                    <?php echo $list[$i]['subject']; ?>
-                </a>
-                <?php echo $list[$i]['icon_file']; ?>
-            </td>
-            <td class="td_name"><?php echo $list[$i]['name']; ?></td>
-            <td class="td_stat <?php echo ($list[$i]['qa_status'] ? 'txt_done' : 'txt_rdy'); ?>"><?php echo ($list[$i]['qa_status'] ? '답변완료' : '답변대기'); ?></td>
-            <td class="td_date"><?php echo $list[$i]['date']; ?></td>
-        </tr>
-        <?php
-        }
-        ?>
+    <?php if ($is_checkbox) { ?>
+    <div id="bo_chk">
+        <label for="chkall" class="sound_only">게시물 전체</label>
+        <input type="checkbox" id="chkall" onclick="if (this.checked) all_checked(true); else all_checked(false);">
+    </div>
+    <?php } ?>
 
-        <?php if ($i == 0) { echo '<tr><td colspan="'.$colspan.'" class="empty_table">게시물이 없습니다.</td></tr>'; } ?>
-        </tbody>
-        </table>
+    <div class="ul_wrap ul_01">
+        <ul>
+            <?php
+            for ($i=0; $i<count($list); $i++) {
+            ?>
+            <li class="bo_li<?php if ($is_checkbox) echo ' bo_adm'; ?>">
+                <?php if ($is_checkbox) { ?>
+                <div class="li_chk">
+                    <label for="chk_qa_id_<?php echo $i ?>" class="sound_only"><?php echo $list[$i]['subject']; ?></label>
+                    <input type="checkbox" name="chk_qa_id[]" value="<?php echo $list[$i]['qa_id'] ?>" id="chk_qa_id_<?php echo $i ?>">
+                </div>
+                <?php } ?>
+                <div class="li_title">
+                    <a href="<?php echo $list[$i]['view_href']; ?>">
+                        <strong><?php echo $list[$i]['category']; ?></strong>
+                        <?php echo $list[$i]['subject']; ?>
+                    </a>
+                </div>
+                <div class="li_info">
+                    <span><?php echo $list[$i]['num']; ?></span>
+                    <span><?php echo $list[$i]['name']; ?></span>
+                    <span><?php echo $list[$i]['date']; ?></span>
+                    <span><?php echo $list[$i]['icon_file']; ?></span>
+                </div>
+                <div class="li_stat <?php echo ($list[$i]['qa_status'] ? 'txt_done' : 'txt_rdy'); ?>"><?php echo ($list[$i]['qa_status'] ? '답변완료' : '답변대기'); ?></div>
+            </li>
+            <?php
+            }
+            ?>
+
+            <?php if ($i == 0) { echo '<li class="empty_list">게시물이 없습니다.</li>'; } ?>
+        </ul>
     </div>
 
     <div class="bo_fx">
diff --git a/mobile/skin/qa/basic/style.css b/mobile/skin/qa/basic/style.css
index ee6a7fbb5..54a6095c1 100644
--- a/mobile/skin/qa/basic/style.css
+++ b/mobile/skin/qa/basic/style.css
@@ -26,19 +26,14 @@
 #bo_w .btn_cancel {}
 #bo_w .btn_frmline {} /* 우편번호검색버튼 등 */
 
-/* 기본테이블 */
-/* 목록 테이블 */
-#bo_list .tbl_head01 {}
-#bo_list .tbl_head01 caption {}
-#bo_list .tbl_head01 thead th {}
-#bo_list .tbl_head01 thead a {}
-#bo_list .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
-#bo_list .tbl_head01 tfoot th {}
-#bo_list .tbl_head01 tfoot td {}
-#bo_list .tbl_head01 tbody th {}
-#bo_list .tbl_head01 td {}
-#bo_list .tbl_head01 a {}
-#bo_list td.empty_table {}
+/* 목록 */
+#bo_list .ul_wrap ul {margin:0;padding:0;border-top:1px solid #e9e9e9;list-style:none}
+#bo_list .ul_wrap li {position:relative;padding:8px 10px;border-bottom:1px solid #e9e9e9}
+#bo_list .ul_wrap li.bo_adm {padding:8px 10px 8px 30px}
+#bo_list .ul_wrap a {display:block;padding:0 0 10px}
+#bo_list .ul_wrap .li_chk {position:absolute;top:8px;left:10px}
+#bo_list .ul_wrap .li_info span {display:inline-block;margin:0 5px 0 0;vertical-align:middle}
+#bo_list .ul_wrap .li_stat {position:absolute;bottom:8px;right:10px}
 
 /* 읽기 내 테이블 */
 #bo_v .tbl_head01 {}