diff options
Diffstat (limited to 'src/static/site6.css')
-rw-r--r-- | src/static/site6.css | 49 |
1 files changed, 40 insertions, 9 deletions
diff --git a/src/static/site6.css b/src/static/site6.css index a932dfe3..9996da68 100644 --- a/src/static/site6.css +++ b/src/static/site6.css @@ -1128,11 +1128,6 @@ img.pixelate { height: 100%; } -.reveal .image { - filter: blur(20px); - opacity: 0.4; -} - .reveal-text-container { position: absolute; top: 15px; @@ -1148,10 +1143,6 @@ img.pixelate { font-size: 0.9em; } -.reveal:not(.revealed) .image-inner-area { - background: var(--deep-color); -} - .reveal-text { color: white; text-align: center; @@ -1172,6 +1163,25 @@ img.pixelate { .reveal-interaction { opacity: 0.8; + text-decoration: underline; + text-decoration-style: dotted; +} + +.reveal .image { + opacity: 0.7; + filter: blur(20px) brightness(0.7); +} + +.reveal .image.reveal-thumbnail { + image-rendering: pixelated; +} + +.reveal.has-reveal-thumbnail:not(.revealed) .image:not(.reveal-thumbnail) { + display: none !important; +} + +.reveal.revealed.has-reveal-thumbnail .image.reveal-thumbnail { + display: none !important; } .reveal.revealed .image { @@ -1183,6 +1193,27 @@ img.pixelate { display: none; } +.reveal:not(.revealed) .image-inner-area { + background: var(--deep-color); + + box-sizing: border-box; + border: 1px dotted var(--primary-color); + border-radius: 6px; +} + +.reveal .image-inner-area:hover .reveal-interaction { + text-decoration-style: solid; +} + +.reveal:not(.revealed) .image-inner-area:hover { + border-style: solid; +} + +.reveal:not(.revealed) .image-inner-area:hover .image { + filter: blur(20px) brightness(0.6); + opacity: 0.6; +} + .image-link:not(.no-image-preview) .image-container { background: var(--deep-color); box-shadow: none; |