<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
include_once(G5_LIB_PATH.'/thumbnail.lib.php');
$imgwidth = 150; //표시할 이미지의 가로사이즈
$imgheight = 90; //표시할 이미지의 세로사이즈
?>
<style>
#box1 {width:174px;height:160px;background-image: url("img/infinity_gallery.png");}
#oneshot_2_7 {position:relative;margin:0 0 0 -2px;}
.la_title{position:absolute; left:0; top:0; z-index:100; background:#000; padding:0px; font-size:1em; color:#fff;margin:0 0 0 5px;filter:alpha(opacity=50);opacity:.5;}
.img_set{width:<?php echo $imgwidth ?>px; height:<?php echo $imgheight ?>px; border:0px solid #eaeaea; background-color:#f8f8f8;padding:0;}
.subject_set{width:<?php echo $imgwidth - 12 ?>px; height:58px; padding:10px/*제목높이간격*/ 10px 10px 1px/*왼쪽간격*/; z-index:1; bottom:0; left:0;}
#oneshot_2_7 .subject_set .dotted{
height:1px;
}
.subject_set .sub_datetime{
width:160px;
margin-left:15px;
padding-top:22px;
font-size:12px;
font-family:Dotum,Verdana,Arial;
color:#999; 
}
#oneshot_2_7 ul {list-style:none;clear:both;margin:0;padding:0;}
/*이미지 좌우간격*/
#oneshot_2_7 li {list-style:none;float:left;text-decoration:none;padding:0px 10px 0px 5px}
.bubble_b {
padding: 6px;
background:#E9E9E9;
3
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;'
}
.bubble 
{
position: relative;
/*width: 265px;
height: 120px;
padding: 0px;
background: #FFFFFF;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
border: #7F7F7F solid 1px;*/
}
.bubble:after 
{
content: '';
position: absolute;
border-style: solid;
/*화살표크기*/
border-width: 0 5px 8px;
/*배경칼라*/
border-color: #E9E9E9 transparent;
display: block;
width: 0;
z-index: 1;
/*화살표 배경크기(화살표크기보다 높이를 1픽색 아래로 내려줌), 위치*/
top: -10px;
left: 20px;
}
.bubble:before 
{
content: '';
position: absolute;
border-style: solid;
/*화살표크기*/
border-width: 0 5px 8px;
/*라인칼라///박스칼라보다 더 강해야 비슷하게 보임*/
border-color: #CECECE transparent;
display: block;
width: 0;
z-index: 0;
/*화살표 라인크기(화살표크기보다 높이를 1픽색 아래로 내려줌), 위치*/
top: -11px;
left: 20px;
}
/* 폰트불러오기 */
@font-face {font-family:'NanumBarunGothic';src: url('<?php echo $latest_skin_url ?>/NanumBarunGothic.eot');}
@font-face {font-family:'NanumGothic';src: url('<?php echo $latest_skin_url ?>/NanumGothic.eot');}
</style>
<div id="oneshot_2_7">
<!--
<div class="la_title">
<?php echo $bo_subject ?>
</div>
 -->
<ul>
<?php for ($i=0; $i<count($list); $i++) { ?>
<li>
<div style="position:relative">
<div id="quick" style="position: absolute; z-index: 2; top: -5px; left: 5px; width: 50px; ">
<?php
if (isset($list[$i]['icon_new'])) echo " " . $list[$i]['icon_new'];
?>
</div>
</div>
<!--/////////////////배경이미지/////////////-->
<div id="box1">
<div class="sub_title">            
<font color="#ccc"<a href="<?php echo $list[$i]['href'] ?>"><?php echo cut_str($list[$i]['subject'], 36, "..") ?></a></font></div>
<div class="img_set">
<a href="<?php echo $list[$i]['href'] ?>">
<?php                
$thumb = get_list_thumbnail($bo_table, $list[$i]['wr_id'], $imgwidth, $imgheight);                                    
if($thumb['src']) {
$img_content = '<img class="img_left" src="'.$thumb['ori'].'" alt="'.$list[$i]['subject'].'" width="'.$imgwidth.'" height="'.$imgheight.'">';
} else {
$img_content = 'NO IMAGE';
}                
echo $img_content;                                                               
?>
</a>
</div>
        
<div class="subject_set">
<font color="#ccc"><div class="sub_datetime"> <?=$list[$i]['wr_name']?>   <?=$list[$i]['datetime']?></div></font>
</div>
</div>               
</li>
<?php } ?>
</ul>
</div>
<!--/////////////////배경이미지 끝/////////////-->
<div style="clear:both;"></div>