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
-
... ... @@ -7,25 +7,53 @@ 7 7 @line: #E4ECE9; 8 8 @brand-bg: #F4FCFA; 9 9 10 -.agnease-services-menu { 10 +/* Top-level menu items */ 11 + 12 +.agnease-services-menu, 13 +.agnease-products-menu { 11 11 .dropdown-toggle { 12 12 font-weight: inherit; 13 13 font-size: inherit; 14 14 } 15 15 19 + .caret { 20 + margin-left: 4px; 21 + } 22 + 16 16 &.open > .dropdown-toggle, 17 17 .dropdown-toggle:hover, 18 18 .dropdown-toggle:focus { 19 - color: @brand; 26 + color: @brand-strong; 20 20 background: transparent; 28 + background-color: transparent; 29 + box-shadow: none; 21 21 } 31 +} 22 22 23 - .caret { 24 - margin-left: 4px; 25 - } 33 +/* Keep Agnease public top-level menu visually clean when hovered/open/focused */ 34 + 35 +.navbar-nav > li.agnease-services-menu > a, 36 +.navbar-nav > li.agnease-products-menu > a, 37 +.navbar-nav > li.agnease-services-menu > a:hover, 38 +.navbar-nav > li.agnease-products-menu > a:hover, 39 +.navbar-nav > li.agnease-services-menu > a:focus, 40 +.navbar-nav > li.agnease-products-menu > a:focus, 41 +.navbar-nav > li.agnease-services-menu.open > a, 42 +.navbar-nav > li.agnease-products-menu.open > a, 43 +.navbar-nav > li.agnease-services-menu.open > a:hover, 44 +.navbar-nav > li.agnease-products-menu.open > a:hover, 45 +.navbar-nav > li.agnease-services-menu.open > a:focus, 46 +.navbar-nav > li.agnease-products-menu.open > a:focus { 47 + background: transparent; 48 + background-color: transparent; 49 + color: @brand-strong; 50 + box-shadow: none; 26 26 } 27 27 28 -.agnease-services-dropdown { 53 +/* Dropdown panels */ 54 + 55 +.agnease-services-dropdown, 56 +.agnease-products-dropdown { 29 29 min-width: 360px; 30 30 padding: 10px; 31 31 border: 1px solid @line; ... ... @@ -102,12 +102,23 @@ 102 102 } 103 103 } 104 104 133 +/* Products dropdown can be slightly narrower for now */ 134 + 135 +.agnease-products-dropdown { 136 + min-width: 340px; 137 +} 138 + 139 +/* Mobile */ 140 + 105 105 @media (max-width: 767px) { 106 - .agnease-services-dropdown { 142 + .agnease-services-dropdown, 143 + .agnease-products-dropdown { 107 107 min-width: 0; 108 108 width: 100%; 109 109 padding: 6px; 110 110 border-radius: 0; 148 + border-left: 0; 149 + border-right: 0; 111 111 box-shadow: none; 112 112 113 113 > li > a { ... ... @@ -115,15 +115,3 @@ 115 115 } 116 116 } 117 117 } 118 -/* Keep the top-level Services menu visually clean when hovered/open/focused */ 119 -.navbar-nav > li.agnease-services-menu > a, 120 -.navbar-nav > li.agnease-services-menu > a:hover, 121 -.navbar-nav > li.agnease-services-menu > a:focus, 122 -.navbar-nav > li.agnease-services-menu.open > a, 123 -.navbar-nav > li.agnease-services-menu.open > a:hover, 124 -.navbar-nav > li.agnease-services-menu.open > a:focus { 125 - background: transparent; 126 - background-color: transparent; 127 - color: @brand-strong; 128 - box-shadow: none; 129 -}