Thumbnails Windows

A list of thumbnails windows for Pantera Commerce.

by Atinux

HTML

<div class="sq">1</div><div class="sq selected">2</div><div class="sq">3</div>

CSS

body {
    background: rgb(80,80,80);
}

.sq {
    width: 40px;
    height: 30px;
    background: -webkit-linear-gradient(rgb(229,229,229), rgb(189,189,189));
    border-radius: 5px;
    box-shadow: 0 0 10px black;
    margin: 10px;
    margin-right: 0;
    text-align:center;
    font-size: 17px;
    font-weight: bold;
    font-family: Arial;
    text-shadow: 1px 1px 1px whitesmoke;
    padding-top:10px;
    float: left;
    cursor: pointer;
}

.sq:hover {
    background: -webkit-linear-gradient(white, rgb(229,229,229));
}

.sq.selected {
    background: -webkit-linear-gradient(white, rgb(239,239,239));
}