|
|
(30 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) |
Zeile 1: |
Zeile 1: |
− | /* Style group of images inside pages generated by the form Produktmusterkoffer */
| |
− | #product-gallery {
| |
− | display: flex;
| |
− | flex-direction: row;
| |
− | flex-wrap: wrap;
| |
− | }
| |
− | #product-gallery > .element-container .image {
| |
− | margin: 5px;
| |
− | display: flex;
| |
− | flex-direction: column;
| |
− | justify-items: center;
| |
− | align-items: center;
| |
− | }
| |
− | #product-gallery > .element-container .image > img {
| |
− | border: 1px solid #c8ccd1;
| |
− | background-color: #f8f9fa;
| |
− | width: 155px;
| |
− | height: 155px;
| |
− | object-fit: contain;
| |
− | padding: 14px;
| |
− | box-sizing: border-box;
| |
− | }
| |
− | #product-gallery > .element-container .image::after {
| |
− | width: 155px;
| |
− | content: attr(title);
| |
− | color: #747e8b;
| |
− | text-align: center;
| |
− | overflow-wrap: break-word;
| |
− | z-index: 1;
| |
− | }
| |
| | | |
− | /*
| |
− | #product-gallery > .element-container > p > .image {
| |
− | border: 1px solid #c8ccd1;
| |
− | background-color: #f8f9fa;
| |
− | width: 155px;
| |
− | height: 155px;
| |
− | margin: 5px;
| |
− | padding: 14px;
| |
− | box-sizing: border-box;
| |
− | text-align: center;
| |
− | }
| |
− |
| |
− | #product-gallery .image {
| |
− | position: relative;
| |
− | }
| |
− | #product-gallery .image::after {
| |
− | content: attr(alt);
| |
− | position: absolute;
| |
− | left: 0;
| |
− | top: 155px;
| |
− | width: 155px;
| |
− |
| |
− | color: #747e8b;
| |
− | overflow-wrap: break-word;
| |
− | z-index: 1;
| |
− | } */
| |