모바일: 아웃로그인 스타일 작업 중

css/mobile.css

@@ -107,7 +107,7 @@ pre {overflow-x:scroll;font-size:1.1em}
 .btn02:focus,
 .btn02:hover {text-decoration:none !important}
 .btn_confirm {text-align:center} /* 서식단계 진행 */
-.btn_submit {padding:0 1em;height:2.6em;border:0;background:#333;color:#fff;letter-spacing:-0.1em;vertical-align:top;cursor:pointer}
+.btn_submit {padding:0 1em;height:2.6em;border:0;background:#333;color:#fff;letter-spacing:-0.1em;vertical-align:top;cursor:pointer;-webkit-appearance:none}
 .btn_cancel {display:inline-block;padding:0 1em;height:2.5em;border:1px solid #ccc;background:#fafafa;color:#000;font-size:1em;text-decoration:none;line-height:2.5em}
 .btn_frmline {display:inline-block;padding:0 7px 0 0.3em;height:22px;border:0;background:#333;color:#fff !important;letter-spacing:-0.1em;text-decoration:none;vertical-align:top;line-height:1.4em} /* 우편번호검색버튼 등 */
 .btn_win {clear:both;margin-bottom:1.5em;text-align:center} /* 새창용 */
@@ -199,6 +199,33 @@ input.required:focus {border:0;background:#21272e !important;color:#fff;line-hei
 #find_info #captcha {margin:0 0 1em;padding:0 1em 1em}
 #find_info #captcha input {margin-left:0.3em}
 
+/* 아웃로그인 */
+.ol {position:relative}
+.ol h2 {width:0;height:0;overflow:hidden}
+
+#ol_before {padding:0 0.5em}
+#ol_before input[type=text],
+#ol_before input[type=password] {display:block;margin-bottom:0.3em;padding:0;width:80%;height:1.8em;line-height:1.8em}
+#ol_before input[type=submit] {position:absolute;top:0em;right:0.5em;padding:0 !important;width:18%;height:4em;border:0;background:#333;color:#fff;letter-spacing:-0.1em;vertical-align:top;cursor:pointer;-webkit-appearance:none}
+
+#ol_after {}
+#ol_after_hd {}
+#ol_after_hd .btn_admin {display:block;padding:0 !important;width:100%;text-align:center}
+#ol_after_private {margin:0;padding:0;list-style:none;zoom:1}
+#ol_after_private:after {display:block;visibility:hidden;clear:both;content:""}
+#ol_after_private li {float:left}
+#ol_after_memo {width:30%}
+#ol_after_pt {width:40%}
+#ol_after_scrap {width:30%}
+#ol_after_private a {display:block;height:3em;background:#f7f7f7;color:#000;text-decoration:none;text-align:center;line-height:3em}
+#ol_after_private a strong {color:#000;font-weight:normal}
+#ol_after_private a:nth-of-type(1) {border-right:1px solid #fff}
+#ol_after_private a:nth-of-type(2) {border-right:1px solid #fff}
+#ol_after_ft {margin-top:0.5em;text-align:justify}
+#ol_after_ft a {display:inline-block;width:88px;height:22px;background:#333;color:#fff;text-align:center;line-height:1.8em}
+#ol_after_ft a:focus,
+#ol_after_ft a:hover {text-decoration:none !important}
+
 /* 로그인 */
 #mb_login {margin:2em 0}
 #mb_login h1 {margin:0 0 1.5em;padding:0 1em;font-size:1.3em}

mobile/head.php

@@ -106,8 +106,8 @@ include_once(G4_LIB_PATH.'/popular.lib.php');
 
 <div id="wrapper">
     <div id="lnb">
-        <?//=outlogin('basic'); // 외부 로그인 ?>
-        <?//=poll('basic'); // 설문조사 ?>
+        <?=(G4_IS_MOBILE?outlogin('basic'):outlogin('basic')); // 외부 로그인 ?>
+        <?//=(G4_IS_MOBILE?poll('basic'):poll('basic')); // 설문조사 ?>
     </div>
     <div id="container">
         <? if ((!$bo_table || $w == 's' ) && !defined("_INDEX_")) {?><h1 id="wrapper_title"><?=$g4['title']?></h1><?}?>

mobile/skin/outlogin/basic/outlogin.skin.1.php

@@ -22,6 +22,7 @@ if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
 </section>
 
 <script>
+<? if (!G4_IS_MOBILE) {?>
 $omi = $('#ol_id');
 $omp = $('#ol_pw');
 $omp.css('display','inline-block').css('width',104);
@@ -43,6 +44,7 @@ $omp.blur(function() {
     $this = $(this);
     if($this.attr('id') == "ol_pw" && $this.attr('value') == "") $omp_label.css('visibility','visible');
 });
+<? } ?>
 
 $("#auto_login").click(function(){
     if (this.checked) {

mobile/skin/outlogin/basic/outlogin.skin.2.php

@@ -10,20 +10,20 @@ if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
         <? if ($is_admin == 'super' || $is_auth) { ?><a href="<?=G4_ADMIN_URL?>" class="btn_admin">관리자 모드</a><? } ?>
     </header>
     <ul id="ol_after_private">
-        <li>
-            <a href="<?=G4_BBS_URL?>/memo.php" id="ol_after_memo" class="win_memo" target="_blank">
+        <li id="ol_after_memo">
+            <a href="<?=G4_BBS_URL?>/memo.php" class="win_memo" target="_blank">
                 <span class="sound_only">안 읽은 </span>쪽지
                 <strong><?=$memo_not_read?></strong>
             </a>
         </li>
-        <li>
-            <a href="<?=G4_BBS_URL?>/point.php" id="ol_after_pt" class="win_point" target="_blank">
+        <li id="ol_after_pt">
+            <a href="<?=G4_BBS_URL?>/point.php" class="win_point" target="_blank">
                 포인트
                 <strong><?=$point?></strong>
             </a>
         </li>
-        <li>
-            <a href="<?=G4_BBS_URL?>/scrap.php" id="ol_after_scrap" class="win_scrap" target="_blank">스크랩</a>
+        <li id="ol_after_scrap">
+            <a href="<?=G4_BBS_URL?>/scrap.php" class="win_scrap" target="_blank">스크랩</a>
         </li>
     </ul>
     <footer id="ol_after_ft">

test.php

@@ -2,29 +2,14 @@
 <html>
 <head>
 <meta charset="UTF-8">
-<style> 
-caption span {display:inline-block;width:1px;height:1px;overflow:hidden} 
-</style> 
+<style>
+html {margin:0;padding:0;font-size:300%;font-family:"gulim"}
+#x1 {width:100px;padding:1%;background:#ddd}
+</style>
 </head>
 <body>
 
-<table> 
-<caption><span>테스트용 테이블</span></caption> 
-<thead> 
-<tr> 
-    <th>1st header</th> 
-    <th>2nd header</th> 
-    <th>3rd header</th> 
-</tr> 
-</thead> 
-<tbody> 
-<tr> 
-    <td>1</td> 
-    <td>2</td> 
-    <td>3</td> 
-</tr> 
-</tbody> 
-</table>
+<div id="x1">깊은 산 속 옹달샘 누가 와서 먹나요</div>
 
 </body>
-</html>
+</html>