source: extensions/flop_style/mainpage_categories/mosaic.css @ 9831

/* from http://buildinternet.com/project/mosaic thx ! */

#mosaic-content {
        margin: 10px auto;
        padding: 10px;
        text-align: center;
}
.mosaic-block {
        position:relative;
        overflow:hidden;
        width:400px;
        height:250px;
        margin:10px;
        background:#111 url(progress.gif) no-repeat center center;
        border:1px solid #fff;
        -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
        text-align:left;
        display:inline-block;
}
.mosaic-backdrop {
        display:none;
        position:absolute;
        top:0;
        height:100%;
        width:100%;
        background:#111;
}
.mosaic-overlay {
        display:none;
        z-index:5;
        position:absolute;
        width:100%;
        height:100%;
        background:#111;
        bottom:-50px;
        height:100px;
        opacity:0.8;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        filter:alpha(opacity=80);
}
.mosaic-block .clearfix {
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
}
.mosaic-block .details {
        margin:15px 20px;
}
.mosaic-block h4 {
        font:300 16px 'Helvetica Neue', Helvetica, Arial, sans-serif;
        line-height:160%;
        letter-spacing:0.15em;
        color:#fff;
        text-shadow:1px 1px 0 rgb(0,0,0);
}
.mosaic-block p {
        font:300 12px 'Lucida Grande', Tahoma, Verdana, sans-serif;
        color:#aaa;
        text-shadow:1px 1px 0 rgb(0,0,0);
}
.mosaic-block a {
        text-decoration:none;
}
.mosaic-backdrop img {
        width:400px;
        height:250px;
}