__setting.html

{@
	$mi = $module_info;
	if(!isset($mi->link_board)) $mi->link_board = null;
	if(!isset($mi->show_cate)) $mi->show_cate = null;
	if(!isset($listStyle)) $listStyle = null;
	if(!isset($mi->subject_cut_size)) $mi->subject_cut_size = null;
	if(!isset($mi->write_btn)) $mi->write_btn = null;
	if(!isset($mi->font_btn)) $mi->font_btn = null;
	if(!isset($mi->title)) $mi->title = null;
	if(!isset($mi->viewer_with)) $mi->viewer_with = null;
	if(!isset($mi->title_img)) $mi->title_img = null;
	if(!isset($mi->srch_window)) $mi->srch_window = null;
	if(!isset($mi->font)) $mi->font = null;
	if(!isset($mi->breadcrumb)) $mi->breadcrumb = null;
	if(!isset($mi->rd_nav_side)) $mi->rd_nav_side = null;
	if(!isset($mi->img_link)) $mi->img_link = null;
	if(!isset($mi->main_menu)) $mi->main_menu = null;
	if(!isset($mi->files_type)) $mi->files_type = null;
	if(!isset($mi->bubble)) $mi->bubble = null;
	if(!isset($mi->img_opt)) $mi->img_opt = null;
	if(!isset($mi->lst_viewer)) $mi->lst_viewer = null;
	if(!isset($mi->select_lst_more)) $mi->select_lst_more = null;
	if(!isset($mi->normal_lst_tdW)) $mi->normal_lst_tdW = null;
	if(!isset($mi->select_lst)) $mi->select_lst = null;
	if(!isset($mi->fdb_count)) $mi->fdb_count = null;
	if(!isset($mi->hover)) $mi->hover = null;
	if(!isset($mi->shadow)) $mi->shadow = null;
	if(!isset($mi->cnb)) $mi->cnb = null;
	if(!isset($mi->cnb3_color)) $mi->cnb3_color = null;
	if(!isset($mi->zine_tx_color)) $mi->zine_tx_color = null;
	if(!isset($mi->hd_tx)) $mi->hd_tx = null;
	if(!isset($mi->shadow)) $mi->shadow = null;
	if(!isset($mi->custom_shadow)) $mi->custom_shadow = null;
	if(!isset($mi->ribbon_img)) $mi->ribbon_img = null;
	if(!isset($mi->ribbon_style)) $mi->ribbon_style = null;
	if(!isset($mi->no_img)) $mi->no_img = null;
	if(!isset($mi->img_insert)) $mi->img_insert = null;
	if(!isset($mi->search_keyword)) $mi->search_keyword = null;
	if(!isset($mi->category)) $mi->category = null;
	if(!isset($mi->vid)) $mi->vid = null;
	if(!isset($mi->search_keyword)) $mi->search_keyword = null;
	if(!isset($mi->ext_img)) $mi->ext_img = [];
	if(!isset($mi->cmt_count)) $mi->cmt_count = [];
	
	if(!isset($mi->wrt_opt)) $mi->wrt_opt = [];
	if(!isset($mi->btm_mn)) $mi->btm_mn = [];
	if(!isset($mi->preview)) $mi->preview = [];
	if(!isset($mi->viewer_itm)) $mi->viewer_itm = [];
	if(!isset($mi->rd_blog_itm)) $mi->rd_blog_itm = [];
	if(!isset($mi->zine_thumb_width)) $mi->zine_thumb_width = null;
	if(!isset($mi->zine_thumb_height)) $mi->zine_thumb_height = null;
	if(!isset($mi->zine_margin)) $mi->zine_margin = null;
	if(!isset($mi->cmt_wrt)) $mi->cmt_wrt = null;
	if(!isset($mi->extra_num)) $mi->extra_num = null;
	if(!isset($mi->extra_num2)) $mi->extra_num2 = null;
	if(!isset($mi->thumbnail_width)) $mi->thumbnail_width = null;
	if(!isset($mi->thumbnail_height)) $mi->thumbnail_height = null;
	if(!isset($mi->custom_color)) $mi->custom_color = null;
	if(!isset($mi->main_menu)) $mi->main_menu = null;
	if(!isset($mi->extra_num2)) $mi->extra_num2 = null;
	if(!isset($mi->extra_num2)) $mi->extra_num2 = null;
	if(!isset($search_keyword)) $search_keyword = null;
	
	if(!isset($mi->cnb_open)) $mi->cnb_open = null;
	if(!isset($mi->cnb_count)) $mi->cnb_count = null;
	if(!isset($order_type)) $order_type = null;
	if(!isset($sort_index)) $sort_index = null;
	if(!isset($search_target)) $search_target = "";
	
	if(!isset($mi->srch_btm)) $mi->srch_btm = null;
	if(!isset($mi->write_btm_btn)) $mi->write_btm_btn = null;
	if(!isset($division)) $division = null;
	if(!isset($mi->cnb_count)) $mi->cnb_count = null;
	if(!isset($mi->content_cut_size)) $mi->content_cut_size = 240;
	if(!isset($mi->duration_new)) $mi->duration_new = 24;
	if(!isset($mi->colorset)) $mi->colorset = 'white';
	if(!isset($mi->preview_tx))  $mi->preview_tx = 150;
	if(!isset($mi->extra_num)) $mi->extra_num = 1;
	if(!isset($mi->extra_num2)) $mi->extra_num2 = 1;
	if(!isset($mi->thumbnail_width))  $mi->thumbnail_width  = 90;
	if(!isset($mi->thumbnail_height)) $mi->thumbnail_height = 90;
	if(!isset($mi->zine_thumb_width)) $mi->zine_thumb_width = 90;
	if(!isset($mi->zine_thumb_height)) $mi->zine_thumb_height = 90;
	if(!isset($mi->zine_margin)) $mi->zine_margin = 10;
	if(!isset($mi->cmt_wrt)) $mi->cmt_wrt = 'simple';
	if(!isset($mi->img_insert_align)) $mi->img_insert_align = 'center';

	<!--// 체크박스 옵션 -->
	$mi->btm_mn = is_string($mi->btm_mn) ? unserialize($mi->btm_mn) : [];
	$mi->preview = is_string($mi->preview) ? unserialize($mi->preview) : [];
	$mi->ext_img = is_string($mi->ext_img) ? unserialize($mi->ext_img) : [];
	$mi->cmt_count = is_string($mi->cmt_count) ? unserialize($mi->cmt_count) : [];
	$mi->wrt_opt = is_string($mi->wrt_opt) ? unserialize($mi->wrt_opt) : [];
	$mi->viewer_itm = is_string($mi->viewer_itm) ? unserialize($mi->viewer_itm) : [];
	$mi->rd_blog_itm = is_string($mi->rd_blog_itm) ? unserialize($mi->rd_blog_itm) : [];

	if(isset($_COOKIE['bd_font']) && !isset($mi->font_btn)) $mi->font = $_COOKIE['bd_font'];
	if(isset($_COOKIE['bd_editor'])) $mi->cmt_wrt = $_COOKIE['bd_editor'];
	if(isset($_COOKIE['cookie_viewer_with'])) $mi->viewer_with = '';
	if(!isset($mi->gall_tl_cut)) $mi->gall_tl_cut = null;
	if(!isset($mi->gall_style)) $mi->gall_style = null;
	if(!isset($mi->gallery_tl)) $mi->gallery_tl = null;
	if(!isset($mi->deco_img)) $mi->deco_img = null;
	if(!isset($mi->deco)) $mi->deco = null;
	if(!isset($mi->tmb_hover_bg)) $mi->tmb_hover_bg = null;
	if(!isset($mi->tmb_hover)) $mi->tmb_hover = null;
	if(!isset($mi->trans_window)) $mi->trans_window = null;
	if(!isset($mi->gall_ribbon)) $mi->gall_ribbon = null;
	if(!isset($mi->gall_shadow)) $mi->gall_shadow = null;
	if(!isset($mi->tmb_effect)) $mi->tmb_effect = null;
	if(!isset($mi->thumbnail_type)) $mi->thumbnail_type = null;
	if(!isset($mi->gall_deg)) $mi->gall_deg = null;
	if(!isset($mi->gall_tl_font)) $mi->gall_tl_font = null;
	if(!isset($mi->gall_hover_img)) $mi->gall_hover_img = null;
	if(!isset($mi->thumb_css)) $mi->thumb_css = null;
	if(!isset($mi->li_width)) $mi->li_width = null;
	if(!isset($mi->li_height)) $mi->li_height = null;
	if(!isset($mi->gall_align)) $mi->gall_align = null;

	if($mi->custom_color) $mi->color = $mi->custom_color;
	if($mi->custom_shadow) $mi->shadow = $mi->custom_shadow;
	if(!isset($mi->color)) $mi->color = 333333;
	if(!isset($mi->color))$mi->shadow = '#999';
	if($mi->colorset=='black') $mi->color = EEEEEE;
	if($mi->colorset=='black') $mi->shadow = '#000';
	if($mi->color=='87cefa') $mi->shadow = '#5f9ea0';<!--// 라이트스카이블루 -->
	if($mi->color=='6495ed') $mi->shadow = '#4682b4';<!--// 콘플라워블루 -->
	if($mi->color=='4169e1' || $mi->color=='4682b4') $mi->shadow = '#646496';<!--// 로얄블루, 스틸블루(비표준) -->
	if($mi->color=='adff2f') $mi->shadow = '#80E12A';<!--// 그린옐로우(비표준) -->
	if($mi->color=='80E12A') $mi->shadow = '#4BAF4B';<!--// 초록(비표준) -->
	if($mi->color=='ffb6c1') $mi->shadow = '#e9967a';<!--// 라이트핑크(비표준) -->
	if($mi->color=='ff69b4') $mi->shadow = '#db7093';<!--// 핫핑크 -->
	if($mi->color=='ff1493') $mi->shadow = '#C39';<!--// 딥핑크 -->
	if($mi->color=='ffd700') $mi->shadow = '#daa520';<!--// 골드 -->
	if($mi->color=='ffa500') $mi->shadow = '#f08080';<!--// 오렌지 -->
	if($mi->color=='ff7f50') $mi->shadow = '#d2691e';<!--// 코랄 -->
	if($mi->color=='ff6347') $mi->shadow = '#dc143c';<!--// 토마토 -->
	if($mi->color=='bc8f8f') $mi->shadow = '#A36464';<!--// 장미빛(비표준) -->
	if($mi->color=='ee82ee') $mi->shadow = '#da70d6';<!--// 바이올렛 -->
	if($mi->color=='c71585') $mi->shadow = '#8b0000';<!--// 미디엄바이올렛 -->
	if($mi->color=='db7093') $mi->shadow = '#cd5c5c';<!--// 팔레바이올렛 -->
}

