diff options
Diffstat (limited to 'talermerchantdemos/static/navbar.scss')
-rw-r--r-- | talermerchantdemos/static/navbar.scss | 103 |
1 files changed, 0 insertions, 103 deletions
diff --git a/talermerchantdemos/static/navbar.scss b/talermerchantdemos/static/navbar.scss deleted file mode 100644 index 7a022d6..0000000 --- a/talermerchantdemos/static/navbar.scss +++ /dev/null @@ -1,103 +0,0 @@ -/** - * @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: #3daee9; -} - -nav a.active:hover, nav span.active:hover,.navbtn.active:hover { - background: #0042b2; -} - -nav a, nav span,.navbtn { - cursor: pointer; -} -nav .right { - // input[type=checkbox] { - // // // opacity: 0; - // // // position: absolute; - // // position: relative; - // // left:0.5vw; - // // // top:0; - // // width: inherit; - // // height: inherit; - - // // $sx: 1.5; - // // $sy: 1.5; - - // // -ms-transform: scale($sx,$sy); /* IE */ - // // -moz-transform: scale($sx,$sy); /* FF */ - // // -webkit-transform: scale($sx,$sy); /* Safari and Chrome */ - // // -o-transform: scale($sx,$sy); /* Opera */ - // // transform: scale($sx,$sy); - // // float:right; - // opacity: 0; - // } - // input[type=checkbox]:checked + div.nav { - // display: block; - // } - // input[type=checkbox] + div.nav { - // display: none; - // } - div.nav { - display: none; - } - div.nav:hover { - display: block; - } - float:right; - margin-right: 5vw; -} -nav .right:hover { - div.nav { - display:block; - } -} - -// input[type=checkbox]:checked + label { -// color: red; -// } |