/* Включает красивое обрамление вокруг галереи изображений. */
ul.gallery {
    list-style: none;
    padding: 3px;
    background-color: rgba(245, 222, 179, 0.3);	/* Цвет фона и значение прозрачности */
    overflow: auto;
    border: 1px solid #AAA;
    margin-top: 0px;
}
 
/* Создает вокруг каждого изображения прямоугольник стандартной ширины и высоты. */
ul.gallery li {
    float: left;
    margin: 2px;
    width: 104px;
    height: 104px;
    background-color: rgba(255, 255, 255, 0.7);	/* Цвет фона и значение прозрачности */
    border: 2px solid #AAA;
    line-height: 100px;
    line-width: 100px;
    text-align: center;
    overflow: auto;
}
 
/* Изображения горизонтального формата шириной 100px */
ul.gallery img {
    width: 100px;
    height: auto;
    border: 0px;
    vertical-align: middle;
padding: 2px;
}
 
/* Изображения вертикального формата высотой 100px */
ul.gallery li.tall img {
    height: 100px;
    width: auto;
    vertical-align: middle;
padding: 2px;
}