메인 정리, 게시판 작업중
This commit is contained in:
leebokyung
+35
-33
@@ -102,27 +102,26 @@ border:1px solid #558ab7 !important;
|
||||
|
||||
/* 메인메뉴 */
|
||||
#gnb {position:relative;background:#fff}
|
||||
#gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
|
||||
#gnb > h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
|
||||
#gnb .gnb_wrap {margin:0 auto;position:relative}
|
||||
#gnb #gnb_1dul {font-size:1.083em;padding:0;background:#fff;border-bottom:1px solid #e0e2e5;zoom:1}
|
||||
#gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#gnb .gnb_1dli {float:right;line-height:50px;padding:0 15px;position:relative}
|
||||
#gnb .gnb_1dli:hover {background:#1a30a7;
|
||||
#gnb .gnb_1dli {float:left;line-height:55px;padding:0 15px;background:#fff;position:relative}
|
||||
#gnb .gnb_1dli:hover > a {color:#3a8afd;
|
||||
-webkit-transition:background-color 2s ease-out;
|
||||
-moz-transition:background-color 0.3s ease-out;
|
||||
-o-transition:background-color 0.3s ease-out;
|
||||
transition:background-color 0.3s ease-out}
|
||||
|
||||
.gnb_1dli .bg {display:inline-block;width:10px;height:10px;overflow:hidden;background:url(../img/gnb_bg2.gif) no-repeat 50% 50%;text-indent:-999px}
|
||||
.gnb_1da {display:inline-block;font-weight:bold;color:#fff;text-decoration:none}
|
||||
.gnb_2dli {border-top:1px solid #253dbe}
|
||||
.gnb_1da {display:inline-block;font-weight:bold;color:#080808;text-decoration:none}
|
||||
.gnb_2dli:first-child {border:0}
|
||||
.gnb_2dul {display:none;position:absolute;top:50px;min-width:140px;background:#1a30a7;padding:0;
|
||||
-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.1);
|
||||
-moz-box-shadow:0 1px 5px rgba(0,0,0,0.1);
|
||||
box-shadow:0 1px 5px rgba(0,0,0,0.1)}
|
||||
.gnb_2da {display:block;padding:0 10px;line-height:40px;color:#c3cbf7;text-align:left;text-decoration:none}
|
||||
a.gnb_2da:hover {background:#0e2080;
|
||||
.gnb_2dul {display:none;position:absolute;top:56px;min-width:140px;border:1px solid #e0e2e5;border-top:0;padding:0;
|
||||
-webkit-box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2);
|
||||
-moz-box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2);
|
||||
box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2)}
|
||||
.gnb_2da {display:block;padding:0 10px;line-height:40px;background:#fff;color:#080808;text-align:left;text-decoration:none}
|
||||
a.gnb_2da:hover {color:#3a8afd;background:#f7f7f8;
|
||||
-moz-transition:all 0.3s ease-out;
|
||||
-o-transition:all 0.3s ease-out;
|
||||
transition:all 0.3s ease-out}
|
||||
@@ -137,22 +136,20 @@ transition:all 0.3s ease-out}
|
||||
.gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a {color:#555}
|
||||
|
||||
#gnb .gnb_menu_btn {background:#4158d1;color:#fff;width:50px;height:55px;border:0;vertical-align:top;font-size:18px}
|
||||
#gnb .gnb_close_btn {background:#fff;color:#b6b9bb;width:50px;height:50px;border:0;vertical-align:top;font-size:18px;position:absolute;top:1px;right:1px}
|
||||
#gnb .gnb_mnal {padding:0}
|
||||
#gnb .gnb_close_btn {background:#fff;color:#b6b9bb;width:50px;height:50px;border:0;vertical-align:top;font-size:18px;position:absolute;top:0;right:0}
|
||||
#gnb .gnb_mnal {float:right;padding:0}
|
||||
|
||||
#gnb_all {display:none;position:absolute;width:100%;z-index:99}
|
||||
#gnb_all .gnb_al_ul:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#gnb_all .gnb_al_ul {background:#fff;border:1px solid #c5d6da;padding:20px;
|
||||
-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.2);
|
||||
#gnb_all {display:none;position:absolute;border:1px solid #c5d6da;width:100%;background:#fff;z-index:1000;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.2);
|
||||
-moz-box-shadow:0 2px 5px rgba(0,0,0,0.2);
|
||||
box-shadow:0 2px 5px rgba(0,0,0,0.2)}
|
||||
#gnb_all .gnb_al_li {background:#fff;float:left;min-width:20%;padding:5px }
|
||||
#gnb_all .gnb_al_li .gnb_al_a {font-size:1.083em;padding:10px;display:block;position:relative;margin-bottom:10px;background:#eff1f9;border-bottom:1px solid #dee2f1;font-weight:bold;color:#243071}
|
||||
#gnb_all .gnb_al_li li {padding-left:10px;line-height:2em}
|
||||
#gnb_all .gnb_al_li li i {color:#9ca6cc}
|
||||
#gnb_all h2 {font-size:1.3em;padding:15px 20px;border-bottom:1px solid #e7eeef}
|
||||
#gnb_all .gnb_al_ul:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#gnb_all .gnb_al_ul > li:nth-child(5n+1) {border-left:0}
|
||||
#gnb_all .gnb_al_li {float:left;width:20%;min-height:150px;padding:20px;border-left:1px solid #e7eeef}
|
||||
#gnb_all .gnb_al_li .gnb_al_a {font-size:1.2em;display:block;position:relative;margin-bottom:10px;font-weight:bold;color:#3a8afd}
|
||||
#gnb_all .gnb_al_li li {line-height:2em}
|
||||
#gnb_all .gnb_al_li li a {color:#555}
|
||||
|
||||
#gnb_all_bg {display:none;background:#ffffffb8;width:100%;height:100%;position:fixed;left:0;top:0;z-index: 9;}
|
||||
#gnb_all_bg {display:none;background:#292929b8;width:100%;height:100%;position:fixed;left:0;top:0;z-index:999}
|
||||
|
||||
|
||||
|
||||
@@ -162,23 +159,28 @@ box-shadow:0 2px 5px rgba(0,0,0,0.2)}
|
||||
#container_wr {z-index:5;margin:0 auto;height:100%;zoom:1}
|
||||
#aside {float:right;width:235px;padding:0;height:100%;margin:20px 0 20px 20px}
|
||||
|
||||
#container {background:pink;z-index:4;position:relative;float:left;min-height:500px;height:auto !important;margin:20px 0;height:500px;font-size:1em;width:930px;zoom:1}
|
||||
#container {/*background:pink;*/z-index:4;position:relative;float:left;min-height:500px;height:auto !important;margin:20px 0;height:500px;font-size:1em;width:930px;zoom:1}
|
||||
#container:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#container_title {font-size:1.333em;margin:0 auto;font-weight:bold}
|
||||
#container_title span {margin:0 auto 10px;display:block;line-height:30px}
|
||||
/*.latest_wr:after {display:block;visibility:hidden;clear:both;content:""}*/
|
||||
.lt_wr {width:33.333%}
|
||||
.lt_wr:nth-child(2n+1) {clear:both}
|
||||
.lt_wr {width:32%}
|
||||
.lt_wr:nth-child(3n+1) {clear:both}
|
||||
.latest_wr:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
|
||||
/* 하단 레이아웃 */
|
||||
#ft {/*border-top:1px solid #d5d5d5;*/background:#212020;padding-bottom:30px;margin:0 auto;text-align:center}
|
||||
#ft {background:#212020;margin:0 auto;text-align:center}
|
||||
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
|
||||
#ft_wr {margin:0 auto;position:relative}
|
||||
#ft_link {padding:15px 0;border-bottom:1px solid #eee}
|
||||
#ft_link a {display:inline-block;padding:0 8px;line-height:1.083em;font-weight:bold}
|
||||
#ft_wr {width:1240px;margin:0;padding:40px 0;position:relative;display:inline-block;text-align:left}
|
||||
#ft_wr:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#ft_wr .ft_cnt {width:310px;float:left;padding:0 20px}
|
||||
|
||||
#ft_link {text-align:left}
|
||||
#ft_link a {display:block;color:#fff;line-height:2em;font-weight:bold}
|
||||
#ft_company h2 {font-size:1.2em;margin-bottom:20px}
|
||||
#ft_company {font-weight:normal;color:#e3e3e3;line-height:2em}
|
||||
#ft_catch {margin:20px 0 10px}
|
||||
#ft_copy {color:#555;font-size:0.92em}
|
||||
#ft_copy {text-align:center;width:100%;padding:20px 0;color:#5b5b5b;font-size:0.92em;border-top:1px solid #383838}
|
||||
#top_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5)}
|
||||
#top_btn:hover {border-color:#3059c7;background:#3059c7;color:#fff}
|
||||
|
||||
@@ -273,11 +275,11 @@ a.btn_admin,.btn_admin {display:inline-block;background:#d13f4a;color:#fff;text-
|
||||
|
||||
|
||||
/* 기본테이블 */
|
||||
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0 5px;border:1px solid #ccc}
|
||||
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0 5px;border-top:1px solid #ececec;border-bottom:1px solid #ececec}
|
||||
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}
|
||||
.tbl_head01 {margin:0 0 10px}
|
||||
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
|
||||
.tbl_head01 thead th {padding:10px 0;font-weight:normal;text-align:center;border-bottom:1px solid #ddd;background:#fafafa;height:40px}
|
||||
.tbl_head01 thead th {padding:20px 0;font-weight:normal;text-align:center;border-bottom:1px solid #ececec;height:40px}
|
||||
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
|
||||
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
|
||||
.tbl_head01 tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8}
|
||||
|
||||
+1
-1
@@ -179,7 +179,7 @@ include_once(G5_LIB_PATH.'/popular.lib.php');
|
||||
if($k == 0)
|
||||
echo '<ul>'.PHP_EOL;
|
||||
?>
|
||||
<li><a href="<?php echo $row2['me_link']; ?>" target="_<?php echo $row2['me_target']; ?>"><i class="fa fa-caret-right" aria-hidden="true"></i> <?php echo $row2['me_name'] ?></a></li>
|
||||
<li><a href="<?php echo $row2['me_link']; ?>" target="_<?php echo $row2['me_target']; ?>"><?php echo $row2['me_name'] ?></a></li>
|
||||
<?php
|
||||
$k++;
|
||||
} //end foreach $row2
|
||||
|
||||
+14
-4
@@ -26,8 +26,8 @@ include_once(G5_THEME_PATH.'/head.php');
|
||||
$sql .= " order by b.gr_order, a.bo_order ";
|
||||
$result = sql_query($sql);
|
||||
for ($i=0; $row=sql_fetch_array($result); $i++) {
|
||||
if ($i%2==1) $lt_style = "margin-left:2%";
|
||||
else $lt_style = "";
|
||||
$lt_style = '';
|
||||
if ($i%3 !== 0 ) $lt_style = "margin-left:2%";
|
||||
?>
|
||||
<div style="float:left;<?php echo $lt_style ?>" class="lt_wr">
|
||||
<?php
|
||||
@@ -41,7 +41,6 @@ include_once(G5_THEME_PATH.'/head.php');
|
||||
}
|
||||
?>
|
||||
<!-- } 최신글 끝 -->
|
||||
|
||||
</div>
|
||||
|
||||
<div class="latest_wr">
|
||||
@@ -50,7 +49,18 @@ include_once(G5_THEME_PATH.'/head.php');
|
||||
// 이 함수가 바로 최신글을 추출하는 역할을 합니다.
|
||||
// 사용방법 : latest(스킨, 게시판아이디, 출력라인, 글자수);
|
||||
// 테마의 스킨을 사용하려면 theme/basic 과 같이 지정
|
||||
echo latest('theme/pic_block', 'gallery', 5, 23);
|
||||
echo latest('theme/pic_list', 'free', 4, 23);
|
||||
?>
|
||||
<!-- } 사진 최신글2 끝 -->
|
||||
</div>
|
||||
|
||||
<div class="latest_wr">
|
||||
<!-- 사진 최신글2 { -->
|
||||
<?php
|
||||
// 이 함수가 바로 최신글을 추출하는 역할을 합니다.
|
||||
// 사용방법 : latest(스킨, 게시판아이디, 출력라인, 글자수);
|
||||
// 테마의 스킨을 사용하려면 theme/basic 과 같이 지정
|
||||
echo latest('theme/pic_block', 'gallery', 4, 23);
|
||||
?>
|
||||
<!-- } 사진 최신글2 끝 -->
|
||||
</div>
|
||||
|
||||
@@ -15,8 +15,18 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
|
||||
<!-- 게시판 목록 시작 { -->
|
||||
<div id="bo_list" style="width:<?php echo $width; ?>">
|
||||
|
||||
<!-- 게시판 카테고리 시작 { -->
|
||||
<?php if ($is_category) { ?>
|
||||
<nav id="bo_cate">
|
||||
<h2><?php echo $board['bo_subject'] ?> 카테고리</h2>
|
||||
<ul id="bo_cate_ul">
|
||||
<?php echo $category_option ?>
|
||||
</ul>
|
||||
</nav>
|
||||
<?php } ?>
|
||||
<!-- } 게시판 카테고리 끝 -->
|
||||
|
||||
<!-- 게시판 페이지 정보 및 버튼 시작 { -->
|
||||
<!-- 게시판 페이지 정보 및 버튼 시작 { -->
|
||||
<div id="bo_btn_top">
|
||||
<div id="bo_list_total">
|
||||
<span>Total <?php echo number_format($total_count) ?>건</span>
|
||||
@@ -32,18 +42,7 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
|
||||
<?php } ?>
|
||||
</div>
|
||||
<!-- } 게시판 페이지 정보 및 버튼 끝 -->
|
||||
|
||||
<!-- 게시판 카테고리 시작 { -->
|
||||
<?php if ($is_category) { ?>
|
||||
<nav id="bo_cate">
|
||||
<h2><?php echo $board['bo_subject'] ?> 카테고리</h2>
|
||||
<ul id="bo_cate_ul">
|
||||
<?php echo $category_option ?>
|
||||
</ul>
|
||||
</nav>
|
||||
<?php } ?>
|
||||
<!-- } 게시판 카테고리 끝 -->
|
||||
|
||||
|
||||
<form name="fboardlist" id="fboardlist" action="./board_list_update.php" onsubmit="return fboardlist_submit(this);" method="post">
|
||||
<input type="hidden" name="bo_table" value="<?php echo $bo_table ?>">
|
||||
<input type="hidden" name="sfl" value="<?php echo $sfl ?>">
|
||||
@@ -78,8 +77,10 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
|
||||
<tbody>
|
||||
<?php
|
||||
for ($i=0; $i<count($list); $i++) {
|
||||
?>
|
||||
<tr class="<?php if ($list[$i]['is_notice']) echo "bo_notice"; ?>">
|
||||
if ($i%2==0) $lt_class = "even";
|
||||
else $lt_class = "";
|
||||
?>
|
||||
<tr class="<?php if ($list[$i]['is_notice']) echo "bo_notice"; ?> <?php echo $lt_class ?>">
|
||||
<?php if ($is_checkbox) { ?>
|
||||
<td class="td_chk">
|
||||
<label for="chk_wr_id_<?php echo $i ?>" class="sound_only"><?php echo $list[$i]['subject'] ?></label>
|
||||
@@ -89,7 +90,7 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
|
||||
<td class="td_num2">
|
||||
<?php
|
||||
if ($list[$i]['is_notice']) // 공지사항
|
||||
echo '<strong class="notice_icon"><i class="fa fa-bullhorn" aria-hidden="true"></i><span class="sound_only">공지</span></strong>';
|
||||
echo '<strong class="notice_icon">공지</strong>';
|
||||
else if ($wr_id == $list[$i]['wr_id'])
|
||||
echo "<span class=\"bo_current\">열람중</span>";
|
||||
else
|
||||
@@ -104,14 +105,12 @@ add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0
|
||||
<a href="<?php echo $list[$i]['ca_name_href'] ?>" class="bo_cate_link"><?php echo $list[$i]['ca_name'] ?></a>
|
||||
<?php } ?>
|
||||
<div class="bo_tit">
|
||||
|
||||
<a href="<?php echo $list[$i]['href'] ?>">
|
||||
<?php echo $list[$i]['icon_reply'] ?>
|
||||
<?php
|
||||
if (isset($list[$i]['icon_secret'])) echo rtrim($list[$i]['icon_secret']);
|
||||
?>
|
||||
<?php echo $list[$i]['subject'] ?>
|
||||
|
||||
</a>
|
||||
<?php
|
||||
// if ($list[$i]['file']['count']) { echo '<'.$list[$i]['file']['count'].'>'; }
|
||||
|
||||
+107
-107
@@ -42,6 +42,8 @@
|
||||
#bo_list .tbl_head01 a {}
|
||||
#bo_list td.empty_table {}
|
||||
|
||||
#bo_list tbody .even td {background:#fbfbfb}
|
||||
|
||||
/* 읽기 내 테이블 */
|
||||
#bo_v .tbl_head01 {}
|
||||
#bo_v .tbl_head01 caption {}
|
||||
@@ -77,7 +79,7 @@
|
||||
#bo_w .required, #bo_w textarea.required {}
|
||||
|
||||
#bo_w .cke_sc {}
|
||||
#bo_w button.btn_cke_sc{}
|
||||
#bo_w button.btn_cke_sc {}
|
||||
#bo_w .cke_sc_def {}
|
||||
#bo_w .cke_sc_def dl {}
|
||||
#bo_w .cke_sc_def dl:after {}
|
||||
@@ -92,8 +94,8 @@
|
||||
#bo_list:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#bo_list .td_board {width:120px;text-align:center}
|
||||
#bo_list .td_chk {width:30px;text-align:center}
|
||||
#bo_list .td_date {width:60px;text-align:center;font-style: italic;}
|
||||
#bo_list .td_datetime {width:60px;text-align:center;font-style: italic}
|
||||
#bo_list .td_date {width:60px;text-align:center}
|
||||
#bo_list .td_datetime {width:60px;text-align:center}
|
||||
#bo_list .td_group {width:100px;text-align:center}
|
||||
#bo_list .td_mb_id {width:100px;text-align:center}
|
||||
#bo_list .td_mng {width:80px;text-align:center}
|
||||
@@ -106,61 +108,59 @@
|
||||
#bo_list .txt_expired {color:#ccc}
|
||||
#bo_list tbody tr:hover {border-left:2px solid #253dbe}
|
||||
|
||||
#bo_cate {background:#ecf2f3;padding:7px;margin:10px 0;border:1px solid #bed1d4}
|
||||
#bo_cate {margin-bottom:28px}
|
||||
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
|
||||
#bo_cate ul {zoom:1}
|
||||
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#bo_cate li {display:inline-block;padding:2px;}
|
||||
#bo_cate a {display:block;line-height:26px;padding:0 10px;border-radius:3px;border:1px solid transparent}
|
||||
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;background:#d2d6dc;}
|
||||
#bo_cate #bo_cate_on {z-index:2;background:#3497d9;color:#fff;font-weight:bold;border-bottom-color:#1977b5;
|
||||
#bo_cate li {display:inline-block;padding:2px}
|
||||
#bo_cate a {display:block;line-height:28px;padding:5px 15px;border-radius:30px;border:1px solid #d6e9ff;color:#6794d3}
|
||||
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;background:#3a8afd;color:#fff}
|
||||
#bo_cate #bo_cate_on {z-index:2;background:#3a8afd;color:#fff;font-weight:bold;border:1px solid #3a8afd;
|
||||
-webkit-box-shadow: inset 0 2px 5px rgb(33, 135, 202);
|
||||
-moz-box-shadow: inset 0 2px 5px rgb(33, 135, 202);
|
||||
box-shadow:inset 0 2px 5px rgb(33, 135, 202);}
|
||||
box-shadow:inset 0 2px 5px rgb(33, 135, 202)}
|
||||
.td_subject img {margin-left:5px}
|
||||
|
||||
/* 게시판 목록 공통 */
|
||||
#bo_btn_top{margin: 10px 0 }
|
||||
#bo_btn_top {margin: 10px 0}
|
||||
#bo_btn_top:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.bo_fx {margin-bottom:5px;float:right;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;line-height:30px;font-size:0.92em;color:#4e546f;background:#d4d4d4;padding:0 10px;border-radius:5px;}
|
||||
#bo_list_total {float:left;line-height:30px;font-size:0.92em;color:#4e546f}
|
||||
|
||||
.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}
|
||||
.btn_bo_adm li {float:left;margin-right:5px}
|
||||
.btn_bo_adm input {padding:0 8px;border:0;background:#d4d4d4;color:#666;text-decoration:none;vertical-align:middle}
|
||||
.bo_notice td {background:#e6f8ff !important;border-bottom:1px solid #c3dfe8;}
|
||||
.bo_notice td a {font-weight:bold;}
|
||||
.bo_notice td {background:#fff6fa !important;border-bottom:1px solid #f8e6ee}
|
||||
.bo_notice td a {font-weight:bold}
|
||||
|
||||
.bo_notice .notice_icon{display:inline-block;background:#4158d1;width:25px;line-height:25px;border-radius:5px;font-weight:normal;color:#fff}
|
||||
.bo_notice .notice_icon {display:inline-block;line-height:25px;border-radius:5px;font-weight:bold;color:#f9267f}
|
||||
.td_num strong {color:#000}
|
||||
.bo_cate_link {display: inline-block;color: #3497d9;height: 20px;font-size:0.92em} /* 글제목줄 분류스타일 */
|
||||
.bo_tit{display:block;color:#000;font-weight:bold;}
|
||||
.bo_cate_link {float:left;display:inline-block;margin-right:10px;background:#e2eaf6;color:#3a8afd;font-weight:normal !important;height:20px;line-height:10px;padding:5px 8px;border-radius:5px;font-size:1em} /* 글제목줄 분류스타일 */
|
||||
.bo_cate_link:hover {text-decoration:none}
|
||||
.bo_tit {display:block;color:#000;font-weight:bold}
|
||||
.bo_current {color:#e8180c}
|
||||
/*#bo_list .profile_img {display:inline-block;margin-right:2px}*/
|
||||
#bo_list .profile_img img{border-radius:50%}
|
||||
#bo_list .cnt_cmt{background:#5c85c1;color:#fff; font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle;
|
||||
-webkit-box-shadow: inset 0 2px 5px rgba(255,255,255,0.3);
|
||||
-moz-box-shadow: inset 0 2px 5px rgba(255,255,255,0.3);
|
||||
box-shadow: inset 0 2px 5px rgba(255,255,255,0.3);}
|
||||
#bo_list .profile_img img {border-radius:50%}
|
||||
#bo_list .cnt_cmt {background:#5c85c1;color:#fff;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}
|
||||
|
||||
#bo_list .bo_tit .title_icon{margin-right:2px}
|
||||
#bo_list .bo_tit .fa-download{width:16px;height:16px;line-height:16px;background:#e89f31;color:#fff;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle}
|
||||
#bo_list .bo_tit .fa-link{width:16px;height:16px;line-height:16px;background:#ad68d8;color:#fff;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle;font-weight:normal}
|
||||
#bo_list .bo_tit .new_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#ffff00;background:#6db142;text-align:center;border-radius: 2px;vertical-align:middle;margin-right:2px}
|
||||
#bo_list .bo_tit .fa-heart{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#fff;background:#e52955;text-align:center;border-radius: 2px;vertical-align:middle;margin-right:2px;font-weight:normal}
|
||||
#bo_list .bo_tit .fa-lock{display: inline-block;line-height: 14px;width: 16px;font-size: 0.833em;color: #4f818c;background: #cbe3e8;text-align: center;border-radius: 2px;font-size: 12px;border:1px solid #a2c6ce}
|
||||
#bo_list .bo_tit .title_icon {margin-right:2px}
|
||||
#bo_list .bo_tit .fa-download {width:16px;height:16px;line-height:16px;background:#e89f31;color:#fff;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle}
|
||||
#bo_list .bo_tit .fa-link {width:16px;height:16px;line-height:16px;background:#ad68d8;color:#fff;text-align:center;font-size:10px;border-radius:2px;margin-right:2px;vertical-align:middle;font-weight:normal}
|
||||
#bo_list .bo_tit .new_icon {display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#ffff00;background:#6db142;text-align:center;border-radius: 2px;vertical-align:middle;margin-right:2px}
|
||||
#bo_list .bo_tit .fa-heart {display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#fff;background:#e52955;text-align:center;border-radius: 2px;vertical-align:middle;margin-right:2px;font-weight:normal}
|
||||
#bo_list .bo_tit .fa-lock {display: inline-block;line-height: 14px;width: 16px;font-size: 0.833em;color: #4f818c;background: #cbe3e8;text-align: center;border-radius: 2px;font-size: 12px;border:1px solid #a2c6ce}
|
||||
|
||||
|
||||
#bo_sch {float:left;border:1px solid #ccc;background:#fff;border-radius:3px}
|
||||
#bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
|
||||
#bo_sch select{border:0;margin:9px 5px ;height:20px;float:left;border-right:1px solid #ddd;}
|
||||
#bo_sch .sch_input{height:38px;border:0;padding:0;background-color:transparent;float:left}
|
||||
#bo_sch .sch_btn{height:38px;float:left;background:none;border:0;width:40px;font-size:15px}
|
||||
#bo_sch select {border:0;margin:9px 5px ;height:20px;float:left;border-right:1px solid #ddd}
|
||||
#bo_sch .sch_input {height:38px;border:0;padding:0;background-color:transparent;float:left}
|
||||
#bo_sch .sch_btn {height:38px;float:left;background:none;border:0;width:40px;font-size:15px}
|
||||
|
||||
|
||||
/* 게시판 쓰기 */
|
||||
@@ -172,22 +172,22 @@ box-shadow: inset 0 2px 5px rgba(255,255,255,0.3);}
|
||||
#autosave_pop {display:none;z-index:10;position:absolute !important;top:34px;right:0;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;
|
||||
-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
|
||||
-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
|
||||
box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);}
|
||||
#autosave_pop:before{content: "";position: absolute;top: -8px;right: 45px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #000 transparent;}
|
||||
#autosave_pop:after{content: "";position: absolute;top: -7px;right: 45px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #fff transparent;}
|
||||
box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2)}
|
||||
#autosave_pop:before {content: "";position: absolute;top: -8px;right: 45px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #000 transparent}
|
||||
#autosave_pop:after {content: "";position: absolute;top: -7px;right: 45px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #fff transparent}
|
||||
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
|
||||
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
|
||||
#autosave_pop div {text-align:center;margin:0 !important;}
|
||||
#autosave_pop button {margin:0;padding:0;border:0;}
|
||||
#autosave_pop div {text-align:center;margin:0 !important}
|
||||
#autosave_pop button {margin:0;padding:0;border:0}
|
||||
#autosave_pop ul {padding:15px;border-top:1px solid #e9e9e9;list-style:none;overflow-y:scroll;height:130px;border-bottom:1px solid #e8e8e8}
|
||||
#autosave_pop li {padding:8px 5px;border-bottom:1px solid #fff;background:#eee;zoom:1}
|
||||
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#autosave_pop a {display:block;float:left}
|
||||
#autosave_pop span {display:block;float:right;font-size:0.92em;font-style:italic;color:#999}
|
||||
.autosave_close {cursor:pointer;width:100%;height:30px;background:none;color:#888;font-weight:bold;font-size:0.92em}
|
||||
.autosave_close:hover{background:#f3f3f3;color:#3597d9}
|
||||
.autosave_close:hover {background:#f3f3f3;color:#3597d9}
|
||||
.autosave_content {display:none}
|
||||
.autosave_del{background:url(./img/close_btn.png) no-repeat 50% 50%;text-indent:-999px;overflow:hidden;height:20px;width:20px;}
|
||||
.autosave_del {background:url(./img/close_btn.png) no-repeat 50% 50%;text-indent:-999px;overflow:hidden;height:20px;width:20px}
|
||||
|
||||
/* 게시판 읽기 */
|
||||
#bo_v {margin-bottom:20px;padding:20px;background:#fff;box-sizing:border-box}
|
||||
@@ -195,12 +195,12 @@ html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !importa
|
||||
#bo_v_table {position:absolute;top:0;right:16px;margin:0;padding:0 5px;height:25px;background:#ff3061;color:#fff;font-weight:bold;line-height:2.2em}
|
||||
|
||||
#bo_v_title {}
|
||||
#bo_v_title .bo_v_cate{display:inline-block;line-height:26px;background: #3497d9;color: #fff;font-weight: bold;border-bottom:1px solid #1977b5;padding:0 10px;border-radius:3px;
|
||||
#bo_v_title .bo_v_cate {display:inline-block;line-height:26px;background: #3497d9;color: #fff;font-weight: bold;border-bottom:1px solid #1977b5;padding:0 10px;border-radius:3px;
|
||||
-webkit-box-shadow: inset 0 2px 5px rgb(33, 135, 202);
|
||||
-moz-box-shadow: inset 0 2px 5px rgb(33, 135, 202);
|
||||
box-shadow: inset 0 2px 5px rgb(33, 135, 202);
|
||||
}
|
||||
#bo_v_title .bo_v_tit{display:block;font-size:2em;margin:5px 0 0;word-break:break-all}
|
||||
#bo_v_title .bo_v_tit {display:block;font-size:2em;margin:5px 0 0;word-break:break-all}
|
||||
|
||||
#bo_v_info {padding: 10px 0 15px;margin:0 0 20px;border-bottom:1px solid #ddd;color:#666}
|
||||
#bo_v_info:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
@@ -211,16 +211,16 @@ box-shadow: inset 0 2px 5px rgb(33, 135, 202);
|
||||
#bo_v_info .member,
|
||||
#bo_v_info .guest {font-weight:bold}
|
||||
#bo_v_info .profile_img {}
|
||||
#bo_v_info .profile_img img{border-radius:50%}
|
||||
#bo_v_info .sv_member{color:#000}
|
||||
#bo_v_info .if_view{display:inline-block;background:url(./img/icon_view.png) no-repeat 50% 50%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin-right:3px}
|
||||
#bo_v_info .if_comment{display:inline-block;background:url(./img/icon_comment.png) no-repeat 50% 50%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin-right:3px}
|
||||
#bo_v_info .if_date{float:right;margin:0;font-style:italic;color:#888}
|
||||
#bo_v_info .profile_img img {border-radius:50%}
|
||||
#bo_v_info .sv_member {color:#000}
|
||||
#bo_v_info .if_view {display:inline-block;background:url(./img/icon_view.png) no-repeat 50% 50%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin-right:3px}
|
||||
#bo_v_info .if_comment {display:inline-block;background:url(./img/icon_comment.png) no-repeat 50% 50%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin-right:3px}
|
||||
#bo_v_info .if_date {float:right;margin:0;font-style:italic;color:#888}
|
||||
|
||||
#bo_v_file {margin:10px 0;border:1px solid #d4d4d4}
|
||||
#bo_v_file h2 {padding:10px;background: #f3f3f3}
|
||||
#bo_v_file ul {margin:0;padding:5px 0;list-style:none}
|
||||
#bo_v_file li {padding:5px 10px;position:relative;}
|
||||
#bo_v_file li {padding:5px 10px;position:relative}
|
||||
#bo_v_file a {display:inline-block;color:#3497d9;text-decoration:underline;word-wrap:break-word}
|
||||
#bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active {text-decoration:none}
|
||||
#bo_v_file img {float:left;margin:0 10px 0 0}
|
||||
@@ -229,7 +229,7 @@ box-shadow: inset 0 2px 5px rgb(33, 135, 202);
|
||||
#bo_v_link {margin:10px 0;border:1px solid #d4d4d4}
|
||||
#bo_v_link h2 {padding:10px;border-bottom:1px solid #e8e8e8;background: #f3f3f3}
|
||||
#bo_v_link ul {margin:0;padding:5px 0;list-style:none}
|
||||
#bo_v_link li {padding:5px 10px;position:relative;}
|
||||
#bo_v_link li {padding:5px 10px;position:relative}
|
||||
#bo_v_link a {display:inline-block;color:#3497d9;text-decoration:underline;word-wrap:break-word}
|
||||
#bo_v_link a:focus, #bo_v_link a:hover, #bo_v_link a:active {text-decoration:none}
|
||||
.bo_v_link_cnt {position:absolute;top:5px;right:10px;color:#888;font-size:0.92em}
|
||||
@@ -252,18 +252,18 @@ box-shadow: inset 0 2px 5px rgb(33, 135, 202);
|
||||
|
||||
.bo_v_nb {margin:20px 0;position:relative;clear:both;text-align:left;border-bottom:1px solid #ddd}
|
||||
.bo_v_nb:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.bo_v_nb li {border-top:1px solid #ddd;padding:13px;border-left:1px solid #ddd;border-right:1px solid #ddd;}
|
||||
.bo_v_nb li:hover{background:#f6f6f6}
|
||||
.bo_v_nb li i{font-size:13px}
|
||||
.bo_v_nb li .nb_tit{display:inline-block;padding-right:20px;color:#4567b5}
|
||||
.bo_v_nb li .nb_date{float:right;color:#888}
|
||||
.bo_v_nb li {border-top:1px solid #ddd;padding:13px;border-left:1px solid #ddd;border-right:1px solid #ddd}
|
||||
.bo_v_nb li:hover {background:#f6f6f6}
|
||||
.bo_v_nb li i {font-size:13px}
|
||||
.bo_v_nb li .nb_tit {display:inline-block;padding-right:20px;color:#4567b5}
|
||||
.bo_v_nb li .nb_date {float:right;color:#888}
|
||||
|
||||
#bo_v_atc {min-height:200px;height:auto !important;height:200px}
|
||||
#bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}
|
||||
|
||||
#bo_v_img {width:100%;overflow:hidden;zoom:1}
|
||||
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#bo_v_img a.view_image{display:block}
|
||||
#bo_v_img a.view_image {display:block}
|
||||
#bo_v_img img {margin-bottom:20px;max-width:100%;height:auto}
|
||||
|
||||
#bo_v_con {margin:10px 0 30px;width:100%;line-height:1.7em;min-height:200px;word-break:break-all;overflow:hidden}
|
||||
@@ -273,43 +273,43 @@ box-shadow: inset 0 2px 5px rgb(33, 135, 202);
|
||||
#bo_v_act {margin-bottom:30px;text-align:center}
|
||||
#bo_v_act .bo_v_act_gng {position:relative}
|
||||
#bo_v_act a {margin-right:5px;vertical-align:middle}
|
||||
#bo_v_act a:hover{background-color:#f3f3f3}
|
||||
#bo_v_act a:hover {background-color:#f3f3f3}
|
||||
#bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;left:0;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center}
|
||||
#bo_v_act .bo_v_good{display:inline-block;border:1px solid #000;width:70px;height:70px;padding-top:40px;background:url(./img/icon_good.png) 25px 18px no-repeat;border-radius:50%;font-style:italic}
|
||||
#bo_v_act .bo_v_nogood{display:inline-block;border:1px solid #000;width:70px;height:70px;padding-top:40px;background:url(./img/icon_bad.png) 25px 18px no-repeat;border-radius:50%;font-style:italic}
|
||||
#bo_v_act .bo_v_good {display:inline-block;border:1px solid #000;width:70px;height:70px;padding-top:40px;background:url(./img/icon_good.png) 25px 18px no-repeat;border-radius:50%;font-style:italic}
|
||||
#bo_v_act .bo_v_nogood {display:inline-block;border:1px solid #000;width:70px;height:70px;padding-top:40px;background:url(./img/icon_bad.png) 25px 18px no-repeat;border-radius:50%;font-style:italic}
|
||||
|
||||
#bo_v_share{position:relative;margin:20px 0;text-align:right}
|
||||
#bo_v_share .btn{padding:0 10px 0 0;color:#555;font-weight:normal;font-size:1em ;line-height:30px;height:32px;border-radius:0;border-color:#d5d5d5}
|
||||
#bo_v_share .btn:hover{background:#fff}
|
||||
#bo_v_share .btn i{margin-right:5px;background:#eee;color:#333;text-align:center;width:30px;line-height:30px;vertical-align:top;}
|
||||
#bo_v_share .btn_share{}
|
||||
#bo_v_share .btn_share:hover{}
|
||||
#bo_v_share {position:relative;margin:20px 0;text-align:right}
|
||||
#bo_v_share .btn {padding:0 10px 0 0;color:#555;font-weight:normal;font-size:1em ;line-height:30px;height:32px;border-radius:0;border-color:#d5d5d5}
|
||||
#bo_v_share .btn:hover {background:#fff}
|
||||
#bo_v_share .btn i {margin-right:5px;background:#eee;color:#333;text-align:center;width:30px;line-height:30px;vertical-align:top}
|
||||
#bo_v_share .btn_share {}
|
||||
#bo_v_share .btn_share:hover {}
|
||||
|
||||
.bo_v_snswr{position:relative;display:inline-block;margin-left:-1px}
|
||||
.bo_v_snswr {position:relative;display:inline-block;margin-left:-1px}
|
||||
#bo_v_sns {display:none;position:absolute;top:-50px;left:50%;margin-left:-90px;width:180px;padding:0;list-style:none;zoom:1}
|
||||
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#bo_v_sns:before{content: "";position: absolute;bottom: -7px;left: 84px;width: 0;height: 0;border-style: solid;border-width: 7px 6px 0 6px;border-color: #415b92 transparent transparent transparent;}
|
||||
#bo_v_sns:before {content: "";position: absolute;bottom: -7px;left: 84px;width: 0;height: 0;border-style: solid;border-width: 7px 6px 0 6px;border-color: #415b92 transparent transparent transparent}
|
||||
#bo_v_sns li {float:left;width:60px;text-align:center}
|
||||
#bo_v_sns li a{height:40px;padding:10px 0;}
|
||||
#bo_v_sns li .sns_f{display:block;background:#415b92}
|
||||
#bo_v_sns li .sns_t{display:block;background:#35b3dc}
|
||||
#bo_v_sns li .sns_g{display:block;background:#d5503a}
|
||||
#bo_v_sns.show_kakao{width:240px;margin-left:-120px}
|
||||
#bo_v_sns li .sns_k{display:block;background:#fbe300}
|
||||
#bo_v_sns li img{vertical-align:top}
|
||||
#bo_v_sns li a {height:40px;padding:10px 0}
|
||||
#bo_v_sns li .sns_f {display:block;background:#415b92}
|
||||
#bo_v_sns li .sns_t {display:block;background:#35b3dc}
|
||||
#bo_v_sns li .sns_g {display:block;background:#d5503a}
|
||||
#bo_v_sns.show_kakao {width:240px;margin-left:-120px}
|
||||
#bo_v_sns li .sns_k {display:block;background:#fbe300}
|
||||
#bo_v_sns li img {vertical-align:top}
|
||||
|
||||
/* 게시판 댓글 */
|
||||
.cmt_btn{background:url('./img/cmt_btn.png') no-repeat 85px 8px;text-align:left ;width:100% ;border:0;color:#ed6478;font-weight:bold;font-size:1.25em;margin: 30px 0 0px;padding:0 0 10px }
|
||||
.cmt_btn_op{background:url('./img/cmt_btn.png') no-repeat 85px -23px}
|
||||
.cmt_btn {background:url('./img/cmt_btn.png') no-repeat 85px 8px;text-align:left ;width:100% ;border:0;color:#ed6478;font-weight:bold;font-size:1.25em;margin: 30px 0 0px;padding:0 0 10px}
|
||||
.cmt_btn_op {background:url('./img/cmt_btn.png') no-repeat 85px -23px}
|
||||
#bo_vc {}
|
||||
#bo_vc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
|
||||
#bo_vc article {margin:20px 0;position:relative}
|
||||
#bo_vc article .profile_img img{border-radius:50%}
|
||||
#bo_vc article .profile_img img {border-radius:50%}
|
||||
#bo_vc header {}
|
||||
#bo_vc header:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#bo_vc header .icon_reply {position:absolute;top:15px;left:-20px}
|
||||
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
|
||||
.bo_vc_hdinfo{float:right;font-style:italic;color:#777}
|
||||
.bo_vc_hdinfo {float:right;font-style:italic;color:#777}
|
||||
#bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
|
||||
#bo_vc .cmt_contents {padding:15px ;margin:10px 0 0;background: #f8fafb;border-radius:5px;border: 1px solid #e8e8e8;line-height:1.8em}
|
||||
#bo_vc p a {text-decoration:underline}
|
||||
@@ -319,52 +319,52 @@ box-shadow: inset 0 2px 5px rgb(33, 135, 202);
|
||||
|
||||
.bo_vc_act {text-align:right;margin:0;list-style:none;zoom:1}
|
||||
.bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.bo_vc_act li {display:inline-block;}
|
||||
.bo_vc_act li a{padding:0 5px;line-height:23px}
|
||||
.bo_vc_act li {display:inline-block}
|
||||
.bo_vc_act li a {padding:0 5px;line-height:23px}
|
||||
|
||||
.bo_vc_w {position:relative;margin:10px 0;display:block;}
|
||||
.bo_vc_w {position:relative;margin:10px 0;display:block}
|
||||
.bo_vc_w:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
|
||||
.bo_vc_w #char_cnt {display:block;margin:0 0 5px}
|
||||
.bo_vc_w textarea{border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;width:100%;height:120px;
|
||||
.bo_vc_w textarea {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;width:100%;height:120px;
|
||||
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
|
||||
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);}
|
||||
#wr_secret{}
|
||||
.bo_vc_w_info{margin:10px 0;float:left}
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1)}
|
||||
#wr_secret {}
|
||||
.bo_vc_w_info {margin:10px 0;float:left}
|
||||
.bo_vc_w_info:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.bo_vc_w_info .frm_input{float:left;margin-right:5px}
|
||||
.bo_vc_w_info #captcha{padding-top:10px;display:block;clear:both}
|
||||
.bo_vc_w .btn_confirm{float:right;margin-top:10px}
|
||||
.bo_vc_w .btn_confirm label{display:inline-block;margin-right:10px;border-radius:3px;font-size:1.5em;text-align:center;}
|
||||
.bo_vc_w .btn_submit{height:45px;padding:0 20px;border-radius:3px;font-weight:bold;font-size:1.083em;}
|
||||
.bo_vc_w_info .frm_input {float:left;margin-right:5px}
|
||||
.bo_vc_w_info #captcha {padding-top:10px;display:block;clear:both}
|
||||
.bo_vc_w .btn_confirm {float:right;margin-top:10px}
|
||||
.bo_vc_w .btn_confirm label {display:inline-block;margin-right:10px;border-radius:3px;font-size:1.5em;text-align:center}
|
||||
.bo_vc_w .btn_submit {height:45px;padding:0 20px;border-radius:3px;font-weight:bold;font-size:1.083em}
|
||||
.bo_vc_w_wr:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
|
||||
#bo_vc_send_sns{display:inline-block;float:left}
|
||||
#bo_vc_send_sns {display:inline-block;float:left}
|
||||
#bo_vc_sns {display:inline-block;margin:0;padding:0;list-style:none;zoom:1}
|
||||
#bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#bo_vc_sns li {float:left;margin:0 5px 0 0}
|
||||
#bo_vc_sns .sns_li_f{border-radius:3px;background:#3a589b;height:40px;line-height:40px;padding:0 0 0 10px}
|
||||
#bo_vc_sns .sns_li_t{border-radius:3px;background:#00aced;height:40px;line-height:40px;padding:0 0 0 10px}
|
||||
#bo_vc_sns .sns_li_off{background:#bbb}
|
||||
#bo_vc_sns a{display:inline-block;padding:0 15px 0 5px;}
|
||||
#bo_vc_sns input {margin:0 5px 0 0 }
|
||||
#bo_vc_sns .sns_li_f {border-radius:3px;background:#3a589b;height:40px;line-height:40px;padding:0 0 0 10px}
|
||||
#bo_vc_sns .sns_li_t {border-radius:3px;background:#00aced;height:40px;line-height:40px;padding:0 0 0 10px}
|
||||
#bo_vc_sns .sns_li_off {background:#bbb}
|
||||
#bo_vc_sns a {display:inline-block;padding:0 15px 0 5px}
|
||||
#bo_vc_sns input {margin:0 5px 0 0}
|
||||
|
||||
|
||||
/*글쓰기*/
|
||||
#bo_w .write_div{margin:10px 0;position:relative}
|
||||
#bo_w .write_div {margin:10px 0;position:relative}
|
||||
#bo_w .bo_w_info:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#bo_w .bo_w_info .frm_input{float:left;width:33%}
|
||||
#bo_w #wr_password{margin:0 0.5% }
|
||||
#bo_w .wr_content.smarteditor2 iframe{background:#fff}
|
||||
#bo_w .bo_w_tit{position:relative}
|
||||
#bo_w .bo_w_tit .frm_input{padding-right:120px;}
|
||||
#bo_w .bo_w_tit #btn_autosave{position:absolute;top:5px;right:5px;line-height:30px;height:30px;}
|
||||
#bo_w .bo_w_link label{position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;background: #eee;text-align:center;color:#888}
|
||||
#bo_w .bo_w_link .frm_input{padding-left:50px}
|
||||
#bo_w .bo_w_flie .lb_icon{position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;background:#eee;text-align:center;color:#888}
|
||||
#bo_w .bo_w_flie .frm_file{padding-left:50px;}
|
||||
#bo_w .bo_w_flie .file_wr{border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px;margin:0}
|
||||
#bo_w .bo_w_flie .frm_input{margin:10px 0 0 }
|
||||
#bo_w .bo_w_flie .file_del{position:absolute;top:10px;right:10px;font-size:0.92em;color:#7d7d7d}
|
||||
#bo_w .bo_w_select select{border:1px solid #3497d9;height:40px;border-radius:3px}
|
||||
#bo_w .bo_w_info .frm_input {float:left;width:33%}
|
||||
#bo_w #wr_password {margin:0 0.5%}
|
||||
#bo_w .wr_content.smarteditor2 iframe {background:#fff}
|
||||
#bo_w .bo_w_tit {position:relative}
|
||||
#bo_w .bo_w_tit .frm_input {padding-right:120px}
|
||||
#bo_w .bo_w_tit #btn_autosave {position:absolute;top:5px;right:5px;line-height:30px;height:30px}
|
||||
#bo_w .bo_w_link label {position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;background: #eee;text-align:center;color:#888}
|
||||
#bo_w .bo_w_link .frm_input {padding-left:50px}
|
||||
#bo_w .bo_w_flie .lb_icon {position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;background:#eee;text-align:center;color:#888}
|
||||
#bo_w .bo_w_flie .frm_file {padding-left:50px}
|
||||
#bo_w .bo_w_flie .file_wr {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px;margin:0}
|
||||
#bo_w .bo_w_flie .frm_input {margin:10px 0 0}
|
||||
#bo_w .bo_w_flie .file_del {position:absolute;top:10px;right:10px;font-size:0.92em;color:#7d7d7d}
|
||||
#bo_w .bo_w_select select {border:1px solid #3497d9;height:40px;border-radius:3px}
|
||||
@@ -6,8 +6,8 @@ add_stylesheet('<link rel="stylesheet" href="'.$latest_skin_url.'/style.css">',
|
||||
add_javascript('<script src="'.G5_JS_URL.'/jquery.bxslider.js"></script>', 10);
|
||||
?>
|
||||
|
||||
<div class="notice">
|
||||
<h2><a href="<?php echo get_pretty_url($bo_table); ?>"><i class="fa fa-bullhorn" aria-hidden="true"></i><span class="sound_only"><?php echo $bo_subject ?></span></a></h2>
|
||||
<div class="notice ft_cnt">
|
||||
<h2><a href="<?php echo get_pretty_url($bo_table); ?>"><?php echo $bo_subject ?></a></h2>
|
||||
<ul>
|
||||
<?php for ($i=0; $i<count($list); $i++) { ?>
|
||||
<li>
|
||||
@@ -39,15 +39,4 @@ add_javascript('<script src="'.G5_JS_URL.'/jquery.bxslider.js"></script>', 10);
|
||||
<li class="empty_li">게시물이 없습니다.</li>
|
||||
<?php } ?>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
<?php if (count($list)) { //게시물이 있다면 ?>
|
||||
<script>
|
||||
$('.notice ul').bxSlider({
|
||||
hideControlOnEnd: true,
|
||||
pager:false,
|
||||
nextText: '<i class="fa fa-angle-right" aria-hidden="true"></i>',
|
||||
prevText: '<i class="fa fa-angle-left" aria-hidden="true"></i>'
|
||||
});
|
||||
</script>
|
||||
<?php } ?>
|
||||
@@ -1,16 +1,12 @@
|
||||
@charset "utf-8";
|
||||
/* 새글 스킨 (latest) */
|
||||
.notice {position:relative;padding:15px 50px;border-bottom:1px solid #d0d6e4}
|
||||
.notice li{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
|
||||
.notice li a:hover{color:#a22121}
|
||||
.notice li .lock_icon{display: inline-block;line-height: 14px;width: 16px;font-size: 0.833em;color: #4f818c;background: #cbe3e8;text-align: center;border-radius: 2px;font-size: 12px;border:1px solid #a2c6ce;vertical-align:top}
|
||||
.notice li .new_icon{display:inline-block;line-height:16px;width:16px;font-size:0.833em;color:#ffff00;background:#6db142;text-align:center;margin-right:3px;border-radius:2px;vertical-align:top}
|
||||
.notice .cnt_cmt{background:#5c85c1;color:#fff; font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;white-space: nowrap;margin-left:5px;
|
||||
-webkit-box-shadow: inset 0 2px 5px rgba(255,255,255,0.4);
|
||||
-moz-box-shadow: inset 0 2px 5px rgba(255,255,255,0.4);
|
||||
box-shadow: inset 0 2px 5px rgba(255,255,255,0.4)}
|
||||
|
||||
.notice h2{position:absolute;top:50%;left:10px;margin-top:-15px;left:5;line-height:30px}
|
||||
.notice h2 a{display:inline-block;width:30px;line-height:30px;border-radius:25px;background:#4158d1;color:#fff;text-align:center;color:#fff}
|
||||
.notice .bx-next{position:absolute;top:50%;right:10px;;width:26px;height:26px;line-height:24px;text-align:center;background:#fff;border:1px solid #d1d1d1;margin-top:-12px}
|
||||
.notice .bx-prev{position:absolute;top:50%;right:35px;width:26px;height:26px;line-height:24px;text-align:center;background:#fff;border:1px solid #d1d1d1;margin-top:-12px}
|
||||
/* 새글 스킨 (latest) */
|
||||
.notice {position:relative;padding:15px 50px}
|
||||
.notice h2 {margin-bottom:20px}
|
||||
.notice h2 a {font-size:1.2em;color:#fff}
|
||||
.notice li {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;border-bottom:1px solid #343434}
|
||||
.notice li a {color:#e3e3e3;padding:15px 0;display:inline-block}
|
||||
.notice li .lock_icon {display:inline-block;line-height:14px;width:16px;font-size:0.833em;color:#4f818c;background:#cbe3e8;text-align:center;border-radius:2px;font-size: 12px;border:1px solid #a2c6ce;vertical-align:baseline}
|
||||
.notice li .new_icon {display:inline-block;line-height:16px;width:16px;font-size:0.833em;color:#ffff00;background:#6db142;text-align:center;margin-right:3px;border-radius:2px;vertical-align:baseline}
|
||||
.notice .cnt_cm {background:#5c85c1;color:#fff;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;white-space:nowrap;margin-left:5px}
|
||||
|
||||
|
||||
@@ -1,9 +1,9 @@
|
||||
@charset "utf-8";
|
||||
|
||||
/* 방문자 집계 */
|
||||
#visit {position:relative;width:300px}
|
||||
#visit .btn_admin {position:absolute;top:10px;right:10px;height:25px;line-height:25px;padding:0 5px;border-radius:3px}
|
||||
#visit h2 {font-size:1.167em;text-align:left;padding-bottom:15px;padding-top:25px;color:#fff;position:relative}
|
||||
#visit {position:relative}
|
||||
#visit .btn_admin {position:absolute;top:0;right:20px;height:25px;line-height:25px;padding:0 5px;border-radius:3px}
|
||||
#visit h2 {font-size:1.2em;margin-bottom:20px;text-align:left;color:#fff;position:relative}
|
||||
#visit dl {padding:10px 0}
|
||||
#visit dl:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#visit dt {float:left;width:50%;text-align:left;line-height:23px;height:23px;color:#e3e3e3}
|
||||
|
||||
@@ -8,7 +8,7 @@ add_stylesheet('<link rel="stylesheet" href="'.$visit_skin_url.'/style.css">', 0
|
||||
?>
|
||||
|
||||
<!-- 접속자집계 시작 { -->
|
||||
<section id="visit">
|
||||
<section id="visit" class="ft_cnt">
|
||||
<h2>접속자집계</h2>
|
||||
<dl>
|
||||
<dt><span class="color_1"></span> 오늘</dt>
|
||||
|
||||
+17
-7
@@ -34,30 +34,40 @@ if (G5_IS_MOBILE) {
|
||||
<div id="ft">
|
||||
|
||||
<div id="ft_wr">
|
||||
<div id="ft_link">
|
||||
<div id="ft_link" class="ft_cnt">
|
||||
<a href="<?php echo get_pretty_url('content', 'company'); ?>">회사소개</a>
|
||||
<a href="<?php echo get_pretty_url('content', 'privacy'); ?>">개인정보처리방침</a>
|
||||
<a href="<?php echo get_pretty_url('content', 'provision'); ?>">서비스이용약관</a>
|
||||
<a href="<?php echo get_device_change_url(); ?>">모바일버전</a>
|
||||
</div>
|
||||
<div id="ft_company">
|
||||
<p class="ft_info">TEL. 00-000-0000 FAX. 00-000-0000 서울 강남구 강남대로 1<br>대표:홍길동 사업자등록번호:000-00-00000 개인정보관리책임자:홍길동<br><br>Copyright © <b>소유하신 도메인.</b> All rights reserved.</p>
|
||||
<div id="ft_company" class="ft_cnt">
|
||||
<h2>사이트 정보</h2>
|
||||
<p class="ft_info">
|
||||
회사명 : 회사명 / 대표 : 대표자명<br>
|
||||
주소 : OO도 OO시 OO구 OO동 123-45<br>
|
||||
사업자 등록번호 : 123-45-67890<br>
|
||||
전화 : 02-123-4567 팩스 : 02-123-4568<br>
|
||||
통신판매업신고번호 : 제 OO구 - 123호<br>
|
||||
개인정보관리책임자 : 정보책임자명<br>
|
||||
</p>
|
||||
</div>
|
||||
<?php
|
||||
//공지사항
|
||||
// 이 함수가 바로 최신글을 추출하는 역할을 합니다.
|
||||
// 사용방법 : latest(스킨, 게시판아이디, 출력라인, 글자수);
|
||||
// 테마의 스킨을 사용하려면 theme/basic 과 같이 지정
|
||||
// echo latest('theme/notice', 'notice', 4, 13);
|
||||
echo latest('theme/notice', 'notice', 4, 13);
|
||||
?>
|
||||
|
||||
<?php echo visit('theme/basic'); // 접속자집계, 테마의 스킨을 사용하려면 스킨을 theme/basic 과 같이 지정 ?>
|
||||
|
||||
</div>
|
||||
<!-- <div id="ft_catch"><img src="<?php echo G5_IMG_URL; ?>/ft_logo.png" alt="<?php echo G5_VERSION ?>"></div> -->
|
||||
<div id="ft_copy">Copyright © <b>소유하신 도메인.</b> All rights reserved.</div>
|
||||
</div>
|
||||
|
||||
<button type="button" id="top_btn"><i class="fa fa-arrow-up" aria-hidden="true"></i><span class="sound_only">상단으로</span></button>
|
||||
|
||||
<button type="button" id="top_btn">
|
||||
<i class="fa fa-arrow-up" aria-hidden="true"></i><span class="sound_only">상단으로</span>
|
||||
</button>
|
||||
<script>
|
||||
$(function() {
|
||||
$("#top_btn").on("click", function() {
|
||||
|
||||
Reference in New Issue
Block a user