<!--@if(Mobile::isMobileCheckByAgent())-->
{@
	$mi->bubble = 'N';
	$mi->hover = 'N';
	$mi->font_btn = 'N';
	$mi->zine_hover = 'N';
	$mi->rd_nav_side = 'N';
	if($mi->cmt_wrt=='editor') $mi->cmt_wrt = 'simple';
	if($mi->to_sns!='N') $mi->to_sns = 3;
}
<!--@end-->

<!--@if($lang_type=='ko')-->
{@
	$lang->search_info = '검색창을 열고 닫습니다';
	$lang->viewer = '뷰어로 보기';
	$lang->with_viewer = '게시물을 뷰어로 보기';
	$lang->with_viewer_info = '이 버튼을 활성화시키면, 목록에서 게시물 링크를 클릭 시 \'뷰어로 보기\'로 보게 됩니다';
	$lang->go_cmt = '댓글로 가기';
	$lang->more = '더보기';
	$lang->use_wysiwyg = '에디터 사용하기';
	$lang->sns_wrt = '설정된 SNS로 작성된 글을 동시에 발송합니다. 발송하려 하는 해당 SNS의 아이콘을 클릭하세요';
	$lang->shortcut = '단축키';
	$lang->larger = '크게';
	$lang->smaller = '작게';
	$lang->font = '글꼴';
	$lang->best_font_dsc = '사이트 기본 글꼴을 유지합니다';
	$lang->best_font = '기본글꼴';
	$lang->window_font = '맑은고딕';
	$lang->tahoma = '돋움';
	$lang->select_editor = '에디터 선택하기';
	$lang->textarea = '텍스트 모드';
	$lang->wysiwyg = '에디터 모드';
	$lang->sxc_editor = 'SNS 보내기';
	$lang->noti_rfsh = '※ 주의 : 페이지가 새로고침됩니다';
	$lang->bd_login = '로그인 하시겠습니까?';
	$lang->link_site = '사이트';
	$lang->link_site_viewer = '사이트를 뷰어로 보기';
	$lang->score = '점';
	$lang->cmd_deselect_all = '선택 해제';
	$lang->m_editor_notice = 'HTML로 작성된 문서를 모바일 기기에서 수정하는 것을 권장하지 않습니다';
	$lang->select_files_to_insert = '본문에 넣을 파일을 선택하세요';
	$lang->m_img_upoad_1 = '본문 위에 넣기';
	$lang->m_img_upoad_2 = '본문 아래에 넣기';
}
<!--@else-->
{@
	$lang->search_info = 'Show or Hide search window';
	$lang->viewer = 'Viewer';
	$lang->with_viewer = 'Read with Viewer';
	$lang->with_viewer_info = 'If this button is activated, when you click links in list, read with Viewer';
	$lang->go_cmt = 'Go comment';
	$lang->more = ', More';
	$lang->use_wysiwyg = 'Write with WYSIWYG';
	$lang->sns_wrt = 'If you send this post to your SNS, Click the SNS icon';
	$lang->shortcut = 'Shortcut';
	$lang->larger = 'Larger Font';
	$lang->smaller = 'Smaller Font';
	$lang->font = 'Font';
	$lang->best_font_dsc = 'Default';
	$lang->best_font = 'Default';
	$lang->window_font = 'Segoe UI';
	if($lang_type=='jp') $lang->window_font = 'メイリオ';
	$lang->tahoma = 'Tahoma';
	$lang->select_editor = 'Select Editor';
	$lang->textarea = 'Textarea';
	$lang->wysiwyg = 'WYSIWYG';
	$lang->sxc_editor = 'To SNS';
	$lang->noti_rfsh = '※ Be careful of Refresh';
	$lang->bd_login = 'Sign In?';
	$lang->link_site = 'Website';
	$lang->link_site_viewer = 'Go Website with Viewer';
	$lang->score = ' Score';
	$lang->cmd_deselect_all = 'Deselect';
	$lang->m_editor_notice = 'It is not recommended to update an article on mobile devices';
	$lang->select_files_to_insert = 'Select files to insert to content';
	$lang->m_img_upoad_1 = 'Files + Content';
	$lang->m_img_upoad_2 = 'Content + Files';
	$lang->cmd_vote = 'Like';
	$lang->cmd_vote_down = 'Dislike';
}
<!--@end-->

