firstgarden/firstgarden-web-gnu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Activity

모바일: 게시판 및 스타일 px -> em 으로 변경 중

Browse Source
This commit is contained in:
whitedot
2013-03-05 11:04:31 +09:00
parent 3032d48d39
commit 2d0c875126
2 changed files with 31 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
css/mobile.css
View File

@ -76,7 +76,7 @@ pre {overflow-x:scroll;font-size:1.1em}
#popular {background:#515151}
#popular div {zoom:1}
#popular div:after {display:block;visibility:hidden;clear:both;content:""}
#popular h2 {float:left;padding:10px 20px 10px 5px;color:#fff}
#popular h2 {float:left;padding:0.5em;color:#fff}
#popular ul {float:left;list-style:none}
#popular li {float:left}
#popular a {display:inline-block;padding:10px;color:#fff;text-decoration:none}
@ -86,16 +86,16 @@ pre {overflow-x:scroll;font-size:1.1em}
#visit {background:#444}
#visit div {zoom:1}
#visit div:after {display:block;visibility:hidden;clear:both;content:""}
#visit h2 {float:left;padding:10px 20px 10px 5px;color:#fff}
#visit dl {float:left;margin:0 0 0 10px;padding:0}
#visit dt {float:left;margin:0;padding:10px 0 10px;color:#fff}
#visit dd {float:left;margin:0 15px 0 0;padding:10px;color:#fff}
#visit h2 {float:left;padding:0.5em;color:#fff}
#visit dl {float:left;margin:0 0 0 0.5em;padding:0}
#visit dt {float:left;margin:0;padding:0.5em 0.1em 0.5em 0;color:#fff}
#visit dd {float:left;margin:0 1em 0 0;padding:0.5em 0.1em;color:#fff}
#visit a {display:inline-block;padding:10px;color:#fff;text-decoration:none}
#visit a:focus,
#visit a:hover {background:#333;color:#fff}
#ft_copy {background:#232323}
#ft_copy p {padding-right:5px;padding-left:5px;color:#4a9ab8}
#ft_copy p {padding:0.5em;color:#4a9ab8}
#ft_copy b {color:#fff}
/* 버튼 */
@ -106,8 +106,8 @@ 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:3.1em;border:0;background:#333;color:#fff;letter-spacing:-0.1em;vertical-align:top;cursor:pointer}
.btn_cancel {display:inline-block;padding:0 1em;height:3em;border:1px solid #ccc;background:#fafafa;color:#000;font-size:1em;text-decoration:none;line-height:3em}
.btn_submit {padding:0 1em;height:2.6em;border:0;background:#333;color:#fff;letter-spacing:-0.1em;vertical-align:top;cursor:pointer}
.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 5px;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:20px;text-align:center} /* 새창용 */
.btn_win a {display:inline-block;padding:0 10px;height:2.5em;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:2.5em;cursor:pointer}
@ -125,14 +125,14 @@ pre {overflow-x:scroll;font-size:1.1em}
/* 기본테이블 */
.basic_tbl {margin-bottom:10px;width:100%;border-collapse:collapse;border-spacing:0}
.basic_tbl caption {padding:0 0 10px;color:#777;text-align:left}
.basic_tbl thead th {padding:12px 0 8px;background:#565e60;color:#fff}
.basic_tbl thead th {padding:0.5em 0;background:#565e60;color:#fff}
.basic_tbl thead a {color:#fff}
.basic_tbl thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.basic_tbl tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
.basic_tbl tfoot td {border-color:#666;background:#484848;color:#fff;font-weight:bold;text-align:center}
.basic_tbl td {border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all}
.basic_tbl a {display:block;padding:10px 5px;color:#000;text-decoration:none}
.bo_sideview td {padding:6px 4px} /* 사이드뷰 사용하는 테이블 셀 패딩값 */
.basic_tbl a {display:block;padding:0.5em;color:#000;text-decoration:none}
.bo_sideview td {} /* 사이드뷰 사용하는 테이블 셀 패딩값 */
td.empty_table {padding:85px 0;text-align:center}
/* 필수입력 */
@ -173,6 +173,7 @@ fieldset button {padding:0 15px;height:24px;border:0;background:#333;color:#fff;
.new_win {}
.new_win h1 {margin-bottom:20px;padding:0 20px;height:3em;border-top:3px solid #4e5d60;border-bottom:1px solid #e9e9e9;font-size:1.2em;line-height:3.5em}
.new_win table {margin:0 auto 20px !important;width:100% !important}
.new_win caption {padding:1em}
.new_win_ul {margin:-20px 0 20px 0;padding:0 0 0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none;zoom:1}
.new_win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win_ul li {float:left;margin-left:-1px}
@ -273,6 +274,7 @@ fieldset button {padding:0 15px;height:24px;border:0;background:#333;color:#fff;
#sch_result_detail {}
/* 게시판 목록 */
#bo_list_title {padding:0 1em}
.bo_list table {margin-bottom:20px;width:100%;border-collapse:collapse;border-spacing:0}
.bo_list th {}
@ -294,10 +296,10 @@ fieldset button {padding:0 15px;height:24px;border:0;background:#333;color:#fff;
#bo_list td:nth-of-type(2) {text-align:center}
.bo_fx {margin-bottom:5px;zoom:1}
.bo_fx {margin-bottom:5px;padding:0.5em 1em;zoom:1}
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx ul {margin:0;padding:0;list-style:none}
#bo_list_total {float:left;padding-top:5px}
#bo_list_total {float:left;padding: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 {float:left}
@ -316,11 +318,11 @@ fieldset button {padding:0 15px;height:24px;border:0;background:#333;color:#fff;
/* 게시판 읽기 */
#bo_v {margin-bottom:20px;padding-bottom:20px}
#bo_v_cate {padding:0 10px;color:#999;font-size:0.9em;font-weight:bold}
#bo_v_cate {padding:0 1em;color:#999;font-size:0.9em;font-weight:bold}
#bo_v_h1 {padding:0 10px 10px;font-size:1.2em}
#bo_v_h1 {padding:0 0.7em 1em;font-size:1.2em}
#bo_v_info {padding:0 10px 10px;border-bottom:1px solid #ddd}
#bo_v_info {padding:0 0.9em 10px;border-bottom:1px solid #ddd}
#bo_v_info h2 {margin:0;padding:0;height:0;overflow:hidden}
#bo_v_info {}
#bo_v_info strong {display:inline-block;margin:0 15px 0 5px;font-weight:normal}
@ -328,42 +330,42 @@ fieldset button {padding:0 15px;height:24px;border:0;background:#333;color:#fff;
#bo_v_file {}
#bo_v_file h2 {margin:0;padding:0;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:#f7f7f2}
#bo_v_file a {display:inline-block;padding:8px 0 7px;color:#000}
#bo_v_file li {padding:0 1em;border-bottom:1px solid #eee;background:#f7f7f2}
#bo_v_file a {display:inline-block;padding:0.5em 0;color:#000}
#bo_v_file a:focus,
#bo_v_file a:hover,
#bo_v_file a:active {text-decoration:none}
.bo_v_file_cnt {display:inline-block;margin:0 10px}
.bo_v_file_cnt {display:inline-block;margin:0 1em}
#bo_v_link {}
#bo_v_link h2 {margin:0;padding:0;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:#f7f7f2}
#bo_v_link a {display:inline-block;padding:8px 0 7px;color:#000}
#bo_v_link li {padding:0 1em;border-bottom:1px solid #eee;background:#f7f7f2}
#bo_v_link a {display:inline-block;padding:0.5em 0;color:#000}
#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_link_cnt {display:inline-block;margin:0 1em}
#bo_v_top {margin:0 0 10px;padding:10px;zoom:1}
#bo_v_top {margin:0 0 1em;padding:1em;zoom:1}
#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 ul {list-style:none}
#bo_v_bot {padding:0 10px;zoom:1}
#bo_v_bot {padding:0 1em;zoom:1}
#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 ul {margin:0;padding:0;list-style:none}
.bo_v_nb {float:left}
.bo_v_nb li {float:left;margin-right:5px}
.bo_v_nb li {float:left;margin-right:0.3em}
.bo_v_com {float:right}
.bo_v_com li {float:left;margin-left:5px}
.bo_v_com li {float:left;margin-left:0.3em}
#bo_v_atc {min-height:200px;padding:0 10px;min-height:200px}
#bo_v_atc h1 {margin:0;padding:0;height:0;overflow:hidden}
#bo_v_img {margin:0 0 10px;width:100%;overflow:hidden:zoom:1}
#bo_v_img {margin:0 0 1em;width:100%;overflow:hidden:zoom:1}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_img img {margin-bottom:20px;max-width:100%;height:auto}

4
mobile/skin/board/basic/list.skin.php
View File

@ -12,7 +12,7 @@ if ($is_nogood) $colspan++;
<? if (!$wr_id) {?><h1 id="bo_list_title"><?=$g4['title']?></h1><?}?>
<!-- 게시판 목록 시작 -->
<div id="bo_list" style="width:<?=$width;?>">
<div id="bo_list<? if ($is_admin) echo "_admin";?>" style="width:<?=$width;?>">
<? if ($is_category) { ?>
<form id="fcategory" name="fcategory" method="get">
@ -60,7 +60,7 @@ if ($is_nogood) $colspan++;
<?
for ($i=0; $i<count($list); $i++) {
?>
<tr class="<? if ($list[$i]['is_notice']) echo "bo_notice";?><? if ($board[1]) echo "bo_sideview";?>">
<tr class="<? if ($list[$i]['is_notice']) echo "bo_notice";?>">
<? if ($is_checkbox) { ?><td class="td_chk"><input type="checkbox" name="chk_wr_id[]" value="<?=$list[$i]['wr_id']?>" title="이 게시물 선택"></td><? } ?>
<td class="td_subject">
<?