모바일: #12 1대1 문의 이메일 휴대폰 스타일

mobile/skin/board/basic/style.css

@@ -150,12 +150,12 @@
 #bo_v_title {padding:0 10px 5px;font-size:1.2em}
 
 #bo_v_info {padding:0 10px 10px;border-bottom:1px solid #ddd}
-#bo_v_info h2 {margin:0;padding:0;height:0;overflow:hidden}
+#bo_v_info h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
 #bo_v_info {}
 #bo_v_info strong {display:inline-block;margin:0 0 0 5px;font-weight:normal}
 
 #bo_v_file {}
-#bo_v_file h2 {margin:0;padding:0;height:0;overflow:hidden}
+#bo_v_file h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
 #bo_v_file ul {margin:0;padding:0;list-style:none}
 #bo_v_file li {padding:0 10px;border-bottom:1px solid #eee;background:#f7f7f7}
 #bo_v_file a {display:inline-block;padding:5px 0;color:#000;text-decoration:none}
@@ -163,7 +163,7 @@
 .bo_v_file_cnt {display:inline-block;margin:0 10px}
 
 #bo_v_link {}
-#bo_v_link h2 {margin:0;padding:0;height:0;overflow:hidden}
+#bo_v_link h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
 #bo_v_link ul {margin:0;padding:0;list-style:none}
 #bo_v_link li {padding:0 10px;border-bottom:1px solid #eee;background:#f7f7f7}
 #bo_v_link a {display:inline-block;padding:5px 0;color:#000;text-decoration:none}
@@ -172,12 +172,12 @@
 
 #bo_v_top {margin:0 0 10px;padding:10px}
 #bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
-#bo_v_top h2 {margin:0;padding:0;height:0;overflow:hidden}
+#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_bot {padding:0 10px}
 #bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""}
-#bo_v_bot h2 {margin:0;padding:0;height:0;overflow:hidden}
+#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 {float:left}

mobile/skin/board/gallery/style.css

@@ -132,12 +132,12 @@
 #bo_v_title {padding:0 10px 5px;font-size:1.2em}
 
 #bo_v_info {padding:0 10px 10px;border-bottom:1px solid #ddd}
-#bo_v_info h2 {margin:0;padding:0;height:0;overflow:hidden}
+#bo_v_info h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
 #bo_v_info {}
 #bo_v_info strong {display:inline-block;margin:0 0 0 5px;font-weight:normal}
 
 #bo_v_file {}
-#bo_v_file h2 {margin:0;padding:0;height:0;overflow:hidden}
+#bo_v_file h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
 #bo_v_file ul {margin:0;padding:0;list-style:none}
 #bo_v_file li {padding:0 10px;border-bottom:1px solid #eee;background:#f7f7f7}
 #bo_v_file a {display:inline-block;padding:5px 0;color:#000}
@@ -147,7 +147,7 @@
 .bo_v_file_cnt {display:inline-block;margin:0 10px}
 
 #bo_v_link {}
-#bo_v_link h2 {margin:0;padding:0;height:0;overflow:hidden}
+#bo_v_link h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
 #bo_v_link ul {margin:0;padding:0;list-style:none}
 #bo_v_link li {padding:0 10px;border-bottom:1px solid #eee;background:#f7f7f7}
 #bo_v_link a {display:inline-block;padding:5px 0;color:#000}
@@ -158,12 +158,12 @@
 
 #bo_v_top {margin:0 0 10px;padding:10px}
 #bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
-#bo_v_top h2 {margin:0;padding:0;height:0;overflow:hidden}
+#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_bot {padding:0 10px}
 #bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""}
-#bo_v_bot h2 {margin:0;padding:0;height:0;overflow:hidden}
+#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 {float:left}

mobile/skin/qa/basic/style.css

@@ -151,12 +151,12 @@
 #bo_v_title {padding:0 10px 10px;font-size:1.2em}
 
 #bo_v_info {padding:0 10px 10px;border-bottom:1px solid #ddd}
