trying to independenly restyle the navigationWidget

2026-07-25 16:44:28 +00:00 · 2024-03-18 15:17:14 +01:00
parent 92cb4dedef
commit acac5dfc65
7 changed files with 184 additions and 19 deletions
@@ -0,0 +1,122 @@
+
+nav {
+    display: block;
+  }
+
+  .fhc-navbar {
+    position: relative;
+    min-height: 50px;
+    margin-bottom: 20px;
+    border: 1px solid transparent;
+      border-top-color: transparent;
+      border-top-width: 1px;
+      border-right-color: transparent;
+      border-right-width: 1px;
+      border-bottom-color: transparent;
+      border-bottom-width: 1px;
+      border-left-color: transparent;
+      border-left-width: 1px;
+  }
+
+  
+
+  @media (min-width: 768px){
+    .fhc-navbar {
+        border-radius: 4px;
+      }
+    }
+
+
+
+  .fhc-navbar-static-top {
+    z-index: 1000;
+    border-width: 0 0 1px;
+  }
+
+  @media (min-width: 768px){
+    .fhc-navbar-static-top {
+      border-radius: 0;
+    }
+    
+  }
+
+  .fhc-navbar-default {
+    background-color: #f8f8f8;
+    border-color: #e7e7e7;
+  }
+
+  @media (min-width: 768px){
+  .navbar-header {
+    float: left;
+  }
+}
+
+.fhc-navbar-default .navbar-collapse, .fhc-navbar-default .fhc-navbar-form {
+    border-color: #e7e7e7;
+  }
+
+  ol, ul {
+    margin-top: 0;
+    margin-bottom: 10px;
+  }
+
+  .fhc-nav {
+    padding-left: 0;
+    margin-bottom: 0;
+    list-style: none;
+  }
+
+  .fhc-nav > li {
+    position: relative;
+    display: block;
+  }
+
+  .fhc-nav > li > a {
+    position: relative;
+    display: block;
+    padding: 10px 15px;
+  }
+
+  .text-right {
+    text-align: right;
+  }
+
+  .dropdown-toggle::after {
+    content:none;
+  }
+
+.fhc-nav li a {
+    text-decoration: none;
+   
+}
+
+
+
+.dropdown-menu {
+    position: absolute;
+    top: 100%;
+    left: 0;
+    z-index: 1000;
+    display: none;
+    float: left;
+    min-width: 160px;
+    padding: 5px 0;
+    margin: 2px 0 0;
+    font-size: 14px;
+    text-align: left;
+    list-style: none;
+    background-color: #fff;
+    background-clip: padding-box;
+    border: 1px solid #ccc;
+    border: 1px solid rgba(0,0,0,.15);
+    border-radius: 4px;
+    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
+    box-shadow: 0 6px 12px rgba(0,0,0,.175);
+  }
+
+
+  .open > .dropdown-menu {
+    display: block;
+  }
+
+