http://2facehair.co.kr/%EB%A9%94%EC%9D%B4%ED%81%AC%EC%97%85/
위 링크에 구매해서 설치해서 사용해 보고 있는데요
글 쓴이와 조회수 댓글 부분을 빼니
리스트에서 이미지 밑에 제목 그리고
박스 부분이 맞물려지지가 않는데요
list.php 혹은 styel.css 에서
어딜 수정해야 할까요? ----------------------------------------------- 답변 좀 부탁드립니다. 감사합니다.
-------------------list.php--------------------------------------
<div id="kboard-modern-gallery-list">
<div class="kboard-header">
<?php if($board->use_category == 'yes'):?>
<div class="kboard-category">
<?php if($board->initCategory1()):?>
<ul class="kboard-category-list">
<li<?php if(!$_GET['category1']):?> class="kboard-category-selected"<?php endif?>><a href="<?php echo $url->set('category1', '')->set('pageid', '1')->set('target', '')->set('keyword', '')->set('mod', 'list')->tostring()?>"><?php echo __('All', 'kboard')?></a></li>
<?php while($board->hasNextCategory()):?>
<li<?php if($_GET['category1'] == $board->currentCategory()):?> class="kboard-category-selected"<?php endif?>><a href="<?php echo $url->set('category1', $board->currentCategory())->set('pageid', '1')->set('target', '')->set('keyword', '')->set('mod', 'list')->toString()?>"><?php echo $board->currentCategory()?></a></li>
<?php endwhile?>
</ul>
<?php endif?>
<?php if($board->initCategory2()):?>
<ul class="kboard-category-list">
<li<?php if(!$_GET['category2']):?> class="kboard-category-selected"<?php endif?>><a href="<?php echo $url->set('category2', '')->set('pageid', '1')->set('target', '')->set('keyword', '')->set('mod', 'list')->tostring()?>"><?php echo __('All', 'kboard')?></a></li>
<?php while($board->hasNextCategory()):?>
<li<?php if($_GET['category2'] == $board->currentCategory()):?> class="kboard-category-selected"<?php endif?>><a href="<?php echo $url->set('category2', $board->currentCategory())->set('pageid', '1')->set('target', '')->set('keyword', '')->set('mod', 'list')->toString()?>"><?php echo $board->currentCategory()?></a></li>
<?php endwhile?>
</ul>
<?php endif?>
</div>
<?php endif?>
</div>
<!-- 리스트 시작 -->
<ul class="kboard-list">
<?php while($content = $list->hasNext()):?>
<?php $attach = current($content->attach)?>
<li class="kboard-list-item">
<a href="<?php echo $url->set('uid', $content->uid)->set('mod', 'document')->toString()?>" class="kboard-item-thumbnail" style="background-image:url(<?php echo get_site_url().$attach[0]?>);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='<?php echo get_site_url().$attach[0]?>',sizingMethod='scale');-ms-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='<?php echo get_site_url().$attach[0]?>',sizingMethod='scale');">
<?php if(!$attach[0]):?><i class="icon-picture"></i><?php endif?>
</a>
<div class="kboard-item-description">
<a href="<?php echo $url->set('uid', $content->uid)->set('mod', 'document')->toString()?>" class="kboard-item-avatar">
</a><p class="kboard-item-title cut_strings"><a href="<?php echo $url->set('uid', $content->uid)->set('mod', 'document')->toString()?>"><?php echo $content->title?></a></p> </div>
</li>
<?php endwhile?>
</ul>
<!-- 리스트 끝 -->
<!-- 페이징 시작 -->
<div class="kboard-pagination">
<ul class="kboard-pagination-pages">
<?php echo kboard_pagination($list->page, $list->total, $list->rpp)?>
</ul>
</div>
<!-- 페이징 끝 -->
<form id="kboard-search-form" method="get" action="<?php echo $url->set('mod', 'list')->toString()?>">
<?php echo $url->set('pageid', '1')->set('target', '')->set('keyword', '')->set('mod', 'list')->toInput()?>
<div class="kboard-search">
<select name="target">
<option value=""><?php echo __('All', 'kboard')?></option>
<option value="title"<?php if($_GET['target'] == 'title'):?> selected="selected"<?php endif?>><?php echo __('Title', 'kboard')?></option>
<option value="content"<?php if($_GET['target'] == 'content'):?> selected="selected"<?php endif?>><?php echo __('Content', 'kboard')?></option>
<option value="member_display"<?php if($_GET['target'] == 'member_display'):?> selected="selected"<?php endif?>><?php echo __('Author', 'kboard')?></option>
</select>
<input type="text" name="keyword" value="<?php echo $_GET['keyword']?>">
<button type="submit" class="kboard-modern-gallery-button-small"><?php echo __('Search', 'kboard')?></button>
</div>
</form>
<?php if($board->isWriter()):?>
<!-- 버튼 시작 -->
<div class="kboard-control">
<a href="<?php echo $url->set('mod', 'editor')->toString()?>" class="kboard-modern-gallery-button-small"><?php echo __('New', 'kboard')?></a>
</div>
<!-- 버튼 끝 -->
<?php endif?>
<div class="kboard-modern-gallery-poweredby">
<a href="http://www.cosmosfarm.com/products/kboard" onclick="window.open(this.href); return false;" title="<?php echo __('KBoard is the best community software available for WordPress', 'kboard')?>">Powered by KBoard</a>
</div>
</div>
<script type="text/javascript" src="<?php echo $skin_path?>/script.js"></script>
-------------------list.php 끝
아니면,
style.css -------------------- 에서 어딜 수정해야 할까
-------------------------------------------style.css--------------------------------------------------------------------------------------------------
@charset "utf-8";
/**
* @author http://www.cosmosfarm.com/
*/
img { border: 0; }
.cut_strings { width: auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal; }
.kboard-modern-gallery-button-small,
.kboard-modern-gallery-button-small:link,
.kboard-modern-gallery-button-small:visited { display: inline-block; margin: 0 !important; padding: 0 10px !important; height: 28px; line-height: 28px; font-size: 12px !important; font-weight: normal; color: white !important; background-image: none !important; background-color: #7fc132 !important; border: none; border-radius: 0; text-decoration: none; cursor: pointer; vertical-align: middle; text-shadow: none !important; }
.kboard-modern-gallery-button-small:hover,
.kboard-modern-gallery-button-small:focus,
.kboard-modern-gallery-button-small:active { display: inline-block; margin: 0 !important; padding: 0 10px !important; height: 28px; line-height: 28px; font-size: 12px !important; font-weight: normal; color: white !important; background-image: none !important; background-color: #7fc132 !important; border: none; border-radius: 0; text-decoration: none; cursor: pointer; vertical-align: middle; text-shadow: none !important; }
.kboard-modern-gallery-poweredby { float: left; padding-bottom: 15px; width: 100%; font-size: 12px; }
.kboard-modern-gallery-poweredby a { color: gray; }
#kboard-modern-gallery-list { margin: 0 auto; width: 99%; }
#kboard-modern-gallery-list * { text-shadow: none; }
#kboard-modern-gallery-list .kboard-header { float: left; margin-top: 0; width: 100%; }
#kboard-modern-gallery-list .kboard-category { float: left; padding-bottom: 5px; width: 100%; text-align: left; }
#kboard-modern-gallery-list .kboard-category .kboard-category-list { clear: both; float: left; margin: 0; padding: 0; width: 100%; list-style: none; border-left: 1px solid #e8eaec; line-height: 28px; background: url(./images/category-background.png) left bottom repeat-x; }
#kboard-modern-gallery-list .kboard-category .kboard-category-list li { float: left; margin: 0; padding: 0; border-top: 1px solid #e8eaec; border-right: 1px solid #e8eaec; border-bottom: 1px solid #e8eaec; color: #747474; background-color: #faf7f7; font-size: 13px; }
#kboard-modern-gallery-list .kboard-category .kboard-category-list li a { display: block; padding: 0 16px; color: black; text-decoration: none; }
#kboard-modern-gallery-list .kboard-category .kboard-category-list li.kboard-category-selected { border-bottom: 1px solid white; background-color: white; }
#kboard-modern-gallery-list .kboard-category .kboard-category-list li.kboard-category-selected a { color: #6c9f31; font-weight: bold; }
#kboard-modern-gallery-list .kboard-search { float: right; padding-bottom: 5px; width: 100%; text-align: center; }
#kboard-modern-gallery-list .kboard-search select { display: inline-block; margin: 0; padding: 5px 2px; width: 80px; height: auto; font-size: 12px; color: #666666; border-radius: 0; border: 1px solid #e8eaec; vertical-align: middle; box-shadow: none; }
#kboard-modern-gallery-list .kboard-search input { display: inline-block; margin: 0; padding: 6px 2px; width: 150px; height: auto; font-size: 12px; color: #666666; border-radius: 0; border: 1px solid #e8eaec; line-height: 12px; vertical-align: middle; box-shadow: none; }
#kboard-modern-gallery-list .kboard-list { float: left; margin: 0 !important; padding: 0 !important; width: 100%; list-style: none; border: 0; }
#kboard-modern-gallery-list .kboard-list img { display: inline; margin: 0; width: auto; height: auto; vertical-align: middle; box-shadow: none; }
#kboard-modern-gallery-list .kboard-list .kboard-list-item { float: left; margin: 7px; padding: 3px; width: 290px; background: url(./images/item-background.png) left top no-repeat; overflow: hidden; list-style-type: none; }
#kboard-modern-gallery-list .kboard-list .kboard-list-item .kboard-item-thumbnail { display: block; height: 215px; line-height: 215px; color: black; text-align: center; text-decoration: none; background-position: center; background-size: cover; }
#kboard-modern-gallery-list .kboard-list .kboard-list-item .kboard-item-description { padding: 15px 23px 0 23px; height: 41px; border-bottom:1px solid #e7e7e7; border-top: 1px solid #e7e7e7; }
#kboard-modern-gallery-list .kboard-list .kboard-list-item .kboard-item-description .kboard-item-avatar { float: left; position: relative; width: 45px; height: 5px; padding-right: 14px; text-decoration: none; }
#kboard-modern-gallery-list .kboard-list .kboard-list-item .kboard-item-description .kboard-item-avatar img { margin: 0; padding: 0; width: 45px; height: 45px; vertical-align: middle; }
#kboard-modern-gallery-list .kboard-list .kboard-list-item .kboard-item-description .kboard-item-avatar .kboard-item-avatar-mask { position: absolute; left: 0; top: 0; }
#kboard-modern-gallery-list .kboard-list .kboard-list-item .kboard-item-description .kboard-item-title { margin: 0; padding: 1px 0 3px; font-size: 14px; font-weight: bold; }
#kboard-modern-gallery-list .kboard-list .kboard-list-item .kboard-item-description .kboard-item-title a { color: #2b2b2b; text-decoration: none; }
#kboard-modern-gallery-list .kboard-list .kboard-list-item .kboard-item-description .kboard-item-user { margin: 0; padding: 0; font-size: 13px; }
#kboard-modern-gallery-list .kboard-list .kboard-list-item .kboard-item-description .kboard-item-user span { color: #6c9f31; }
#kboard-modern-gallery-list .kboard-list .kboard-list-item .kboard-item-info { height: 28px; background-color: #f6f6f6; border-top: 1px solid #e7e7e7; }
#kboard-modern-gallery-list .kboard-list .kboard-list-item .kboard-item-info span { display: inline-block; padding-left: 30px; vertical-align: middle; font-size: 12px; }
#kboard-modern-gallery-list .kboard-list .kboard-list-item .kboard-item-info .kboard-item-info-views { background: url(./images/icon-views.png) 10px center no-repeat; }
#kboard-modern-gallery-list .kboard-list .kboard-list-item .kboard-item-info .kboard-item-info-like { display: none; background: url(./images/icon-like.png) 10px center no-repeat; }
#kboard-modern-gallery-list .kboard-list .kboard-list-item .kboard-item-info .kboard-item-info-comments { background: url(./images/icon-comments.png) 10px center no-repeat; }
#kboard-modern-gallery-list .kboard-pagination { float: left; padding: 15px 0; width: 100%; }
#kboard-modern-gallery-list .kboard-pagination .kboard-pagination-pages { float: left; margin: 0; padding: 0 0 1px 0; width: 100%; list-style: none; text-align: center; border: 0; }
#kboard-modern-gallery-list .kboard-pagination .kboard-pagination-pages li { display: inline; margin: 0; padding: 0 1px; background: none; border: 0; }
#kboard-modern-gallery-list .kboard-pagination .kboard-pagination-pages li a { color: black; padding: 6px 11px; text-decoration: none; font-size: 12px; line-height: 27px; }
#kboard-modern-gallery-list .kboard-pagination .kboard-pagination-pages li.active a { padding: 5px 10px; font-weight: bold; border: 1px solid #7fc132; color: white; text-decoration: none; background-color: #7fc132; }
#kboard-modern-gallery-list .kboard-control { float: left; padding: 15px 0 1px 0; width: 100%; text-align: right; }
#kboard-modern-gallery-editor { margin: 0 auto; width: 99%; }
#kboard-modern-gallery-editor * { text-shadow: none; }
#kboard-modern-gallery-editor select,
#kboard-modern-gallery-editor input { width: auto; height: auto; box-shadow: none; }
#kboard-modern-gallery-editor .kboard-header { float: left; width: 100%; border-top: 1px solid #545861; line-height: 0; }
#kboard-modern-gallery-editor .kboard-attr-row { float: left; padding: 5px 0; width: 100%; border-bottom: 1px solid #e3e3e3; background-color: white; }
#kboard-modern-gallery-editor .kboard-attr-title { float: left; border-bottom: 1px solid #e3e3e3; }
#kboard-modern-gallery-editor .kboard-attr-title input { display: inline-block; padding: 6px 2px; font-size: 12px; width: 50%; color: #666666; border-radius: 0; border: 1px solid #e8eaec; }
#kboard-modern-gallery-editor .kboard-attr-row .attr-name { display: inline; float: left; margin: 0; padding: 0 10px 0 20px; width: 95px; line-height: 30px; color: #545861; font-size: 12px; font-weight: bold; text-align: right; }
#kboard-modern-gallery-editor .kboard-attr-row .attr-name img { display: inline; max-width: 100%; vertical-align: middle; }
#kboard-modern-gallery-editor .kboard-attr-row .attr-value { font-size: 12px; }
#kboard-modern-gallery-editor .kboard-attr-row .attr-value select { margin: 0; padding: 5px 2px; font-size: 12px; min-width: 130px; color: #666666; border-radius: 0; border: 1px solid #e8eaec; }
#kboard-modern-gallery-editor .kboard-attr-row .attr-value input[type=text],
#kboard-modern-gallery-editor .kboard-attr-row .attr-value input[type=password] { margin: 0; padding: 6px 2px; font-size: 12px; color: #666666; border-radius: 0; border: 1px solid #e8eaec; }
#kboard-modern-gallery-editor .kboard-attr-row .attr-value input[type=radio],
#kboard-modern-gallery-editor .kboard-attr-row .attr-value input[type=checkbox] { margin-top: 8px; }
#kboard-modern-gallery-editor .kboard-attr-row .attr-value input[type=file] { margin: 0; padding: 6px 2px; font-size: 12px; color: #666666; border: 0; }
#kboard-modern-gallery-editor .kboard-content { float: left; padding: 9px 0; width: 100%; border-bottom: 1px solid #e3e3e3; text-align: center; background-color: white; }
#kboard-modern-gallery-editor .kboard-content textarea { display: inline; margin: 0; padding: 0; width: 98%; height: 250px; border-radius: 0; border: 1px solid #e8eaec; font-size: 12px; }
#kboard-modern-gallery-editor .kboard-control { float: left; padding: 15px 0; width: 100%; }
#kboard-modern-gallery-editor .kboard-control .left { position: static; float: left; }
#kboard-modern-gallery-editor .kboard-control .right { position: static; float: right; width: 50%; text-align: right; }
#kboard-modern-gallery-document { margin: 0 auto; width: 99%; }
#kboard-modern-gallery-document * { text-shadow: none; }
#kboard-modern-gallery-document .kboard-header { float: left; margin-top: 0; width: 100%; }
#kboard-modern-gallery-document .kboard-document-wrap { float: left; width: 100%; }
#kboard-modern-gallery-document .kboard-detail { clear: both; float: left; width: 100%; font-size: 12px; }
#kboard-modern-gallery-document .kboard-detail .detail-attr { display: inline-block; float: left; margin: 0; padding: 12px 35px 12px 22px; }
#kboard-modern-gallery-document .kboard-detail .detail-attr .detail-name { float: left; width: 50px; color: #545861; text-align: right; }
#kboard-modern-gallery-document .kboard-detail .detail-attr .detail-value { float: left; padding-left: 20px; color: #545861; }
#kboard-modern-gallery-document .kboard-detail .detail-attr .detail-value img { vertical-align: middle; }
#kboard-modern-gallery-document .kboard-title { float: left; width: 100%; }
#kboard-modern-gallery-document .kboard-title p { margin: 0; padding: 22px 22px; color: #545861; font-size: 30px; }
#kboard-modern-gallery-document .kboard-content { clear: both; float: left; width: 100%; min-height: 200px; border-top: 1px solid #e3e3e3; background-color: #f9f9f9; }
#kboard-modern-gallery-document .kboard-content .content-view { margin: 0; padding: 22px; }
#kboard-modern-gallery-document .kboard-content .content-view img { max-width: 100%; }
#kboard-modern-gallery-document .kboard-content .content-view .thumbnail-area { text-align: center; }
#kboard-modern-gallery-document .kboard-attach { padding: 0 0 5px 22px; font-size: 12px; }
#kboard-modern-gallery-document .kboard-comments-area { float: left; width: 100%; }
#kboard-modern-gallery-document .kboard-control { float: left; padding: 15px 0; width: 100%; }
#kboard-modern-gallery-document .kboard-control .left { position: static; float: left; }
#kboard-modern-gallery-document .kboard-control .right { position: static; float: right; text-align: right; }
#kboard-modern-gallery-latest * { text-shadow: none; }
#kboard-modern-gallery-latest .kboard-modern-gallery-latest-item { float: left; width: 200px; padding: 0 12px 12px 0; overflow: hidden; }
#kboard-modern-gallery-latest .kboard-modern-gallery-latest-thumbnail { display: block; width: 100%; height: 130px; line-height: 130px; color: black; vertical-align: middle; text-align: center; text-decoration: none; background-position: center; background-size: cover; }
#kboard-modern-gallery-latest .kboard-modern-gallery-latest-thumbnail:hover { opacity: 0.7; filter: alpha(opacity=70); }
#kboard-modern-gallery-latest .kboard-modern-gallery-latest-title { margin: 0; padding: 0; width: 100%; text-align: center; }
#kboard-modern-gallery-latest .kboard-modern-gallery-latest-title a { font-size: 12px; text-decoration: none; color: #555555; }
#kboard-modern-gallery-latest .kboard-modern-gallery-latest-title a:hover { color: #7fc132; }
@media (max-width: 600px) {
#kboard-modern-gallery-list .kboard-list .kboard-list-item { float: none; margin: 10px auto; }
#kboard-modern-gallery-editor .kboard-attr-row input[type=text],
#kboard-modern-gallery-editor .kboard-attr-row input[type=file],
#kboard-modern-gallery-editor .kboard-attr-row input[type=password] { width: 50%; }
#kboard-modern-gallery-list .kboard-search input { width: 80px; }
}
--------------------------styel.css 끝------------------------------------------------------------------------------------------------------------------------------------
답변부탁드립니다.
"박스 부분이 맞물려지지가 않는데요" 어떻게 수정 하시는 건지 알 수 없군요..
어떻게 나와야 하는지 좀 더 설명이 필요하네요.
필요없는 모든 부분을 제거 하신건지 확인 해보세요.
http://2facehair.co.kr/gallery/
위에서 보시면
이미지 밑에 보더라인이 서로 맞질 않습니다.
보더 라인이 맞아야 박스가 제대로 완성될텐데요
서로 맞추려면 어떠켸 해야 할지요
우선 <p class="kboard-item-title cut_strings"> 태그 앞에 의미없는 <a> 태그가 있습니다. (기존 회원 아바타가 출력되던 영역입니다.)
태그 제거 해보시고 스킨 style.css 파일도 적절히 수정해주세요.
브라우저 개발자 도구로 확인 하시면 쉽고 정확하게 확인이 가능합니다.
크롬등의 브라우저 F12키 누르시면 나옵니다.
답변 감사드립니다.
알려주신 대로 하여 찾아 냈습니다.
아래 부분에 border-bottom:1px solid #e7e7e7; 를 추가하여 맞추었습니다만,
이번엔 가로 양쪾에 2픽셀씩 나오네요 이걸 어디서 잡아야 할지 혹시 ...
가능하시다면 알려주셨으면 합니다.
#kboard-modern-gallery-list .kboard-list .kboard-list-item { float: left; margin: 3px; padding: 3px; width: 290px; background: url(./images/item-background.png) left top no-repeat; overflow: hidden; list-style-type: none; border-bottom:1px solid #e7e7e7; }
------------리스트부분-------------CSS
#kboard-modern-gallery-list { margin: 0 auto; width: 99%; }
#kboard-modern-gallery-list * { text-shadow: none; }
#kboard-modern-gallery-list .kboard-header { float: left; margin-top: 0; width: 100%; }
#kboard-modern-gallery-list .kboard-category { float: left; padding-bottom: 5px; width: 100%; text-align: left; }
#kboard-modern-gallery-list .kboard-category .kboard-category-list { clear: both; float: left; margin: 0; padding: 0; width: 100%; list-style: none; border-left: 1px solid #e8eaec; line-height: 28px; background: url(./images/category-background.png) left bottom repeat-x; }
#kboard-modern-gallery-list .kboard-category .kboard-category-list li { float: left; margin: 0; padding: 0; border-top: 1px solid #e8eaec; border-right: 1px solid #e8eaec; border-bottom: 1px solid #e8eaec; color: #747474; background-color: #faf7f7; font-size: 13px; }
#kboard-modern-gallery-list .kboard-category .kboard-category-list li a { display: block; padding: 0 16px; color: black; text-decoration: none; }
#kboard-modern-gallery-list .kboard-category .kboard-category-list li.kboard-category-selected { border-bottom: 1px solid white; background-color: white; }
#kboard-modern-gallery-list .kboard-category .kboard-category-list li.kboard-category-selected a { color: #6c9f31; font-weight: bold; }
#kboard-modern-gallery-list .kboard-search { float: right; padding-bottom: 5px; width: 100%; text-align: center; }
#kboard-modern-gallery-list .kboard-search select { display: inline-block; margin: 0; padding: 5px 2px; width: 80px; height: auto; font-size: 12px; color: #666666; border-radius: 0; border: 1px solid #e8eaec; vertical-align: middle; box-shadow: none; }
#kboard-modern-gallery-list .kboard-search input { display: inline-block; margin: 0; padding: 6px 2px; width: 150px; height: auto; font-size: 12px; color: #666666; border-radius: 0; border: 1px solid #e8eaec; line-height: 12px; vertical-align: middle; box-shadow: none; }
#kboard-modern-gallery-list .kboard-list { float: left; margin: 0 !important; padding: 0 !important; width: 100%; list-style: none; border: 0; }
#kboard-modern-gallery-list .kboard-list img { display: inline; margin: 0; width: auto; height: auto; vertical-align: middle; box-shadow: none; }
#kboard-modern-gallery-list .kboard-list .kboard-list-item { float: left; margin: 3px; padding: 3px; width: 290px; background: url(./images/item-background.png) left top no-repeat; overflow: hidden; list-style-type: none; border-bottom:1px solid #e7e7e7; }
#kboard-modern-gallery-list .kboard-list .kboard-list-item .kboard-item-thumbnail { display: block; height: 215px; line-height: 213px; color: black; text-align: center; text-decoration: none; background-position: center; background-size: cover; }
#kboard-modern-gallery-list .kboard-list .kboard-list-item .kboard-item-description { padding: 15px 23px 0 23px; height: 41px; border-top: 1px solid #e7e7e7; }
#kboard-modern-gallery-list .kboard-list .kboard-list-item .kboard-item-description .kboard-item-avatar { float: left; position: relative; width: 45px; height: 5px; padding-right: 14px; text-decoration: none; }
#kboard-modern-gallery-list .kboard-list .kboard-list-item .kboard-item-description .kboard-item-avatar img { margin: 0; padding: 0; width: 45px; height: 45px; vertical-align: middle; }
#kboard-modern-gallery-list .kboard-list .kboard-list-item .kboard-item-description .kboard-item-avatar .kboard-item-avatar-mask { position: absolute; left: 0; top: 0; }
#kboard-modern-gallery-list .kboard-list .kboard-list-item .kboard-item-description .kboard-item-title { margin: 0; padding: 1px 0 3px; font-size: 14px; font-weight: bold;}
#kboard-modern-gallery-list .kboard-list .kboard-list-item .kboard-item-description .kboard-item-title a { color: #2b2b2b; text-decoration: none; }
#kboard-modern-gallery-list .kboard-list .kboard-list-item .kboard-item-description .kboard-item-user { margin: 0; padding: 0; font-size: 13px; }
#kboard-modern-gallery-list .kboard-list .kboard-list-item .kboard-item-description .kboard-item-user span { color: #6c9f31; }
#kboard-modern-gallery-list .kboard-list .kboard-list-item .kboard-item-info { height: 28px; background-color: #f6f6f6; border-top: 1px solid #e7e7e7; }
#kboard-modern-gallery-list .kboard-list .kboard-list-item .kboard-item-info span { display: inline-block; padding-left: 30px; vertical-align: middle; font-size: 12px; }
#kboard-modern-gallery-list .kboard-list .kboard-list-item .kboard-item-info .kboard-item-info-views { background: url(./images/icon-views.png) 10px center no-repeat; }
#kboard-modern-gallery-list .kboard-list .kboard-list-item .kboard-item-info .kboard-item-info-like { display: none; background: url(./images/icon-like.png) 10px center no-repeat; }
#kboard-modern-gallery-list .kboard-list .kboard-list-item .kboard-item-info .kboard-item-info-comments { background: url(./images/icon-comments.png) 10px center no-repeat; }
#kboard-modern-gallery-list .kboard-pagination { float: left; padding: 15px 0; width: 100%; }
#kboard-modern-gallery-list .kboard-pagination .kboard-pagination-pages { float: left; margin: 0; padding: 0 0 1px 0; width: 100%; list-style: none; text-align: center; border: 0; }
#kboard-modern-gallery-list .kboard-pagination .kboard-pagination-pages li { display: inline; margin: 0; padding: 0 1px; background: none; border: 0; }
#kboard-modern-gallery-list .kboard-pagination .kboard-pagination-pages li a { color: black; padding: 6px 11px; text-decoration: none; font-size: 12px; line-height: 27px; }
#kboard-modern-gallery-list .kboard-pagination .kboard-pagination-pages li.active a { padding: 5px 10px; font-weight: bold; border: 1px solid #7fc132; color: white; text-decoration: none; background-color: #7fc132; }
#kboard-modern-gallery-list .kboard-control { float: left; padding: 15px 0 1px 0; width: 100%; text-align: right; }