first commit 2
This commit is contained in:
hmw1001
@@ -0,0 +1,187 @@
|
||||
@keyframes hover-color {
|
||||
from {
|
||||
background-color: #eee;
|
||||
}
|
||||
|
||||
to {
|
||||
background-color: #ddd;
|
||||
}
|
||||
}
|
||||
|
||||
.magic-radio,
|
||||
.magic-checkbox {
|
||||
position: absolute;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.magic-radio[disabled],
|
||||
.magic-checkbox[disabled] {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.magic-radio + label {
|
||||
position: relative;
|
||||
padding-left: 30px;
|
||||
margin-right: 0px;
|
||||
cursor: pointer;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.magic-checkbox + label {
|
||||
position: relative;
|
||||
padding-left: 27px;
|
||||
margin-right: 0px;
|
||||
cursor: pointer;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
|
||||
.magic-radio + label:hover:before,
|
||||
.magic-checkbox + label:hover:before {
|
||||
animation-duration: 0.4s;
|
||||
animation-fill-mode: both;
|
||||
animation-name: hover-color;
|
||||
}
|
||||
|
||||
.magic-radio + label:before {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: inline-block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
content: '';
|
||||
border: 0px solid #c0c0c0;
|
||||
background-color: #eee;
|
||||
}
|
||||
|
||||
.magic-checkbox + label:before {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: inline-block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
content: '';
|
||||
border: 0px solid #c0c0c0;
|
||||
background-color: #eee;
|
||||
}
|
||||
|
||||
|
||||
.magic-radio + label:after,
|
||||
.magic-checkbox + label:after {
|
||||
position: absolute;
|
||||
display: none;
|
||||
content: '';
|
||||
}
|
||||
|
||||
.magic-radio[disabled] + label,
|
||||
.magic-checkbox[disabled] + label {
|
||||
cursor: not-allowed;
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
.magic-radio[disabled] + label:hover,
|
||||
.magic-radio[disabled] + label:before,
|
||||
.magic-radio[disabled] + label:after,
|
||||
.magic-checkbox[disabled] + label:hover,
|
||||
.magic-checkbox[disabled] + label:before,
|
||||
.magic-checkbox[disabled] + label:after {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.magic-radio[disabled] + label:hover:before,
|
||||
.magic-checkbox[disabled] + label:hover:before {
|
||||
border: 0px solid #ddd;
|
||||
animation-name: none;
|
||||
}
|
||||
|
||||
.magic-radio[disabled] + label:before,
|
||||
.magic-checkbox[disabled] + label:before {
|
||||
border-color: #ddd;
|
||||
}
|
||||
|
||||
.magic-radio:checked + label:before,
|
||||
.magic-checkbox:checked + label:before {
|
||||
animation-name: none;
|
||||
}
|
||||
|
||||
.magic-radio:checked + label:after,
|
||||
.magic-checkbox:checked + label:after {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.magic-radio + label:before {
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.magic-radio + label:after {
|
||||
top: 5px;
|
||||
left: 5px;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
border-radius: 50%;
|
||||
background: #000;
|
||||
}
|
||||
|
||||
.magic-radio:checked + label:before {
|
||||
border: 0px solid #000;
|
||||
}
|
||||
|
||||
.magic-radio:checked[disabled] + label:before {
|
||||
border: 0px solid #000;
|
||||
}
|
||||
|
||||
.magic-radio:checked[disabled] + label:after {
|
||||
background: #000;
|
||||
color:#ccc;
|
||||
}
|
||||
|
||||
.magic-checkbox + label:before {
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.magic-checkbox + label:after {
|
||||
top: 4px;
|
||||
left: 7px;
|
||||
box-sizing: border-box;
|
||||
width: 6px;
|
||||
height: 9px;
|
||||
transform: rotate(45deg);
|
||||
border-width: 2px;
|
||||
border-style: solid;
|
||||
border-color: #000;
|
||||
border-top: 0;
|
||||
border-left: 0;
|
||||
}
|
||||
|
||||
.magic-checkbox2 + label:after {
|
||||
top: 4px;
|
||||
left: 7px;
|
||||
box-sizing: border-box;
|
||||
width: 6px;
|
||||
height: 9px;
|
||||
transform: rotate(45deg);
|
||||
border-width: 2px;
|
||||
border-style: solid;
|
||||
border-color: #000;
|
||||
border-top: 0;
|
||||
border-left: 0;
|
||||
}
|
||||
|
||||
|
||||
.magic-checkbox:checked + label:before {
|
||||
border: #ddd;
|
||||
background: #ddd;
|
||||
}
|
||||
|
||||
.magic-radio:checked + label:before {
|
||||
border: #ddd;
|
||||
background: #ddd;
|
||||
}
|
||||
|
||||
|
||||
.magic-checkbox:checked[disabled] + label:before {
|
||||
border: #ddd;
|
||||
background: #ddd;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
@@ -0,0 +1,6 @@
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M4.75 8.75C4.75 7.64543 5.64543 6.75 6.75 6.75H17.25C18.3546 6.75 19.25 7.64543 19.25 8.75V17.25C19.25 18.3546 18.3546 19.25 17.25 19.25H6.75C5.64543 19.25 4.75 18.3546 4.75 17.25V8.75Z" stroke="#141414" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M8 4.75V8.25" stroke="#141414" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M16 4.75V8.25" stroke="#141414" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M7.75 10.75H16.25" stroke="#141414" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 714 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
@@ -0,0 +1,4 @@
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M6.5 15.25V15.25C5.5335 15.25 4.75 14.4665 4.75 13.5V6.75C4.75 5.64543 5.64543 4.75 6.75 4.75H13.5C14.4665 4.75 15.25 5.5335 15.25 6.5V6.5" stroke="#141414" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<rect x="8.75" y="8.75" width="10.5" height="10.5" rx="2" stroke="#141414" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 480 B |
@@ -0,0 +1,4 @@
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M4.75 19.25L9 18.25L18.2929 8.95711C18.6834 8.56658 18.6834 7.93342 18.2929 7.54289L16.4571 5.70711C16.0666 5.31658 15.4334 5.31658 15.0429 5.70711L5.75 15L4.75 19.25Z" stroke="#141414" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M19.25 19.25H13.75" stroke="#141414" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 480 B |
@@ -0,0 +1,6 @@
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M8.75 4.75H15.25C17.4591 4.75 19.25 6.54086 19.25 8.75V15.25C19.25 17.4591 17.4591 19.25 15.25 19.25H8.75C6.54086 19.25 4.75 17.4591 4.75 15.25V8.75C4.75 6.54086 6.54086 4.75 8.75 4.75Z" stroke="#141414" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M7.75 12.75C7.75 12.75 9 15.25 12 15.25C15 15.25 16.25 12.75 16.25 12.75" stroke="#141414" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<circle cx="14" cy="10" r="1" fill="#141414"/>
|
||||
<circle cx="10" cy="10" r="1" fill="#141414"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 646 B |
@@ -0,0 +1,4 @@
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M19.25 12C19.25 13 17.5 18.25 12 18.25C6.5 18.25 4.75 13 4.75 12C4.75 11 6.5 5.75 12 5.75C17.5 5.75 19.25 11 19.25 12Z" stroke="#141414" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<circle cx="12" cy="12" r="2.25" stroke="#141414" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 435 B |
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
@@ -0,0 +1,6 @@
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M11.25 19.25H7.75C6.64543 19.25 5.75 18.3546 5.75 17.25V6.75C5.75 5.64543 6.64543 4.75 7.75 4.75H14L18.25 9V11.25" stroke="#141414" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M17 14.75V19.25" stroke="#141414" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M19.25 17L14.75 17" stroke="#141414" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M18 9.25H13.75V5" stroke="#141414" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 649 B |
@@ -0,0 +1,6 @@
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12.25 19.25H6.75C5.64543 19.25 4.75 18.3546 4.75 17.25V7.75H17.25C18.3546 7.75 19.25 8.64543 19.25 9.75V12.25" stroke="#141414" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M13.5 7.5L12.5685 5.7923C12.2181 5.14977 11.5446 4.75 10.8127 4.75H6.75C5.64543 4.75 4.75 5.64543 4.75 6.75V11" stroke="#141414" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M17 14.75V19.25" stroke="#141414" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M19.25 17L14.75 17" stroke="#141414" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 740 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 62 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 318 B |
@@ -0,0 +1,5 @@
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M16.75 13.25L18 12C19.6569 10.3431 19.6569 7.65685 18 6V6C16.3431 4.34315 13.6569 4.34315 12 6L10.75 7.25" stroke="#141414" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M7.25 10.75L6 12C4.34315 13.6569 4.34315 16.3431 6 18V18C7.65685 19.6569 10.3431 19.6569 12 18L13.25 16.75" stroke="#141414" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M14.25 9.75L9.75 14.25" stroke="#141414" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 624 B |
@@ -0,0 +1,4 @@
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M5.75 11.75C5.75 11.1977 6.19772 10.75 6.75 10.75H17.25C17.8023 10.75 18.25 11.1977 18.25 11.75V17.25C18.25 18.3546 17.3546 19.25 16.25 19.25H7.75C6.64543 19.25 5.75 18.3546 5.75 17.25V11.75Z" stroke="#141414" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M7.75 10.5V10.3427C7.75 8.78147 7.65607 7.04125 8.74646 5.9239C9.36829 5.2867 10.3745 4.75 12 4.75C13.6255 4.75 14.6317 5.2867 15.2535 5.9239C16.3439 7.04125 16.25 8.78147 16.25 10.3427V10.5" stroke="#141414" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 676 B |
@@ -0,0 +1,5 @@
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M4.75 5.75H19.25" stroke="#141414" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M4.75 18.25H19.25" stroke="#141414" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M4.75 12H19.25" stroke="#141414" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 438 B |
@@ -0,0 +1,6 @@
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M5.26934 17.5635L6.0065 17.7017L5.26934 17.5635ZM6.43651 18.7307L6.57472 19.4678H6.57472L6.43651 18.7307ZM9.64388 18.1293L9.7821 18.8664L9.64388 18.1293ZM10.4078 18.1263L10.5253 17.3856L10.4078 18.1263ZM18.5 12C18.5 14.0095 17.6777 15.3468 16.4964 16.2059C15.284 17.0876 13.6402 17.5 12 17.5V19C13.8598 19 15.841 18.5374 17.3786 17.4191C18.9473 16.2782 20 14.4905 20 12H18.5ZM12 6.5C13.6402 6.5 15.284 6.91235 16.4964 7.79405C17.6777 8.65322 18.5 9.99047 18.5 12H20C20 9.50953 18.9473 7.72178 17.3786 6.58095C15.841 5.46265 13.8598 5 12 5V6.5ZM5.5 12C5.5 9.99047 6.32227 8.65322 7.50363 7.79405C8.71597 6.91235 10.3598 6.5 12 6.5V5C10.1402 5 8.15903 5.46265 6.62137 6.58095C5.05273 7.72178 4 9.50953 4 12H5.5ZM5.97324 14.3573C5.67734 13.7105 5.5 12.9325 5.5 12H4C4 13.1271 4.21543 14.1206 4.60921 14.9814L5.97324 14.3573ZM4.79438 16.0269L4.53219 17.4253L6.0065 17.7017L6.26869 16.3034L4.79438 16.0269ZM4.53219 17.4253C4.30538 18.6349 5.36506 19.6946 6.57472 19.4678L6.29829 17.9935C6.12548 18.0259 5.9741 17.8745 6.0065 17.7017L4.53219 17.4253ZM6.57472 19.4678L9.7821 18.8664L9.50567 17.3921L6.29829 17.9935L6.57472 19.4678ZM12 17.5C11.5079 17.5 11.0119 17.4627 10.5253 17.3856L10.2903 18.8671C10.8582 18.9571 11.4329 19 12 19V17.5ZM9.7821 18.8664C9.93533 18.8377 10.1059 18.8378 10.2903 18.8671L10.5253 17.3856C10.203 17.3345 9.85667 17.3263 9.50567 17.3921L9.7821 18.8664ZM4.60921 14.9814C4.78606 15.3679 4.85129 15.7234 4.79438 16.0269L6.26869 16.3034C6.40222 15.5912 6.2263 14.9105 5.97324 14.3573L4.60921 14.9814Z" fill="#141414"/>
|
||||
<circle cx="9" cy="12" r="1" fill="#141414"/>
|
||||
<circle cx="12" cy="12" r="1" fill="#141414"/>
|
||||
<circle cx="15" cy="12" r="1" fill="#141414"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 9.2 KiB |
@@ -0,0 +1,4 @@
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<circle cx="15" cy="9" r="1" fill="#141414"/>
|
||||
<path d="M12 4.75H19.25V12L12.5535 18.6708C11.7544 19.4668 10.4556 19.445 9.68369 18.6226L5.28993 13.941C4.54041 13.1424 4.57265 11.8895 5.36226 11.1305L12 4.75Z" stroke="#141414" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 397 B |
@@ -0,0 +1,5 @@
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M6.75 7.75L7.59115 17.4233C7.68102 18.4568 8.54622 19.25 9.58363 19.25H14.4164C15.4538 19.25 16.319 18.4568 16.4088 17.4233L17.25 7.75" stroke="#141414" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M9.75 7.5V6.75C9.75 5.64543 10.6454 4.75 11.75 4.75H12.25C13.3546 4.75 14.25 5.64543 14.25 6.75V7.5" stroke="#141414" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M5 7.75H19" stroke="#141414" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 634 B |
@@ -0,0 +1,4 @@
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M4.75 6.75C4.75 5.64543 5.64543 4.75 6.75 4.75H17.25C18.3546 4.75 19.25 5.64543 19.25 6.75V17.25C19.25 18.3546 18.3546 19.25 17.25 19.25H6.75C5.64543 19.25 4.75 18.3546 4.75 17.25V6.75Z" stroke="#141414" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M15.25 12L9.75 8.75V15.25L15.25 12Z" stroke="#141414" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 515 B |
@@ -0,0 +1,281 @@
|
||||
<?php
|
||||
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
|
||||
|
||||
// 선택옵션으로 인해 셀합치기가 가변적으로 변함
|
||||
$colspan = 5;
|
||||
|
||||
if ($is_checkbox) $colspan++;
|
||||
if ($is_good) $colspan++;
|
||||
if ($is_nogood) $colspan++;
|
||||
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0);
|
||||
?>
|
||||
|
||||
<!-- 커스텀 { -->
|
||||
<script src="<?php echo $board_skin_url ?>/swiper/swiper.js"></script>
|
||||
<link rel="stylesheet" href="<?php echo $board_skin_url ?>/swiper/swiper.css">
|
||||
<link rel="stylesheet" href="<?php echo $board_skin_url ?>/css/magic-check.css">
|
||||
<!-- } -->
|
||||
|
||||
|
||||
<div>
|
||||
<div class="cate_div">
|
||||
<?php if ($is_category) { ?>
|
||||
<style>
|
||||
.cate_div {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.cate_div ul li {
|
||||
margin-right: 0px;
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
</style>
|
||||
<ul class="fl">
|
||||
<?php echo $category_option ?>
|
||||
</ul>
|
||||
<?php } ?>
|
||||
|
||||
|
||||
<?php if ($is_checkbox) { ?>
|
||||
<ul class="top_chks">
|
||||
<input class="magic-checkbox" type="checkbox" id="chkall" onclick="if (this.checked) all_checked(true); else all_checked(false);">
|
||||
<label for="chkall"></label>
|
||||
|
||||
<!--
|
||||
<span>Total <?php echo number_format($total_count) ?>건</span>
|
||||
<?php echo $page ?> 페이지
|
||||
-->
|
||||
</ul>
|
||||
<?php } ?>
|
||||
<div class="cb"></div>
|
||||
</div>
|
||||
<!-- } -->
|
||||
|
||||
|
||||
|
||||
<form name="fboardlist" id="fboardlist" action="<?php echo G5_BBS_URL; ?>/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 ?>">
|
||||
<input type="hidden" name="stx" value="<?php echo $stx ?>">
|
||||
<input type="hidden" name="spt" value="<?php echo $spt ?>">
|
||||
<input type="hidden" name="sst" value="<?php echo $sst ?>">
|
||||
<input type="hidden" name="sod" value="<?php echo $sod ?>">
|
||||
<input type="hidden" name="page" value="<?php echo $page ?>">
|
||||
<input type="hidden" name="sw" value="">
|
||||
|
||||
<div class="swiper-container swiper-container-ga">
|
||||
|
||||
<div class="swiper-wrapper swiper-wrapper-ga">
|
||||
<table>
|
||||
<?php
|
||||
$now_row = '';
|
||||
for ($i=0; $i<count($list); $i++) {
|
||||
$now_row = $list[$i]['wr_id'];
|
||||
$thumb = get_list_thumbnail($board['bo_table'], $list[$i]['wr_id'], $board['bo_gallery_width'], $board['bo_gallery_height'], false, true);
|
||||
|
||||
if($list[$i]['icon_secret']) {
|
||||
$img_content = $board_skin_url.'/img/sec.png';
|
||||
} else {
|
||||
if($thumb['src']) {
|
||||
$img_content = $thumb['src'];
|
||||
} else if ($list[$i]['wr_10']){
|
||||
$img_content = 'https://img.youtube.com/vi/'.$list[$i]['wr_10'].'/0.jpg';
|
||||
} else {
|
||||
$img_content = $board_skin_url.'/img/no_img.png';
|
||||
}
|
||||
//echo run_replace('thumb_image_tag', $img_content, $thumb);
|
||||
}
|
||||
?>
|
||||
|
||||
<div class="swiper-slide2 swiper-slide-ga">
|
||||
|
||||
<ul class="img_link" style="height:<?php echo $board['bo_gallery_height']; ?>px; background-image:url('<?php echo $img_content ?>');" onclick="location.href='<?php echo $list[$i]['href'] ?>';">
|
||||
<?php if ($list[$i]['icon_new']) { ?>
|
||||
<li class="main_lists_new">New</li>
|
||||
<?php } ?>
|
||||
<?php if ($list[$i]['wr_10']) { ?>
|
||||
<li class="mov_ico">
|
||||
<img src="<?php echo $board_skin_url ?>/img/favicon_144-vfliLAfaB.png">
|
||||
</li>
|
||||
<?php } ?>
|
||||
</ul>
|
||||
<ul>
|
||||
<li class="main_lists_tit cut">
|
||||
<a href="<?php echo $list[$i]['href'] ?>" class="titles">
|
||||
<?php echo $list[$i]['wr_subject'] ?>
|
||||
</a>
|
||||
</li>
|
||||
<li class="main_lists_date">
|
||||
<?php echo $list[$i]['wr_name']?> <?php echo $list[$i]['wr_datetime']?>
|
||||
<?php if ($list[$i]['comment_cnt']) { ?> <span class="cnt_cmt">+<?php echo $list[$i]['wr_comment']; ?></span><?php } ?>
|
||||
<?php if ($list[$i]['ca_name']) { ?>
|
||||
<dd class="list_ca"><a href="<?php echo $list[$i]['ca_name_href'] ?>"><?php echo $list[$i]['ca_name'] ?></a></dd>
|
||||
<?php } ?>
|
||||
</li>
|
||||
|
||||
<!-- { 본문내용 추출 (사용시 주석해제 하세요.)
|
||||
<li class="main_lists_cont">
|
||||
<?php
|
||||
$wr_content = preg_replace("/<(.*?)\>/","",$list[$i]['wr_content']);
|
||||
$wr_content = preg_replace("/ /","",$wr_content);
|
||||
$wr_content = cut_str(get_text($wr_content),80);
|
||||
echo $wr_content;
|
||||
?>
|
||||
</li>
|
||||
-->
|
||||
</ul>
|
||||
|
||||
<?php if ($is_checkbox) { ?>
|
||||
<div class="chk_boxs">
|
||||
<input class="magic-checkbox" name="chk_wr_id[]" type="checkbox" value="<?php echo $list[$i]['wr_id'] ?>" id="chk_wr_id_<?php echo $i ?>">
|
||||
<label for="chk_wr_id_<?php echo $i ?>"></label>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
</div>
|
||||
|
||||
<?php } ?>
|
||||
<?php if (count($list) == 0) { echo "<div style='width:100%; text-align:center; font-size:12px; padding-top:100px; padding-bottom:100px; color:#999;'>등록된 게시물이 없습니다.</div>"; } ?>
|
||||
|
||||
|
||||
</table>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="pageing_div">
|
||||
|
||||
|
||||
|
||||
<div class="list_btns">
|
||||
<?php if ($write_href) { ?>
|
||||
<button type="button" onclick="location.href='<?php echo $write_href ?>';" title="등록" class="bbs_adm_btn">
|
||||
<img src="<?php echo $board_skin_url ?>/img/edit.svg">
|
||||
</button>
|
||||
<?php } ?>
|
||||
<?php if ($is_checkbox) { ?>
|
||||
<button type="submit" name="btn_submit" onclick="document.pressed=this.value" value="선택삭제" title="선택삭제" class="bbs_adm_btn">
|
||||
<img src="<?php echo $board_skin_url ?>/img/trash.svg">
|
||||
</button>
|
||||
<?php } ?>
|
||||
<?php if ($is_checkbox) { ?>
|
||||
<button type="submit" name="btn_submit" onclick="document.pressed=this.value" value="선택복사" title="선택복사" class="bbs_adm_btn">
|
||||
<img src="<?php echo $board_skin_url ?>/img/copy.svg">
|
||||
</button>
|
||||
<?php } ?>
|
||||
|
||||
</div>
|
||||
|
||||
<?php echo $write_pages; ?>
|
||||
</div>
|
||||
|
||||
|
||||
</form>
|
||||
|
||||
<script>
|
||||
var swiper_slide = new Swiper('.swiper-container-ga', {
|
||||
|
||||
slidesPerView: <?php echo $board['bo_gallery_cols']; ?>,
|
||||
slidesPerColumn: <?php echo $board['bo_page_rows']; ?>,
|
||||
spaceBetween: 30,
|
||||
touchRatio: 0,
|
||||
slidesPerColumnFill: 'row',
|
||||
|
||||
breakpoints: {
|
||||
|
||||
1024: {
|
||||
slidesPerView: <?php echo $board['bo_gallery_cols']; ?>,
|
||||
slidesPerColumn: <?php echo $board['bo_page_rows']; ?>,
|
||||
spaceBetween: 30
|
||||
},
|
||||
768: {
|
||||
slidesPerView: 2,
|
||||
slidesPerColumn: <?php echo $board['bo_page_rows']; ?>,
|
||||
spaceBetween: 30
|
||||
},
|
||||
|
||||
10: {
|
||||
slidesPerView: 1,
|
||||
slidesPerColumn: <?php echo $board['bo_page_rows']; ?>,
|
||||
spaceBetween: 20
|
||||
}
|
||||
}
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<?php if ($is_checkbox) { ?>
|
||||
<script>
|
||||
function all_checked(sw) {
|
||||
var f = document.fboardlist;
|
||||
|
||||
for (var i = 0; i < f.length; i++) {
|
||||
if (f.elements[i].name == "chk_wr_id[]")
|
||||
f.elements[i].checked = sw;
|
||||
}
|
||||
}
|
||||
|
||||
function fboardlist_submit(f) {
|
||||
var chk_count = 0;
|
||||
|
||||
for (var i = 0; i < f.length; i++) {
|
||||
if (f.elements[i].name == "chk_wr_id[]" && f.elements[i].checked)
|
||||
chk_count++;
|
||||
}
|
||||
|
||||
if (!chk_count) {
|
||||
alert(document.pressed + "할 게시물을 하나 이상 선택하세요.");
|
||||
return false;
|
||||
}
|
||||
|
||||
if (document.pressed == "선택복사") {
|
||||
select_copy("copy");
|
||||
return;
|
||||
}
|
||||
|
||||
if (document.pressed == "선택이동") {
|
||||
select_copy("move");
|
||||
return;
|
||||
}
|
||||
|
||||
if (document.pressed == "선택삭제") {
|
||||
if (!confirm("선택한 게시물을 정말 삭제하시겠습니까?\n\n한번 삭제한 자료는 복구할 수 없습니다\n\n답변글이 있는 게시글을 선택하신 경우\n답변글도 선택하셔야 게시글이 삭제됩니다."))
|
||||
return false;
|
||||
|
||||
f.removeAttribute("target");
|
||||
f.action = "./board_list_update.php";
|
||||
}
|
||||
|
||||
return true;
|
||||
}
|
||||
|
||||
// 선택한 게시물 복사 및 이동
|
||||
function select_copy(sw) {
|
||||
var f = document.fboardlist;
|
||||
|
||||
if (sw == "copy")
|
||||
str = "복사";
|
||||
else
|
||||
str = "이동";
|
||||
|
||||
var sub_win = window.open("", "move", "left=50, top=50, width=500, height=550, scrollbars=1");
|
||||
|
||||
f.sw.value = sw;
|
||||
f.target = "move";
|
||||
f.action = "./move.php";
|
||||
f.submit();
|
||||
}
|
||||
</script>
|
||||
<?php } ?>
|
||||
|
||||
|
||||
</div>
|
||||
@@ -0,0 +1,784 @@
|
||||
@charset "utf-8";
|
||||
|
||||
/* ### 기본 스타일 커스터마이징 시작 ### */
|
||||
p {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
|
||||
/* 게시판 버튼 */
|
||||
/* 목록 버튼 */
|
||||
#bo_gall a.btn_b01 {}
|
||||
#bo_gall a.btn_b01:focus, #bo_gall a.btn_b01:hover {}
|
||||
#bo_gall a.btn_b02 {}
|
||||
#bo_gall a.btn_b02:focus, #bo_gall a.btn_b02:hover {}
|
||||
#bo_gall a.btn_admin {} /* 관리자 전용 버튼 */
|
||||
#bo_gall a.btn_admin:focus, #bo_gall .btn_admin:hover {}
|
||||
|
||||
/* 읽기 버튼 */
|
||||
#bo_v a.btn_b01 {}
|
||||
#bo_v a.btn_b01:focus, #bo_v a.btn_b01:hover {}
|
||||
#bo_v a.btn_b02 {}
|
||||
#bo_v a.btn_b02:focus, #bo_v a.btn_b02:hover {}
|
||||
#bo_v a.btn_admin {} /* 관리자 전용 버튼 */
|
||||
#bo_v a.btn_admin:focus, #bo_v a.btn_admin:hover {}
|
||||
|
||||
/* 쓰기 버튼 */
|
||||
#bo_w .btn_confirm {} /* 서식단계 진행 */
|
||||
#bo_w .btn_submit {padding:0 20px;font-size:1.167em}
|
||||
#bo_w button.btn_submit {}
|
||||
#bo_w fieldset .btn_submit {}
|
||||
#bo_w .btn_cancel {font-size:1.167em;border-radius:3px}
|
||||
#bo_w button.btn_cancel {}
|
||||
#bo_w .btn_cancel:focus, #bo_w .btn_cancel:hover {}
|
||||
#bo_w a.btn_frmline, #bo_w button.btn_frmline {} /* 우편번호검색버튼 등 */
|
||||
#bo_w button.btn_frmline {}
|
||||
|
||||
/* 기본 테이블 */
|
||||
/* 읽기 내 테이블 */
|
||||
#bo_v .tbl_head01 {}
|
||||
#bo_v .tbl_head01 caption {}
|
||||
#bo_v .tbl_head01 thead th {}
|
||||
#bo_v .tbl_head01 thead a {}
|
||||
#bo_v .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
|
||||
#bo_v .tbl_head01 tfoot th {}
|
||||
#bo_v .tbl_head01 tfoot td {}
|
||||
#bo_v .tbl_head01 tbody th {}
|
||||
#bo_v .tbl_head01 td {}
|
||||
#bo_v .tbl_head01 a {}
|
||||
#bo_v td.empty_table {}
|
||||
|
||||
/* 쓰기 테이블 */
|
||||
#bo_w table {}
|
||||
#bo_w caption {}
|
||||
#bo_w .frm_info {}
|
||||
#bo_w .frm_address {}
|
||||
#bo_w .frm_file {}
|
||||
|
||||
#bo_w .tbl_frm01 {}
|
||||
#bo_w .tbl_frm01 th {}
|
||||
#bo_w .tbl_frm01 td {}
|
||||
#bo_w .tbl_frm01 textarea, #bo_w tbl_frm01 .frm_input {}
|
||||
#bo_w .tbl_frm01 textarea {}
|
||||
#bo_w .tbl_frm01 a {}
|
||||
|
||||
/* 필수입력 */
|
||||
#bo_w .required, #bo_w textarea.required {}
|
||||
|
||||
#bo_w .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 {}
|
||||
#bo_w .cke_sc_def dt, #bo_w .cke_sc_def dd {}
|
||||
#bo_w .cke_sc_def dt {}
|
||||
#bo_w .cke_sc_def dd {}
|
||||
|
||||
/* ### 기본 스타일 커스터마이징 끝 ### */
|
||||
|
||||
.btn_cke_sc {display: none !important;}
|
||||
|
||||
/* 게시판 목록 */
|
||||
#bo_cate {padding:0px;margin:10px 0; margin-bottom:20px; border-bottom:1px solid #ddd}
|
||||
#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:0px; min-width:150px; padding-right:2px; text-align:center;}
|
||||
#bo_cate a {display:block;line-height:40px;padding:0 20px;border-radius:0px;border:1px solid #ddd; background:#fff; border-bottom:0px; text-align:center;}
|
||||
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;background:#d2d6dc; border:1px solid #d2d6dc; border-bottom:0px;}
|
||||
#bo_cate #bo_cate_on {z-index:2;background:#333;color:#fff;font-weight:500; border:1px solid #333; border-bottom:0px; /*border-bottom-color:#1977b5;
|
||||
-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);*/}
|
||||
.td_subject img {margin-left:3px}
|
||||
|
||||
|
||||
|
||||
/* 갤러리 목록 */
|
||||
#bo_gall h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
|
||||
#bo_gall #gall_ul {margin:10px -10px 0;padding:0;list-style:none;zoom:1}
|
||||
#bo_gall #gall_ul:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#bo_gall .gall_li {}
|
||||
#bo_gall .gall_li .gall_chk {position:absolute;top:0;left:0;padding:5px}
|
||||
#bo_gall .gall_box {position:relative;margin:0 0 50px 0;border-radius:0 0 2px 2px}
|
||||
|
||||
.gall_row .col-gn-0,.gall_row .col-gn-1,.gall_row .col-gn-2,.gall_row .col-gn-3,.gall_row .col-gn-4,.gall_row .col-gn-5,.gall_row .col-gn-6,.gall_row .col-gn-7,.gall_row .col-gn-8,.gall_row .col-gn-9,.gall_row .col-gn-10 {position:relative;min-height:1px;padding-left:10px;*padding-left:0;padding-right:10px;*padding-right:0;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:0}
|
||||
.gall_row .col-gn-0,.latest_row .col-gn-1 {width:100%}
|
||||
.gall_row .col-gn-2 {width:50%}
|
||||
.gall_row .col-gn-3 {width:33.33333333%}
|
||||
.gall_row .col-gn-4 {width:25%}
|
||||
.gall_row .col-gn-5 {width:20%}
|
||||
.gall_row .col-gn-6 {width:16.66666667%}
|
||||
.gall_row .col-gn-7 {width:14.28571428%}
|
||||
.gall_row .col-gn-8 {width:12.5%}
|
||||
.gall_row .col-gn-9 {width:11.11111111%}
|
||||
.gall_row .col-gn-10 {width:10%}
|
||||
|
||||
.gall_row .box_clear {clear:both}
|
||||
|
||||
#bo_gall .gall_now .gall_text_href a {color:#ff3061}
|
||||
|
||||
#bo_gall .gall_href a:link, #bo_gall .gall_href a:focus, #bo_gall .gall_href a:hover {text-decoration:none}
|
||||
#bo_gall .gall_img {border-bottom:1px solid #eee;text-align:center; /*max-height:200px;*/overflow:hidden}
|
||||
#bo_gall .gall_img a,#bo_gall .gall_img .no_image,#bo_gall .gall_img .is_notice {display:block}
|
||||
#bo_gall .gall_img img{max-width:100%;height:auto !important; transition: transform 1s; -webkit-transition: -webkit-transform 1s;}
|
||||
#bo_gall .gall_img img:hover { transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); }
|
||||
#bo_gall .gall_img video{max-width:100%;height:auto !important;}
|
||||
#bo_gall .gall_img video:hover {}
|
||||
|
||||
#bo_gall .gall_img span {display:inline-block;background:#eaeaea;text-align:center;line-height:200px;text-transform:uppercase;font-weight:bold;font-size:1.25em;color:#777}
|
||||
|
||||
#bo_gall .gall_text_href {margin:0px 0; padding:10px; background-color:#f6f6f6}
|
||||
#bo_gall .gall_text_href a {font-weight:bold}
|
||||
#bo_gall .gall_text_href img {margin:0 0 0 4px}
|
||||
#bo_gall .bo_tit {display:block; /*line-height:30px;*/ font-weight:700;color:#000;font-size:1.1em}
|
||||
#bo_gall .bo_tit .cnt_cmt {background:#fff;color:#333;font-size:0.7em;height:15px;line-height:15px;padding:0px 5px; padding-bottom:0px; border-radius:3px;vertical-align:middle; border:1px solid #aaa; margin-left:3px; }
|
||||
#bo_gall .bo_cnt {color:#acacac;line-height:18px; display:none;}
|
||||
#bo_gall .profile_img img {border-radius:50%}
|
||||
#bo_gall .bo_tit .fa-heart {display:inline-block;line-height:14px;width:16px;font-size:0.833em;color:#C42828;background:none;text-align:center;border-radius:2px;font-size:12px;border:0px solid #cbe3e8;vertical-align:middle; margin-top:3px;}
|
||||
#bo_gall .bo_tit .fa-lock {display:inline-block;line-height:14px;width:16px;font-size:0.833em;color:#666;background:none;text-align:center;border-radius:2px;font-size:12px;border:0px solid #cbe3e8;vertical-align:middle; margin-top:3px;}
|
||||
#bo_gall .bo_tit .new_icon {display:inline-block;width:28px; height:15px; line-height:13px;font-size:0.7em; letter-spacing:0.05em; color:#fff;background:#3071CA;text-align:center;border-radius:2px;margin-left:2px;font-weight:normal;vertical-align:middle; margin-top:0px; margin-right:1px;}
|
||||
#bo_gall .bo_tit .hot_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#1EA362;background:#ffb9b9;text-align:center;border-radius:2px;vertical-align:middle}
|
||||
#bo_gall .bo_tit .fa-download {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#F19717;background:none;text-align:center;border-radius:2px;margin-left:5px;vertical-align:middle; margin-top:3px;}
|
||||
#bo_gall .bo_tit .fa-link {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#BB51FD;background:none;text-align:center; border-radius:2px;margin-left:5px;vertical-align:middle; margin-top:3px;}
|
||||
|
||||
|
||||
|
||||
|
||||
#bo_gall .gall_info {line-height:1.5em;line-height:20px; padding:5px 10px; padding-bottom:10px; background:#f6f6f6; font-size:0.9em;}
|
||||
#bo_gall .gall_info strong {display:inline-block;margin:0}
|
||||
#bo_gall .gall_info i {font-size:12px}
|
||||
#bo_gall .gall_info .gall_date,
|
||||
#bo_gall .gall_info .gall_view {display:inline-block;margin-right:10px;color:#777}
|
||||
#bo_gall .gall_name{padding:5px 10px; background:#f6f6f6;}
|
||||
|
||||
#bo_gall .gall_option {position:absolute;bottom:10px;right:10px; font-size:0.9em;}
|
||||
#bo_gall .gall_option strong {background:#f6f6f6;padding:5px 10px;border-radius:30px;
|
||||
/*-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)*/}
|
||||
|
||||
/* 게시판 목록 공통 */
|
||||
#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:34px;font-size:0.92em;color:#4e546f}
|
||||
|
||||
.btn_bo_user {float:right;margin:0;padding:0;list-style:none}
|
||||
.btn_bo_user li {float:left;width:auto;text-align:center;margin-left:5px;background:#fff}
|
||||
.btn_bo_user > li {position:relative}
|
||||
.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:#fff6fa !important;border-bottom:1px solid #f8e6ee}
|
||||
.bo_notice td a {font-weight:bold}
|
||||
.bo_notice .notice_icon {display:inline-block;line-height:25px;border-radius:5px;font-weight:bold;color:#f9267f}
|
||||
|
||||
.more_opt {display:none;position:absolute;top:45px;right:0;background:#fff;border:1px solid #b8bfc4;z-index:999}
|
||||
.more_opt:before {content:"";position:absolute;top:-8px;right:13px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #b8bfc4 transparent}
|
||||
.more_opt:after {content:"";position:absolute;top:-6px;right:13px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
|
||||
.more_opt li {border-bottom:1px solid #f1f1f1;padding:10px;float:inherit;width:90px;margin:0;color:#6b757c;text-align:left}
|
||||
.more_opt li.wid_s {width:70px;}
|
||||
.more_opt li:last-child {border-bottom:0}
|
||||
.more_opt li button, .more_opt li a {width:100%;border:0;background:#fff;color:#6b757c; text-align:left;}
|
||||
.more_opt li:hover a,
|
||||
.more_opt li:hover button {color:#000}
|
||||
.more_opt li i {float:right;line-height:20px}
|
||||
|
||||
.td_num strong {color:#000}
|
||||
/*.bo_cate_link {font-size:0.9em; float:left;display:block;margin-right:10px;background:#666;color:#fff;font-weight:normal !important;height:20px;line-height:10px;padding:5px 8px;border-radius:5px;font-size:0.95em} *//* 글제목줄 분류스타일 */
|
||||
.bo_cate_link{display:block; background:none; color:#333; border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:5px; overflow:hidden; width:100%; text-align:center;}
|
||||
.bo_cate_link:hover {text-decoration:none}
|
||||
.bo_current {color:#e8180c}
|
||||
#bo_list .profile_img {display:inline-block;margin-right:5px}
|
||||
#bo_list .profile_img img {border-radius:50%}
|
||||
#bo_list .cnt_cmt {background:#fff;color:#333;font-size:11px;height:16px;line-height:16px;padding:3px 5px; padding-bottom:1px; border-radius:3px;vertical-align:middle; border:1px solid #666; margin-left:3px; }
|
||||
#bo_gall li.empty_list {padding:85px 0;text-align:center}
|
||||
|
||||
.bo_sch_wrap {display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999999999;}
|
||||
.bo_sch {position:absolute;top:50%;left:50%;background:#fff;text-align:left;width:500px;max-height:300px;margin-left:-250px;margin-top:-150px;overflow-y:auto;border-radius:5px;-webkit-box-shadow:1px 1px 18px rgba(0,0,0,0.2);-moz-box-shadow:1px 1px 18px rgba(0,0,0,0.2);box-shadow:1px 1px 18px rgba(0,0,0,0.2);border:1px solid #dde7e9;background:#fff;border-radius:3px}
|
||||
.bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.bo_sch h3 {padding:15px;border-bottom:1px solid #e8e8e8}
|
||||
.bo_sch legend {background:red}
|
||||
.bo_sch form {padding:15px;display:block}
|
||||
.bo_sch select {border:0;width:100%;height:40px;border:1px solid #dddddd;border-radius:2px; /*-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
|
||||
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
|
||||
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)*/}
|
||||
.bo_sch .sch_bar {display:inline-block;width:100%;clear:both;margin-top:15px;border:1px solid #dddddd;border-radius:2px; /*-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
|
||||
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
|
||||
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)*/}
|
||||
.bo_sch .sch_input {width:80%;height:38px;border:0;padding:0;background-color:transparent;float:left}
|
||||
.bo_sch .sch_btn {height:38px;float:right;color:#656565;background:none;border:0;width:40px;font-size:15px}
|
||||
.bo_sch .bo_sch_cls {position:absolute;right:0;top:0;color:#b5b8bb;border:0;padding:12px 15px;font-size:16px;background:#fff}
|
||||
.bo_sch_bg {background:#000;background:rgba(0,0,0,0.5);width:100%;height:100%;}
|
||||
|
||||
/* 게시판 쓰기 */
|
||||
#char_count_desc {display:block;margin:0 0 5px;padding:0}
|
||||
#char_count_wrap {margin:5px 0 0;text-align:right}
|
||||
#char_count {font-weight:bold}
|
||||
|
||||
#autosave_wrapper {position:relative}
|
||||
#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}
|
||||
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 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_content {display:none}
|
||||
.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;background:#fff;box-sizing:border-box}
|
||||
|
||||
#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 {border-top:1px solid #000; border-bottom:1px solid #ddd; padding:15px 15px; padding-left:10px; background-color:#F7F7F7;}
|
||||
#bo_v_title .bo_v_cate {display:inline-block;line-height:20px;background:#666;color:#fff;padding:0 10px;border-radius:3px; font-size:0.9em;}
|
||||
#bo_v_title .bo_v_tit {display:inline-block;font-size:1.5em;margin:5px 0 0;word-break:break-all}
|
||||
|
||||
#bo_v_info {margin:0;border-bottom:1px solid #f1f1f1;color:#666}
|
||||
#bo_v_info:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
|
||||
|
||||
#bo_v_info .profile_info {margin:20px 0 10px;display:inline-block;float:left}
|
||||
#bo_v_info .profile_info .pf_img {float:left;margin-right:10px}
|
||||
#bo_v_info .profile_info .pf_img img {border-radius:50%;width:50px;height:50px}
|
||||
#bo_v_info .profile_info .profile_info_ct {float:left;padding:5px 0;line-height:18px}
|
||||
|
||||
#bo_v_info strong {display:inline-block;margin:0 10px 0 0;font-weight:normal}
|
||||
#bo_v_info .sv_member,
|
||||
#bo_v_info .sv_guest,
|
||||
#bo_v_info .member,
|
||||
#bo_v_info .guest {font-weight:bold}
|
||||
#bo_v_info .profile_img {display:none}
|
||||
#bo_v_info .sv_member {color:#000}
|
||||
#bo_v_info .if_date {margin:0;color:#888}
|
||||
|
||||
#bo_v_file h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
|
||||
#bo_v_file ul {margin:0;list-style:none}
|
||||
#bo_v_file li {padding:15px;position:relative;margin:10px 0;border:1px solid #dfdfdf;border-radius:5px;
|
||||
-webkit-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);
|
||||
-moz-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);
|
||||
box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%)}
|
||||
#bo_v_file li i {float:left;color:#b2b2b2;font-size:2.35em;margin-right:20px}
|
||||
#bo_v_file a {float:left;display:block;text-decoration:none;word-wrap:break-word;color:#000}
|
||||
#bo_v_file a:focus, #bo_v_file li:hover a, #bo_v_file a:active {text-decoration:underline;color:#3a8afd}
|
||||
#bo_v_file img {float:left;margin:0 10px 0 0}
|
||||
#bo_v_file .bo_v_file_cnt {color:#b2b2b2;font-size:0.92em}
|
||||
#bo_v_file li:hover {border-color:#bed4f4;color:#bed4f4}
|
||||
#bo_v_file li:hover i {color:#3a8afd}
|
||||
#bo_v_file li:hover .bo_v_file_cnt {color:#99c2fc}
|
||||
|
||||
|
||||
#bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
|
||||
#bo_v_file ul {margin:0;list-style:none}
|
||||
#bo_v_link li {padding:15px;position:relative;margin:10px 0;border:1px solid #dfdfdf;border-radius:5px;
|
||||
-webkit-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);
|
||||
-moz-box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%);
|
||||
box-shadow:1px 1px 5px 0px hsl(232, 36%, 96%)}
|
||||
#bo_v_link li i {float:left;color:#b2b2b2;font-size:2.35em;margin-right:20px}
|
||||
#bo_v_link a {float:left;display:block;text-decoration:none;word-wrap:break-word;color:#000}
|
||||
#bo_v_link a:focus, #bo_v_link li:hover a, #bo_v_link a:active {text-decoration:underline;color:#3a8afd}
|
||||
#bo_v_link .bo_v_link_cnt {color:#b2b2b2;font-size:0.92em}
|
||||
#bo_v_link li:hover {border-color:#bed4f4;color:#bed4f4}
|
||||
#bo_v_link li:hover i {color:#3a8afd}
|
||||
#bo_v_link li:hover .bo_v_link_cnt {color:#99c2fc}
|
||||
|
||||
|
||||
#bo_v_top {zoom:1}
|
||||
#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#bo_v_top h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
|
||||
#bo_v_top ul {padding:0;list-style:none;word-break:break-all}
|
||||
|
||||
#bo_v_bot {zoom:1}
|
||||
#bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#bo_v_bot h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
|
||||
#bo_v_bot ul {padding:0;list-style:none}
|
||||
|
||||
.bo_v_com {margin:20px 0;float:right}
|
||||
.bo_v_com > li {position:relative;float:left;margin-left:5px}
|
||||
|
||||
.bo_v_nb {margin:20px 0;position:relative;clear:both;text-align:left}
|
||||
.bo_v_nb:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.bo_v_nb li {border-top:1px solid #f1f1f1;padding:13px}
|
||||
.bo_v_nb li:last-child {border-bottom:1px solid #f1f1f1}
|
||||
.bo_v_nb li:hover {background:#f6f6f6}
|
||||
.bo_v_nb li i {font-size:13px;color:#b3b3b3}
|
||||
.bo_v_nb li .nb_tit {display:inline-block;padding-right:20px;color:#b3b3b3}
|
||||
.bo_v_nb li .nb_date {float:right;color:#b3b3b3}
|
||||
|
||||
#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 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; padding-top:50px;}
|
||||
#bo_v_con a {color:#000;text-decoration:underline}
|
||||
#bo_v_con img {max-width:100%;height:auto}
|
||||
|
||||
#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;color:#4a5158}
|
||||
#bo_v_act a:hover {background-color:#fff;color:#ff484f;border-color:#ff484f}
|
||||
#bo_v_act i {font-size:1.4em;margin-right:5px}
|
||||
#bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;left:0;z-index:9999;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center}
|
||||
#bo_v_act .bo_v_good {display:inline-block;border:1px solid #dedede;width:70px;line-height:46px;border-radius:30px}
|
||||
#bo_v_act .bo_v_nogood {display:inline-block;border:1px solid #dedede;width:70px;line-height:46px;border-radius:30px}
|
||||
|
||||
#bo_v_sns {padding:0;list-style:none;zoom:1; display:inline-block; text-align:center;}
|
||||
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#bo_v_sns li {display:inline-block; width:135px;margin-right:5px;text-align:left}
|
||||
#bo_v_sns li a {height:35px;line-height:35px;text-align:center;border-radius:5px;color:#fff;font-size:0.95em}
|
||||
#bo_v_sns li img {vertical-align:middle;margin-right:5px}
|
||||
#bo_v_sns li .sns_f {display:block;background:#3b5997}
|
||||
#bo_v_sns li .sns_t {display:block;background:#09aeee}
|
||||
#bo_v_sns li .sns_g {display:block;background:#ea4026}
|
||||
#bo_v_sns li .sns_k {display:block;background:#fbe300}
|
||||
|
||||
#bo_v_share {position:relative;padding:20px 0; text-align:center;}
|
||||
#bo_v_share:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#bo_v_share .btn {padding:0 10px;color:#555;font-weight:normal;font-size:1em;width:80px;line-height:35px;height:35px;border-color:#d5d5d5;border-radius:5px; margin-top:-3px;}
|
||||
#bo_v_share .btn:hover {background:#fff}
|
||||
#bo_v_share .btn i {margin-right:5px;color:#4b5259;vertical-align:middle}
|
||||
|
||||
/* 게시판 댓글 */
|
||||
.cmt_btn {width:100%;text-align:left;border:0;background:#fff;font-weight:bold;margin:0px 0 0px;padding:0 0 15px; display: none;}
|
||||
.cmt_btn span.total {position:relative;display:inline-block;margin-right:5px;font-size:1em;color:#3a8afd}
|
||||
.cmt_btn span.cmt_more {float:right;display:inline-block;width:15px;height:10px;background:url(./img/btn_cmt.png) no-repeat right 2px;margin-top:5px}
|
||||
.cmt_btn_op span.cmt_more {background-position:right -8px}
|
||||
.cmt_btn b {font-size:1.2em;color:#000}
|
||||
.cmt_btn span.total:after {position:absolute;bottom:-17px;left:0;display:inline-block;background:#000000;content:"";width:100%;height:2px}
|
||||
#bo_vc {}
|
||||
#bo_vc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
|
||||
#bo_vc article {margin:20px 0;position:relative;border-bottom:1px solid #f0f0f0}
|
||||
#bo_vc article:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#bo_vc article .profile_img img {border-radius:50%}
|
||||
#bo_vc article .pf_img {float:left;margin-right:10px}
|
||||
#bo_vc article .pf_img img {border-radius:50%;width:50px;height:50px}
|
||||
#bo_vc article .cm_wrap {float:left;max-width:100%;width:100%;}
|
||||
#bo_vc header {position:relative;width:70%;}
|
||||
#bo_vc header:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#bo_vc header .profile_img {display:none}
|
||||
#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 {color:#777; padding-left:15px;}
|
||||
#bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
|
||||
#bo_vc .cmt_contents {line-height:1.8em;padding:0 0 5px}
|
||||
#bo_vc p a {text-decoration:underline}
|
||||
#bo_vc p a.s_cmt {text-decoration:none;color:#999;}
|
||||
#bo_vc_empty {margin:0;padding:80px 0 !important;color:#777;text-align:center}
|
||||
#bo_vc #bo_vc_winfo {float:left}
|
||||
#bo_vc .bo_vl_opt {position:absolute;top:0;right:0}
|
||||
|
||||
.comment_divs {padding:20px; padding-top: 0px; border:2px solid #eee; border-radius: 10px; margin-top: 30px;}
|
||||
|
||||
.bo_vc_act {display:none;position:absolute;right:0;top:40px;width:70px;text-align:left;border:1px solid #b8bfc4;margin:0;list-style:none;background:#fff;zoom:1;z-index:9999}
|
||||
.bo_vc_act:before {content:"";position:absolute;top:-8px;right:5px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #b8bfc4 transparent}
|
||||
.bo_vc_act:after {content:"";position:absolute;top:-6px;right:5px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
|
||||
.bo_vc_act li {border-bottom:1px solid #f0f0f0; width:100%;}
|
||||
.bo_vc_act li:last-child {border-bottom:0}
|
||||
.bo_vc_act li a {display:inline-block; width:100%; padding:10px 10px; color:#6b757c; text-align:left;}
|
||||
.bo_vc_act li a i {display:block; float:right;line-height:20px;}
|
||||
.bo_vc_act li a:hover {color:#3a8afd}
|
||||
|
||||
.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;
|
||||
/*-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; width: 100%;}
|
||||
.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 {clear:both;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:40px;padding:0 20px;border-radius:3px;font-weight:normal;font-size:13px; background-color: #333;}
|
||||
.bo_vc_w .btn_confirm .secret_cm label {font-size:1em !important}
|
||||
.bo_vc_w_wr:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.secret_cm {display:inline-block;float:left; position:absolute; left:0;}
|
||||
|
||||
#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_w .bo_v_option li {display:inline-block;float:left;text-align:left;margin:0 5px 0 0; margin-right:15px;}
|
||||
#bo_w .bo_v_option li label {vertical-align:baseline}
|
||||
|
||||
#bo_w .write_div {margin:10px 0;position:relative}
|
||||
#bo_w .write_div:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#bo_w .bo_w_info:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#bo_w .bo_w_info .frm_input {float:left;margin-bottom:0%}
|
||||
#bo_w #wr_password, #bo_w #wr_homepage {margin-left:0%}
|
||||
#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;font-size:1.2em;text-align:center;color:#b2b2b2}
|
||||
#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;font-size:1.2em;text-align:center;color:#b2b2b2}
|
||||
#bo_w .bo_w_flie .frm_file {padding-left:50px;margin-top:3px}
|
||||
#bo_w .bo_w_flie .file_wr {position:relative;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 #dddddd;width:100%;height:40px;border-radius:3px}
|
||||
|
||||
|
||||
/* 동영상 */
|
||||
.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}
|
||||
.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%;}
|
||||
|
||||
|
||||
.img_link {
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
border-radius: 10px;
|
||||
cursor: pointer;
|
||||
max-width:280px;
|
||||
min-width:150px;
|
||||
}
|
||||
.mov_ico {position: absolute; bottom:65px; left:19px;}
|
||||
.mov_ico img {width: 30px;}
|
||||
|
||||
.swiper-wrapper-ga {padding-top: 0px;}
|
||||
.list_ca {float:right; color:#000;}
|
||||
|
||||
.cut {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
width: 90%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
.main_lists_tit {
|
||||
margin-top: 10px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
|
||||
.main_lists_new {
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
right: 15px;
|
||||
background-color: #212121;
|
||||
border-radius: 50%;
|
||||
height: 40px;
|
||||
width: 40px;
|
||||
text-align: center;
|
||||
color: #999;
|
||||
font-size: 11px;
|
||||
padding-top: 12px;
|
||||
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.cate_div {padding-bottom: 0px;}
|
||||
.cate_div ul li {float:left; margin-right: 20px;}
|
||||
.cate_div ul li a {font-weight: 700; letter-spacing: -0.5px; font-size: 14px; color:#999; padding-bottom: 5px; transition: all 350ms cubic-bezier(1, 1, 1, 1);}
|
||||
.cate_div ul li a:hover {color:#000;}
|
||||
.cate_div ul li #bo_cate_on {border-bottom: 2px solid #000; color: #000;}
|
||||
|
||||
.pageing_div {margin-top: 20px; border-top:1px solid #eee; padding-top: 20px;}
|
||||
.list_btns {margin-top:3px; text-align: right; float:right}
|
||||
|
||||
.moreBar {width: 100%; text-align: center;}
|
||||
|
||||
#loading {
|
||||
display: inline-block;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
border: 3px solid rgba(0,0,0,.2);
|
||||
border-radius: 50%;
|
||||
border-top-color: #000;
|
||||
animation: spin 1s ease-in-out infinite;
|
||||
-webkit-animation: spin 1s ease-in-out infinite;
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
to { -webkit-transform: rotate(360deg); }
|
||||
}
|
||||
@-webkit-keyframes spin {
|
||||
to { -webkit-transform: rotate(360deg); }
|
||||
}
|
||||
|
||||
.mod_btns {background-color:#f1f1f1; padding-left: 5px; padding-right: 5px; color:#000 !important;}
|
||||
|
||||
|
||||
.main_view {
|
||||
margin-top: 20px;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.img_60 img {width:60%;}
|
||||
.fr {float:right;}
|
||||
.fl {float:left;}
|
||||
.cb {clear: both;}
|
||||
.w_icos {margin-top: 0px;}
|
||||
.bbs_w_tit .fl {margin-top: 3px;}
|
||||
|
||||
.view_img_l {float:left; box-sizing: border-box; width: 60%; margin-bottom: 30px;}
|
||||
.view_img_r {float:right; box-sizing: border-box; width:40%; text-align: left; padding-left: 50px;}
|
||||
|
||||
.view_img_tit {font-size: 22px; font-weight: 300; color:#000; margin-top: -10px;}
|
||||
.view_img_date {font-size: 12px; font-weight: 300; color:#999; margin-top: 5px;}
|
||||
.view_img_cont {margin-top: 20px;}
|
||||
.view_img_btn {margin-top:30px; float: right;}
|
||||
|
||||
.bbs_adm_btn {color:#aaa; transition: all 350ms cubic-bezier(1, 1, 1, 1); background-color: transparent; border:0px;}
|
||||
.bbs_adm_btn:hover {color:#333;}
|
||||
.bbs_adm_btn:focus {outline: none;}
|
||||
|
||||
|
||||
.bbs_write_div_l {float:left; box-sizing: border-box; width: 70%; text-align: left;}
|
||||
.bbs_write_div_r {float:right; box-sizing: border-box; width:30%; text-align: left; padding-left: 50px;}
|
||||
|
||||
.bbs_w_inp {background-color: #f3f3f3; border-radius: 4px; height:40px; font-size: 13px; border:0px; text-indent: 15px;}
|
||||
.bbs_w_inp:focus {outline: none !important; box-shadow: none !important; border:0 !important; background-color: #eee;}
|
||||
|
||||
|
||||
|
||||
|
||||
.bbs_w_inp_file {background-color: #f3f3f3; border-radius: 4px; height:40px; font-size: 12px; border:0px; text-indent: 15px; padding-top: 10px;}
|
||||
.bbs_w_inp_file:focus {outline: none !important; box-shadow: none !important; border:0 !important;}
|
||||
|
||||
.bbs_w_tit {color:#000; letter-spacing: -0.5px; font-size: 14px; font-weight: bold;}
|
||||
|
||||
.bbs_w_btn1 {background-color: #333; color:#fff; font-weight: 300; font-size: 13px; height:30px; border-radius: 4px; border:0px; padding-left: 20px; padding-right: 20px; box-sizing: border-box;}
|
||||
.bbs_w_btn2 {background-color: #aaa; color:#fff; font-weight: 300; font-size: 13px; height:30px; border-radius: 4px; border:0px; padding-left: 20px; padding-right: 20px; box-sizing: border-box;}
|
||||
.bbs_w_btns_div button {transition: all 350ms cubic-bezier(1, 1, 1, 1);}
|
||||
.bbs_w_btns_div button:focus {outline: none;}
|
||||
.bbs_w_btns_div button:hover {opacity: 0.8;}
|
||||
|
||||
|
||||
.titles {color:#000 !important; letter-spacing: -1px; font-size: 18px; font-weight: bold;}
|
||||
.chk_boxs {position: absolute; top:15px; left: 20px;}
|
||||
.main_lists_date {margin-top:5px; color: #999; font-size: 11px; letter-spacing: 0px;}
|
||||
.main_lists_cont {margin-top:15px; color: #999; font-size: 12px; letter-spacing: 0px;}
|
||||
.main_lists_btn {margin-top:15px; color: #999; font-size: 12px; letter-spacing: 0px;}
|
||||
.main_lists_btn a {color:#666 !important;}
|
||||
.main_lists_btn a:hover {color: #000 !important;}
|
||||
.view_img_cont {border-bottom: 1px solid #eee;}
|
||||
.main_lists_date a {}
|
||||
|
||||
.cnt_cmt {color:#ff6666; font-weight: bold;}
|
||||
|
||||
button {outline: none !important;}
|
||||
|
||||
.view_img_cont img {max-width: 100%;}
|
||||
.file_divs {padding: 15px 0px 15px 0px; border-bottom: 1px solid #eee;}
|
||||
.file_divs a {color:#000; line-height: 20px;}
|
||||
.v_top_hd {background-color: #f9f9f9; padding: 8px 10px 8px 10px; border-radius: 4px; margin-top: 15px;}
|
||||
.v_top_hd li {float:left; margin-right: 5px;}
|
||||
.v_cates {float:right !important; font-weight: bold; color:#000;}
|
||||
|
||||
.help_txts {font-size:11px; letter-spacing: -0.5px; color:#999; margin-top: 5px;}
|
||||
.help_txts b {color:#ff6666;}
|
||||
|
||||
.video_inp {
|
||||
background: url(./img/video.svg) no-repeat right 10px center;
|
||||
background-size: 20px;
|
||||
background-color: #f3f3f3;
|
||||
|
||||
}
|
||||
|
||||
.top_chks {float:right; margin-bottom: 15px;}
|
||||
|
||||
.select_w {
|
||||
height:40px;
|
||||
padding-left: 15px;
|
||||
border: 1px solid #ddd;
|
||||
background: url(./img/tag.svg) no-repeat right 10px center;
|
||||
background-size: 20px;
|
||||
border-radius: 4px;
|
||||
box-sizing: border-box;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
font-size: 13px;
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.w10 {width:10%}
|
||||
.w20 {width:20%}
|
||||
.w30 {width:30%}
|
||||
.w40 {width:40%}
|
||||
.w50 {width:50%}
|
||||
.w60 {width:60%}
|
||||
.w70 {width:70%}
|
||||
.w80 {width:80%}
|
||||
.w90 {width:90%}
|
||||
.w100 {width:100%}
|
||||
|
||||
.divmb-10 {margin-bottom: 10px;}
|
||||
.divmb-20 {margin-bottom: 20px;}
|
||||
.divmb-05 {margin-bottom: 5px;}
|
||||
.divmt-20 {margin-top: 20px;}
|
||||
.divmt-10 {margin-top: 10px;}
|
||||
.divmt-05 {margin-top: 5px;}
|
||||
|
||||
select {outline: none;}
|
||||
|
||||
select:focus {
|
||||
-webkit-box-shadow:0 0 0px;
|
||||
-moz-box-shadow:0 0 0px;
|
||||
box-shadow:0 0 0px;
|
||||
border:1px solid #ccc !important;
|
||||
}
|
||||
|
||||
input[type=text]:focus {
|
||||
-webkit-box-shadow:0 0 0px;
|
||||
-moz-box-shadow:0 0 0px;
|
||||
box-shadow:0 0 0px;
|
||||
border:0px solid #ccc !important;
|
||||
}
|
||||
|
||||
input[type=password]:focus {
|
||||
-webkit-box-shadow:0 0 0px;
|
||||
-moz-box-shadow:0 0 0px;
|
||||
box-shadow:0 0 0px;
|
||||
border:0px solid #ccc !important;
|
||||
}
|
||||
|
||||
textarea {background-color:#f3f3f3 !important; border:0px !important; padding: 15px !important; font-size: 13px;}
|
||||
textarea:focus {
|
||||
-webkit-box-shadow:0 0 0px;
|
||||
-moz-box-shadow:0 0 0px;
|
||||
box-shadow:0 0 0px;
|
||||
border:0px solid #ccc !important;
|
||||
}
|
||||
|
||||
#captcha_mp3 {display: none;}
|
||||
#captcha_info {color:#999;}
|
||||
#captcha.m_captcha #captcha_img {
|
||||
width: 103px;
|
||||
height: 40px;
|
||||
border: 1px solid #898989;
|
||||
vertical-align: top;
|
||||
margin-bottom:0px;
|
||||
margin-top: 0px;
|
||||
display: block;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#captcha.m_captcha #captcha_key {
|
||||
margin: 0 0 0 3px;
|
||||
padding: 0 5px;
|
||||
width: 90px;
|
||||
height: 40px;
|
||||
border: 1px solid #ccc;
|
||||
background: #fff;
|
||||
font-size: 1.333em;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
border-radius: 3px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
#captcha.m_captcha #captcha_key:focus {
|
||||
border: 1px solid #ccc !important;
|
||||
}
|
||||
|
||||
#captcha.m_captcha audio {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#captcha #captcha_key:focus {
|
||||
border: 1px solid #ccc !important;
|
||||
}
|
||||
|
||||
.swiper-container-ga {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
.swiper-slide-ga {
|
||||
height: auto;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
margin-top: 0px !important;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.swiper-slide-ga img {
|
||||
|
||||
}
|
||||
|
||||
.pg_current {
|
||||
display: inline-block;
|
||||
background: #000;
|
||||
border: 1px solid #000;
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
padding: 0 10px;
|
||||
min-width: 30px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.pg_wrap {clear: none;}
|
||||
|
||||
|
||||
/* 반응형 처리 */
|
||||
|
||||
/* PC 전용 - 모바일 반응형 제거 */
|
||||
|
||||
|
||||
|
||||
.swiper-slide2 {
|
||||
position: relative;
|
||||
/* display: -ms-flexbox;
|
||||
display: flex;*/
|
||||
display: block;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
-ms-flex-negative: 0;
|
||||
flex-shrink: 0;
|
||||
width: 25%;
|
||||
height: 100%;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
/* PC 전용 - 모바일 반응형 제거 */
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -0,0 +1,532 @@
|
||||
/**
|
||||
* Swiper 5.4.3
|
||||
* Most modern mobile touch slider and framework with hardware accelerated transitions
|
||||
* http://swiperjs.com
|
||||
*
|
||||
* Copyright 2014-2020 Vladimir Kharlampidi
|
||||
*
|
||||
* Released under the MIT License
|
||||
*
|
||||
* Released on: June 13, 2020
|
||||
*/
|
||||
|
||||
@font-face {
|
||||
font-family: 'swiper-icons';
|
||||
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
}
|
||||
:root {
|
||||
--swiper-theme-color: #000;
|
||||
}
|
||||
.swiper-container {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
/* Fix of Webkit flickering */
|
||||
z-index: 1;
|
||||
}
|
||||
.swiper-container-vertical > .swiper-wrapper {
|
||||
flex-direction: column;
|
||||
}
|
||||
.swiper-wrapper {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 1;
|
||||
display: flex;
|
||||
transition-property: transform;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
.swiper-container-android .swiper-slide,
|
||||
.swiper-wrapper {
|
||||
transform: translate3d(0px, 0, 0);
|
||||
}
|
||||
.swiper-container-multirow > .swiper-wrapper {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.swiper-container-multirow-column > .swiper-wrapper {
|
||||
flex-wrap: wrap;
|
||||
flex-direction: column;
|
||||
}
|
||||
.swiper-container-free-mode > .swiper-wrapper {
|
||||
transition-timing-function: ease-out;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.swiper-slide {
|
||||
flex-shrink: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
transition-property: transform;
|
||||
}
|
||||
.swiper-slide-invisible-blank {
|
||||
visibility: hidden;
|
||||
}
|
||||
/* Auto Height */
|
||||
.swiper-container-autoheight,
|
||||
.swiper-container-autoheight .swiper-slide {
|
||||
height: auto;
|
||||
}
|
||||
.swiper-container-autoheight .swiper-wrapper {
|
||||
align-items: flex-start;
|
||||
transition-property: transform, height;
|
||||
}
|
||||
/* 3D Effects */
|
||||
.swiper-container-3d {
|
||||
perspective: 1200px;
|
||||
}
|
||||
.swiper-container-3d .swiper-wrapper,
|
||||
.swiper-container-3d .swiper-slide,
|
||||
.swiper-container-3d .swiper-slide-shadow-left,
|
||||
.swiper-container-3d .swiper-slide-shadow-right,
|
||||
.swiper-container-3d .swiper-slide-shadow-top,
|
||||
.swiper-container-3d .swiper-slide-shadow-bottom,
|
||||
.swiper-container-3d .swiper-cube-shadow {
|
||||
transform-style: preserve-3d;
|
||||
}
|
||||
.swiper-container-3d .swiper-slide-shadow-left,
|
||||
.swiper-container-3d .swiper-slide-shadow-right,
|
||||
.swiper-container-3d .swiper-slide-shadow-top,
|
||||
.swiper-container-3d .swiper-slide-shadow-bottom {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
pointer-events: none;
|
||||
z-index: 10;
|
||||
}
|
||||
.swiper-container-3d .swiper-slide-shadow-left {
|
||||
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
|
||||
}
|
||||
.swiper-container-3d .swiper-slide-shadow-right {
|
||||
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
|
||||
}
|
||||
.swiper-container-3d .swiper-slide-shadow-top {
|
||||
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
|
||||
}
|
||||
.swiper-container-3d .swiper-slide-shadow-bottom {
|
||||
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
|
||||
}
|
||||
/* CSS Mode */
|
||||
.swiper-container-css-mode > .swiper-wrapper {
|
||||
overflow: auto;
|
||||
scrollbar-width: none;
|
||||
/* For Firefox */
|
||||
-ms-overflow-style: none;
|
||||
/* For Internet Explorer and Edge */
|
||||
}
|
||||
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
|
||||
scroll-snap-align: start start;
|
||||
}
|
||||
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
|
||||
scroll-snap-type: x mandatory;
|
||||
}
|
||||
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
|
||||
scroll-snap-type: y mandatory;
|
||||
}
|
||||
:root {
|
||||
--swiper-navigation-size: 44px;
|
||||
/*
|
||||
--swiper-navigation-color: var(--swiper-theme-color);
|
||||
*/
|
||||
}
|
||||
.swiper-button-prev,
|
||||
.swiper-button-next {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: calc(var(--swiper-navigation-size) / 44 * 27);
|
||||
height: var(--swiper-navigation-size);
|
||||
margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
|
||||
z-index: 10;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: var(--swiper-navigation-color, var(--swiper-theme-color));
|
||||
}
|
||||
.swiper-button-prev.swiper-button-disabled,
|
||||
.swiper-button-next.swiper-button-disabled {
|
||||
opacity: 0.35;
|
||||
cursor: auto;
|
||||
pointer-events: none;
|
||||
}
|
||||
.swiper-button-prev:after,
|
||||
.swiper-button-next:after {
|
||||
font-family: swiper-icons;
|
||||
font-size: var(--swiper-navigation-size);
|
||||
text-transform: none !important;
|
||||
letter-spacing: 0;
|
||||
text-transform: none;
|
||||
font-variant: initial;
|
||||
line-height: 1;
|
||||
}
|
||||
.swiper-button-prev,
|
||||
.swiper-container-rtl .swiper-button-next {
|
||||
left: 10px;
|
||||
right: auto;
|
||||
}
|
||||
.swiper-button-prev:after,
|
||||
.swiper-container-rtl .swiper-button-next:after {
|
||||
|
||||
}
|
||||
.swiper-button-next,
|
||||
.swiper-container-rtl .swiper-button-prev {
|
||||
right: 10px;
|
||||
left: auto;
|
||||
}
|
||||
.swiper-button-next:after,
|
||||
.swiper-container-rtl .swiper-button-prev:after {
|
||||
|
||||
}
|
||||
.swiper-button-prev.swiper-button-white,
|
||||
.swiper-button-next.swiper-button-white {
|
||||
--swiper-navigation-color: #ffffff;
|
||||
}
|
||||
.swiper-button-prev.swiper-button-black,
|
||||
.swiper-button-next.swiper-button-black {
|
||||
--swiper-navigation-color: #000000;
|
||||
}
|
||||
.swiper-button-lock {
|
||||
display: none;
|
||||
}
|
||||
:root {
|
||||
/*
|
||||
--swiper-pagination-color: var(--swiper-theme-color);
|
||||
*/
|
||||
}
|
||||
.swiper-pagination {
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
transition: 300ms opacity;
|
||||
transform: translate3d(0, 0, 0);
|
||||
z-index: 10;
|
||||
}
|
||||
.swiper-pagination.swiper-pagination-hidden {
|
||||
opacity: 0;
|
||||
}
|
||||
/* Common Styles */
|
||||
.swiper-pagination-fraction,
|
||||
.swiper-pagination-custom,
|
||||
.swiper-container-horizontal > .swiper-pagination-bullets {
|
||||
bottom: 10px;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
}
|
||||
/* Bullets */
|
||||
.swiper-pagination-bullets-dynamic {
|
||||
overflow: hidden;
|
||||
font-size: 0;
|
||||
}
|
||||
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
|
||||
transform: scale(0.33);
|
||||
position: relative;
|
||||
}
|
||||
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
|
||||
transform: scale(1);
|
||||
}
|
||||
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
|
||||
transform: scale(1);
|
||||
}
|
||||
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
|
||||
transform: scale(0.66);
|
||||
}
|
||||
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
|
||||
transform: scale(0.33);
|
||||
}
|
||||
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
|
||||
transform: scale(0.66);
|
||||
}
|
||||
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
|
||||
transform: scale(0.33);
|
||||
}
|
||||
.swiper-pagination-bullet {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
display: inline-block;
|
||||
border-radius: 100%;
|
||||
background: #000;
|
||||
opacity: 0.2;
|
||||
}
|
||||
button.swiper-pagination-bullet {
|
||||
border: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-shadow: none;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
}
|
||||
.swiper-pagination-clickable .swiper-pagination-bullet {
|
||||
cursor: pointer;
|
||||
}
|
||||
.swiper-pagination-bullet-active {
|
||||
opacity: 1;
|
||||
background: var(--swiper-pagination-color, var(--swiper-theme-color));
|
||||
}
|
||||
.swiper-container-vertical > .swiper-pagination-bullets {
|
||||
right: 10px;
|
||||
top: 50%;
|
||||
transform: translate3d(0px, -50%, 0);
|
||||
}
|
||||
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
|
||||
margin: 6px 0;
|
||||
display: block;
|
||||
}
|
||||
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
width: 8px;
|
||||
}
|
||||
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
|
||||
display: inline-block;
|
||||
transition: 200ms transform, 200ms top;
|
||||
}
|
||||
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
|
||||
margin: 0 4px;
|
||||
}
|
||||
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
white-space: nowrap;
|
||||
}
|
||||
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
|
||||
transition: 200ms transform, 200ms left;
|
||||
}
|
||||
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
|
||||
transition: 200ms transform, 200ms right;
|
||||
}
|
||||
/* Progress */
|
||||
.swiper-pagination-progressbar {
|
||||
background: rgba(0, 0, 0, 0.25);
|
||||
position: absolute;
|
||||
}
|
||||
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
|
||||
background: var(--swiper-pagination-color, var(--swiper-theme-color));
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
transform: scale(0);
|
||||
transform-origin: left top;
|
||||
}
|
||||
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
|
||||
transform-origin: right top;
|
||||
}
|
||||
.swiper-container-horizontal > .swiper-pagination-progressbar,
|
||||
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
|
||||
width: 100%;
|
||||
height: 4px;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
.swiper-container-vertical > .swiper-pagination-progressbar,
|
||||
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
|
||||
width: 4px;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
.swiper-pagination-white {
|
||||
--swiper-pagination-color: #ffffff;
|
||||
}
|
||||
.swiper-pagination-black {
|
||||
--swiper-pagination-color: #000000;
|
||||
}
|
||||
.swiper-pagination-lock {
|
||||
display: none;
|
||||
}
|
||||
/* Scrollbar */
|
||||
.swiper-scrollbar {
|
||||
border-radius: 10px;
|
||||
position: relative;
|
||||
-ms-touch-action: none;
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.swiper-container-horizontal > .swiper-scrollbar {
|
||||
position: absolute;
|
||||
left: 1%;
|
||||
bottom: 3px;
|
||||
z-index: 50;
|
||||
height: 5px;
|
||||
width: 98%;
|
||||
}
|
||||
.swiper-container-vertical > .swiper-scrollbar {
|
||||
position: absolute;
|
||||
right: 3px;
|
||||
top: 1%;
|
||||
z-index: 50;
|
||||
width: 5px;
|
||||
height: 98%;
|
||||
}
|
||||
.swiper-scrollbar-drag {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
border-radius: 10px;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
.swiper-scrollbar-cursor-drag {
|
||||
cursor: move;
|
||||
}
|
||||
.swiper-scrollbar-lock {
|
||||
display: none;
|
||||
}
|
||||
.swiper-zoom-container {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
}
|
||||
.swiper-zoom-container > img,
|
||||
.swiper-zoom-container > svg,
|
||||
.swiper-zoom-container > canvas {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
object-fit: contain;
|
||||
}
|
||||
.swiper-slide-zoomed {
|
||||
cursor: move;
|
||||
}
|
||||
/* Preloader */
|
||||
:root {
|
||||
/*
|
||||
--swiper-preloader-color: var(--swiper-theme-color);
|
||||
*/
|
||||
}
|
||||
.swiper-lazy-preloader {
|
||||
width: 42px;
|
||||
height: 42px;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
margin-left: -21px;
|
||||
margin-top: -21px;
|
||||
z-index: 10;
|
||||
transform-origin: 50%;
|
||||
animation: swiper-preloader-spin 1s infinite linear;
|
||||
box-sizing: border-box;
|
||||
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
|
||||
border-radius: 50%;
|
||||
border-top-color: transparent;
|
||||
}
|
||||
.swiper-lazy-preloader-white {
|
||||
--swiper-preloader-color: #fff;
|
||||
}
|
||||
.swiper-lazy-preloader-black {
|
||||
--swiper-preloader-color: #000;
|
||||
}
|
||||
@keyframes swiper-preloader-spin {
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
/* a11y */
|
||||
.swiper-container .swiper-notification {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
pointer-events: none;
|
||||
opacity: 0;
|
||||
z-index: -1000;
|
||||
}
|
||||
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
|
||||
transition-timing-function: ease-out;
|
||||
}
|
||||
.swiper-container-fade .swiper-slide {
|
||||
pointer-events: none;
|
||||
transition-property: opacity;
|
||||
}
|
||||
.swiper-container-fade .swiper-slide .swiper-slide {
|
||||
pointer-events: none;
|
||||
}
|
||||
.swiper-container-fade .swiper-slide-active,
|
||||
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
|
||||
pointer-events: auto;
|
||||
}
|
||||
.swiper-container-cube {
|
||||
overflow: visible;
|
||||
}
|
||||
.swiper-container-cube .swiper-slide {
|
||||
pointer-events: none;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
z-index: 1;
|
||||
visibility: hidden;
|
||||
transform-origin: 0 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.swiper-container-cube .swiper-slide .swiper-slide {
|
||||
pointer-events: none;
|
||||
}
|
||||
.swiper-container-cube.swiper-container-rtl .swiper-slide {
|
||||
transform-origin: 100% 0;
|
||||
}
|
||||
.swiper-container-cube .swiper-slide-active,
|
||||
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
|
||||
pointer-events: auto;
|
||||
}
|
||||
.swiper-container-cube .swiper-slide-active,
|
||||
.swiper-container-cube .swiper-slide-next,
|
||||
.swiper-container-cube .swiper-slide-prev,
|
||||
.swiper-container-cube .swiper-slide-next + .swiper-slide {
|
||||
pointer-events: auto;
|
||||
visibility: visible;
|
||||
}
|
||||
.swiper-container-cube .swiper-slide-shadow-top,
|
||||
.swiper-container-cube .swiper-slide-shadow-bottom,
|
||||
.swiper-container-cube .swiper-slide-shadow-left,
|
||||
.swiper-container-cube .swiper-slide-shadow-right {
|
||||
z-index: 0;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
.swiper-container-cube .swiper-cube-shadow {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #000;
|
||||
opacity: 0.6;
|
||||
-webkit-filter: blur(50px);
|
||||
filter: blur(50px);
|
||||
z-index: 0;
|
||||
}
|
||||
.swiper-container-flip {
|
||||
overflow: visible;
|
||||
}
|
||||
.swiper-container-flip .swiper-slide {
|
||||
pointer-events: none;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
z-index: 1;
|
||||
}
|
||||
.swiper-container-flip .swiper-slide .swiper-slide {
|
||||
pointer-events: none;
|
||||
}
|
||||
.swiper-container-flip .swiper-slide-active,
|
||||
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
|
||||
pointer-events: auto;
|
||||
}
|
||||
.swiper-container-flip .swiper-slide-shadow-top,
|
||||
.swiper-container-flip .swiper-slide-shadow-bottom,
|
||||
.swiper-container-flip .swiper-slide-shadow-left,
|
||||
.swiper-container-flip .swiper-slide-shadow-right {
|
||||
z-index: 0;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@@ -0,0 +1,215 @@
|
||||
<?php
|
||||
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
|
||||
include_once(G5_LIB_PATH.'/thumbnail.lib.php');
|
||||
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0);
|
||||
?>
|
||||
|
||||
<script src="<?php echo G5_JS_URL; ?>/viewimageresize.js"></script>
|
||||
|
||||
<!-- Swiper 5.4.3 { -->
|
||||
<script src="<?php echo G5_THEME_URL ?>/new/js/swiper.js"></script>
|
||||
<link rel="stylesheet" href="<?php echo G5_THEME_URL ?>/new/css/magic-check.css">
|
||||
<link rel="stylesheet" href="<?php echo G5_THEME_URL ?>/new/css/swiper.css">
|
||||
<link rel="stylesheet" href="<?php echo G5_THEME_URL ?>/new/css/style.css">
|
||||
<!-- } -->
|
||||
|
||||
<!-- Google Material Icons { -->
|
||||
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
||||
<!-- } -->
|
||||
|
||||
|
||||
<!-- 게시물 읽기 시작 { -->
|
||||
|
||||
<script>
|
||||
function funLoad(){
|
||||
var Cheight = $(window).height()-130;
|
||||
$('.img_conv').css({'height':Cheight+'px'});
|
||||
$('#sub_wrapper').css({'height':Cheight+'px'});
|
||||
swiper6.update();
|
||||
}
|
||||
window.onload = funLoad;
|
||||
window.onresize = funLoad;
|
||||
</script>
|
||||
|
||||
|
||||
<div class="main_view">
|
||||
|
||||
<div class="swiper-container-v">
|
||||
<div class="swiper-wrapper">
|
||||
|
||||
<?php
|
||||
// 파일 출력
|
||||
$v_img_count = count($view['file']);
|
||||
if($v_img_count) {
|
||||
for ($i=0; $i<=count($view['file'])-2; $i++) {
|
||||
if($i == 0){
|
||||
?>
|
||||
|
||||
<div class="swiper-slide">
|
||||
<div class="view_img_l">
|
||||
<img src="<?php echo G5_DATA_URL; ?>/file/<?php echo $bo_table ?>/<?php echo get_view_thumbnail($view['file'][$i]['file']) ?>" style="width:100%;">
|
||||
</div>
|
||||
<div class="view_img_r">
|
||||
<!-- <?php echo $view['name'] ?> -->
|
||||
<ul class="view_img_tit"><?php echo cut_str(get_text($view['wr_subject']), 50); ?></ul>
|
||||
<ul class="view_img_date"><?php echo date("y.m.d H:i", strtotime($view['wr_datetime'])) ?> <?php if ($category_name) { ?> <?php echo $view['ca_name']; ?><?php } ?></ul>
|
||||
<ul class="view_img_cont">
|
||||
<?php echo get_view_thumbnail($view['content']); ?>
|
||||
</ul>
|
||||
<ul class="view_img_btn">
|
||||
<a href="<?php echo $list_href ?>" title="목록" class="bbs_adm_btn"><span class="material-icons">arrow_back</span></a>
|
||||
<?php if($is_admin) { ?>
|
||||
<?php if ($update_href) { ?><a href="<?php echo $update_href ?>" title="수정" class="bbs_adm_btn"><span class="material-icons">settings</span></a> <?php } ?>
|
||||
<?php if ($write_href) { ?><a href="<?php echo $write_href ?>" title="등록" class="bbs_adm_btn"><span class="material-icons">edit</span></a> <?php } ?>
|
||||
<?php if ($delete_href) { ?><a href="<?php echo $delete_href ?>" onclick="del(this.href); return false;" title="삭제" class="bbs_adm_btn"><span class="material-icons">delete_forever</span></a><?php } ?>
|
||||
<?php } ?>
|
||||
</ul>
|
||||
</div>
|
||||
<div style="clear:both;"></div>
|
||||
</div>
|
||||
|
||||
<?php } else { ?>
|
||||
|
||||
<div class="swiper-slide" style="text-align:center;">
|
||||
<img src="<?php echo G5_DATA_URL; ?>/file/<?php echo $bo_table ?>/<?php echo get_view_thumbnail($view['file'][$i]['file']) ?>" class="img_conv">
|
||||
</div>
|
||||
|
||||
<?php }
|
||||
}
|
||||
}
|
||||
?>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<span class="swiper-button-next swiper-button-next1 material-icons">keyboard_arrow_right</span>
|
||||
<span class="swiper-button-prev swiper-button-prev1 material-icons">keyboard_arrow_left</span>
|
||||
|
||||
<script>
|
||||
var swiper6 = new Swiper('.swiper-container-v', {
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 1000,
|
||||
touchRatio: 1,
|
||||
autoHeight: true,
|
||||
|
||||
autoplay: {
|
||||
delay: 5000,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
|
||||
speed : 700,
|
||||
|
||||
navigation: {
|
||||
nextEl: '.swiper-button-next1',
|
||||
prevEl: '.swiper-button-prev1',
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
$(".swiper-container-v").hover(function() {
|
||||
(this).swiper.autoplay.stop();
|
||||
}, function() {
|
||||
(this).swiper.autoplay.start();
|
||||
});
|
||||
|
||||
</script>
|
||||
<ul class="mobiles mt-20">
|
||||
<a href="<?php echo $list_href ?>" title="목록" class="bbs_adm_btn"><span class="material-icons">arrow_back</span></a>
|
||||
<?php if($is_admin) { ?>
|
||||
<?php if ($update_href) { ?><a href="<?php echo $update_href ?>" title="수정" class="bbs_adm_btn"><span class="material-icons">settings</span></a> <?php } ?>
|
||||
<?php if ($write_href) { ?><a href="<?php echo $write_href ?>" title="등록" class="bbs_adm_btn"><span class="material-icons">edit</span></a> <?php } ?>
|
||||
<?php if ($delete_href) { ?><a href="<?php echo $delete_href ?>" onclick="del(this.href); return false;" title="삭제" class="bbs_adm_btn"><span class="material-icons">delete_forever</span></a><?php } ?>
|
||||
<?php } ?>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<?php
|
||||
// 코멘트 입출력
|
||||
//include_once(G5_BBS_PATH.'/view_comment.php');
|
||||
?>
|
||||
|
||||
|
||||
<script>
|
||||
<?php if ($board['bo_download_point'] < 0) { ?>
|
||||
$(function() {
|
||||
$("a.view_file_download").click(function() {
|
||||
if(!g5_is_member) {
|
||||
alert("다운로드 권한이 없습니다.\n회원이시라면 로그인 후 이용해 보십시오.");
|
||||
return false;
|
||||
}
|
||||
|
||||
var msg = "파일을 다운로드 하시면 포인트가 차감(<?php echo number_format($board['bo_download_point']) ?>점)됩니다.\n\n포인트는 게시물당 한번만 차감되며 다음에 다시 다운로드 하셔도 중복하여 차감하지 않습니다.\n\n그래도 다운로드 하시겠습니까?";
|
||||
|
||||
if(confirm(msg)) {
|
||||
var href = $(this).attr("href")+"&js=on";
|
||||
$(this).attr("href", href);
|
||||
|
||||
return true;
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
});
|
||||
});
|
||||
<?php } ?>
|
||||
|
||||
function board_move(href)
|
||||
{
|
||||
window.open(href, "boardmove", "left=50, top=50, width=500, height=550, scrollbars=1");
|
||||
}
|
||||
</script>
|
||||
|
||||
<script>
|
||||
$(function() {
|
||||
$("a.view_image").click(function() {
|
||||
window.open(this.href, "large_image", "location=yes,links=no,toolbar=no,top=10,left=10,width=10,height=10,resizable=yes,scrollbars=no,status=no");
|
||||
return false;
|
||||
});
|
||||
|
||||
// 추천, 비추천
|
||||
$("#good_button, #nogood_button").click(function() {
|
||||
var $tx;
|
||||
if(this.id == "good_button")
|
||||
$tx = $("#bo_v_act_good");
|
||||
else
|
||||
$tx = $("#bo_v_act_nogood");
|
||||
|
||||
excute_good(this.href, $(this), $tx);
|
||||
return false;
|
||||
});
|
||||
|
||||
// 이미지 리사이즈
|
||||
$("#bo_v_atc").viewimageresize();
|
||||
});
|
||||
|
||||
function excute_good(href, $el, $tx)
|
||||
{
|
||||
$.post(
|
||||
href,
|
||||
{ js: "on" },
|
||||
function(data) {
|
||||
if(data.error) {
|
||||
alert(data.error);
|
||||
return false;
|
||||
}
|
||||
|
||||
if(data.count) {
|
||||
$el.find("strong").text(number_format(String(data.count)));
|
||||
if($tx.attr("id").search("nogood") > -1) {
|
||||
$tx.text("이 글을 비추천하셨습니다.");
|
||||
$tx.fadeIn(200).delay(2500).fadeOut(200);
|
||||
} else {
|
||||
$tx.text("이 글을 추천하셨습니다.");
|
||||
$tx.fadeIn(200).delay(2500).fadeOut(200);
|
||||
}
|
||||
}
|
||||
}, "json"
|
||||
);
|
||||
}
|
||||
</script>
|
||||
<!-- } 게시글 읽기 끝 -->
|
||||
@@ -0,0 +1,238 @@
|
||||
<?php
|
||||
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
|
||||
include_once(G5_LIB_PATH.'/thumbnail.lib.php');
|
||||
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0);
|
||||
?>
|
||||
|
||||
<script src="<?php echo G5_JS_URL; ?>/viewimageresize.js"></script>
|
||||
|
||||
<!-- 커스텀 { -->
|
||||
<link rel="stylesheet" href="<?php echo $board_skin_url ?>/css/magic-check.css">
|
||||
<!-- } -->
|
||||
|
||||
|
||||
|
||||
|
||||
<div>
|
||||
<ul class="titles font-b font-18"><?php echo cut_str(get_text($view['wr_subject']), 999); ?></ul>
|
||||
<ul class="main_lists_date v_top_hd">
|
||||
|
||||
<li><img src="<?php echo $board_skin_url ?>/img/edit.svg"></li>
|
||||
<li class="divmt-05"><?php echo $view['wr_name']?> </li>
|
||||
|
||||
<li><img src="<?php echo $board_skin_url ?>/img/calendar.svg"></li>
|
||||
<li class="divmt-05"><?php echo $view['datetime2']?> </li>
|
||||
|
||||
<li><img src="<?php echo $board_skin_url ?>/img/eye.svg"></li>
|
||||
<li class="divmt-05"><?php echo $view['wr_hit']?> </li>
|
||||
|
||||
<?php if ($category_name) { ?>
|
||||
<li class="divmt-05 v_cates"><?php echo $view['ca_name']; ?></li>
|
||||
<li class="v_cates"><img src="<?php echo $board_skin_url ?>/img/tag.svg"></li>
|
||||
<?php } ?>
|
||||
|
||||
<div class="cb"></div>
|
||||
</ul>
|
||||
<ul class="view_img_cont">
|
||||
|
||||
<?php if ($view['wr_10']) { ?>
|
||||
<div class="video-container">
|
||||
<iframe width="100%" src="https://www.youtube.com/embed/<?php echo $view['wr_10']; ?>" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
|
||||
</div>
|
||||
<br><br>
|
||||
<?php } ?>
|
||||
|
||||
<?php
|
||||
// 파일 출력
|
||||
$v_img_count = count($view['file']);
|
||||
if($v_img_count) {
|
||||
echo "<div id=\"bo_v_img\">\n";
|
||||
|
||||
foreach($view['file'] as $view_file) {
|
||||
echo get_file_thumbnail($view_file);
|
||||
}
|
||||
|
||||
echo "</div>\n";
|
||||
}
|
||||
?>
|
||||
<?php echo get_view_thumbnail($view['content']); ?>
|
||||
<br><br>
|
||||
</ul>
|
||||
<ul>
|
||||
<?php
|
||||
$cnt = 0;
|
||||
if ($view['file']['count']) {
|
||||
for ($i=0; $i<count($view['file']); $i++) {
|
||||
if (isset($view['file'][$i]['source']) && $view['file'][$i]['source'] && !$view['file'][$i]['view'])
|
||||
$cnt++;
|
||||
}
|
||||
}
|
||||
?>
|
||||
|
||||
<?php if($cnt) { ?>
|
||||
<!-- 첨부파일 시작 { -->
|
||||
<div class="file_divs">
|
||||
<?php
|
||||
// 가변 파일
|
||||
for ($i=0; $i<count($view['file']); $i++) {
|
||||
if (isset($view['file'][$i]['source']) && $view['file'][$i]['source'] && !$view['file'][$i]['view']) {
|
||||
?>
|
||||
<li class="fl" style="margin-right:20px;">
|
||||
<a href="<?php echo $view['file'][$i]['href']; ?>" class="view_file_download" style="font-size:12px;">
|
||||
<b><?php echo $view['file'][$i]['source'] ?> <?php echo $view['file'][$i]['content'] ?></b> (<?php echo $view['file'][$i]['size'] ?>)
|
||||
</a>
|
||||
</li>
|
||||
<?php
|
||||
}
|
||||
}
|
||||
?>
|
||||
<div class="cb"></div>
|
||||
</div>
|
||||
<!-- } 첨부파일 끝 -->
|
||||
<?php } ?>
|
||||
</ul>
|
||||
|
||||
<?php if(isset($view['link'][1]) && $view['link'][1]) { ?>
|
||||
<ul>
|
||||
|
||||
<div class="file_divs">
|
||||
<?php
|
||||
// 링크
|
||||
$cnt = 0;
|
||||
for ($i=1; $i<=count($view['link']); $i++) {
|
||||
if ($view['link'][$i]) {
|
||||
$cnt++;
|
||||
$link = cut_str($view['link'][$i], 70);
|
||||
?>
|
||||
|
||||
<li class="fl" style="margin-right:20px;">
|
||||
<a href="<?php echo $view['link_href'][$i] ?>" class="view_file_download" target="_blank" style="font-size:12px;">
|
||||
<b><?php echo $link ?></b> (<?php echo $view['link_hit'][$i] ?>회 연결)
|
||||
</a>
|
||||
</li>
|
||||
|
||||
<?php
|
||||
}
|
||||
}
|
||||
?>
|
||||
|
||||
<div class="cb"></div>
|
||||
</div>
|
||||
|
||||
</ul>
|
||||
<?php } ?>
|
||||
|
||||
|
||||
<ul class="view_img_btn" style="display:block !important;">
|
||||
<a href="<?php echo $list_href ?>" title="목록" alt="목록" class="bbs_adm_btn">
|
||||
<img src="<?php echo $board_skin_url ?>/img/menu.svg">
|
||||
</a>
|
||||
|
||||
<?php if ($update_href) { ?>
|
||||
<a href="<?php echo $update_href ?>" title="수정" alt="수정" class="bbs_adm_btn">
|
||||
<img src="<?php echo $board_skin_url ?>/img/settings.svg">
|
||||
</a>
|
||||
<?php } ?>
|
||||
|
||||
<?php if ($delete_href) { ?>
|
||||
<a href="<?php echo $delete_href ?>" onclick="del(this.href); return false;" title="삭제" alt="삭제" class="bbs_adm_btn">
|
||||
<img src="<?php echo $board_skin_url ?>/img/trash.svg">
|
||||
</a>
|
||||
<?php } ?>
|
||||
|
||||
<?php if ($write_href) { ?>
|
||||
<a href="<?php echo $write_href ?>" title="등록" alt="등록" class="bbs_adm_btn">
|
||||
<img src="<?php echo $board_skin_url ?>/img/edit.svg">
|
||||
</a>
|
||||
<?php } ?>
|
||||
|
||||
|
||||
</ul>
|
||||
<div class="cb"></div>
|
||||
</div>
|
||||
|
||||
<div class="comment_divs">
|
||||
<?php
|
||||
include_once(G5_BBS_PATH.'/view_comment.php');
|
||||
?>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
<?php if ($board['bo_download_point'] < 0) { ?>
|
||||
$(function() {
|
||||
$("a.view_file_download").click(function() {
|
||||
if (!g5_is_member) {
|
||||
alert("다운로드 권한이 없습니다.\n회원이시라면 로그인 후 이용해 보십시오.");
|
||||
return false;
|
||||
}
|
||||
|
||||
var msg = "파일을 다운로드 하시면 포인트가 차감(<?php echo number_format($board['bo_download_point']) ?>점)됩니다.\n\n포인트는 게시물당 한번만 차감되며 다음에 다시 다운로드 하셔도 중복하여 차감하지 않습니다.\n\n그래도 다운로드 하시겠습니까?";
|
||||
|
||||
if (confirm(msg)) {
|
||||
var href = $(this).attr("href") + "&js=on";
|
||||
$(this).attr("href", href);
|
||||
|
||||
return true;
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
});
|
||||
});
|
||||
<?php } ?>
|
||||
|
||||
function board_move(href) {
|
||||
window.open(href, "boardmove", "left=50, top=50, width=500, height=550, scrollbars=1");
|
||||
}
|
||||
</script>
|
||||
|
||||
<script>
|
||||
$(function() {
|
||||
$("a.view_image").click(function() {
|
||||
window.open(this.href, "large_image", "location=yes,links=no,toolbar=no,top=10,left=10,width=10,height=10,resizable=yes,scrollbars=no,status=no");
|
||||
return false;
|
||||
});
|
||||
|
||||
// 추천, 비추천
|
||||
$("#good_button, #nogood_button").click(function() {
|
||||
var $tx;
|
||||
if (this.id == "good_button")
|
||||
$tx = $("#bo_v_act_good");
|
||||
else
|
||||
$tx = $("#bo_v_act_nogood");
|
||||
|
||||
excute_good(this.href, $(this), $tx);
|
||||
return false;
|
||||
});
|
||||
|
||||
// 이미지 리사이즈
|
||||
$("#bo_v_atc").viewimageresize();
|
||||
});
|
||||
|
||||
function excute_good(href, $el, $tx) {
|
||||
$.post(
|
||||
href, {
|
||||
js: "on"
|
||||
},
|
||||
function(data) {
|
||||
if (data.error) {
|
||||
alert(data.error);
|
||||
return false;
|
||||
}
|
||||
|
||||
if (data.count) {
|
||||
$el.find("strong").text(number_format(String(data.count)));
|
||||
if ($tx.attr("id").search("nogood") > -1) {
|
||||
$tx.text("이 글을 비추천하셨습니다.");
|
||||
$tx.fadeIn(200).delay(2500).fadeOut(200);
|
||||
} else {
|
||||
$tx.text("이 글을 추천하셨습니다.");
|
||||
$tx.fadeIn(200).delay(2500).fadeOut(200);
|
||||
}
|
||||
}
|
||||
}, "json"
|
||||
);
|
||||
}
|
||||
</script>
|
||||
<!-- } 게시글 읽기 끝 -->
|
||||
@@ -0,0 +1,353 @@
|
||||
<?php
|
||||
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
|
||||
?>
|
||||
|
||||
<script>
|
||||
// 글자수 제한
|
||||
var char_min = parseInt(<?php echo $comment_min ?>); // 최소
|
||||
var char_max = parseInt(<?php echo $comment_max ?>); // 최대
|
||||
</script>
|
||||
<button type="button" class="cmt_btn"><span class="total"><b>댓글</b> <?php echo $view['wr_comment']; ?></span><span class="cmt_more"></span></button>
|
||||
<!-- 댓글 시작 { -->
|
||||
<section id="bo_vc">
|
||||
<h2>댓글목록</h2>
|
||||
<?php
|
||||
$cmt_amt = count($list);
|
||||
for ($i=0; $i<$cmt_amt; $i++) {
|
||||
$comment_id = $list[$i]['wr_id'];
|
||||
$cmt_depth = strlen($list[$i]['wr_comment_reply']) * 50;
|
||||
$comment = $list[$i]['content'];
|
||||
/*
|
||||
if (strstr($list[$i]['wr_option'], "secret")) {
|
||||
$str = $str;
|
||||
}
|
||||
*/
|
||||
$comment = preg_replace("/\[\<a\s.*href\=\"(http|https|ftp|mms)\:\/\/([^[:space:]]+)\.(mp3|wma|wmv|asf|asx|mpg|mpeg)\".*\<\/a\>\]/i", "<script>doc_write(obj_movie('$1://$2.$3'));</script>", $comment);
|
||||
$cmt_sv = $cmt_amt - $i + 1; // 댓글 헤더 z-index 재설정 ie8 이하 사이드뷰 겹침 문제 해결
|
||||
$c_reply_href = $comment_common_url.'&c_id='.$comment_id.'&w=c#bo_vc_w';
|
||||
$c_edit_href = $comment_common_url.'&c_id='.$comment_id.'&w=cu#bo_vc_w';
|
||||
$is_comment_reply_edit = ($list[$i]['is_reply'] || $list[$i]['is_edit'] || $list[$i]['is_del']) ? 1 : 0;
|
||||
?>
|
||||
|
||||
<article id="c_<?php echo $comment_id ?>" <?php if ($cmt_depth) { ?>style="margin-left:<?php echo $cmt_depth ?>px;border-top-color:#e0e0e0" <?php } ?>>
|
||||
<!--
|
||||
<div class="pf_img"><?php echo get_member_profile_img($list[$i]['mb_id']); ?></div>
|
||||
-->
|
||||
<div class="cm_wrap">
|
||||
|
||||
<header style="z-index:<?php echo $cmt_sv; ?>">
|
||||
<h2><?php echo get_text($list[$i]['wr_name']); ?>님의 <?php if ($cmt_depth) { ?><span class="sound_only">댓글의</span><?php } ?> 댓글</h2>
|
||||
<?php echo $list[$i]['name'] ?>
|
||||
<!--
|
||||
<?php if ($is_ip_view) { ?>
|
||||
<span class="sound_only">아이피</span>
|
||||
<span>(<?php echo $list[$i]['ip']; ?>)</span>
|
||||
<?php } ?>
|
||||
-->
|
||||
<span class="sound_only">작성일</span>
|
||||
<span class="bo_vc_hdinfo"><time datetime="<?php echo date('Y-m-d\TH:i:s+09:00', strtotime($list[$i]['datetime'])) ?>"><?php echo $list[$i]['datetime'] ?></time></span>
|
||||
<?php
|
||||
include(G5_SNS_PATH.'/view_comment_list.sns.skin.php');
|
||||
?>
|
||||
</header>
|
||||
|
||||
<!-- 댓글 출력 -->
|
||||
<div class="cmt_contents divmt-10">
|
||||
<p>
|
||||
<?php if (strstr($list[$i]['wr_option'], "secret")) { ?><img src="<?php echo $board_skin_url; ?>/img/lock.svg" alt="비밀글" style="width:20px; margin-top:-2px;"><?php } ?>
|
||||
<?php echo $comment ?>
|
||||
</p>
|
||||
<?php if($is_comment_reply_edit) {
|
||||
if($w == 'cu') {
|
||||
$sql = " select wr_id, wr_content, mb_id from $write_table where wr_id = '$c_id' and wr_is_comment = '1' ";
|
||||
$cmt = sql_fetch($sql);
|
||||
if (!($is_admin || ($member['mb_id'] == $cmt['mb_id'] && $cmt['mb_id'])))
|
||||
$cmt['wr_content'] = '';
|
||||
$c_wr_content = $cmt['wr_content'];
|
||||
}
|
||||
?>
|
||||
<?php } ?>
|
||||
</div>
|
||||
<span id="edit_<?php echo $comment_id ?>" class="bo_vc_w"></span><!-- 수정 -->
|
||||
<span id="reply_<?php echo $comment_id ?>" class="bo_vc_w"></span><!-- 답변 -->
|
||||
|
||||
<input type="hidden" value="<?php echo strstr($list[$i]['wr_option'],"secret") ?>" id="secret_comment_<?php echo $comment_id ?>">
|
||||
<textarea id="save_comment_<?php echo $comment_id ?>" style="display:none"><?php echo get_text($list[$i]['content1'], 0) ?></textarea>
|
||||
</div>
|
||||
<?php if($is_comment_reply_edit) { ?>
|
||||
<div class="bo_vl_opt">
|
||||
|
||||
<?php if ($list[$i]['is_reply']) { ?>
|
||||
<a href="<?php echo $c_reply_href; ?>" onclick="comment_box('<?php echo $comment_id ?>', 'c'); return false;" titlt="답변" alt="답변">
|
||||
<img src="<?php echo $board_skin_url ?>/img/message.svg">
|
||||
</a>
|
||||
<?php } ?>
|
||||
<?php if ($list[$i]['is_edit']) { ?>
|
||||
<a href="<?php echo $c_edit_href; ?>" onclick="comment_box('<?php echo $comment_id ?>', 'cu'); return false;" titlt="수정" alt="수정">
|
||||
<img src="<?php echo $board_skin_url ?>/img/settings.svg">
|
||||
</a>
|
||||
<?php } ?>
|
||||
<?php if ($list[$i]['is_del']) { ?>
|
||||
<a href="<?php echo $list[$i]['del_link']; ?>" onclick="return comment_delete();" titlt="삭제" alt="삭제">
|
||||
<img src="<?php echo $board_skin_url ?>/img/trash.svg">
|
||||
</a>
|
||||
<?php } ?>
|
||||
|
||||
</div>
|
||||
<?php } ?>
|
||||
<script>
|
||||
$(function() {
|
||||
// 댓글 옵션창 열기
|
||||
$(".btn_cm_opt").on("click", function() {
|
||||
$(this).parent("div").children(".bo_vc_act").show();
|
||||
});
|
||||
|
||||
$(".more_opt_close").on("click", function() {
|
||||
$('.bo_vc_act').hide();
|
||||
});
|
||||
|
||||
// 댓글 옵션창 닫기
|
||||
$(document).mouseup(function(e) {
|
||||
var container = $(".bo_vc_act");
|
||||
if (container.has(e.target).length === 0)
|
||||
container.hide();
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</article>
|
||||
<?php } ?>
|
||||
<?php if ($i == 0) { //댓글이 없다면 ?><p id="bo_vc_empty">등록된 댓글이 없습니다.</p><?php } ?>
|
||||
|
||||
</section>
|
||||
<!-- } 댓글 끝 -->
|
||||
|
||||
<?php if ($is_comment_write) {
|
||||
if($w == '')
|
||||
$w = 'c';
|
||||
?>
|
||||
<!-- 댓글 쓰기 시작 { -->
|
||||
<aside id="bo_vc_w" class="bo_vc_w">
|
||||
<h2>댓글쓰기</h2>
|
||||
<form name="fviewcomment" id="fviewcomment" action="<?php echo $comment_action_url; ?>" onsubmit="return fviewcomment_submit(this);" method="post" autocomplete="off">
|
||||
<input type="hidden" name="w" value="<?php echo $w ?>" id="w">
|
||||
<input type="hidden" name="bo_table" value="<?php echo $bo_table ?>">
|
||||
<input type="hidden" name="wr_id" value="<?php echo $wr_id ?>">
|
||||
<input type="hidden" name="comment_id" value="<?php echo $c_id ?>" id="comment_id">
|
||||
<input type="hidden" name="sca" value="<?php echo $sca ?>">
|
||||
<input type="hidden" name="sfl" value="<?php echo $sfl ?>">
|
||||
<input type="hidden" name="stx" value="<?php echo $stx ?>">
|
||||
<input type="hidden" name="spt" value="<?php echo $spt ?>">
|
||||
<input type="hidden" name="page" value="<?php echo $page ?>">
|
||||
<input type="hidden" name="is_good" value="">
|
||||
|
||||
<span class="sound_only">내용</span>
|
||||
<?php if ($comment_min || $comment_max) { ?><strong id="char_cnt"><span id="char_count"></span>글자</strong><?php } ?>
|
||||
<textarea id="wr_content" name="wr_content" maxlength="10000" required class="required" title="내용" placeholder="댓글내용을 입력해주세요" <?php if ($comment_min || $comment_max) { ?>onkeyup="check_byte('wr_content', 'char_count');" <?php } ?>><?php echo $c_wr_content; ?></textarea>
|
||||
<?php if ($comment_min || $comment_max) { ?><script>
|
||||
check_byte('wr_content', 'char_count');
|
||||
</script><?php } ?>
|
||||
<script>
|
||||
$(document).on("keyup change", "textarea#wr_content[maxlength]", function() {
|
||||
var str = $(this).val()
|
||||
var mx = parseInt($(this).attr("maxlength"))
|
||||
if (str.length > mx) {
|
||||
$(this).val(str.substr(0, mx));
|
||||
return false;
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<div class="bo_vc_w_wr">
|
||||
<div class="bo_vc_w_info">
|
||||
<?php if ($is_guest) { ?>
|
||||
<label for="wr_name" class="sound_only">이름<strong> 필수</strong></label>
|
||||
<input type="text" name="wr_name" value="<?php echo get_cookie("ck_sns_name"); ?>" id="wr_name" required class="bbs_w_inp w20 required" placeholder="이름">
|
||||
<label for="wr_password" class="sound_only">비밀번호<strong> 필수</strong></label>
|
||||
<input type="password" name="wr_password" id="wr_password" required class="bbs_w_inp w20 required" placeholder="비밀번호">
|
||||
<?php
|
||||
}
|
||||
?>
|
||||
<?php
|
||||
if($board['bo_use_sns'] && ($config['cf_facebook_appid'] || $config['cf_twitter_key'])) {
|
||||
?>
|
||||
<span class="sound_only">SNS 동시등록</span>
|
||||
<span id="bo_vc_send_sns"></span>
|
||||
<?php } ?>
|
||||
<?php if ($is_guest) { ?>
|
||||
<?php echo $captcha_html; ?>
|
||||
<?php } ?>
|
||||
</div>
|
||||
<div class="btn_confirm">
|
||||
<span class="secret_cm chk_box">
|
||||
<input type="checkbox" name="wr_secret" value="secret" id="wr_secret" class="magic-checkbox">
|
||||
<label for="wr_secret"><span></span>비밀글</label>
|
||||
</span>
|
||||
<button type="submit" id="btn_submit" class="btn_submit">댓글등록</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</aside>
|
||||
|
||||
<script>
|
||||
var save_before = '';
|
||||
var save_html = document.getElementById('bo_vc_w').innerHTML;
|
||||
|
||||
function good_and_write() {
|
||||
var f = document.fviewcomment;
|
||||
if (fviewcomment_submit(f)) {
|
||||
f.is_good.value = 1;
|
||||
f.submit();
|
||||
} else {
|
||||
f.is_good.value = 0;
|
||||
}
|
||||
}
|
||||
|
||||
function fviewcomment_submit(f) {
|
||||
var pattern = /(^\s*)|(\s*$)/g; // \s 공백 문자
|
||||
|
||||
f.is_good.value = 0;
|
||||
|
||||
var subject = "";
|
||||
var content = "";
|
||||
$.ajax({
|
||||
url: g5_bbs_url + "/ajax.filter.php",
|
||||
type: "POST",
|
||||
data: {
|
||||
"subject": "",
|
||||
"content": f.wr_content.value
|
||||
},
|
||||
dataType: "json",
|
||||
async: false,
|
||||
cache: false,
|
||||
success: function(data, textStatus) {
|
||||
subject = data.subject;
|
||||
content = data.content;
|
||||
}
|
||||
});
|
||||
|
||||
if (content) {
|
||||
alert("내용에 금지단어('" + content + "')가 포함되어있습니다");
|
||||
f.wr_content.focus();
|
||||
return false;
|
||||
}
|
||||
|
||||
// 양쪽 공백 없애기
|
||||
var pattern = /(^\s*)|(\s*$)/g; // \s 공백 문자
|
||||
document.getElementById('wr_content').value = document.getElementById('wr_content').value.replace(pattern, "");
|
||||
if (char_min > 0 || char_max > 0) {
|
||||
check_byte('wr_content', 'char_count');
|
||||
var cnt = parseInt(document.getElementById('char_count').innerHTML);
|
||||
if (char_min > 0 && char_min > cnt) {
|
||||
alert("댓글은 " + char_min + "글자 이상 쓰셔야 합니다.");
|
||||
return false;
|
||||
} else if (char_max > 0 && char_max < cnt) {
|
||||
alert("댓글은 " + char_max + "글자 이하로 쓰셔야 합니다.");
|
||||
return false;
|
||||
}
|
||||
} else if (!document.getElementById('wr_content').value) {
|
||||
alert("댓글을 입력하여 주십시오.");
|
||||
return false;
|
||||
}
|
||||
|
||||
if (typeof(f.wr_name) != 'undefined') {
|
||||
f.wr_name.value = f.wr_name.value.replace(pattern, "");
|
||||
if (f.wr_name.value == '') {
|
||||
alert('이름이 입력되지 않았습니다.');
|
||||
f.wr_name.focus();
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
if (typeof(f.wr_password) != 'undefined') {
|
||||
f.wr_password.value = f.wr_password.value.replace(pattern, "");
|
||||
if (f.wr_password.value == '') {
|
||||
alert('비밀번호가 입력되지 않았습니다.');
|
||||
f.wr_password.focus();
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
<?php if($is_guest) echo chk_captcha_js(); ?>
|
||||
|
||||
set_comment_token(f);
|
||||
|
||||
document.getElementById("btn_submit").disabled = "disabled";
|
||||
|
||||
return true;
|
||||
}
|
||||
|
||||
function comment_box(comment_id, work) {
|
||||
var el_id,
|
||||
form_el = 'fviewcomment',
|
||||
respond = document.getElementById(form_el);
|
||||
|
||||
// 댓글 아이디가 넘어오면 답변, 수정
|
||||
if (comment_id) {
|
||||
if (work == 'c')
|
||||
el_id = 'reply_' + comment_id;
|
||||
else
|
||||
el_id = 'edit_' + comment_id;
|
||||
} else
|
||||
el_id = 'bo_vc_w';
|
||||
|
||||
if (save_before != el_id) {
|
||||
if (save_before) {
|
||||
document.getElementById(save_before).style.display = 'none';
|
||||
}
|
||||
|
||||
document.getElementById(el_id).style.display = '';
|
||||
document.getElementById(el_id).appendChild(respond);
|
||||
//입력값 초기화
|
||||
document.getElementById('wr_content').value = '';
|
||||
|
||||
// 댓글 수정
|
||||
if (work == 'cu') {
|
||||
document.getElementById('wr_content').value = document.getElementById('save_comment_' + comment_id).value;
|
||||
if (typeof char_count != 'undefined')
|
||||
check_byte('wr_content', 'char_count');
|
||||
if (document.getElementById('secret_comment_' + comment_id).value)
|
||||
document.getElementById('wr_secret').checked = true;
|
||||
else
|
||||
document.getElementById('wr_secret').checked = false;
|
||||
}
|
||||
|
||||
document.getElementById('comment_id').value = comment_id;
|
||||
document.getElementById('w').value = work;
|
||||
|
||||
if (save_before)
|
||||
$("#captcha_reload").trigger("click");
|
||||
|
||||
save_before = el_id;
|
||||
}
|
||||
}
|
||||
|
||||
function comment_delete() {
|
||||
return confirm("이 댓글을 삭제하시겠습니까?");
|
||||
}
|
||||
|
||||
comment_box('', 'c'); // 댓글 입력폼이 보이도록 처리하기위해서 추가 (root님)
|
||||
|
||||
<?php if($board['bo_use_sns'] && ($config['cf_facebook_appid'] || $config['cf_twitter_key'])) { ?>
|
||||
|
||||
$(function() {
|
||||
// sns 등록
|
||||
$("#bo_vc_send_sns").load(
|
||||
"<?php echo G5_SNS_URL; ?>/view_comment_write.sns.skin.php?bo_table=<?php echo $bo_table; ?>",
|
||||
function() {
|
||||
save_html = document.getElementById('bo_vc_w').innerHTML;
|
||||
}
|
||||
);
|
||||
});
|
||||
<?php } ?>
|
||||
</script>
|
||||
<?php } ?>
|
||||
<!-- } 댓글 쓰기 끝 -->
|
||||
<script>
|
||||
jQuery(function($) {
|
||||
//댓글열기
|
||||
$(".cmt_btn").click(function(e) {
|
||||
e.preventDefault();
|
||||
$(this).toggleClass("cmt_btn_op");
|
||||
$("#bo_vc").toggle();
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@@ -0,0 +1,258 @@
|
||||
<?php
|
||||
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
|
||||
|
||||
// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
|
||||
add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0);
|
||||
?>
|
||||
|
||||
|
||||
<!-- 커스텀 { -->
|
||||
<link rel="stylesheet" href="<?php echo $board_skin_url ?>/css/magic-check.css">
|
||||
<!-- } -->
|
||||
|
||||
|
||||
|
||||
<form name="fwrite" id="fwrite" action="<?php echo $action_url ?>" onsubmit="return fwrite_submit(this);" method="post" enctype="multipart/form-data" autocomplete="off" style="width:<?php echo $width; ?>">
|
||||
<input type="hidden" name="uid" value="<?php echo get_uniqid(); ?>">
|
||||
<input type="hidden" name="w" value="<?php echo $w ?>">
|
||||
<input type="hidden" name="bo_table" value="<?php echo $bo_table ?>">
|
||||
<input type="hidden" name="wr_id" value="<?php echo $wr_id ?>">
|
||||
<input type="hidden" name="sca" value="<?php echo $sca ?>">
|
||||
<input type="hidden" name="sfl" value="<?php echo $sfl ?>">
|
||||
<input type="hidden" name="stx" value="<?php echo $stx ?>">
|
||||
<input type="hidden" name="spt" value="<?php echo $spt ?>">
|
||||
<input type="hidden" name="sst" value="<?php echo $sst ?>">
|
||||
<input type="hidden" name="sod" value="<?php echo $sod ?>">
|
||||
<input type="hidden" name="page" value="<?php echo $page ?>">
|
||||
|
||||
<?php
|
||||
$option = '';
|
||||
$option_hidden = '';
|
||||
if ($is_notice || $is_html || $is_secret || $is_mail) {
|
||||
$option = '';
|
||||
if ($is_notice) {
|
||||
$option .= PHP_EOL.'<li class=""><input type="checkbox" id="notice" name="notice" class="magic-checkbox" value="1" '.$notice_checked.'>'.PHP_EOL.'<label for="notice"><span></span>공지</label></li>';
|
||||
}
|
||||
if ($is_html) {
|
||||
if ($is_dhtml_editor) {
|
||||
$option_hidden .= '<input type="hidden" value="html1" name="html">';
|
||||
} else {
|
||||
$option .= PHP_EOL.'<li class=""><input type="checkbox" id="html" name="html" onclick="html_auto_br(this);" class="magic-checkbox" value="'.$html_value.'" '.$html_checked.'>'.PHP_EOL.'<label for="html"><span></span>html</label></li>';
|
||||
}
|
||||
}
|
||||
if ($is_secret) {
|
||||
if ($is_admin || $is_secret==1) {
|
||||
$option .= PHP_EOL.'<li class=""><input type="checkbox" id="secret" name="secret" class="magic-checkbox" value="secret" '.$secret_checked.'>'.PHP_EOL.'<label for="secret"><span></span>비밀글</label></li>';
|
||||
} else {
|
||||
$option_hidden .= '<input type="hidden" name="secret" value="secret">';
|
||||
}
|
||||
}
|
||||
if ($is_mail) {
|
||||
$option .= PHP_EOL.'<li class=""><input type="checkbox" id="mail" name="mail" class="magic-checkbox" value="mail" '.$recv_email_checked.'>'.PHP_EOL.'<label for="mail"><span></span>답변메일받기</label></li>';
|
||||
}
|
||||
}
|
||||
echo $option_hidden;
|
||||
?>
|
||||
|
||||
<div id="bo_w">
|
||||
<ul class="bbs_write_div_l">
|
||||
<div>
|
||||
<ul>
|
||||
|
||||
<?php if ($is_category) { ?>
|
||||
<li class="divmb-10">
|
||||
<select name="ca_name" id="ca_name" required class="select_w w40">
|
||||
<option value="">분류를 선택하세요</option>
|
||||
<?php echo $category_option ?>
|
||||
</select>
|
||||
</li>
|
||||
<?php } ?>
|
||||
<li class="divmb-20">
|
||||
<input type="text" name="wr_subject" value="<?php echo $subject ?>" id="wr_subject" required class="bbs_w_inp w70 required" maxlength="255" placeholder="제목을 입력하세요.">
|
||||
</li>
|
||||
|
||||
<?php if ($option) { ?>
|
||||
<li class="divmb-10">
|
||||
<ul class="bo_v_option">
|
||||
<?php echo $option ?>
|
||||
<div class="cb"></div>
|
||||
</ul>
|
||||
</li>
|
||||
<?php } ?>
|
||||
|
||||
<li class="divmb-10">
|
||||
<?php echo $editor_html; // 에디터 사용시는 에디터로, 아니면 textarea 로 노출 ?>
|
||||
</li>
|
||||
|
||||
<li class="divmb-10">
|
||||
<input type="text" name="wr_10" value="<?php echo $write['wr_10']; ?>" id="wr_10" class="bbs_w_inp w50 video_inp" placeholder="유튜브동영상 ID">
|
||||
<dd class="help_txts">
|
||||
유튜브 동영상의 ID를 입력하시면 동영상이 출력 되며, 썸네일이 자동등록 됩니다.<br>
|
||||
https://www.youtube.com/watch?v=<b>ID</b>
|
||||
</dd>
|
||||
</li>
|
||||
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</ul>
|
||||
|
||||
<ul class="bbs_write_div_r">
|
||||
<div>
|
||||
<ul>
|
||||
<?php if ($is_name) { ?>
|
||||
<li class="divmb-10">
|
||||
<input type="text" name="wr_name" id="wr_paswr_namesword" class="bbs_w_inp w70 required" value="<?php echo $name ?>" placeholder="작성자 성함" required>
|
||||
</li>
|
||||
<?php } ?>
|
||||
|
||||
<?php if ($is_password) { ?>
|
||||
<li class="divmb-20">
|
||||
<input type="password" name="wr_password" id="wr_password" <?php echo $password_required ?> class="bbs_w_inp w50 <?php echo $password_required ?>" placeholder="비밀번호">
|
||||
</li>
|
||||
<?php } ?>
|
||||
|
||||
<?php if($is_file) { ?>
|
||||
<li class="bbs_w_tit divmb-10">
|
||||
<dd class="fl">파일 첨부</dd>
|
||||
<dd class="w_icos"><img src="<?php echo $board_skin_url ?>/img/file-plus.svg" class="fr"></dd>
|
||||
<div class="cb"></div>
|
||||
</li>
|
||||
<dd class="help_txts divmb-10">이미지인 경우 썸네일 및 본문 상단에 출력되며, 파일은 다운로드 링크로 출력 됩니다.</dd>
|
||||
|
||||
<?php } ?>
|
||||
|
||||
<?php for ($i=0; $is_file && $i<$file_count; $i++) { ?>
|
||||
<li class="divmb-05">
|
||||
<input type="file" name="bf_file[]" id="bf_file_<?php echo $i+1 ?>" title="파일첨부 <?php echo $i+1 ?> : 용량 <?php echo $upload_max_filesize ?> 이하만 업로드 가능" class="bbs_w_inp_file w100">
|
||||
|
||||
<?php if($w == 'u' && $file[$i]['file']) { ?>
|
||||
<div class="divmb-05" style="padding-bottom:5px;">
|
||||
<input type="checkbox" class="magic-checkbox" id="bf_file_del<?php echo $i ?>" name="bf_file_del[<?php echo $i; ?>]" value="1">
|
||||
<label for="bf_file_del<?php echo $i ?>" style="font-size:12px; color:#999"><span style="color:#ff6666"><?php echo $file[$i]['source'].' ('.$file[$i]['size'].')'; ?></span> 파일 삭제</label>
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
</li>
|
||||
<?php } ?>
|
||||
|
||||
<?php if($is_link) { ?>
|
||||
<li class="bbs_w_tit divmt-20 divmb-10">
|
||||
<dd class="fl">링크</dd>
|
||||
<dd class="w_icos"><img src="<?php echo $board_skin_url ?>/img/link.svg" class="fr"></dd>
|
||||
<div class="cb"></div>
|
||||
</li>
|
||||
<?php } ?>
|
||||
|
||||
<?php for ($i=1; $is_link && $i<=G5_LINK_COUNT; $i++) { ?>
|
||||
<div class="bo_w_link divmb-05">
|
||||
<input type="text" name="wr_link<?php echo $i ?>" value="<?php if($w=="u"){ echo $write['wr_link'.$i]; } ?>" id="wr_link<?php echo $i ?>" class="bbs_w_inp w100" placeholder="http://포함">
|
||||
</div>
|
||||
<?php } ?>
|
||||
|
||||
|
||||
<?php if ($is_use_captcha) { //자동등록방지 ?>
|
||||
<li class="divmt-20 bbs_w_tit divmb-10">자동등록방지</li>
|
||||
<li>
|
||||
<?php echo $captcha_html ?>
|
||||
</li>
|
||||
<?php } ?>
|
||||
</ul>
|
||||
|
||||
<ul class="divmt-20 bbs_w_btns_div">
|
||||
<button type="submit" id="btn_submit" accesskey="s" class="bbs_w_btn1">등록완료</button>
|
||||
<button type="button" class="bbs_w_btn2" onclick="location.href='<?php echo get_pretty_url($bo_table); ?>';">취소</button>
|
||||
</ul>
|
||||
</div>
|
||||
</ul>
|
||||
|
||||
<div class="cb"></div>
|
||||
|
||||
</div>
|
||||
</form>
|
||||
|
||||
|
||||
<script>
|
||||
<?php if($write_min || $write_max) { ?>
|
||||
// 글자수 제한
|
||||
var char_min = parseInt(<?php echo $write_min; ?>); // 최소
|
||||
var char_max = parseInt(<?php echo $write_max; ?>); // 최대
|
||||
check_byte("wr_content", "char_count");
|
||||
|
||||
$(function() {
|
||||
$("#wr_content").on("keyup", function() {
|
||||
check_byte("wr_content", "char_count");
|
||||
});
|
||||
});
|
||||
|
||||
<?php } ?>
|
||||
|
||||
function html_auto_br(obj) {
|
||||
if (obj.checked) {
|
||||
result = confirm("자동 줄바꿈을 하시겠습니까?\n\n자동 줄바꿈은 게시물 내용중 줄바뀐 곳을<br>태그로 변환하는 기능입니다.");
|
||||
if (result)
|
||||
obj.value = "html2";
|
||||
else
|
||||
obj.value = "html1";
|
||||
} else
|
||||
obj.value = "";
|
||||
}
|
||||
|
||||
|
||||
function fwrite_submit(f) {
|
||||
|
||||
<?php echo $editor_js; // 에디터 사용시 자바스크립트에서 내용을 폼필드로 넣어주며 내용이 입력되었는지 검사함 ?>
|
||||
|
||||
var subject = "";
|
||||
var content = "";
|
||||
$.ajax({
|
||||
url: g5_bbs_url + "/ajax.filter.php",
|
||||
type: "POST",
|
||||
data: {
|
||||
"subject": f.wr_subject.value,
|
||||
"content": f.wr_content.value
|
||||
},
|
||||
dataType: "json",
|
||||
async: false,
|
||||
cache: false,
|
||||
success: function(data, textStatus) {
|
||||
subject = data.subject;
|
||||
content = data.content;
|
||||
}
|
||||
});
|
||||
|
||||
if (subject) {
|
||||
alert("제목에 금지단어('" + subject + "')가 포함되어있습니다");
|
||||
f.wr_subject.focus();
|
||||
return false;
|
||||
}
|
||||
|
||||
if (content) {
|
||||
alert("내용에 금지단어('" + content + "')가 포함되어있습니다");
|
||||
if (typeof(ed_wr_content) != "undefined")
|
||||
ed_wr_content.returnFalse();
|
||||
else
|
||||
f.wr_content.focus();
|
||||
return false;
|
||||
}
|
||||
|
||||
if (document.getElementById("char_count")) {
|
||||
if (char_min > 0 || char_max > 0) {
|
||||
var cnt = parseInt(check_byte("wr_content", "char_count"));
|
||||
if (char_min > 0 && char_min > cnt) {
|
||||
alert("내용은 " + char_min + "글자 이상 쓰셔야 합니다.");
|
||||
return false;
|
||||
} else if (char_max > 0 && char_max < cnt) {
|
||||
alert("내용은 " + char_max + "글자 이하로 쓰셔야 합니다.");
|
||||
return false;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
<?php echo $captcha_js; // 캡챠 사용시 자바스크립트에서 입력된 캡챠를 검사함 ?>
|
||||
|
||||
document.getElementById("btn_submit").disabled = "disabled";
|
||||
|
||||
return true;
|
||||
}
|
||||
</script>
|
||||
Reference in New Issue
Block a user