diff options
author | Torsten Grothoff <tg@wafflepowered.com> | 2020-09-06 13:19:00 +0200 |
---|---|---|
committer | Torsten Grothoff <tg@wafflepowered.com> | 2020-09-06 13:19:00 +0200 |
commit | 3b46ba1c8e72c0ad4ec67b8693f1298f7740140f (patch) | |
tree | 078c7be364a3f732d5a11ab332a3fa12e44141c4 /talermerchantdemos/static/navbar.css | |
parent | b0f3d60fec149ffee23872bd0e9290bebdf679e3 (diff) | |
download | taler-merchant-demos-3b46ba1c8e72c0ad4ec67b8693f1298f7740140f.tar.gz taler-merchant-demos-3b46ba1c8e72c0ad4ec67b8693f1298f7740140f.tar.bz2 taler-merchant-demos-3b46ba1c8e72c0ad4ec67b8693f1298f7740140f.zip |
Re-Designed blog
Diffstat (limited to 'talermerchantdemos/static/navbar.css')
-rw-r--r-- | talermerchantdemos/static/navbar.css | 50 |
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 |