From 7307889639b68064e642ae65bf98d9856c10922b Mon Sep 17 00:00:00 2001 From: Victor Häggqvist Date: Sat, 16 Jan 2016 14:14:59 +0100 Subject: finalize convertion of existing plugins --- style/plugins/navigation.scss | 43 +++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 43 insertions(+) create mode 100644 style/plugins/navigation.scss (limited to 'style/plugins/navigation.scss') 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; + } +} -- cgit v1.2.3