Day 17 - Widget stylesheet

widget-thumbs-css

/*
stylesheet for recent posts plugin with thumbnails
*/
.products-widget img {      
        margin:0 0 10px 0;
}

.products-widget .readmore {
        display:none;
}
.products-widget h3{
        font-size:1.3em;
}
.products-widget a, .products-widget a:hover{
        color: white;
}
.products-widget ul{
        list-style-type:none;
}
.products-widget li{
       float:left;
       width:150px;
       list-style-type:none;
       margin:0 20px 0 0;
       padding:0 ;
       background-image:none !important;
       position:relative;
}
.products-widget .product-info{
        position:absolute;
        left:0%;
       bottom:0px;
        padding:10px 10px 0;
        width:100%;
       height:70%;
        background-color:rgba(0,0,0,.8);
        opacity:0;
        overflow:hidden;
        -webkit-transition: all 200ms ease-in;
        -moz-transition: all 200ms ease-in;
        -ms-transition: all 200ms ease-in;
        -o-transition: all 200ms ease-in;
        transition: all 200ms ease-in;
}
.products-widget a:hover .product-info{
        opacity: 1;
        bottom:14px;
}