summaryrefslogtreecommitdiff
path: root/talermerchantdemos/static/navbar.css
diff options
context:
space:
mode:
Diffstat (limited to 'talermerchantdemos/static/navbar.css')
-rw-r--r--talermerchantdemos/static/navbar.css50
1 files changed, 50 insertions, 0 deletions
diff --git a/talermerchantdemos/static/navbar.css b/talermerchantdemos/static/navbar.css
new file mode 100644
index 0000000..21d73a7
--- /dev/null
+++ b/talermerchantdemos/static/navbar.css
@@ -0,0 +1,50 @@
+/**
+ * @author Torsten Grothoff
+ * @name navbar.css
+ * @description Makes the navigation bar have styles
+ */
+
+
+.navcontainer{
+ overflow:hidden;
+ background:#144;
+ margin-bottom:50px;
+ width:100%;
+ color:white;
+ position:-webkit-sticky;
+ position:sticky;
+ top:0px;
+ width: 100vw;
+ backdrop-filter: blur(10px);
+ opacity: 1;
+ z-index: 10000;
+}
+nav {
+ left: 1vw;
+ position: relative;
+ background:#144;
+ z-index: 10000;
+}
+
+nav a {
+ border: none;
+ color: white;
+ padding: 15px 32px;
+ text-align: center;
+ text-decoration: none;
+ display: inline-block;
+ font-size: 16px;
+ background: #00000000;
+}
+
+nav a:hover {
+ background: #00000022;
+}
+
+nav a.active {
+ background-color: #4CAF50;
+}
+
+nav a.active:hover {
+ background: #377c39;
+} \ No newline at end of file