From 6e80e625852e8851861f3c80289142b0f5bec7a5 Mon Sep 17 00:00:00 2001
From: whitedot <whitedot@naver.com>
Date: Thu, 5 Dec 2013 18:22:58 +0900
Subject: [PATCH 1/2] =?UTF-8?q?=EA=B3=B5=ED=86=B5:=20=EC=83=81=EB=8B=A8=20?=
 =?UTF-8?q?=EB=A7=88=ED=81=AC=EC=97=85=20=EC=88=98=EC=A0=95,=20=EB=AA=A8?=
 =?UTF-8?q?=EB=B0=94=EC=9D=BC:=20=EC=83=81=EB=8B=A8=20=EB=94=94=EC=9E=90?=
 =?UTF-8?q?=EC=9D=B8=20=EB=B0=8F=20=EC=8A=A4=ED=83=80=EC=9D=BC=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/default.css |  8 ++---
 css/mobile.css  | 23 ++++++++-----
 head.php        |  2 +-
 mobile/head.php | 87 +++++++++++++++++++++++++++++--------------------
 4 files changed, 70 insertions(+), 50 deletions(-)

diff --git a/css/default.css b/css/default.css
index eab055806..e7a32e38c 100644
--- a/css/default.css
+++ b/css/default.css
@@ -29,10 +29,10 @@ a:hover, a:focus, a:active {color:#000;text-decoration:underline}
 #logo {padding:26px 0}
 
 /* 전체 검색 */
-#sch {position:absolute;top:22px;left:170px;margin:0;padding:0;border:1px solid #c3c6ca}
-#sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
-#sch #sch_stx {padding-left:5px;width:110px;height:24px;border:0;background:#fff;line-height:1.9em !important;line-height:1.6em}
-#sch_submit {padding:0 5px;height:26px;border:0;background:#e2e6eb;color:#333;cursor:pointer}
+#hd_sch {position:absolute;top:22px;left:170px;margin:0;padding:0;border:1px solid #c3c6ca}
+#hd_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
+#hd_sch #sch_stx {padding-left:5px;width:110px;height:24px;border:0;background:#fff;line-height:1.9em !important;line-height:1.6em}
+#hd_sch #sch_submit {padding:0 5px;height:26px;border:0;background:#e2e6eb;color:#333;cursor:pointer}
 
 #tnb {position:absolute;top:18px;right:0;margin:0;padding:0;list-style:none;zoom:1}
 #tnb:after {display:block;visibility:hidden;clear:both;content:""}
diff --git a/css/mobile.css b/css/mobile.css
index 459352a2f..93cdf4203 100644
--- a/css/mobile.css
+++ b/css/mobile.css
@@ -39,20 +39,25 @@ a:hover, a:focus, a:active {color:#000;text-decoration:underline}
 #captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
 
 /* 상단 레이아웃 */
-#hd {background:#fff}
+#hd {position:relative;background:#fff}
 #hd:after {display:block;visibility:hidden;clear:both;content:""}
 #hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
 
-#logo {float:left;padding:10px 0;margin-left:5px}
+#logo {float:left;padding:15px 0;margin-left:5px}
 
-#sch {float:right;margin:7px 5px;border:1px solid #aaa;letter-spacing:-4px}
-#sch_stx {padding-left:3px;width:100px;height:24px;border:0;background:#fff;line-height:1.5em;-webkit-appearance:none}
+#hd_sch_open {position:absolute;top:10px;right:10px;padding:0 10px;height:2.6em;border:0;background:#333;color:#fff;font-size:1em;letter-spacing:-0.1em;vertical-align:top;-webkit-appearance:none}
 
-#mb_nb {clear:both;background:#151515;text-align:center}
-#mb_nb li {display:inline-block;border-right:1px solid #333}
-#mb_nb li:nth-last-of-type(1) {border-right:0 !important}
-#mb_nb a {display:inline-block;padding:10px 7px;color:#fff;text-decoration:none}
-#mb_nb img {display:none}
+#hd_sch {display:none;z-index:10;position:absolute;top:0;left:0;width:100%;height:100%;background:#f2f5f9;text-align:center}
+#hd_sch h2 {margin:0 0 10px}
+#hd_sch .sch_inner {padding:22px 0 0}
+#hd_sch .frm_input {height:2.5em;border-color:#999;background:#fff;line-height:2.5em}
+#hd_sch .btn_submit {height:2.7em}
+#hd_sch .pop_close {position:absolute;bottom:5px;right:5px;padding:7px;border:0;background:#626870;color:#fff}
+
+#hd_nb {clear:both;background:#ecf0f7;text-align:center}
+#hd_nb li {display:inline-block}
+#hd_nb li:nth-last-of-type(1) {border-right:0 !important}
+#hd_nb a {display:inline-block;padding:10px 7px;text-decoration:none}
 
 #lnb {}
 #lnb ul {margin:0;padding:0;border-bottom:1px solid #e7f1ed;list-style:none}
diff --git a/head.php b/head.php
index f1dcf2d08..9483d3dad 100644
--- a/head.php
+++ b/head.php
@@ -35,7 +35,7 @@ if ($config['cf_include_head']) {
             <a href="<?php echo G5_URL ?>"><img src="<?php echo G5_IMG_URL ?>/logo.jpg" alt="처음으로"></a>
         </div>
 
-        <fieldset id="sch">
+        <fieldset id="hd_sch">
             <legend>사이트 내 전체검색</legend>
             <form name="fsearchbox" method="get" action="<?php echo G5_BBS_URL ?>/search.php" onsubmit="return fsearchbox_submit(this);">
             <input type="hidden" name="sfl" value="wr_subject||wr_content">
diff --git a/mobile/head.php b/mobile/head.php
index 1de748859..d4c482871 100644
--- a/mobile/head.php
+++ b/mobile/head.php
@@ -22,45 +22,60 @@ include_once(G5_LIB_PATH.'/popular.lib.php');
             <a href="<?php echo G5_URL ?>"><img src="<?php echo G5_IMG_URL ?>/logo.jpg" alt="처음으로"></a>
         </div>
 
-        <fieldset id="sch">
-            <legend>사이트 내 전체검색</legend>
-            <form name="fsearchbox" action="<?php echo G5_BBS_URL ?>/search.php" onsubmit="return fsearchbox_submit(this);" method="get">
-            <input type="hidden" name="sfl" value="wr_subject||wr_content">
-            <input type="hidden" name="sop" value="and">
-            <input type="text" name="stx" id="sch_stx" placeholder="검색어(필수)" required class="required" maxlength="20">
-            <input type="image" alt="검색" src="<?php echo G5_IMG_URL ?>/btn_search.jpg" id="sch_submit" width="24" height="24">
-            </form>
+        <button type="button" id="hd_sch_open">검색<span class="sound_only"> 열기</span></button>
 
-            <script>
-            function fsearchbox_submit(f)
-            {
-                if (f.stx.value.length < 2) {
-                    alert("검색어는 두글자 이상 입력하십시오.");
-                    f.stx.select();
-                    f.stx.focus();
-                    return false;
+        <aside id="hd_sch">
+            <div class="sch_inner">
+                <h2>사이트 내 전체검색</h2>
+                <form name="fsearchbox" action="<?php echo G5_BBS_URL ?>/search.php" onsubmit="return fsearchbox_submit(this);" method="get">
+                <input type="hidden" name="sfl" value="wr_subject||wr_content">
+                <input type="hidden" name="sop" value="and">
+                <input type="text" name="stx" id="sch_stx" placeholder="검색어(필수)" required class="frm_input required" maxlength="20">
+                <input type="submit" value="검색" class="btn_submit">
+                </form>
+
+                <script>
+                function fsearchbox_submit(f)
+                {
+                    if (f.stx.value.length < 2) {
+                        alert("검색어는 두글자 이상 입력하십시오.");
+                        f.stx.select();
+                        f.stx.focus();
+                        return false;
+                    }
+
+                    // 검색에 많은 부하가 걸리는 경우 이 주석을 제거하세요.
+                    var cnt = 0;
+                    for (var i=0; i<f.stx.value.length; i++) {
+                        if (f.stx.value.charAt(i) == ' ')
+                            cnt++;
+                    }
+
+                    if (cnt > 1) {
+                        alert("빠른 검색을 위하여 검색어에 공백은 한개만 입력할 수 있습니다.");
+                        f.stx.select();
+                        f.stx.focus();
+                        return false;
+                    }
+
+                    return true;
                 }
+                </script>
+            </div>
+        </aside>
+        <script>
+            $(function (){
+                var $hd_sch = $("#hd_sch");
+                $("#hd_sch_open").click(function(){
+                    $hd_sch.css("display","block");
+                });
+                $("#hd_sch .pop_close").click(function(){
+                    $hd_sch.css("display","none");
+                });
+            });
+        </script>
 
-                // 검색에 많은 부하가 걸리는 경우 이 주석을 제거하세요.
-                var cnt = 0;
-                for (var i=0; i<f.stx.value.length; i++) {
-                    if (f.stx.value.charAt(i) == ' ')
-                        cnt++;
-                }
-
-                if (cnt > 1) {
-                    alert("빠른 검색을 위하여 검색어에 공백은 한개만 입력할 수 있습니다.");
-                    f.stx.select();
-                    f.stx.focus();
-                    return false;
-                }
-
-                return true;
-            }
-            </script>
-        </fieldset>
-
-        <ul id="mb_nb">
+        <ul id="hd_nb">
             <li><a href="<?php echo G5_BBS_URL ?>/qalist.php" id="snb_new">1:1문의</a></li>
             <li><a href="<?php echo G5_BBS_URL ?>/current_connect.php" id="snb_cnt">접속자 <?php echo connect(); // 현재 접속자수 ?></a></li>
             <li><a href="<?php echo G5_BBS_URL ?>/new.php" id="snb_new">새글</a></li>

From 808908717dbaee2f51c961f3bc126e25137fb828 Mon Sep 17 00:00:00 2001
From: whitedot <whitedot@naver.com>
Date: Thu, 5 Dec 2013 18:25:08 +0900
Subject: [PATCH 2/2] =?UTF-8?q?=EB=AA=A8=EB=B0=94=EC=9D=BC:=20=EC=A0=84?=
 =?UTF-8?q?=EC=B2=B4=EA=B2=80=EC=83=89=20=EB=A0=88=EC=9D=B4=EC=96=B4=20?=
 =?UTF-8?q?=EB=8B=AB=EA=B8=B0=20=EB=B2=84=ED=8A=BC=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/mobile.css  | 2 +-
 mobile/head.php | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/css/mobile.css b/css/mobile.css
index 93cdf4203..435b11531 100644
--- a/css/mobile.css
+++ b/css/mobile.css
@@ -49,7 +49,7 @@ a:hover, a:focus, a:active {color:#000;text-decoration:underline}
 
 #hd_sch {display:none;z-index:10;position:absolute;top:0;left:0;width:100%;height:100%;background:#f2f5f9;text-align:center}
 #hd_sch h2 {margin:0 0 10px}
-#hd_sch .sch_inner {padding:22px 0 0}
+#hd_sch .sch_inner {padding:10px 0 0}
 #hd_sch .frm_input {height:2.5em;border-color:#999;background:#fff;line-height:2.5em}
 #hd_sch .btn_submit {height:2.7em}
 #hd_sch .pop_close {position:absolute;bottom:5px;right:5px;padding:7px;border:0;background:#626870;color:#fff}
diff --git a/mobile/head.php b/mobile/head.php
index d4c482871..dce880b21 100644
--- a/mobile/head.php
+++ b/mobile/head.php
@@ -32,6 +32,7 @@ include_once(G5_LIB_PATH.'/popular.lib.php');
                 <input type="hidden" name="sop" value="and">
                 <input type="text" name="stx" id="sch_stx" placeholder="검색어(필수)" required class="frm_input required" maxlength="20">
                 <input type="submit" value="검색" class="btn_submit">
+                <button type="button" class="pop_close"><span class="sound_only">검색 </span>닫기</button>
                 </form>
 
                 <script>