<!--@if($listStyle=='list')-->
{@ $mi->default_style = 'list'}
<!--@elseif($listStyle=='webzine')-->
{@ $mi->default_style = 'webzine'}
<!--@elseif($listStyle=='gallery')-->
{@ $mi->default_style = 'gallery'}
<!--@elseif($listStyle=='cloud_gall')-->
{@ $mi->default_style = 'cloud_gall'}
<!--@elseif($listStyle=='guest')-->
{@ $mi->default_style = 'guest'}
<!--@elseif($listStyle=='blog')-->
{@ $mi->default_style = 'blog'}
<!--@elseif($listStyle=='faq')-->
{@ $mi->default_style = 'faq'}
<!--@elseif($listStyle=='viewer')-->
{@ $mi->default_style = 'viewer'}
<!--@elseif(!in_array($mi->default_style,array('list','webzine','gallery','cloud_gall','guest','blog','faq','viewer')))-->
{@ $mi->default_style = 'list'}
<!--@end-->

<!--@if(Mobile::isFromMobilePhone())-->
<load target="../../../../common/js/jquery.min.js" index="-100006" />
<load target="../../../../common/js/xe.min.js" index="-100006" />
<load target="../../../../common/js/x.min.js" index="-100006" />
<load target="../../tpl/js/board.js" />
<!--@end-->

