diff options
Diffstat (limited to '')
-rw-r--r-- | style/plugins/navigation.scss | 43 |
1 files changed, 43 insertions, 0 deletions
diff --git a/style/plugins/navigation.scss b/style/plugins/navigation.scss new file mode 100644 index 0000000..207d396 --- /dev/null +++ b/style/plugins/navigation.scss @@ -0,0 +1,43 @@ + +#imagelightbox-nav-sink { + display: flex; + justify-content: center; +} +#imagelightbox-nav { + border-radius: 20px; + animation: fade-in .25s linear; + + background-color: rgba(0, 0, 0, .5); + bottom: 60px; + padding: 5px 2px 1px; + position: fixed; + z-index: 10001; + + a { + border-radius: 50%; + border: 1px solid #fff; + display: inline-block; + height: 20px; + margin: 0 5px; + width: 20px; + } + + .active { + background-color: #fff; + } +} + +@media only screen and (max-width: 660px) { + #imagelightbox-nav { + bottom: 20px; + } +} + +@keyframes fade-in { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} |