Chanes for v1.1
1) I deleted fom template.html:
jQuery(function(){
jQuery('.masonry').masonry({
itemSelector: '.item',
columnWidth: 50
});
});
2) I deleted <div class="grid-sizer"></div> from theme.php. Is an error.
3) I deleted <br /> after <a href="{LINK_TGT}">{THUMB} from theme.php
4) I replaced in style.css:
/* Styles for masonry.
------------------------------------------------------- */
.grid-sizer {
float: left;
margin:2px;
}
.item {
width:132px;
float: left;
margin:2px;
padding:4px;
border:1px solid #cccccc;
background: #f1f1f1 ;
box-shadow:5px 5px 5px #888888;
}
.thumbTitle {
color:#cccccc;
background:#000000;
clear:both;
padding-left: 10px;
font-family:Arial,sans-serif;
font-size: 100%;
font-weight: normal;
line-height: 30px;
margin-top:5px;
margin-bottom: 5px;
text-transform: uppercase;
}
.tabDiv {
margin-top:10px;
}
/* End Styles for masonry.
------------------------------------------------------- */
with:
/* Styles for masonry.
------------------------------------------------------- */
.item {
width:14%;
float: left;
margin:4px;
padding:0.5% 1% 0.5% 0.5%;
border:1px solid #cccccc;
background: #f1f1f1 ;
box-shadow:5px 5px 5px #888888;
}
.item img {
max-width: 100%!important;
height: auto!important;
}
.thumbTitle {
color:#cccccc;
background:#000000;
clear:both;
padding-left: 10px;
font-family:Arial,sans-serif;
font-size: 100%;
font-weight: normal;
line-height: 30px;
margin-top:5px;
margin-bottom: 5px;
text-transform: uppercase;
}
.thumb_title,.thumb_caption,.thumb_filename,.thumb_num_comments {
max-width: 100%!important;
overflow: hidden;
word-break: break-all;
}
.tabDiv {
margin-top:10px;
clear: both;
}
/* End Styles for masonry.
------------------------------------------------------- */