|
|
| (33 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) |
| Zeile 1: |
Zeile 1: |
| − | /* Style group of images inside pages generated by the form Produktmusterkoffer */
| |
| − | #product-gallery {
| |
| − | background: red;
| |
| − | display: flex;
| |
| − | flex-direction: row;
| |
| − | flex-wrap: wrap;
| |
| − | }
| |
| − | #product-gallery > .element-container .image {
| |
| − | background-color: blue;
| |
| − | margin: 5px;
| |
| − | display: flex;
| |
| − | flex-direction: column;
| |
| − | justify-items: space-between;
| |
| − | 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 {
| |
| − | content: attr(title);
| |
| − | color: #747e8b;
| |
| − | width: 155px;
| |
| − | 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;
| |
| − | } */
| |
