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
-
... ... @@ -1,16 +1,10 @@ 1 1 /* ========== Agnease Public Top Menu ========== */ 2 2 3 -@brand: #00937D; 4 -@brand-strong: #007B6A; 5 -@text: #2D3A34; 6 -@muted: #5B6B64; 7 -@line: #E4ECE9; 8 -@brand-bg: #F4FCFA; 3 +/* Top-level dropdown menu items */ 9 9 10 -/* Top-level menu items */ 11 - 12 12 .agnease-services-menu, 13 -.agnease-products-menu { 6 +.agnease-products-menu, 7 +.agnease-resources-menu { 14 14 .dropdown-toggle { 15 15 font-weight: inherit; 16 16 font-size: inherit; ... ... @@ -30,20 +30,26 @@ 30 30 } 31 31 } 32 32 33 -/* Keep Agneasepublic top-levelmenuvisually clean when hovered/open/focused */27 +/* Keep public top-level dropdown items visually clean when hovered/open/focused */ 34 34 35 35 .navbar-nav > li.agnease-services-menu > a, 36 36 .navbar-nav > li.agnease-products-menu > a, 31 +.navbar-nav > li.agnease-resources-menu > a, 37 37 .navbar-nav > li.agnease-services-menu > a:hover, 38 38 .navbar-nav > li.agnease-products-menu > a:hover, 34 +.navbar-nav > li.agnease-resources-menu > a:hover, 39 39 .navbar-nav > li.agnease-services-menu > a:focus, 40 40 .navbar-nav > li.agnease-products-menu > a:focus, 37 +.navbar-nav > li.agnease-resources-menu > a:focus, 41 41 .navbar-nav > li.agnease-services-menu.open > a, 42 42 .navbar-nav > li.agnease-products-menu.open > a, 40 +.navbar-nav > li.agnease-resources-menu.open > a, 43 43 .navbar-nav > li.agnease-services-menu.open > a:hover, 44 44 .navbar-nav > li.agnease-products-menu.open > a:hover, 43 +.navbar-nav > li.agnease-resources-menu.open > a:hover, 45 45 .navbar-nav > li.agnease-services-menu.open > a:focus, 46 -.navbar-nav > li.agnease-products-menu.open > a:focus { 45 +.navbar-nav > li.agnease-products-menu.open > a:focus, 46 +.navbar-nav > li.agnease-resources-menu.open > a:focus { 47 47 background: transparent; 48 48 background-color: transparent; 49 49 color: @brand-strong; ... ... @@ -53,8 +53,8 @@ 53 53 /* Dropdown panels */ 54 54 55 55 .agnease-services-dropdown, 56 -.agnease-r esources-dropdown,57 -.agnease- products-dropdown {56 +.agnease-products-dropdown, 57 +.agnease-resources-dropdown { 58 58 min-width: 360px; 59 59 padding: 10px; 60 60 border: 1px solid @line; ... ... @@ -131,18 +131,22 @@ 131 131 } 132 132 } 133 133 134 -/* Products dropdown can be slightly narrowerfor now*/134 +/* Slightly narrower dropdowns where the content is shorter */ 135 135 136 136 .agnease-products-dropdown { 137 137 min-width: 340px; 138 138 } 139 139 140 +.agnease-resources-dropdown { 141 + min-width: 380px; 142 +} 143 + 140 140 /* Mobile */ 141 141 142 142 @media (max-width: 767px) { 143 143 .agnease-services-dropdown, 144 - .agnease-r esources-dropdown,145 - .agnease- products-dropdown {148 + .agnease-products-dropdown, 149 + .agnease-resources-dropdown { 146 146 min-width: 0; 147 147 width: 100%; 148 148 padding: 6px; ... ... @@ -156,111 +156,3 @@ 156 156 } 157 157 } 158 158 } 159 - 160 -/* ========== Mobile Navigation Optimization ========== */ 161 - 162 -@media (max-width: 767px) { 163 - .navbar-nav { 164 - margin: 0; 165 - } 166 - 167 - .navbar-collapse { 168 - border-top: 1px solid @line; 169 - box-shadow: none; 170 - } 171 - 172 - .navbar-nav > li > a { 173 - padding: 14px 18px; 174 - font-weight: 600; 175 - color: @text; 176 - } 177 - 178 - .navbar-nav > li > a:hover, 179 - .navbar-nav > li > a:focus { 180 - background: @brand-bg; 181 - color: @brand-strong; 182 - } 183 - 184 - .navbar-nav .open > a, 185 - .navbar-nav .open > a:hover, 186 - .navbar-nav .open > a:focus { 187 - background: @brand-bg; 188 - color: @brand-strong; 189 - } 190 - 191 - .navbar-nav .dropdown-menu { 192 - position: static; 193 - float: none; 194 - width: 100%; 195 - margin: 0; 196 - padding: 6px 0 12px; 197 - border: 0; 198 - border-radius: 0; 199 - box-shadow: none; 200 - background: #fff; 201 - } 202 - 203 - .navbar-nav .dropdown-menu .divider { 204 - margin: 6px 18px; 205 - background-color: @line; 206 - } 207 - 208 - .navbar-nav .dropdown-menu > li > a { 209 - display: flex; 210 - align-items: flex-start; 211 - gap: 12px; 212 - padding: 10px 18px 10px 28px; 213 - white-space: normal; 214 - color: @text; 215 - } 216 - 217 - .navbar-nav .dropdown-menu > li > a:hover, 218 - .navbar-nav .dropdown-menu > li > a:focus { 219 - background: @brand-bg; 220 - color: @brand-strong; 221 - } 222 - 223 - .navbar-nav .dropdown-menu .menu-icon { 224 - flex: 0 0 28px; 225 - width: 28px; 226 - height: 28px; 227 - margin-top: 2px; 228 - border-radius: 9px; 229 - background: @brand-soft; 230 - color: @brand-strong; 231 - display: flex; 232 - align-items: center; 233 - justify-content: center; 234 - font-size: 14px; 235 - } 236 - 237 - .navbar-nav .dropdown-menu .menu-text { 238 - display: block; 239 - min-width: 0; 240 - } 241 - 242 - .navbar-nav .dropdown-menu .menu-text strong { 243 - display: block; 244 - font-size: 14px; 245 - line-height: 1.25; 246 - color: @text; 247 - } 248 - 249 - .navbar-nav .dropdown-menu .menu-text small { 250 - display: block; 251 - margin-top: 2px; 252 - font-size: 12px; 253 - line-height: 1.35; 254 - color: @muted; 255 - } 256 - 257 - .navbar-nav .dropdown-menu > li > a:hover .menu-text strong, 258 - .navbar-nav .dropdown-menu > li > a:focus .menu-text strong { 259 - color: @brand-strong; 260 - } 261 - 262 - .navbar-nav .caret { 263 - float: right; 264 - margin-top: 8px; 265 - } 266 -}