DIY | Freebies

// Recent Posts Thumbnail Grid by Label from http://misses-cherry.blogspot.com
// Original: Blogger Recent Posts Gallery by http://theblogger911.blogspot.com
// Tutorial at http://theblogger911.blogspot.com/2013/09/customizable-recent-post-image-gallery.html
// Free to use or share, but please keep this notice intact.
//

/* Recent Posts Thumbnail Grid by Label from http://misses-cherry.blogspot.com */
/* www.theblogger911.blogspot.com Recent Posts Image Gallery CSS Start */

.tb911rp-gallery {
padding:3px;
text-align: center;
width: 100%;
}

.tb911rp-gallery:after {
content: „“;
display: table;
text-align: center;
width: 100%;
}

.tb911rp-gallery .tb911-item a {
position: relative;
float:left;
margin: 0 11px 11px 0 !important;
text-decoration:none;
}

.tb911rp-gallery .tb911-item .ptitle {
position: absolute;
z-index: 1;
opacity: 0.00;
filter: alpha(opacity=0);
display: block;
clear: left;
height: 140px;
min-height: 100%;
width: 100%;
text-align: center;
}

div.tb911rp-gallery .tb911-item .ptitle:hover {
position: absolute;
z-index: 1;
background: #fff;
color: #292929;
opacity: 0.95;
filter: alpha(opacity=95);
display: block;
clear: left;
font-size: 14px;
line-height:70px;
height: 70px;
min-height: 50%;
width: 100%;
text-align: center;
top: 25%; bottom: 25%;
overflow:hidden;
transition: background-color 0.4s; -webkit-transition: background-color 0.4s;
-moz-transition: background-color 0.4s;
}

.tb911rp-gallery a img {
float: left;
padding: 0px;
border: 1px solid #ededed;
}

/* www.theblogger911.blogspot.com Recent Posts Image Gallery CSS End */
/* Recent Posts Thumbnail Grid by Label from http://misses-cherry.blogspot.com */

var tb911rpg_thumbSize = 140;
var tb911rpg_showTitle = true;