diff --git a/module/album/view/index/index.css b/module/album/view/index/index.css index 0cffe98..51ce428 100644 --- a/module/album/view/index/index.css +++ b/module/album/view/index/index.css @@ -7,27 +7,25 @@ section > .row > .col3 { } .galleryPicture { box-sizing: content-box; - padding: 22px 0 5px; + padding: 6px 0 2px; display: flex; align-items: center; justify-content: center; position: relative; text-align: center; - background-color: rgba(230, 230, 230, 0.7); - border: 1px solid rgba(0,0,0,0.2); - border-radius: 6px; + background-color: rgba(0, 0, 0, 0); transition: background-color 1.3s ease; } .galleryPicture:hover { - background-color: rgb(192, 192, 192); + background-color: rgba(255, 255, 255, 0.3); } .galleryName { - line-height: 1.25; + line-height: 1.20; font-size: 0.85em; } .galleryPicture > figure > img { - max-height: 25vmin; - max-width: 95%; + max-height: 100%; + max-width: 96%; object-fit: contain; } figure, figcaption { @@ -51,9 +49,3 @@ section > .row > .col3 { flex: 0 0 50%; } } -/* -@media (max-width: 799px) and (orientation: landscape) { -.galleryPicture { - padding: 30px 0; -} -*/