<!--%load_js_plugin("ui")-->
<load target="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
<load target="css/board.css" />
<load target="css/ie8.css" targetie="lt IE 9" />
<load cond="$mi->colorset=='black'" target="css/black.css" />

<!--// 커스텀 파일 넣기 -->
<include cond="file_exists(_XE_PATH_.'modules/board/skins/sketchbook5/custom/custom.php')" target="custom/custom.php" />

<style data-id="bdCss">
<!--@if($mi->font)-->
.bd,.bd input,.bd textarea,.bd select,.bd button,.bd table{font-family:<!--@if($mi->font=='ng')-->'Segoe UI',Meiryo,'나눔고딕',NanumGothic,ng,<!--@elseif($mi->font=='window_font')-->'Segoe UI',Meiryo,'맑은 고딕','Malgun Gothic',<!--@elseif($mi->font=='tahoma')-->Tahoma,'돋움',Dotum,<!--@end-->'돋움',Dotum,Helvetica,'Apple SD Gothic Neo',sans-serif}
<!--@if($mi->font=='tahoma')-->
.bd .ngeb{font-family:'돋움',Dotum,Helvetica,'Apple SD Gothic Neo',sans-serif}
<!--@else-->
.bd .ngeb{font-weight:700;font-family:'Segoe UI',Meiryo,'나눔고딕 ExtraBold','NanumGothic ExtraBold',ngeb,'맑은 고딕','Malgun Gothic','나눔고딕',NanumGothic,ng,'Trebuchet MS','돋움',dotum,Helvetica,'Apple SD Gothic Neo',sans-serif}
<!--@end-->
<!--@end-->
<!--@if($mi->color!='333333')-->
.bd a:focus,.bd input:focus,.bd button:focus,.bd textarea:focus,.bd select:focus{outline-color:#{$mi->color};}
.bd .replyNum{color:#{$mi->color} !important}
.bd .trackbackNum{color:{$mi->shadow} !important}
.bd.fdb_count .replyNum{background:#{$mi->color};}
.bd.fdb_count .trackbackNum{background:{$mi->shadow};}
<!--@end-->
.bd em,.bd .color{color:#{$mi->color};}
.bd .shadow{text-shadow:1px 1px 1px {$mi->shadow};}
.bd .bolder{color:#{$mi->color};text-shadow:2px 2px 4px {$mi->shadow};}
.bd .bg_color{background-color:#{$mi->color};}
<block cond="$mi->colorset=='white'">
.bd .bg_f_color{background-color:#{$mi->color};background:-webkit-linear-gradient(#FFF -50%,#{$mi->color} 50%);background:linear-gradient(to bottom,#FFF -50%,#{$mi->color} 50%);}
</block>
.bd .border_color{border-color:#{$mi->color};}
.bd .bx_shadow{box-shadow:0 0 2px {$mi->shadow};}
.viewer_with.on:before{background-color:#{$mi->color};box-shadow:0 0 2px #{$mi->color};}
<block cond="$mi->ribbon_img">
.ribbon_v .ribbon{width:{$mi->ribbon_size}px;height:{$mi->ribbon_size}px;background:url({$mi->ribbon_img});border:0;-webkit-box-shadow:none;box-shadow:none}
</block>
<block cond="$mi->ribbon_style">
.ribbon_v2 .ribbon{<!--@if($mi->ribbon_align)-->right:auto;left:-1px;<!--@end-->background-color:{$mi->ribbon_color};border-color:{$mi->ribbon_color};}
</block>
<block cond="$mi->no_img">
.no_img{background:url({$mi->no_img}) 50% 50% no-repeat;background-size:cover;text-indent:-999px}
</block>
<block cond="$mi->use_category!='Y' || $mi->cnb">
.bd_zine.zine li:first-child,.bd_tb_lst.common_notice tr:first-child td{margin-top:2px;border-top:1px solid #DDD}
</block>
<block cond="$mi->img_insert">
.rd_gallery{text-align:{$mi->img_insert_align};{$mi->img_insert_css};}
.rd_gallery img{width:{$mi->img_insert_width};height:{$mi->img_insert_height};{$mi->img_insert_img_css};}
</block>
<!--@if($mi->cnb3_color)-->
.cnb3 .on>a,.cnb3 a:hover,.cnb3 a:focus{border-color:{$mi->shadow};background:#{$mi->color};}
.cnb4 .on>a,.cnb4 a:hover,.cnb4 a:focus{border-color:#{$mi->color};color:#{$mi->color};}
<!--@end-->

<!--// List Style -->
<block cond="!$mi->zine_tx_color">
.bd_zine .info b,.bd_zine .info a{color:{$mi->shadow};}
.bd_zine.card h3{color:#{$mi->color};}
</block>
<!--@if($mi->default_style=='list')-->
<!--// Normal -->
<block cond="$mi->use_category!='Y'">
.bd_tb_lst{margin-top:0}
</block>
<block cond="$mi->lst_viewer=='Y'">
.bd_tb_lst .hx{position:relative;text-decoration:none}
</block>
.bd_tb_lst .cate span,.bd_tb_lst .author span,.bd_tb_lst .last_post small{max-width:{$mi->normal_lst_tdW}px}
<!--@elseif($mi->default_style=='webzine')-->
<!--// Webzine -->
<block cond="!$mi->zine_hover">
.bd_zine.zine li:hover .tmb_wrp{ -ms-transform:rotate(5deg);transform:rotate(5deg)}
.bd_zine.card li:hover{ -ms-transform:scale(1.05);transform:scale(1.05)}
</block>
.bd_zine .tmb_wrp .no_img{width:{$mi->zine_thumb_width}px;height:{$mi->zine_thumb_height}px;line-height:{$mi->zine_thumb_height}px}
.bd_zine a:hover,.bd_zine a:focus,.bd_zine .select a{border-color:#{$mi->color};}
.bd_zine.zine .tmb_wrp img,.bd_zine.card li{ {$mi->zine_css} }
<block cond="$list_config['thumbnail']">
.bd_zine.zine .rt_area{margin-left:{$mi->zine_thumb_width+20}px}
.bd_zine.zine .tmb_wrp{margin-left:-{$mi->zine_thumb_width+20}px}
</block>
<block cond="$mi->zine_style=='3' || $mi->zine_style=='4'">
.bd_zine{margin:0 auto;padding:{$mi->zine_margin}px 0}
.bd_zine li{width:{$mi->zine_thumb_width}px;margin:{$mi->zine_margin}px}
.bd_zine .tmb_wrp .no_img{width:{$mi->zine_thumb_width-2}px;<!--@if($mi->thumbnail_type=='ratio')-->height:118px;line-height:118px<!--@else-->height:{$mi->zine_thumb_width-2}px;line-height:{$mi->zine_thumb_width-2}px<!--@end-->;border:1px solid #DDD}
<!--@if($mi->zine_thumb_width > 399)-->
.bd_zine.card h3{font-size:15px}
.bd_zine.card .cnt{margin-top:1.5em}
.bd_zine.card .info{font-size:12px}
<!--@elseif($mi->zine_thumb_width > 299)-->
.bd_zine.card h3{font-size:14px}
<!--@elseif($mi->zine_thumb_width > 209)-->
.bd_zine.card h3{font-size:13px;letter-spacing:-1px}
.bd_zine.card .info{font-size:11px}
<!--@elseif($mi->zine_thumb_width < 139)-->
<!--@end-->
@media screen and (max-width:640px){
<!--@if($mi->zine_thumb_width > 279)-->
.bd_zine.card li{width:240px}
<!--@else-->
.bd_zine.card li{width:140px}
<!--@end-->
}
@media screen and (max-width:480px){
<!--@if($mi->zine_thumb_width > 399)-->
.bd_zine.card li{width:400px}
<!--@elseif($mi->zine_thumb_width > 139)-->
.bd_zine.card li{width:200px}
<!--@else-->
.bd_zine.card li{width:116px}
<!--@end-->
}
@media screen and (max-width:360px){
<!--@if($mi->zine_thumb_width > 279)-->
.bd_zine.card li{width:300px}
<!--@else-->
.bd_zine.card li{width:128px}
<!--@end-->
}
</block>
<!--@elseif($mi->default_style=='gallery')-->
<!--// Gallery -->
.bd_tmb_lst li{float:{$mi->gall_align};width:{$mi->thumbnail_width+40}px;height:{$mi->thumbnail_height+80}px;width:{$mi->li_width}px;height:{$mi->li_height}px}
.bd_tmb_lst .no_img{width:{$mi->thumbnail_width}px;<!--@if($mi->thumbnail_type=='ratio')-->height:120px;line-height:120px<!--@else-->height:{$mi->thumbnail_height}px;line-height:{$mi->thumbnail_height}px<!--@end-->}
.bd_tmb_lst .deco_img{background-image:url({$mi->deco_img})}
.bd_tmb_lst .tmb_wrp,.bd_tmb_lst.gall_style2 .tmb_wrp{max-width:{$mi->thumbnail_width}px;{$mi->thumb_css} }
<block cond="$mi->tmb_hover_bg">
.tmb_wrp .info{background:#{$mi->color};color:#FFF;<!--@if($mi->tmb_hover_bg=='3')-->filter:alpha(opacity=80);opacity:.8<!--@end-->}
</block>
<block cond="$mi->gall_deg">
.bd_tmb_lst .tmb_wrp{transition:transform .5s}
.bd_tmb_lst .tmb_wrp:hover{z-index:1;-ms-transform:rotate(0) !important;transform:rotate(0) !important}
</block>
<!--@if($mi->gall_hover_img)-->
.tmb_wrp .info{background-image:url({$mi->gall_hover_img})}
<!--@end-->
@media screen and (max-width:640px){
<!--@if($mi->thumbnail_width > 279)-->
.bd_tmb_lst li{width:50%}
<!--@elseif($mi->thumbnail_width > 179)-->
.bd_tmb_lst li{width:33.333%}
<!--@else-->
.bd_tmb_lst li{width:25%}
<!--@end-->
}
@media screen and (max-width:480px){
<!--@if($mi->thumbnail_width > 399)-->
.bd_tmb_lst li{display:block}
<!--@elseif($mi->thumbnail_width > 139)-->
.bd_tmb_lst li{width:50%}
<!--@else-->
.bd_tmb_lst li{width:33.333%}
<!--@end-->
}
@media screen and (max-width:360px){
<!--@if($mi->thumbnail_width > 279)-->
.bd_tmb_lst li{display:block}
<!--@else-->
.bd_tmb_lst li{width:50%}
<!--@end-->
}
<!--@end-->
</style>