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.css97
1 files changed, 53 insertions, 44 deletions
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 */