사용자: 전체 디자인 작업 중2 기본테이블 클래스화
This commit is contained in:
@ -35,15 +35,15 @@ pre {overflow-x:scroll;font-size:1.1em}
|
|||||||
#snb {position:absolute;top:20px;right:190px;zoom:1}
|
#snb {position:absolute;top:20px;right:190px;zoom:1}
|
||||||
#snb:after {display:block;visibility:hidden;clear:both;content:""}
|
#snb:after {display:block;visibility:hidden;clear:both;content:""}
|
||||||
#snb li {float:left}
|
#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:focus,
|
||||||
#snb a:hover {background:#109ff1;color:#fff}
|
#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 {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 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}
|
#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}
|
.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}
|
.basic_tbl {margin-bottom:10px;width:100%;border-collapse:collapse;border-spacing:0}
|
||||||
caption {padding:0 0 10px;text-align:left}
|
.basic_tbl caption {padding:0 0 10px;text-align:left}
|
||||||
thead th {padding:12px 0 8px;border-top:1px solid #e9e9e9}
|
.basic_tbl thead th {padding:12px 0 8px;border-top:1px solid #e9e9e9}
|
||||||
thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
|
.basic_tbl thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
|
||||||
tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
|
.basic_tbl 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}
|
.basic_tbl 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}
|
.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}
|
||||||
table a {color:#000;text-decoration:none}
|
.basic_tbl a {color:#000;text-decoration:none}
|
||||||
.bo_sideview td {padding:6px 4px} /* 사이드뷰 사용하는 테이블 셀 패딩값 */
|
.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 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 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_tbl textarea,
|
||||||
.frm_input {padding:2px 2px 3px;border:1px solid #d7d7d7;background:#fff;vertical-align:middle}
|
.frm_input {padding:2px 2px 3px;border:1px solid #d7d7d7;background:#fff;vertical-align:middle}
|
||||||
.frm_tbl textarea:focus,
|
.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}
|
.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:after {display:block;visibility:hidden;clear:both;content:""}
|
||||||
#bo_v_top h2 {margin:0;padding:0;height:0;overflow:hidden}
|
#bo_v_top h2 {margin:0;padding:0;height:0;overflow:hidden}
|
||||||
#bo_v_top ul {list-style:none}
|
#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:after {display:block;visibility:hidden;clear:both;content:""}
|
||||||
#bo_v_bot h2 {margin:0;padding:0;height:0;overflow:hidden}
|
#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_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 {float:right}
|
||||||
.bo_v_com li {float:left;margin-left:5px}
|
.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 {background:#f9f9f9}
|
||||||
#bo_v_file h2 {margin:0;padding:0;height:0;overflow:hidden}
|
#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 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 li {padding:0 20px;border-bottom:1px solid #eee}
|
||||||
#bo_v_link a {display:inline-block;padding:8px 0 7px}
|
#bo_v_link a {display:inline-block;padding:8px 0 7px}
|
||||||
.bo_v_link_cnt {display:inline-block;margin:0 10px}
|
.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 {min-height:200px;height:auto !important;height:200px;zoom:1}
|
||||||
#bo_v_atc:after {display:block;visibility:hidden;clear:both;content:""}
|
#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_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_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_con a {color:#109ff1;text-decoration:underline}
|
||||||
|
|
||||||
#bo_v_act {padding:0 0 20px;text-align:center}
|
#bo_v_act {padding:0 0 20px;text-align:center}
|
||||||
#bo_v_act a {margin-right:5px;vertical-align:top}
|
#bo_v_act a {margin-right:5px;vertical-align:top}
|
||||||
#bo_v_act strong {color:#109ff1}
|
#bo_v_act strong {color:#109ff1}
|
||||||
|
|
||||||
#bo_v form {padding-top:20px}
|
#bo_v form {padding-top:20px}
|
||||||
|
|
||||||
/* 게시판 댓글 */
|
/* 게시판 댓글 */
|
||||||
|
|||||||
@ -64,7 +64,7 @@ if ($is_nogood) $colspan++;
|
|||||||
<input type="hidden" name="page" value="<?=$page?>">
|
<input type="hidden" name="page" value="<?=$page?>">
|
||||||
<input type="hidden" name="sw" value="">
|
<input type="hidden" name="sw" value="">
|
||||||
|
|
||||||
<table>
|
<table class="basic_tbl">
|
||||||
<caption><?=$board['bo_subject']?> 글목록</caption>
|
<caption><?=$board['bo_subject']?> 글목록</caption>
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
|
|||||||
@ -4,34 +4,6 @@ if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
|
|||||||
|
|
||||||
<p id="bo_v_title"><?=$board['bo_subject']?></p>
|
<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">
|
<div id="bo_v">
|
||||||
|
|
||||||
<h1 id="bo_v_h1">
|
<h1 id="bo_v_h1">
|
||||||
@ -44,6 +16,34 @@ if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
|
|||||||
작성자 <strong><?=$view['name']?><? if ($is_ip_view) { echo " ($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>
|
작성자 <strong><?=$view['name']?><? if ($is_ip_view) { echo " ($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>
|
</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']) {
|
if ($view['file']['count']) {
|
||||||
$cnt = 0;
|
$cnt = 0;
|
||||||
|
|||||||
@ -2,7 +2,7 @@
|
|||||||
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
|
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<table id="current_connect_tbl">
|
<table id="current_connect_tbl" class="basic_tbl">
|
||||||
<caption>현재접속자 목록</caption>
|
<caption>현재접속자 목록</caption>
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
|
|||||||
@ -27,7 +27,7 @@ if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
|
|||||||
<!-- 검색 끝 -->
|
<!-- 검색 끝 -->
|
||||||
|
|
||||||
<!-- 제목 시작 -->
|
<!-- 제목 시작 -->
|
||||||
<table>
|
<table class="basic_tbl">
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th scope="col">그룹</th>
|
<th scope="col">그룹</th>
|
||||||
|
|||||||
Reference in New Issue
Block a user