diff --git a/assets/scss/layouts/photos.scss b/assets/scss/layouts/photos.scss index 583db59..66cea2e 100644 --- a/assets/scss/layouts/photos.scss +++ b/assets/scss/layouts/photos.scss @@ -46,8 +46,8 @@ display: block; transition: opacity 0.2s; span#caption{ - transition: width .5s ease,height .5s ease; - display:none; + transition: width .5s ease,height .5s ease, border-radius .5s ease; + display:block; background-color:rgba(27, 27,27, 0.7); color:white; --width:17.5em; @@ -59,6 +59,11 @@ word-break:break-word; padding:0px; text-decoration:none!important; + position:relative; + left:50%; + top:50%; + transform: translate(-50%, -50%); + border-radius:100%; } } @@ -67,11 +72,11 @@ cursor: pointer; transition: opacity 0.2s; span#caption{ - display:block; width: var(--width)!important; height:var(--height)!important; overflow: auto; - padding:10px + padding:10px; + border-radius:0; } }