Changes for page Public Web Site
Last modified by Agnease on 2026/05/30 16:24
Summary
-
Objects (1 modified, 0 added, 0 removed)
Details
- XWiki.StyleSheetExtension[1]
-
- code
-
... ... @@ -8,8 +8,6 @@ 8 8 9 9 .caret { 10 10 margin-left: 4px; 11 - border-top-color: @brand; 12 - border-bottom-color: @brand; 13 13 } 14 14 15 15 &.open > .dropdown-toggle, ... ... @@ -20,29 +20,14 @@ 20 20 background-color: transparent; 21 21 box-shadow: none; 22 22 } 23 - 24 - &.open > .dropdown-toggle .caret, 25 - .dropdown-toggle:hover .caret, 26 - .dropdown-toggle:focus .caret { 27 - border-top-color: @brand-strong; 28 - border-bottom-color: @brand-strong; 29 - } 30 30 } 31 31 32 -/* Keep Agnease public top-level menu visually clean when hovered/open/focused */ 33 - 34 -.navbar-nav > li.agnease-services-menu > a, 35 -.navbar-nav > li.agnease-products-menu > a, 36 -.navbar-nav > li.agnease-services-menu > a:hover, 37 -.navbar-nav > li.agnease-products-menu > a:hover, 38 -.navbar-nav > li.agnease-services-menu > a:focus, 39 -.navbar-nav > li.agnease-products-menu > a:focus, 40 -.navbar-nav > li.agnease-services-menu.open > a, 41 -.navbar-nav > li.agnease-products-menu.open > a, 42 -.navbar-nav > li.agnease-services-menu.open > a:hover, 43 -.navbar-nav > li.agnease-products-menu.open > a:hover, 44 -.navbar-nav > li.agnease-services-menu.open > a:focus, 45 -.navbar-nav > li.agnease-products-menu.open > a:focus { 23 +.navbar-nav > li.agnease-menu-item > a, 24 +.navbar-nav > li.agnease-menu-item > a:hover, 25 +.navbar-nav > li.agnease-menu-item > a:focus, 26 +.navbar-nav > li.agnease-menu-item.open > a, 27 +.navbar-nav > li.agnease-menu-item.open > a:hover, 28 +.navbar-nav > li.agnease-menu-item.open > a:focus { 46 46 background: transparent; 47 47 background-color: transparent; 48 48 color: @brand-strong; ... ... @@ -49,15 +49,12 @@ 49 49 box-shadow: none; 50 50 } 51 51 52 -/* Dropdown panels */ 53 - 54 54 .agnease-dropdown { 55 55 min-width: 270px; 56 56 padding: 8px; 57 - border: 1px solid fade(@brand, 18%);38 + border: 1px solid @line; 58 58 border-radius: 12px; 59 - background: #fff; 60 - box-shadow: 0 12px 32px fade(@brand-strong, 12%); 40 + box-shadow: 0 12px 32px rgba(0, 0, 0, .10); 61 61 62 62 > li > a { 63 63 display: flex; ... ... @@ -65,11 +65,10 @@ 65 65 gap: 10px; 66 66 padding: 9px 11px; 67 67 border-radius: 9px; 68 - color: @brand; 69 - background: transparent; 48 + color: @text; 70 70 white-space: nowrap; 71 71 font-size: 14px; 72 - font-weight: 700;51 + font-weight: 600; 73 73 line-height: 1.25; 74 74 75 75 i { ... ... @@ -81,12 +81,10 @@ 81 81 } 82 82 83 83 &:hover, 84 - &:focus, 85 - &:active { 63 + &:focus { 86 86 color: @brand-strong; 87 - background: fade(@brand, 8%);65 + background: @brand-bg; 88 88 text-decoration: none; 89 - outline: none; 90 90 91 91 i { 92 92 color: @brand-strong; ... ... @@ -94,33 +94,18 @@ 94 94 } 95 95 } 96 96 97 - > .active > a, 98 - > .active > a:hover, 99 - > .active > a:focus { 100 - color: @brand-strong; 101 - background: fade(@brand, 10%); 102 - text-decoration: none; 103 - 104 - i { 105 - color: @brand-strong; 106 - } 107 - } 108 - 109 109 .divider { 110 110 margin: 7px 0; 111 - background-color: fade(@brand, 16%);76 + background-color: @line; 112 112 } 113 113 } 114 114 115 -.agnease-products-dropdown, 116 -.agnease-resources-dropdown { 80 +.agnease-products-dropdown { 117 117 min-width: 260px; 118 118 } 119 119 120 -/* Remove gray Bootstrap dropdown item states */ 121 -.dropdown-menu > li > a:hover, 122 -.dropdown-menu > li > a:focus { 123 - background-image: none; 84 +.agnease-resources-dropdown { 85 + min-width: 260px; 124 124 } 125 125 126 126 /* ========== Mobile Menu ========== */ ... ... @@ -139,7 +139,7 @@ 139 139 border: 0; 140 140 border-radius: 0; 141 141 box-shadow: none; 142 - background: #fff;104 + background: transparent; 143 143 144 144 > li > a { 145 145 padding: 8px 10px; ... ... @@ -146,44 +146,15 @@ 146 146 white-space: normal; 147 147 font-size: 14px; 148 148 border-radius: 8px; 149 - color: @brand; 150 150 151 151 i { 152 152 width: 16px; 153 153 flex-basis: 16px; 154 154 } 155 - 156 - &:hover, 157 - &:focus, 158 - &:active { 159 - color: @brand-strong; 160 - background: fade(@brand, 8%); 161 - } 162 162 } 163 163 164 164 .divider { 165 165 margin: 5px 0; 166 - background-color: fade(@brand, 16%); 167 167 } 168 168 } 169 169 } 170 -/* Remove gray background from opened top-level public menu items */ 171 - 172 -.site-nav .dropdown.open > a, 173 -.site-nav .dropdown.open > a:hover, 174 -.site-nav .dropdown.open > a:focus, 175 -.site-nav .agnease-menu-item.open > a, 176 -.site-nav .agnease-menu-item.open > a:hover, 177 -.site-nav .agnease-menu-item.open > a:focus, 178 -.navbar-nav > li.dropdown.open > a, 179 -.navbar-nav > li.dropdown.open > a:hover, 180 -.navbar-nav > li.dropdown.open > a:focus, 181 -.navbar-nav > li.agnease-menu-item.open > a, 182 -.navbar-nav > li.agnease-menu-item.open > a:hover, 183 -.navbar-nav > li.agnease-menu-item.open > a:focus { 184 - color: @brand-strong; 185 - background: transparent !important; 186 - background-color: transparent !important; 187 - background-image: none !important; 188 - box-shadow: none !important; 189 -}