-#bo_v_info h2 {margin:0;padding:0;height:0;overflow:hidden}
+#bo_v_info h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
 #bo_v_info {}
 #bo_v_info strong {display:inline-block;margin:0 0 0 5px;font-weight:normal}
 
 #bo_v_file {}
-#bo_v_file h2 {margin:0;padding:0;height:0;overflow:hidden}
+#bo_v_file h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
 #bo_v_file ul {margin:0;padding:0;list-style:none}
 #bo_v_file li {padding:0 10px;border-bottom:1px solid #eee;background:#f7f7f7}
 #bo_v_file a {display:inline-block;padding:5px 0;color:#000;text-decoration:none}
@@ -164,21 +164,29 @@
 .bo_v_file_cnt {display:inline-block;margin:0 10px}
 
 #bo_v_link {}
-#bo_v_link h2 {margin:0;padding:0;height:0;overflow:hidden}
+#bo_v_link h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
 #bo_v_link ul {margin:0;padding:0;list-style:none}
 #bo_v_link li {padding:0 10px;border-bottom:1px solid #eee;background:#f7f7f7}
 #bo_v_link a {display:inline-block;padding:5px 0;color:#000;text-decoration:none}
 #bo_v_link a:focus, #bo_v_link a:hover, #bo_v_link a:active {text-decoration:none}
 .bo_v_link_cnt {display:inline-block;margin:0 10px}
 
+#bo_v_contact {border-bottom:1px solid #ddd}
+#bo_v_contact h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
+#bo_v_contact dl {margin:0;padding:0;list-style:none}
+#bo_v_contact dl:after {display:block;visibility:hidden;clear:both;content:""}
+#bo_v_contact dt, #bo_v_contact dd {float:left;margin:0;border-bottom:1px solid #eee;background:#f5f6fa}
+#bo_v_contact dt {padding:8px 0 8px 10%;width:20%;font-weight:bold}
+#bo_v_contact dd {padding:8px 0;width:70%}
+
 #bo_v_top {margin:0 0 10px;padding:10px}
 #bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
-#bo_v_top h2 {margin:0;padding:0;height:0;overflow:hidden}
+#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_bot {padding:0 10px}
 #bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""}
-#bo_v_bot h2 {margin:0;padding:0;height:0;overflow:hidden}
+#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 {float:left}

mobile/skin/qa/basic/view.skin.php

@@ -49,16 +49,18 @@ include_once(G5_LIB_PATH.'/thumbnail.lib.php');
     <?php } ?>
 
     <?php if($view['email'] || $view['hp']) { ?>
-    <section id="bo_v_info">
+    <section id="bo_v_contact">
         <h2>연락처정보</h2>
-        <ul>
+        <dl>
             <?php if($view['email']) { ?>
-            <li>이메일 : <?php echo $view['email']; ?></li>
+            <dt>이메일</dt>
+            <dd><?php echo $view['email']; ?></dd>
             <?php } ?>
             <?php if($view['hp']) { ?>
-            <li>휴대폰 : <?php echo $view['hp']; ?></li>
+            <dt>휴대폰</dt>
+            <dd><?php echo $view['hp']; ?></dd>
             <?php } ?>
-        </ul>
+        </dl>
     </section>
     <?php } ?>
 

skin/qa/basic/style.css

@@ -194,9 +194,6 @@ html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !importa
 #bo_v_contact dt, #bo_v_contact dd {float:left;margin:0;border-bottom:1px solid #eee;background:#f5f6fa}
 #bo_v_contact dt {padding:8px 0 8px 30px;width:100px;font-weight:bold}
 #bo_v_contact dd {padding:8px 0;width:598px}
-#bo_v_contact a {display:inline-block;padding:8px 0 7px;width:100%;color:#000;word-wrap:break-word}
-#bo_v_contact a:focus, #bo_v_contact a:hover, #bo_v_contact a:active {text-decoration:none}
-.bo_v_contact_cnt {display:inline-block;margin:0 0 3px 16px}
 
 #bo_v_top {margin:0 0 10px;padding:10px 0;zoom:1}
 #bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}