사용자: 전체 디자인 작업 중2 기본테이블 클래스화

This commit is contained in:
whitedot
2013-02-05 10:49:16 +09:00
parent c774544c88
commit 9dea571807
5 changed files with 61 additions and 57 deletions

View File

@ -35,15 +35,15 @@ pre {overflow-x:scroll;font-size:1.1em}
#snb {position:absolute;top:20px;right:190px;zoom:1}
#snb:after {display:block;visibility:hidden;clear:both;content:""}
#snb li {float:left}
#snb a {display:inline-block;margin-right:1px;padding:7px 10px 6px;background:#f7f7f7;color:#000;text-decoration:none}
#snb a {display:inline-block;margin-right:1px;padding:7px 7px 6px;color:#000;text-decoration:none}
#snb a:focus,
#snb a:hover {background:#109ff1;color:#fff}
#schall {position:absolute;top:20px;right:0;margin:0;padding:0;width:180px;border:0;letter-spacing:-5px}
#schall legend {width:0;height:0;overflow:hidden}
#schall_stx {width:150px;height:21px;border:3px solid #e9e9e9;border-right:0;background:#fff;line-height:1.5em}
#schall_stx {width:150px;height:21px;border:3px solid #484848;border-right:0;background:#fff;line-height:1.5em}
#logo {clear:both;padding:50px 0 50px}
#logo {clear:both;padding:40px 0 70px}
/* 중간 레이아웃 */
#wrapper {margin:0 auto;padding-bottom:30px;width:980px;zoom:1}
@ -106,22 +106,22 @@ pre {overflow-x:scroll;font-size:1.1em}
.btn_win a {display:inline-block;padding:0 10px;height:22px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:2em;cursor:pointer}
/* 기본테이블 */
table {margin-bottom:10px;width:100%;border-collapse:collapse;border-spacing:0}
caption {padding:0 0 10px;text-align:left}
thead th {padding:12px 0 8px;border-top:1px solid #e9e9e9}
thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
tfoot td {border-color:#666;background:#484848;color:#fff;font-weight:bold;text-align:center}
td {padding:8px 5px 6px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all}
table a {color:#000;text-decoration:none}
.basic_tbl {margin-bottom:10px;width:100%;border-collapse:collapse;border-spacing:0}
.basic_tbl caption {padding:0 0 10px;text-align:left}
.basic_tbl thead th {padding:12px 0 8px;border-top:1px solid #e9e9e9}
.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 {padding:8px 5px 6px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all}
.basic_tbl a {color:#000;text-decoration:none}
.bo_sideview td {padding:6px 4px} /* 사이드뷰 사용하는 테이블 셀 패딩값 */
.empty_table {padding:85px 0;text-align:center}
td.empty_table {padding:85px 0;text-align:center}
/* 폼 테이블 */
.frm_tbl {}
.frm_tbl {margin-bottom:10px;width:100%;border-collapse:collapse;border-spacing:0}
.frm_tbl caption {padding-top:10px;font-size:1.2em;font-weight:bold}
.frm_tbl th {padding-left:10px;width:100px;border-top:1px solid #eee;border-bottom:1px solid #eee;text-align:left}
.frm_tbl td {padding:7px 10px;border-color:#eee;background:transparent}
.frm_tbl td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.frm_tbl textarea,
.frm_input {padding:2px 2px 3px;border:1px solid #d7d7d7;background:#fff;vertical-align:middle}
.frm_tbl textarea:focus,
@ -419,13 +419,21 @@ fieldset button {padding:0 15px;height:24px;border:0;background:#109ff1;color:#f
.cnt_cmt {display:inline-block;margin:0 4px;color:#109ff1}
/* 게시판 읽기 */
#bo_v_title {margin-bottom:20px;padding:0;font-weight:bold;text-align:center}
#bo_v_title {margin-bottom:10px;padding:0;font-weight:bold}
#bo_v_top {padding-bottom:30px;zoom:1}
#bo_v {position:relative;margin-bottom:30px}
#bo_v a {color:#000;text-decoration:none}
#bo_v_h1 {padding:0 0 10px;font-size:1.2em;line-height:1.4em}
#bo_v_h1 span {display:inline-block;margin-right:5px;color:#000}
#bo_v_info {margin-bottom:15px}
#bo_v_info h2 {margin:0;padding:0;height:0;overflow:hidden}
#bo_v_info strong {display:inline-block;margin:0 15px 0 5px;font-weight:normal}
#bo_v_top {padding-bottom:15px;border-bottom:1px dotted #ccc;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 20px 10px;zoom:1}
#bo_v_bot {padding:0 0 10px;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}
@ -434,13 +442,6 @@ fieldset button {padding:0 15px;height:24px;border:0;background:#109ff1;color:#f
.bo_v_com {float:right}
.bo_v_com li {float:left;margin-left:5px}
#bo_v {position:relative;margin-bottom:30px}
#bo_v a {color:#000;text-decoration:none}
#bo_v_h1 {padding:0 20px 10px;font-size:1.2em;line-height:1.4em}
#bo_v_h1 span {display:inline-block;margin-right:5px;color:#000}
#bo_v_info {padding:0 20px 15px;border-bottom:1px dotted #ccc}
#bo_v_info h2 {margin:0;padding:0;height:0;overflow:hidden}
#bo_v_info strong {display:inline-block;margin:0 15px 0 5px;font-weight:normal}
#bo_v_file {background:#f9f9f9}
#bo_v_file h2 {margin:0;padding:0;height:0;overflow:hidden}
#bo_v_file ul {margin:0;padding:0;list-style:none}
@ -453,17 +454,20 @@ fieldset button {padding:0 15px;height:24px;border:0;background:#109ff1;color:#f
#bo_v_link li {padding:0 20px;border-bottom:1px solid #eee}
#bo_v_link a {display:inline-block;padding:8px 0 7px}
.bo_v_link_cnt {display:inline-block;margin:0 10px}
#bo_v_atc {min-height:200px;height:auto !important;height:200px;zoom:1}
#bo_v_atc:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_atc h1 {margin:0;padding:0;height:0;overflow:hidden}
#bo_v_img {margin:0 20px;width:688px;overflow:hidden}
#bo_v_img {margin:0 20px;width:730px;overflow:hidden}
#bo_v_img img {max-width:100%;height:auto}
#bo_v_con {padding:20px 20px 30px;width:688px;line-height:1.8em;word-break:break-all;overflow:hidden}
#bo_v_con {padding:20px 0 30px;width:730px;min-height:200px;height:auto !important;height:200px;line-height:1.8em;word-break:break-all;overflow:hidden}
#bo_v_con a {color:#109ff1;text-decoration:underline}
#bo_v_act {padding:0 0 20px;text-align:center}
#bo_v_act a {margin-right:5px;vertical-align:top}
#bo_v_act strong {color:#109ff1}
#bo_v form {padding-top:20px}
/* 게시판 댓글 */

View File

@ -64,7 +64,7 @@ if ($is_nogood) $colspan++;
<input type="hidden" name="page" value="<?=$page?>">
<input type="hidden" name="sw" value="">
<table>
<table class="basic_tbl">
<caption><?=$board['bo_subject']?> 글목록</caption>
<thead>
<tr>

View File

@ -4,34 +4,6 @@ if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
<p id="bo_v_title"><?=$board['bo_subject']?></p>
<nav id="bo_v_top">
<h2>게시물 상단 버튼</h2>
<?
ob_start();
?>
<? if ($prev_href || $next_href) { ?>
<ul class="bo_v_nb">
<? if ($prev_href) { ?><li><a href="<?=$prev_href?>" class="btn02">이전</a></li><? } ?>
<? if ($next_href) { ?><li><a href="<?=$next_href?>" class="btn02">다음</a></li><? } ?>
</ul>
<? } ?>
<ul class="bo_v_com">
<? if ($update_href) { ?><li><a href="<?=$update_href?>" class="btn02">수정</a></li><? } ?>
<? if ($delete_href) { ?><li><a href="<?=$delete_href?>" onclick="del(this.href); return false;" class="btn02">삭제</a></li><? } ?>
<? if ($copy_href) { ?><li><a href="<?=$copy_href?>" onclick="board_move(this.href); return false;" class="btn03">복사</a></li><? } ?>
<? if ($move_href) { ?><li><a href="<?=$move_href?>" onclick="board_move(this.href); return false;" class="btn03">이동</a></li><? } ?>
<? if ($search_href) { ?><li><a href="<?=$search_href?>" class="btn02">검색</a></li><? } ?>
<li><a href="<?=$list_href?>" class="btn02">목록</a></li>
<? if ($reply_href) { ?><li><a href="<?=$reply_href?>" class="btn02">답변</a></li><? } ?>
<? if ($write_href) { ?><li><a href="<?=$write_href?>" class="btn01">글쓰기</a></li><? } ?>
</ul>
<?
$link_buttons = ob_get_contents();
ob_end_flush();
?>
</nav>
<div id="bo_v">
<h1 id="bo_v_h1">
@ -44,6 +16,34 @@ if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
작성자 <strong><?=$view['name']?><? if ($is_ip_view) { echo "&nbsp;($ip)"; } ?></strong><span class="sound_only">작성일</span><strong><?=date("y-m-d H:i", strtotime($view['wr_datetime']))?></strong>조회<strong><?=number_format($view['wr_hit'])?>회</strong>댓글<strong><?=number_format($view['wr_comment'])?>건</strong>
</section>
<nav id="bo_v_top">
<h2>게시물 상단 버튼</h2>
<?
ob_start();
?>
<? if ($prev_href || $next_href) { ?>
<ul class="bo_v_nb">
<? if ($prev_href) { ?><li><a href="<?=$prev_href?>" class="btn02">이전</a></li><? } ?>
<? if ($next_href) { ?><li><a href="<?=$next_href?>" class="btn02">다음</a></li><? } ?>
</ul>
<? } ?>
<ul class="bo_v_com">
<? if ($update_href) { ?><li><a href="<?=$update_href?>" class="btn02">수정</a></li><? } ?>
<? if ($delete_href) { ?><li><a href="<?=$delete_href?>" onclick="del(this.href); return false;" class="btn02">삭제</a></li><? } ?>
<? if ($copy_href) { ?><li><a href="<?=$copy_href?>" onclick="board_move(this.href); return false;" class="btn03">복사</a></li><? } ?>
<? if ($move_href) { ?><li><a href="<?=$move_href?>" onclick="board_move(this.href); return false;" class="btn03">이동</a></li><? } ?>
<? if ($search_href) { ?><li><a href="<?=$search_href?>" class="btn02">검색</a></li><? } ?>
<li><a href="<?=$list_href?>" class="btn02">목록</a></li>
<? if ($reply_href) { ?><li><a href="<?=$reply_href?>" class="btn02">답변</a></li><? } ?>
<? if ($write_href) { ?><li><a href="<?=$write_href?>" class="btn01">글쓰기</a></li><? } ?>
</ul>
<?
$link_buttons = ob_get_contents();
ob_end_flush();
?>
</nav>
<?
if ($view['file']['count']) {
$cnt = 0;

View File

@ -2,7 +2,7 @@
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
?>
<table id="current_connect_tbl">
<table id="current_connect_tbl" class="basic_tbl">
<caption>현재접속자 목록</caption>
<thead>
<tr>

View File

@ -27,7 +27,7 @@ if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
<!-- 검색 끝 -->
<!-- 제목 시작 -->
<table>
<table class="basic_tbl">
<thead>
<tr>
<th scope="col">그룹</th>