From 7c08b690cc5d3bca79172b8f891e2000179cd703 Mon Sep 17 00:00:00 2001 From: Torsten Grothoff Date: Sun, 6 Sep 2020 18:36:33 +0200 Subject: language switcher now works --- talermerchantdemos/static/navbar.css | 97 ++++++++++++++++++++---------------- 1 file changed, 53 insertions(+), 44 deletions(-) (limited to 'talermerchantdemos/static/navbar.css') diff --git a/talermerchantdemos/static/navbar.css b/talermerchantdemos/static/navbar.css index d5496c9..aabacc3 100644 --- a/talermerchantdemos/static/navbar.css +++ b/talermerchantdemos/static/navbar.css @@ -4,63 +4,72 @@ * @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; +.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; + 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 * { - 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 *{ - padding: 15px 32px; + +nav a:hover, nav span:hover, .navbtn:hover { + background: #00000022; } -nav *:hover { - background: #00000022; +nav a.active, nav span.active, .navbtn.active { + background-color: #4CAF50; } -nav *.active { - background-color: #4CAF50; +nav a.active:hover, nav span.active:hover, .navbtn.active:hover { + background: #377c39; } -nav *.active:hover { - background: #377c39; +nav a, nav span, .navbtn { + cursor: pointer; } -nav * { - cursor: pointer; +nav .right { + float: right; + margin-right: 5vw; } -nav a.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; } -input[type=checkbox]:checked + label { - color: red; -} \ No newline at end of file +/*# sourceMappingURL=navbar.css.map */ -- cgit v1.2.3