summaryrefslogtreecommitdiff
path: root/talermerchantdemos/static/navbar.css
diff options
context:
space:
mode:
authorChristian Grothoff <christian@grothoff.org>2020-10-10 22:55:31 +0200
committerChristian Grothoff <christian@grothoff.org>2020-10-10 22:55:31 +0200
commit2e665813a44988bfd906c0fab773f82652047841 (patch)
treeabb09bb226ec904d23592edbc8372634f5b7a31b /talermerchantdemos/static/navbar.css
parentad45c1d0d6152d6eddde39881461a3472f799ab7 (diff)
parent58af97724593e6d9cf423035f46da8f88c29526c (diff)
downloadtaler-merchant-demos-2e665813a44988bfd906c0fab773f82652047841.tar.gz
taler-merchant-demos-2e665813a44988bfd906c0fab773f82652047841.tar.bz2
taler-merchant-demos-2e665813a44988bfd906c0fab773f82652047841.zip
merge torsten-redesign branch, implement i18n support
Diffstat (limited to 'talermerchantdemos/static/navbar.css')
-rw-r--r--talermerchantdemos/static/navbar.css75
1 files changed, 75 insertions, 0 deletions
diff --git a/talermerchantdemos/static/navbar.css b/talermerchantdemos/static/navbar.css
new file mode 100644
index 0000000..aabacc3
--- /dev/null
+++ b/talermerchantdemos/static/navbar.css
@@ -0,0 +1,75 @@
+/**
+ * @author Torsten Grothoff
+ * @name navbar.css
+ * @description Makes the navigation bar have styles
+ * @license LGPL-3.0-or-later
+ */
+.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, nav span, .navbtn {
+ border: none;
+ color: white;
+ text-align: center;
+ text-decoration: none;
+ display: inline-block;
+ font-size: 16px;
+ background: #00000000;
+ height: inherit;
+}
+
+nav a, nav span, .navbtn {
+ padding: 15px 32px;
+}
+
+nav a:hover, nav span:hover, .navbtn:hover {
+ background: #00000022;
+}
+
+nav a.active, nav span.active, .navbtn.active {
+ background-color: #4CAF50;
+}
+
+nav a.active:hover, nav span.active:hover, .navbtn.active:hover {
+ background: #377c39;
+}
+
+nav a, nav span, .navbtn {
+ cursor: pointer;
+}
+
+nav .right {
+ float: right;
+ margin-right: 5vw;
+}
+nav .right div.nav {
+ display: none;
+}
+nav .right div.nav:hover {
+ display: block;
+}
+
+nav .right:hover div.nav {
+ display: block;
+}
+
+/*# sourceMappingURL=navbar.css.map */