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;
+    }
+}